/* menu-marketing.css · menú del estudio ordenado en Marketing → Fuerza comercial → Servicio (25/10).
   Rótulos de sección chicos (los .grupo de siempre), barra lateral del estudio más compacta en pantallas bajas y pantalla «Más» del celular. Archivo propio. */

/* compu baja: con 5 rótulos y 13 filas la barra del estudio tiene que entrar entera sin desplazarse (solo mouse; el dedo sigue con 44 px) */
@media (min-width:861px) and (max-height:820px) and (pointer:fine){
  .shell:not(.plegado) .side.side-cl{gap:.375rem;padding-block:.5rem}
  .shell:not(.plegado) .side.side-cl .marca{padding-block:0}
  .shell:not(.plegado) .side.side-cl .nav a{min-height:1.75rem;padding-block:.125rem}
  .shell:not(.plegado) .side.side-cl .nav .grupo{margin:.375rem .625rem 0}
  .shell:not(.plegado) .side.side-cl .pie{padding-block:.375rem}
}
@media (min-width:861px) and (max-height:680px) and (pointer:fine){
  .shell:not(.plegado) .side.side-cl{gap:.25rem;padding-block:.375rem}
  .shell:not(.plegado) .side.side-cl .nav{gap:0}
  .shell:not(.plegado) .side.side-cl .nav a{min-height:1.5rem;padding-block:0;font-size:.8125rem}
  .shell:not(.plegado) .side.side-cl .nav .grupo{margin:.25rem .625rem 0}
}
@media (min-width:861px) and (max-height:600px) and (pointer:fine){
  .shell:not(.plegado) .side.side-cl .nav a{min-height:1.3125rem;font-size:.78125rem}
}

/* «Más» del estudio (celular): los mismos grupos del menú de la compu, en dos columnas */
.mas-cl{display:flex;flex-direction:column;gap:.75rem}
.mas-g{display:flex;flex-direction:column;gap:.375rem}
.mas-et{margin:0;font-family:var(--sans);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);font-weight:700}
.mas-fila{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}
.mas-it{display:flex;align-items:center;gap:.625rem;min-width:0;min-height:max(2.75rem,44px);padding:.25rem .75rem;border:1px solid var(--line);border-radius:var(--r-ctrl);background:var(--surface);color:var(--ink);text-decoration:none;font-weight:550;line-height:1.2}
.mas-it:hover{background:var(--hover)}
.mas-ico{flex:none;display:grid;place-items:center;color:var(--accent)}
.mas-ico svg{width:1.25rem;height:1.25rem}
.mas-it .tx{min-width:0;overflow-wrap:anywhere}

/* Anuncios del estudio sin conectar: los 3 pasos */
.aa-pasos-l{list-style:none;margin:.25rem 0 .5rem;padding:0;display:flex;flex-direction:column;gap:.625rem}
.aa-paso{display:flex;align-items:flex-start;gap:.75rem}
.aa-num{flex:none;display:grid;place-items:center;width:1.75rem;height:1.75rem;border-radius:50%;border:1px solid var(--line-2,var(--line));background:var(--raised);color:var(--accent);font-weight:700;font-size:.8125rem}
.aa-paso.hecho .aa-num{background:var(--accent-soft);border-color:var(--accent-line)}
.aa-paso>span:last-child{display:flex;flex-direction:column;gap:.125rem;min-width:0}
.aa-paso small{color:var(--accent);font-weight:600;font-size:.75rem}
.aa-pd{color:var(--mute)}
.aa-pt{display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap}