/* ESTILO SOBRIO · etapa 1 (21/10/2026): Resumen y Mis leads del CLIENTE.
   Idea: la ventana «Revisar mis respuestas» del onboarding. Lista simple, una cosa a la vez, mucho aire,
   sin tarjetas apiladas con borde, tipografía y colores contenidos. Todo el CSS nuevo vive acá (se carga después de app.css).
   Los selectores arrancan con #main[data-vista=…] para ganarle a app.css por especificidad sin tocarlo.
   Piso de letra: 11 px (.75rem = 11,04 px con el 92 % de fábrica). Toques: 44 px en celular. */

/* ================= RESUMEN del cliente ================= */
/* (Configuración del cliente dibuja el mismo Resumen de fondo: por eso también vale para [data-vista=vConfig]:has(.hola)) */
#main:is([data-vista=vSemana],[data-vista=vConfig]:has(.hola)){--sob-medio:46rem;padding:1.75rem max(1.75rem,calc((100% - 58rem) / 2)) 2rem;gap:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:3.5rem;align-content:start}
#main:is([data-vista=vSemana],[data-vista=vConfig]:has(.hola))>*{min-width:0}
#main:is([data-vista=vSemana],[data-vista=vConfig]:has(.hola)) .hola{grid-column:1/-1;margin-bottom:1.75rem}
#main:is([data-vista=vSemana],[data-vista=vConfig]:has(.hola)) .hola h1{font-size:1.5rem;font-weight:500;letter-spacing:0}
#main:is([data-vista=vSemana],[data-vista=vConfig]:has(.hola)) .hola .mano{display:none}
#main:is([data-vista=vSemana],[data-vista=vConfig]:has(.hola)) .hola .sub{margin-top:.25rem;font-size:.9375rem}

/* accesos: una lista, no cuatro cajas de color */
#main:is([data-vista=vSemana],[data-vista=vConfig]:has(.hola)) .bloques{grid-column:1;grid-row:3 / span 2;display:flex;flex-direction:column;gap:0;align-self:start}
#main:is([data-vista=vSemana],[data-vista=vConfig]:has(.hola)) .bloque{display:grid;grid-template-columns:1.375rem minmax(0,1fr) auto;grid-template-areas:"i t g" "i d g";column-gap:1rem;row-gap:.0625rem;align-items:center;min-height:3.5rem;padding:.5rem 0;border:0;border-top:1px solid var(--line);border-radius:0;background:none;box-shadow:none;transform:none;animation:none;opacity:1;color:var(--ink)}
#main:is([data-vista=vSemana],[data-vista=vConfig]:has(.hola)) .bloque:first-child{border-top:0}
#main:is([data-vista=vSemana],[data-vista=vConfig]:has(.hola)) .bloque:hover{background:none;box-shadow:none;transform:none}
#main:is([data-vista=vSemana],[data-vista=vConfig]:has(.hola)) .bloque:hover b{color:var(--accent)}
#main:is([data-vista=vSemana],[data-vista=vConfig]:has(.hola)) .bloque:active{transform:none;opacity:.7}
#main:is([data-vista=vSemana],[data-vista=vConfig]:has(.hola)) .bloque:focus-visible{outline:.125rem solid var(--accent);outline-offset:.125rem}
#main:is([data-vista=vSemana],[data-vista=vConfig]:has(.hola)) .bloque::after{content:"›";grid-area:g;color:var(--dim);font-size:1.25rem;line-height:1}
#main:is([data-vista=vSemana],[data-vista=vConfig]:has(.hola)) .bloque .b-ico{grid-area:i;width:1.375rem;height:1.375rem;border-radius:0;background:none;color:var(--mute)}
#main:is([data-vista=vSemana],[data-vista=vConfig]:has(.hola)) .bloque .b-ico svg{width:1.25rem;height:1.25rem}
#main:is([data-vista=vSemana],[data-vista=vConfig]:has(.hola)) .bloque.b-oro .b-ico{color:var(--accent)}
#main:is([data-vista=vSemana],[data-vista=vConfig]:has(.hola)) .bloque b{grid-area:t;margin:0;font-size:.9375rem;font-weight:600;line-height:1.25;display:flex;align-items:center;gap:.25rem;transition:color .15s}
#main:is([data-vista=vSemana],[data-vista=vConfig]:has(.hola)) .bloque>span:last-of-type{grid-area:d;font-size:.8125rem;line-height:1.25;color:var(--mute);opacity:1}
#main:is([data-vista=vSemana],[data-vista=vConfig]:has(.hola)) .bloque .punto{margin-left:.25rem}

/* videos: lista corta, sin carrusel */
#main:is([data-vista=vSemana],[data-vista=vConfig]:has(.hola)) .vids{grid-column:1/-1;grid-row:2;margin:0 0 1.75rem}
#main:is([data-vista=vSemana],[data-vista=vConfig]:has(.hola)) .vids h2{margin:0 0 .25rem;font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;color:var(--mute);font-weight:600}
#main:is([data-vista=vSemana],[data-vista=vConfig]:has(.hola)) .vid-fila{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 3.5rem;overflow:visible;padding:0}
#main:is([data-vista=vSemana],[data-vista=vConfig]:has(.hola)) .vid-card{flex:none;display:grid;grid-template-columns:1.375rem minmax(0,1fr);grid-template-areas:"p t" "p d";column-gap:1rem;row-gap:.0625rem;align-items:center;min-height:3.5rem;padding:.5rem 0;border:0;border-top:1px solid var(--line);border-radius:0;background:none;opacity:1;text-align:left;width:100%}
#main:is([data-vista=vSemana],[data-vista=vConfig]:has(.hola)) .vid-card:hover{border-color:var(--line)}
#main:is([data-vista=vSemana],[data-vista=vConfig]:has(.hola)) .vid-card:hover b{color:var(--accent)}
#main:is([data-vista=vSemana],[data-vista=vConfig]:has(.hola)) .vid-card.visto b{color:var(--mute);font-weight:500}
#main:is([data-vista=vSemana],[data-vista=vConfig]:has(.hola)) .vid-pl{grid-area:p;width:1.375rem;height:1.375rem;background:none;color:var(--accent)}
#main:is([data-vista=vSemana],[data-vista=vConfig]:has(.hola)) .vid-card.visto .vid-pl{color:var(--ok)}
#main:is([data-vista=vSemana],[data-vista=vConfig]:has(.hola)) .vid-pl svg{width:1.125rem;height:1.125rem}
#main:is([data-vista=vSemana],[data-vista=vConfig]:has(.hola)) .vid-card b{grid-area:t;font-size:.9375rem;font-weight:600;line-height:1.25;transition:color .15s}
#main:is([data-vista=vSemana],[data-vista=vConfig]:has(.hola)) .vid-card .small{grid-area:d;font-size:.8125rem;line-height:1.25}
#main:is([data-vista=vSemana],[data-vista=vConfig]:has(.hola)) .vids{position:relative}
#main:is([data-vista=vSemana],[data-vista=vConfig]:has(.hola)) .vids-mas-b{position:absolute;top:0;right:0;margin:0;background:none;border:0;padding:0;font:inherit;font-size:.75rem;line-height:1.2;cursor:pointer;color:var(--mute);font-weight:500;text-decoration:underline;text-underline-offset:.1875rem} /* en la compu va a la derecha de «Empezá por acá»: no gasta un renglón */
#main:is([data-vista=vSemana],[data-vista=vConfig]:has(.hola)) .vids-mas-b:hover{color:var(--ink)}
#main:is([data-vista=vSemana],[data-vista=vConfig]:has(.hola)) .vids:not(.todos) .vid-extra{display:none}
/* compus bajas (≤700 px de alto): el hueco de 1,75 rem bajo el video hacía que el Resumen del estudio sobrara 17 px (QA 28/10) */
@media (max-height:700px){html:not([data-ancho=cel]) #main:is([data-vista=vSemana],[data-vista=vConfig]:has(.hola)) .vids{margin-bottom:.5rem}}

/* el número del mes: una línea tranquila, no una tarjeta */
#main:is([data-vista=vSemana],[data-vista=vConfig]:has(.hola)) .meta-s{grid-column:2;grid-row:3;align-self:start;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.5rem 1rem;align-items:end;padding:1rem 0 0;border:0;border-top:1px solid var(--line);border-radius:0;background:none;animation:none}
#main:is([data-vista=vSemana],[data-vista=vConfig]:has(.hola)) .meta-s>div:first-child{display:flex;flex-direction:column;gap:.125rem}
#main:is([data-vista=vSemana],[data-vista=vConfig]:has(.hola)) .meta-s b{font-family:var(--serif);font-size:1.5rem;font-weight:500;line-height:1.15}
#main:is([data-vista=vSemana],[data-vista=vConfig]:has(.hola)) .meta-s b small{font-family:var(--sans);font-size:.8125rem;color:var(--mute)}
#main:is([data-vista=vSemana],[data-vista=vConfig]:has(.hola)) .meta-s .barra{grid-column:1/-1;grid-row:2;height:.25rem;border:0;background:var(--line-2)}
#main:is([data-vista=vSemana],[data-vista=vConfig]:has(.hola)) .meta-s .barra b{top:-.25rem;bottom:-.25rem;width:1px}
#main:is([data-vista=vSemana],[data-vista=vConfig]:has(.hola)) .meta-s .pill{grid-column:2;grid-row:1;align-self:end}

/* lo secundario: cerrado, como un texto */
#main:is([data-vista=vSemana],[data-vista=vConfig]:has(.hola)) .mas-num{grid-column:1/-1;grid-row:5;margin-top:1.25rem}
#main:is([data-vista=vSemana],[data-vista=vConfig]:has(.hola)) .mas-num>summary{border:0;background:none;color:var(--mute);height:auto;min-height:2.5rem;padding:0;font-weight:500;text-decoration:underline;text-underline-offset:.1875rem;justify-content:flex-start;cursor:pointer}
#main:is([data-vista=vSemana],[data-vista=vConfig]:has(.hola)) .mas-num>summary:hover{color:var(--ink)}
#main:is([data-vista=vSemana],[data-vista=vConfig]:has(.hola)) .mas-num[open]{gap:var(--gap)}
#main:is([data-vista=vSemana],[data-vista=vConfig]:has(.hola)) .mas-num .card,#main:is([data-vista=vSemana],[data-vista=vConfig]:has(.hola)) .mas-num .hero{background:none;box-shadow:none;animation:none}
#main:is([data-vista=vSemana],[data-vista=vConfig]:has(.hola)) .respira{animation:none}

/* celular y ventanas angostas: una sola columna */
html[data-ancho=cel] #main:is([data-vista=vSemana],[data-vista=vConfig]:has(.hola)){display:flex;flex-direction:column;padding:.75rem 1.25rem .75rem}
html[data-ancho=cel] #main:is([data-vista=vSemana],[data-vista=vConfig]:has(.hola))>*{flex:none;align-self:stretch}
html[data-ancho=cel] #main:is([data-vista=vSemana],[data-vista=vConfig]:has(.hola)) .vid-fila{display:flex;flex-direction:column}
html[data-ancho=cel] #main:is([data-vista=vSemana],[data-vista=vConfig]:has(.hola)) .vid-card:first-child{border-top:0}
html[data-ancho=cel] #main:is([data-vista=vSemana],[data-vista=vConfig]:has(.hola)) .vids .vid-fila .vid-card.vid-extra{display:grid}
html[data-ancho=cel] #main:is([data-vista=vSemana],[data-vista=vConfig]:has(.hola)) .vids-mas-b{display:none}
html[data-ancho=cel] #main:is([data-vista=vSemana],[data-vista=vConfig]:has(.hola)) .hola{margin-bottom:.5rem}
html[data-ancho=cel] #main:is([data-vista=vSemana],[data-vista=vConfig]:has(.hola)) .hola h1{font-size:1.375rem}
html[data-ancho=cel] #main:is([data-vista=vSemana],[data-vista=vConfig]:has(.hola)) .hola .sub{font-size:.875rem}
html[data-ancho=cel] #main:is([data-vista=vSemana],[data-vista=vConfig]:has(.hola)) .vids{margin:0 0 .5rem}
html[data-ancho=cel] #main:is([data-vista=vSemana],[data-vista=vConfig]:has(.hola)) .bloque,html[data-ancho=cel] #main:is([data-vista=vSemana],[data-vista=vConfig]:has(.hola)) .vid-card{min-height:44px;padding:.25rem 0;display:grid;border-radius:0}
html[data-ancho=cel] #main:is([data-vista=vSemana],[data-vista=vConfig]:has(.hola)) .bloque b,html[data-ancho=cel] #main:is([data-vista=vSemana],[data-vista=vConfig]:has(.hola)) .vid-card b{font-size:.9375rem;margin:0}
html[data-ancho=cel] #main:is([data-vista=vSemana],[data-vista=vConfig]:has(.hola)) .bloque>span:last-of-type{font-size:.75rem;opacity:1}
html[data-ancho=cel] #main:is([data-vista=vSemana],[data-vista=vConfig]:has(.hola)) .vid-card .small{font-size:.75rem}
html[data-ancho=cel] #main:is([data-vista=vSemana],[data-vista=vConfig]:has(.hola)) .bloque .b-ico{width:1.375rem;height:1.375rem;border-radius:0}
html[data-ancho=cel] #main:is([data-vista=vSemana],[data-vista=vConfig]:has(.hola)) .meta-s{grid-template-columns:minmax(0,1fr) auto;margin-top:.25rem;padding-top:.5rem}
html[data-ancho=cel] #main:is([data-vista=vSemana],[data-vista=vConfig]:has(.hola)) .meta-s .barra{grid-column:1/-1;grid-row:2}
html[data-ancho=cel] #main:is([data-vista=vSemana],[data-vista=vConfig]:has(.hola)) .mas-num{margin-top:.25rem}
html[data-ancho=cel] #main:is([data-vista=vSemana],[data-vista=vConfig]:has(.hola)) .mas-num>summary{min-height:44px;display:inline-flex;align-items:center}
html[data-ancho=cel] #main:is([data-vista=vSemana],[data-vista=vConfig]:has(.hola)) .vid-fila:has(.vid-card+.vid-card){flex-direction:row;gap:.5rem;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none}
html[data-ancho=cel] #main:is([data-vista=vSemana],[data-vista=vConfig]:has(.hola)) .vid-fila:has(.vid-card+.vid-card)::-webkit-scrollbar{display:none}
html[data-ancho=cel] #main:is([data-vista=vSemana],[data-vista=vConfig]:has(.hola)) .vid-fila:has(.vid-card+.vid-card) .vid-card{flex:0 0 min(78%,16rem);width:auto;scroll-snap-align:start;border:1px solid var(--line);border-radius:var(--r-ctrl);padding:.25rem .625rem;column-gap:.625rem}
/* Celular: «Mis anuncios», «Accesos» y «Noticias» van en UN solo renglón (antes eran dos, y el Resumen no entraba en la pantalla). Si no caben (p. ej. «2 noticias nuevas»), el último baja solo. */
.tiras-cel{display:contents}
@media (max-width:860px){
html[data-ancho=cel] .tiras-cel{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem}
html[data-ancho=cel] .tiras-cel:empty{display:none}
html[data-ancho=cel] .tiras-cel .aa-tira{display:contents}
html[data-ancho=cel] .tiras-cel .aa-tira a,html[data-ancho=cel] .tiras-cel .nt-tira{flex:1 1 auto;width:auto;margin:0;padding:0 .625rem;gap:.375rem}
html[data-ancho=cel] .tiras-cel .nt-tira{justify-content:center}
html[data-ancho=cel] .tiras-cel [aria-hidden=true]{display:none}
}

/* ================= MIS LEADS del cliente (solo cuando se ve la versión del cliente) ================= */
#main[data-vista=vLeads]:has(.emb-cl){padding:1.75rem max(1.75rem,calc((100% - 46rem) / 2)) 1.5rem;gap:1.25rem}
#main[data-vista=vLeads]:has(.emb-cl) .cab{align-items:flex-start;gap:1rem}
#main[data-vista=vLeads]:has(.emb-cl) .cab h1{font-size:1.5rem;font-weight:500;letter-spacing:0}
#main[data-vista=vLeads]:has(.emb-cl) .cab .sub{margin-top:.25rem;font-size:.9375rem}

/* Tabla / Tablero: dos textos, no un control con caja */
#main[data-vista=vLeads]:has(.emb-cl) .seg{border:0;background:none;border-radius:0;overflow:visible;gap:1rem}
#main[data-vista=vLeads]:has(.emb-cl) .seg button{height:auto;min-height:2.5rem;padding:0 .125rem;border-radius:0;border-bottom:.125rem solid transparent;background:none;color:var(--mute);font-weight:500}
#main[data-vista=vLeads]:has(.emb-cl) .seg button[aria-pressed=true]{background:none;box-shadow:none;color:var(--ink);border-bottom-color:var(--accent)}

/* los tres números: una fila quieta */
#main[data-vista=vLeads]:has(.emb-cl) .emb-cl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;padding:.25rem 0 1rem;border-bottom:1px solid var(--line)}
#main[data-vista=vLeads]:has(.emb-cl) .emb-cl .kpi{padding:0;border:0;background:none;border-radius:0;animation:none;gap:.125rem}
#main[data-vista=vLeads]:has(.emb-cl) .emb-cl .kpi .et{order:2;font-size:.8125rem;font-weight:500}
#main[data-vista=vLeads]:has(.emb-cl) .emb-cl .kpi .v{order:1;font-size:1.5rem;font-weight:500}
#main[data-vista=vLeads]:has(.emb-cl) .emb-cl .kpi .pie-k{display:none}

/* el tablero pasa a lista agrupada: un título chico por grupo y filas con una línea fina */
#main[data-vista=vLeads]:has(.emb-cl) .llena>.kb{display:block;overflow-x:visible;overflow-y:auto;padding:0;scroll-snap-type:none}
#main[data-vista=vLeads]:has(.emb-cl) .kb-col{background:none;border:0;border-radius:0;box-shadow:none;min-height:0;max-height:none;display:block}
#main[data-vista=vLeads]:has(.emb-cl) .kb-col.sobre{background:var(--accent-soft);box-shadow:none}
#main[data-vista=vLeads]:has(.emb-cl) .kb-h{position:static;border:0;padding:1rem 0 .25rem;gap:.5rem}
#main[data-vista=vLeads]:has(.emb-cl) .kb-h b{font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;color:var(--mute);font-weight:600}
#main[data-vista=vLeads]:has(.emb-cl) .kb-n{background:none;padding:0;font-size:.75rem;color:var(--mute)}
#main[data-vista=vLeads]:has(.emb-cl) .kb-lista{display:block;padding:0;overflow:visible;min-height:0}
#main[data-vista=vLeads]:has(.emb-cl) .kb-card{display:block;min-height:3rem;padding:.625rem 0;border:0;border-top:1px solid var(--line);border-radius:0;background:none;box-shadow:none;transform:none;animation:none}
#main[data-vista=vLeads]:has(.emb-cl) .kb-card:first-child{border-top:0}
#main[data-vista=vLeads]:has(.emb-cl) .kb-card:hover{border-color:var(--line);transform:none;box-shadow:none}
#main[data-vista=vLeads]:has(.emb-cl) .kb-card:hover .kb-t{color:var(--accent)}
#main[data-vista=vLeads]:has(.emb-cl) .kb-card>div{display:flex;align-items:center;justify-content:space-between;gap:1rem}
#main[data-vista=vLeads]:has(.emb-cl) .kb-t{flex:1;min-width:0;font-size:.9375rem;font-weight:600;transition:color .15s}
#main[data-vista=vLeads]:has(.emb-cl) .kb-meta{flex:none;margin:0;flex-wrap:nowrap;font-size:.8125rem}
#main[data-vista=vLeads]:has(.emb-cl) .kb-chip{border:0;padding:0;font-size:.8125rem;color:var(--mute)}
#main[data-vista=vLeads]:has(.emb-cl) .kb-vacio{margin:0;padding:.25rem 0 .5rem;text-align:left;font-size:.8125rem;opacity:1}
#main[data-vista=vLeads]:has(.emb-cl) .kb-mas{text-align:left;padding:.5rem 0}

/* la tabla, sin caja */
#main[data-vista=vLeads]:has(.emb-cl) .card.tabla{border:0;background:none;border-radius:0;animation:none}
#main[data-vista=vLeads]:has(.emb-cl) .tabla .th{background:none;padding-inline:0}
#main[data-vista=vLeads]:has(.emb-cl) .tabla .tr{padding-inline:0;min-height:3rem}
#main[data-vista=vLeads]:has(.emb-cl) .tabla .tr:hover{background:none}
#main[data-vista=vLeads]:has(.emb-cl) .tabla .tr:hover .name{color:var(--accent)}

/* celular */
html[data-ancho=cel] #main[data-vista=vLeads]:has(.emb-cl){padding:1rem 1.25rem 1.25rem;gap:.5rem}
html[data-ancho=cel] #main[data-vista=vLeads]:has(.emb-cl) .cab{gap:.25rem}
html[data-ancho=cel] #main[data-vista=vLeads]:has(.emb-cl) .cab h1{font-size:1.375rem}
html[data-ancho=cel] #main[data-vista=vLeads]:has(.emb-cl) .cab .sub{font-size:.875rem}
html[data-ancho=cel] #main[data-vista=vLeads]:has(.emb-cl) .seg button{min-height:44px}
html[data-ancho=cel] #main[data-vista=vLeads]:has(.emb-cl) .emb-cl{gap:.75rem;padding-bottom:.75rem}
html[data-ancho=cel] #main[data-vista=vLeads]:has(.emb-cl) .emb-cl .kpi .et{font-size:.75rem}
html[data-ancho=cel] #main[data-vista=vLeads]:has(.emb-cl) .kb-card{min-height:44px;padding:.5rem 0}
html[data-ancho=cel] #main[data-vista=vLeads]:has(.emb-cl) .kb-h{padding-top:.75rem}
html[data-ancho=cel] #main[data-vista=vLeads]:has(.emb-cl) .tabla .tr{min-height:44px;grid-template-columns:minmax(0,1fr) auto}

/* poco alto (compu de 640 px o menos): se aprieta el aire, no la letra */
@media (max-height:700px){
  html:not([data-ancho=cel]) #main:is([data-vista=vSemana],[data-vista=vConfig]:has(.hola)){padding-top:1.25rem}
  html:not([data-ancho=cel]) #main:is([data-vista=vSemana],[data-vista=vConfig]:has(.hola)) .hola{margin-bottom:1.25rem}
  html:not([data-ancho=cel]) #main:is([data-vista=vSemana],[data-vista=vConfig]:has(.hola)) .bloque,html:not([data-ancho=cel]) #main:is([data-vista=vSemana],[data-vista=vConfig]:has(.hola)) .vid-card{min-height:3rem;padding:.25rem 0}
  html:not([data-ancho=cel]) #main[data-vista=vLeads]:has(.emb-cl){padding-top:1.25rem;gap:.75rem}
  html:not([data-ancho=cel]) #main[data-vista=vLeads]:has(.emb-cl) .kb-card{min-height:2.5rem;padding:.375rem 0}
}
html[data-mov=quieto] #main:is([data-vista=vSemana],[data-vista=vConfig]:has(.hola)) *,html[data-mov=quieto] #main[data-vista=vLeads] *{transition:none}

/* ================= CONTENIDO estilo Notion (22/10/2026, pedido 7-10 de David) =================
   Módulos (qué dato veo) a la izquierda como pestañas de texto con el rótulo «Módulo»; Vista (cómo lo veo) a la derecha,
   separada, con el rótulo «Vista» y un conmutador de íconos. Calendario en grilla de mes y Tablero por estados, como Notion. */
.nx-barra{display:flex;align-items:center;justify-content:space-between;gap:.25rem 1.5rem;flex-wrap:wrap;border-bottom:1px solid var(--line)}
.nx-mod,.nx-vis{display:flex;align-items:center;gap:.625rem;min-width:0}
.nx-rot{flex:none;font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--dim)}
.nx-tabs{display:flex;gap:1.125rem;flex-wrap:wrap}
.nx-tabs button{min-height:2.5rem;padding:0 .125rem;border:0;border-bottom:.125rem solid transparent;border-radius:0;background:none;color:var(--mute);font:inherit;font-weight:500;cursor:pointer;white-space:nowrap}
.nx-tabs button:hover{color:var(--ink)}
.nx-tabs button[aria-pressed=true]{color:var(--ink);border-bottom-color:var(--accent)}
.nx-der{display:flex;align-items:center;gap:.5rem 1rem;flex-wrap:wrap;margin-left:auto}
.nx-vis{padding-left:1rem;border-left:1px solid var(--line)}
.nx-conm{display:inline-flex;gap:.125rem;padding:.125rem;border-radius:.5rem;background:var(--raised)}
.nx-conm button{display:grid;place-items:center;width:1.875rem;height:1.875rem;padding:0;border:0;border-radius:.375rem;background:none;color:var(--mute);cursor:pointer}
.nx-conm button svg{width:1rem;height:1rem;flex:none}
.nx-conm .tx{display:none;font-size:var(--fs);font-weight:500}
html:not([data-ancho=cel]) .nx-conm button[aria-pressed=true]{width:auto;gap:.375rem;padding:0 .625rem}
html:not([data-ancho=cel]) .nx-conm button[aria-pressed=true] .tx{display:inline}
.nx-conm button{display:inline-flex;align-items:center;justify-content:center}
.nx-conm button:hover{color:var(--ink)}
.nx-conm button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:0 0 0 1px var(--line)}
.nx-barra .sel-cl{height:2rem;min-height:0;font-size:var(--fs)}
@media (pointer:coarse){.nx-tabs button{min-height:max(2.75rem,44px)}.nx-conm button{width:max(2.75rem,44px);height:max(2.75rem,44px)}.nx-barra .sel-cl{height:max(2.75rem,44px)}}
html[data-ancho=cel] .nx-tabs button{min-height:44px;min-width:44px;padding:0 .5rem}
html[data-ancho=cel] button.cal-franja{min-height:44px;display:flex;align-items:center}
html[data-ancho=cel] .nx-conm button{width:44px;height:44px}
html[data-ancho=cel] .nx-barra .sel-cl{height:44px}
html[data-ancho=cel] .nx-barra{gap:0 .75rem}
html[data-ancho=cel] .nx-der{width:100%;justify-content:space-between;margin-left:0;padding:.25rem 0}
html[data-ancho=cel] .nx-der .nx-vis:only-child{margin-left:auto}
html[data-ancho=cel] .nx-der>.sel-cl{flex:1 1 100%;min-width:0}
html[data-ancho=cel] .nx-vis{margin-left:auto;border-left:0;padding-left:0}
html[data-ancho=cel] .nx-der .nx-vis{flex-wrap:nowrap}
html[data-ancho=cel] .nx-conm button .tx{display:none}
html[data-ancho=cel] .cal-nav{margin-left:auto}
html[data-ancho=cel] .cal-nada{display:none}

/* Calendario: grilla simple del mes */
.cal.card{border:0;background:none;border-radius:0;animation:none;overflow:visible}
.cal-top{gap:.5rem .75rem;padding:.25rem 0 .5rem;border-bottom:0}
.cal-tit{font-family:inherit;font-size:1rem;font-weight:600;min-width:0;text-align:left}
.cal-ley{margin-left:auto}
.cal-nav{display:inline-flex;align-items:center;gap:.125rem}
.cal-nav .ico{width:2rem;height:2rem;font-size:1.125rem;line-height:1}
.cal-hoy{height:2rem;padding:0 .625rem;border:1px solid transparent;border-radius:var(--r-ctrl);background:none;color:var(--ink);font:inherit;font-weight:500;cursor:pointer}
.cal-hoy:hover,.cal-nav .ico:hover{background:var(--hover)}
.cal-cab{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));padding:.125rem 0 .25rem;text-align:center;font-size:.75rem;color:var(--mute)}
.cal-cuerpo{border:1px solid var(--line);border-radius:.375rem}
.cal-s{grid-template-columns:minmax(0,1fr);flex:1 1 auto}
.cal-d{min-height:3.25rem;padding:.25rem .375rem;gap:.1875rem}
.cal-d:first-child{border-left:0}
.cal-d.hoy{background:none}
.cal-n{justify-content:flex-end;font-size:.75rem;color:var(--mute)}
.cal-d.hoy .cal-n{color:var(--mute);font-weight:400}
.cal-dn{display:none}
.cal-num{display:inline-grid;place-items:center;min-width:1.5rem;height:1.5rem;border-radius:50%;font-variant-numeric:tabular-nums}
.cal-d.hoy .cal-num{background:var(--accent);color:var(--accent-ink);font-weight:700}
.cal-mas{order:-1;margin-right:auto;margin-left:0}
.cal-p{flex-direction:row;align-items:center;gap:.375rem;width:100%;height:1.5rem;min-height:1.5rem;padding:0 .375rem;border:0;border-radius:.25rem;background:color-mix(in srgb,var(--c) 15%,var(--surface))}
button.cal-p:hover{background:color-mix(in srgb,var(--c) 26%,var(--surface))}
.cal-p b{flex:0 1 auto;min-width:0;font-weight:500}
.cal-ic{flex:none;display:inline-flex;color:var(--c);opacity:1!important;overflow:visible!important}
.cal-ic svg{width:.875rem;height:.875rem}
.cal-es{flex:1 1 0;min-width:0;opacity:.6!important}
.cal-franja{width:auto;margin:.25rem .375rem 0;padding:0 .5rem;min-height:1.5rem;height:auto;display:flex;align-items:center;border-radius:.25rem;color:var(--ink);background:color-mix(in srgb,var(--tc) 24%,transparent);font-size:.75rem;line-height:1.3}
.cal-franja.vacia{background:none;border:0;color:var(--dim);min-height:1.25rem}
.cal-franja.vacia:hover{color:var(--ink);background:var(--hover)}
div.cal-franja.vacia{display:none}
.cal-fmas{white-space:pre}
.cal-nada-mes{display:none}
html:not([data-ancho=cel]) .llena>.cal{display:flex}
html[data-ancho=cel] .cal-cab{display:none}
html[data-ancho=cel] .cal-cuerpo{border:0;border-top:1px solid var(--line);border-radius:0}
html[data-ancho=cel] .cal-nada-mes{display:block;padding:1rem 0;color:var(--mute);font-size:.8125rem}
html[data-ancho=cel] .cal-nav .ico,html[data-ancho=cel] .cal-hoy{height:44px;min-width:44px}
html[data-ancho=cel] .cal-d{padding:.25rem 0}
html[data-ancho=cel] .cal-d>.cal-n{justify-content:flex-start;gap:.25rem}
html[data-ancho=cel] .cal-dn{display:inline}
html[data-ancho=cel] .cal-mas{order:3;margin-left:auto;margin-right:0}
html[data-ancho=cel] .cal-p{height:auto;min-height:44px}
html[data-ancho=cel] .cal-franja{margin:.375rem 0 0}
html[data-ancho=cel] .cal-s{border-top:0}

/* Tablero: columnas sin caja, tarjetas chicas con etiquetas, contador y «+ Nuevo» discreto */
.kb[data-kb^=cont] .kb-col{background:none;border:0;border-radius:.5rem;min-height:0}
.kb[data-kb^=cont] .kb-h{position:static;border:0;padding:.25rem .25rem .5rem;gap:.5rem}
.kb[data-kb^=cont] .kb-h b{font-size:.875rem;font-weight:600}
.kb[data-kb^=cont] .kb-n{background:none;padding:0;color:var(--mute)}
.kb[data-kb^=cont] .kb-lista{padding:0 0 .375rem;gap:.375rem}
.kb[data-kb^=cont] .kb-card{border-radius:.5rem;padding:.5rem .625rem;box-shadow:0 1px 2px rgba(0,0,0,.14)}
.kb[data-kb^=cont] .kb-card:hover{transform:none;box-shadow:0 1px 2px rgba(0,0,0,.14)}
.kb[data-kb^=cont] .kb-t{font-size:.875rem;font-weight:500}
.kb[data-kb^=cont] .kb-meta{gap:.25rem;margin-top:.375rem}
.kb[data-kb^=cont] .nx-tag{height:1.25rem;margin-right:0;font-size:.75rem;line-height:1.25rem}
.kb[data-kb^=cont] .kb-lista{flex:0 1 auto!important}
.kb-fecha{font-size:.75rem;color:var(--mute);font-variant-numeric:tabular-nums}
.kb-nuevo{display:flex;align-items:center;gap:.375rem;width:100%;height:2rem;padding:0 .5rem;border:0;border-radius:.375rem;background:none;color:var(--mute);font:inherit;font-size:.8125rem;cursor:pointer}
.kb-nuevo svg{width:.875rem;height:.875rem}
.kb-nuevo:hover,.kb-nuevo:focus-visible{background:var(--hover);color:var(--ink)}
html[data-ancho=cel] .kb-nuevo{min-height:44px}
html[data-ancho=cel] .kb[data-kb^=cont] .kb-card{min-height:44px}

/* ================= EQUIPO estilo Notion (22/10/2026): Resumen, Clientes, Plan de trabajo, Tareas =================
   Mismo nivel que el Resumen del cliente: lista limpia, mucho aire, una línea de leyenda chica debajo de cada título, sin tarjetas con borde.
   Solo CSS: el equipo se marca con data-eq en #main (app.js), así el cliente no cambia. Piso de letra 11 px; toques de 44 px en celular. */
#main[data-eq]:is([data-vista=vResumen],[data-vista=vFicha],[data-vista=vPlanes],[data-vista=vPlan],[data-vista=vTareasEq]){padding:1.5rem max(1.75rem,calc((100% - 72rem) / 2)) 1.5rem;gap:1.25rem}
#main[data-eq]:is([data-vista=vResumen],[data-vista=vFicha],[data-vista=vPlanes],[data-vista=vPlan],[data-vista=vTareasEq]) .cab{align-items:flex-start;gap:.5rem 1rem}
#main[data-eq]:is([data-vista=vResumen],[data-vista=vFicha],[data-vista=vPlanes],[data-vista=vPlan],[data-vista=vTareasEq]) .cab h1{font-size:1.5rem;font-weight:500;letter-spacing:0}
#main[data-eq]:is([data-vista=vResumen],[data-vista=vFicha],[data-vista=vPlanes],[data-vista=vPlan],[data-vista=vTareasEq]) .cab .sub{margin-top:.25rem;font-size:.9375rem}
/* sin cajas: una línea fina separa, no un borde */
#main[data-eq]:is([data-vista=vResumen],[data-vista=vFicha],[data-vista=vPlanes],[data-vista=vPlan],[data-vista=vTareasEq]) .card{border:0;border-radius:0;background:none;box-shadow:none;animation:none}
#main[data-eq]:is([data-vista=vResumen],[data-vista=vFicha],[data-vista=vPlanes],[data-vista=vPlan],[data-vista=vTareasEq]) .cab-card{padding:0 0 .25rem;border:0;gap:.75rem}
#main[data-eq]:is([data-vista=vResumen],[data-vista=vFicha],[data-vista=vPlanes],[data-vista=vPlan],[data-vista=vTareasEq]) .cab-card h2{margin:0;font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;color:var(--mute);font-weight:600}
#main[data-eq]:is([data-vista=vResumen],[data-vista=vFicha],[data-vista=vPlanes],[data-vista=vPlan],[data-vista=vTareasEq]) .row{padding-inline:0;min-height:3.25rem;border-radius:0;transition:color .15s}
#main[data-eq]:is([data-vista=vResumen],[data-vista=vFicha],[data-vista=vPlanes],[data-vista=vPlan],[data-vista=vTareasEq]) .row:hover{background:none}
#main[data-eq]:is([data-vista=vResumen],[data-vista=vFicha],[data-vista=vPlanes],[data-vista=vPlan],[data-vista=vTareasEq]) a.row:hover .name{color:var(--accent)}
#main[data-eq]:is([data-vista=vResumen],[data-vista=vFicha],[data-vista=vPlanes],[data-vista=vPlan],[data-vista=vTareasEq]) .row .name{font-size:.9375rem;font-weight:600;line-height:1.25}
#main[data-eq]:is([data-vista=vResumen],[data-vista=vFicha],[data-vista=vPlanes],[data-vista=vPlan],[data-vista=vTareasEq]) .row .small{font-size:.8125rem;line-height:1.25;color:var(--mute)}
/* los cuatro números: una fila quieta, número arriba y leyenda abajo (como los tres números de «Mis leads» del cliente) */
#main[data-eq]:is([data-vista=vResumen],[data-vista=vPlanes]) .g4{gap:1.5rem 2.5rem;padding:1rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
#main[data-eq]:is([data-vista=vResumen],[data-vista=vPlanes]) .g4 .kpi{padding:0;gap:.125rem}
#main[data-eq]:is([data-vista=vResumen],[data-vista=vPlanes]) .g4 .kpi .et{order:2;font-size:.8125rem;font-weight:500}
#main[data-eq]:is([data-vista=vResumen],[data-vista=vPlanes]) .g4 .kpi .v{order:1;font-size:1.5rem;font-weight:500}
#main[data-eq]:is([data-vista=vResumen],[data-vista=vPlanes]) .g4 .kpi .pie-k{order:3;font-size:.8125rem;gap:.375rem}

/* ---- Resumen ---- */
#main[data-eq][data-vista=vResumen] .hero{padding:0;background:none;gap:.375rem}
#main[data-eq][data-vista=vResumen] .hero .v{font-size:1.75rem;font-weight:500}
#main[data-eq][data-vista=vResumen] .hero .barra{height:.25rem;border:0;background:var(--line-2)}
#main[data-eq][data-vista=vResumen] .hero .pie-k{font-size:.8125rem}
#main[data-eq][data-vista=vResumen] .hero>svg{display:none}
#main[data-eq][data-vista=vResumen] .g-res{gap:1.25rem 3.5rem;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
#main[data-eq][data-vista=vResumen] .rank .r{padding-inline:0}
#main[data-eq][data-vista=vResumen] .llena-scroll{gap:1.5rem}
html[data-ancho=cel] #main[data-eq]:is([data-vista=vResumen],[data-vista=vFicha],[data-vista=vPlanes],[data-vista=vPlan],[data-vista=vTareasEq]){padding:1rem 1.25rem 1.25rem;gap:.75rem}
html[data-ancho=cel] #main[data-eq]:is([data-vista=vResumen],[data-vista=vFicha],[data-vista=vPlanes],[data-vista=vPlan],[data-vista=vTareasEq]) .cab h1{font-size:1.375rem}
html[data-ancho=cel] #main[data-eq]:is([data-vista=vResumen],[data-vista=vFicha],[data-vista=vPlanes],[data-vista=vPlan],[data-vista=vTareasEq]) .cab .sub{font-size:.875rem}
html[data-ancho=cel] #main[data-eq]:is([data-vista=vResumen],[data-vista=vPlanes]) .g4{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem 1rem;padding:.75rem 0}
html[data-ancho=cel] #main[data-eq]:is([data-vista=vResumen],[data-vista=vPlanes]) .g4 .kpi .v{font-size:1.25rem}
html[data-ancho=cel] #main[data-eq]:is([data-vista=vResumen],[data-vista=vPlanes]) .g4 .kpi .et,html[data-ancho=cel] #main[data-eq]:is([data-vista=vResumen],[data-vista=vPlanes]) .g4 .kpi .pie-k{font-size:.75rem}
html[data-ancho=cel] #main[data-eq]:is([data-vista=vResumen],[data-vista=vPlanes]) .g4 .kpi .pie-k{flex-wrap:nowrap;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html[data-ancho=cel] #main[data-eq][data-vista=vResumen] .g-res{grid-template-columns:minmax(0,1fr)}
html[data-ancho=cel] #main[data-eq][data-vista=vResumen] .row{min-height:44px}
html[data-ancho=cel] #main[data-eq][data-vista=vResumen] .cab{flex-direction:column}

/* ---- Clientes (tabla / ficha) y controles comunes: pestañas de texto, no cajas ---- */
#main[data-eq]:is([data-vista=vFicha],[data-vista=vPlanes],[data-vista=vPlan],[data-vista=vTareasEq]) .seg{border:0;background:none;border-radius:0;overflow:visible;gap:.25rem 1.125rem}
#main[data-eq]:is([data-vista=vFicha],[data-vista=vPlanes],[data-vista=vPlan],[data-vista=vTareasEq]) .seg button{height:auto;min-height:2.5rem;padding:0 .125rem;border-radius:0;border-bottom:.125rem solid transparent;background:none;box-shadow:none;color:var(--mute);font-weight:500}
#main[data-eq]:is([data-vista=vFicha],[data-vista=vPlanes],[data-vista=vPlan],[data-vista=vTareasEq]) .seg button:hover{color:var(--ink)}
#main[data-eq]:is([data-vista=vFicha],[data-vista=vPlanes],[data-vista=vPlan],[data-vista=vTareasEq]) .seg button[aria-pressed=true]{background:none;box-shadow:none;color:var(--ink);border-bottom-color:var(--accent)}
html[data-ancho=cel] #main[data-eq]:is([data-vista=vFicha],[data-vista=vPlanes],[data-vista=vPlan],[data-vista=vTareasEq]) .seg button{min-height:44px}

/* ---- Plan de trabajo (lista de estudios y ficha del plan) y Tareas: tablas y listas sin caja ---- */
#main[data-eq]:is([data-vista=vPlanes],[data-vista=vPlan],[data-vista=vTareasEq]) .tabla .th{background:none;padding-inline:0}
#main[data-eq]:is([data-vista=vPlanes],[data-vista=vPlan],[data-vista=vTareasEq]) .tabla .tr{padding-inline:0;min-height:3.25rem}
#main[data-eq]:is([data-vista=vPlanes],[data-vista=vPlan],[data-vista=vTareasEq]) .tabla .tr:hover{background:none}
#main[data-eq]:is([data-vista=vPlanes],[data-vista=vPlan],[data-vista=vTareasEq]) a.tr:hover .name{color:var(--accent)}
#main[data-eq]:is([data-vista=vPlanes],[data-vista=vPlan],[data-vista=vTareasEq]) .tabla .name .small{font-size:.8125rem;font-weight:400;color:var(--mute)}
#main[data-eq]:is([data-vista=vPlan],[data-vista=vTareasEq]) .row2 .row{padding-inline:0}
#main[data-eq]:is([data-vista=vPlan],[data-vista=vTareasEq]) .row2{border-radius:0}
#main[data-eq][data-vista=vPlan] .fase-p{border-top:1px solid var(--line)}
#main[data-eq][data-vista=vPlan] .fase-p>summary{padding:.75rem 0;min-height:3rem}
#main[data-eq][data-vista=vPlan] .fase-p>summary b{font-size:.9375rem}
#main[data-eq][data-vista=vPlan] .fase-p[open]>summary{border-bottom:0}
#main[data-eq][data-vista=vPlan] .fase-p>summary .small{font-size:.8125rem}
#main[data-eq][data-vista=vPlan] .pdoc-b{padding:.5rem 0 1rem;border-bottom:1px solid var(--line)}
#main[data-eq][data-vista=vPlan] .barrita{height:.25rem}
#main[data-eq][data-vista=vPlanes] .barrita{height:.25rem}
html[data-ancho=cel] #main[data-eq]:is([data-vista=vPlanes],[data-vista=vPlan],[data-vista=vTareasEq]) .tabla .tr{min-height:44px}
html[data-ancho=cel] #main[data-eq][data-vista=vPlan] .fase-p>summary{min-height:44px}
html[data-ancho=cel] #main[data-eq]:is([data-vista=vPlan],[data-vista=vTareasEq]) .row2 .row{min-height:44px}
/* Plan: que las 9 filas entren en 1280×700 (filas de 2 líneas más bajas y menos aire arriba) y en celular sin la leyenda de los números */
#main[data-eq][data-vista=vPlanes] .tabla .tr{min-height:2.75rem;padding-block:.25rem}
#main[data-eq][data-vista=vPlanes] .g4{padding:.75rem 0}
html:not([data-ancho=cel]) #main[data-eq]:is([data-vista=vResumen],[data-vista=vFicha],[data-vista=vPlanes],[data-vista=vPlan],[data-vista=vTareasEq]){padding-top:1.25rem;gap:1rem}
html[data-ancho=cel] #main[data-eq][data-vista=vPlanes] .g4 .kpi .pie-k{display:none}
/* Tareas: las pestañas de puesto siguen deslizándose en celular (no se cortan) */
#main[data-eq][data-vista=vTareasEq] .seg.seg-scroll,#main[data-eq][data-vista=vFicha] .seg.seg-scroll,#main[data-eq][data-vista=vPlan] .seg.seg-scroll{overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap}
/* Ficha: los bloques que traían caja con relleno quedan alineados con el título (sin sangría) */
#main[data-eq]:is([data-vista=vFicha],[data-vista=vPlan]) .card.pad,#main[data-eq][data-vista=vFicha] .card.numc,#main[data-eq][data-vista=vFicha] .card>.pad{padding-inline:0}
#main[data-eq][data-vista=vFicha] .accesos .acc-g{padding-block:.75rem;border-top:1px solid var(--line)}
/* --- siguiente bloque (merge) --- */
/* ================= EQUIPO · estándar Notion minimalista (22/10/2026, rama n22-q) =================
   Archivos, Reportes y llamadas, Leads, Embudo, Integraciones y la ventana de Configuración.
   Mismo lenguaje que el Resumen del cliente: título + leyenda de una línea, lista con línea fina, una acción por fila,
   sin tarjetas con borde, pestañas de texto con subrayado. Solo CSS: no cambia datos ni funciones. */
#main:is([data-vista=vArchivos],[data-vista=vArchivosEstudio],[data-vista=vSeguimiento],[data-vista=vEmbudo],[data-vista=vIntegraciones]){padding:1.75rem max(1.75rem,calc((100% - 58rem) / 2)) 1.5rem;gap:1rem}
#main:is([data-vista=vArchivos],[data-vista=vArchivosEstudio],[data-vista=vSeguimiento],[data-vista=vEmbudo],[data-vista=vIntegraciones]) .cab{align-items:flex-start;gap:.5rem 1rem}
#main:is([data-vista=vArchivos],[data-vista=vArchivosEstudio],[data-vista=vSeguimiento],[data-vista=vEmbudo],[data-vista=vIntegraciones]) .cab h1{font-size:1.5rem;font-weight:500;letter-spacing:0}
#main:is([data-vista=vArchivos],[data-vista=vArchivosEstudio],[data-vista=vSeguimiento],[data-vista=vEmbudo],[data-vista=vIntegraciones]) .cab .sub{margin-top:.25rem;font-size:.875rem;line-height:1.35}
#main:is([data-vista=vArchivos],[data-vista=vArchivosEstudio],[data-vista=vSeguimiento],[data-vista=vEmbudo],[data-vista=vIntegraciones])>.small,#main:is([data-vista=vArchivos],[data-vista=vArchivosEstudio],[data-vista=vSeguimiento],[data-vista=vEmbudo],[data-vista=vIntegraciones])>p.small{margin:0;color:var(--mute)}
/* las cajas se vuelven lista */
#main:is([data-vista=vArchivos],[data-vista=vArchivosEstudio],[data-vista=vSeguimiento],[data-vista=vEmbudo],[data-vista=vIntegraciones]) .card{background:none;border:0;border-radius:0;box-shadow:none;animation:none}
#main:is([data-vista=vArchivos],[data-vista=vArchivosEstudio],[data-vista=vSeguimiento],[data-vista=vEmbudo],[data-vista=vIntegraciones]) .card.pad{padding-inline:0}
#main:is([data-vista=vArchivos],[data-vista=vArchivosEstudio],[data-vista=vSeguimiento],[data-vista=vEmbudo],[data-vista=vIntegraciones]) .tabla .th{background:none;padding-inline:0;border-bottom:1px solid var(--line)}
#main:is([data-vista=vArchivos],[data-vista=vArchivosEstudio],[data-vista=vSeguimiento],[data-vista=vEmbudo],[data-vista=vIntegraciones]) .tabla .tr{padding-inline:0}
#main:is([data-vista=vArchivos],[data-vista=vArchivosEstudio],[data-vista=vSeguimiento],[data-vista=vEmbudo],[data-vista=vIntegraciones]) .tabla .tr:hover{background:none}
#main:is([data-vista=vArchivos],[data-vista=vArchivosEstudio],[data-vista=vSeguimiento],[data-vista=vEmbudo],[data-vista=vIntegraciones]) .tabla .tr:hover .name{color:var(--accent)}
#main:is([data-vista=vArchivos],[data-vista=vArchivosEstudio],[data-vista=vSeguimiento],[data-vista=vEmbudo],[data-vista=vIntegraciones]) .rep-fila>summary{padding-inline:0}
#main:is([data-vista=vArchivos],[data-vista=vArchivosEstudio],[data-vista=vSeguimiento],[data-vista=vEmbudo],[data-vista=vIntegraciones]) .rep-fila>.pad,#main:is([data-vista=vArchivos],[data-vista=vArchivosEstudio],[data-vista=vSeguimiento],[data-vista=vEmbudo],[data-vista=vIntegraciones]) .rep-fila>form{padding-inline:0}
#main:is([data-vista=vArchivos],[data-vista=vArchivosEstudio],[data-vista=vSeguimiento],[data-vista=vEmbudo],[data-vista=vIntegraciones]) .row,#main:is([data-vista=vArchivos],[data-vista=vArchivosEstudio],[data-vista=vSeguimiento],[data-vista=vEmbudo],[data-vista=vIntegraciones]) .row2{padding-inline:0}
#main:is([data-vista=vArchivos],[data-vista=vArchivosEstudio],[data-vista=vSeguimiento],[data-vista=vEmbudo],[data-vista=vIntegraciones]) .row:hover{background:none}
#main:is([data-vista=vArchivos],[data-vista=vArchivosEstudio],[data-vista=vSeguimiento],[data-vista=vEmbudo],[data-vista=vIntegraciones]) .vacio,#main:is([data-vista=vArchivos],[data-vista=vArchivosEstudio],[data-vista=vSeguimiento],[data-vista=vEmbudo],[data-vista=vIntegraciones]) .card.pad.aviso-vacio{text-align:left;padding-inline:0;color:var(--mute)}
/* pestañas y selectores de vista: texto con subrayado, no un control con caja */
#main:is([data-vista=vArchivos],[data-vista=vArchivosEstudio],[data-vista=vSeguimiento],[data-vista=vEmbudo],[data-vista=vIntegraciones]) .seg{border:0;background:none;border-radius:0;overflow:visible;gap:1rem}
#main:is([data-vista=vArchivos],[data-vista=vArchivosEstudio],[data-vista=vSeguimiento],[data-vista=vEmbudo],[data-vista=vIntegraciones]) .seg button{height:auto;min-height:2.5rem;padding:0 .125rem;border-radius:0;border-bottom:.125rem solid transparent;background:none;box-shadow:none;color:var(--mute);font-weight:500}
#main:is([data-vista=vArchivos],[data-vista=vArchivosEstudio],[data-vista=vSeguimiento],[data-vista=vEmbudo],[data-vista=vIntegraciones]) .seg button:hover{color:var(--ink)}
#main:is([data-vista=vArchivos],[data-vista=vArchivosEstudio],[data-vista=vSeguimiento],[data-vista=vEmbudo],[data-vista=vIntegraciones]) .seg button[aria-pressed=true]{background:none;box-shadow:none;color:var(--ink);border-bottom-color:var(--accent)}
#main:is([data-vista=vArchivos],[data-vista=vArchivosEstudio],[data-vista=vSeguimiento],[data-vista=vEmbudo],[data-vista=vIntegraciones]) .seg-mes,#main:is([data-vista=vArchivos],[data-vista=vArchivosEstudio],[data-vista=vSeguimiento],[data-vista=vEmbudo],[data-vista=vIntegraciones]) .seg-proc{display:flex;max-width:none}
/* una acción por fila: los botones de apoyo, como texto */
#main:is([data-vista=vArchivos],[data-vista=vArchivosEstudio],[data-vista=vSeguimiento],[data-vista=vEmbudo],[data-vista=vIntegraciones])>.btn,#main:is([data-vista=vArchivos],[data-vista=vArchivosEstudio],[data-vista=vSeguimiento],[data-vista=vEmbudo],[data-vista=vIntegraciones])>details>summary.btn,#main:is([data-vista=vArchivos],[data-vista=vArchivosEstudio],[data-vista=vSeguimiento],[data-vista=vEmbudo],[data-vista=vIntegraciones]) .nueva-carp>summary{align-self:flex-start;width:auto}
#main:is([data-vista=vArchivos],[data-vista=vArchivosEstudio],[data-vista=vSeguimiento],[data-vista=vEmbudo],[data-vista=vIntegraciones]) .btn.ghost{border-color:transparent;background:none;color:var(--mute);font-weight:500}
#main:is([data-vista=vArchivos],[data-vista=vArchivosEstudio],[data-vista=vSeguimiento],[data-vista=vEmbudo],[data-vista=vIntegraciones]) .btn.ghost:hover{color:var(--accent);background:none}
/* ARCHIVOS de un estudio: las carpetas, en una línea de pestañas */
#main:is([data-vista=vArchivos],[data-vista=vArchivosEstudio],[data-vista=vSeguimiento],[data-vista=vEmbudo],[data-vista=vIntegraciones]) .carp-grandes{display:flex;flex-wrap:wrap;gap:0 1.5rem;margin:0;border-bottom:1px solid var(--line)}
#main:is([data-vista=vArchivos],[data-vista=vArchivosEstudio],[data-vista=vSeguimiento],[data-vista=vEmbudo],[data-vista=vIntegraciones]) .carp-g{border:0;border-bottom:.125rem solid transparent;border-radius:0;background:none;padding:0 .125rem;min-height:2.5rem;align-items:center}
#main:is([data-vista=vArchivos],[data-vista=vArchivosEstudio],[data-vista=vSeguimiento],[data-vista=vEmbudo],[data-vista=vIntegraciones]) .carp-g svg,#main:is([data-vista=vArchivos],[data-vista=vArchivosEstudio],[data-vista=vSeguimiento],[data-vista=vEmbudo],[data-vista=vIntegraciones]) .carp-g .small{display:none}
#main:is([data-vista=vArchivos],[data-vista=vArchivosEstudio],[data-vista=vSeguimiento],[data-vista=vEmbudo],[data-vista=vIntegraciones]) .carp-g>span{flex-direction:row;align-items:baseline;gap:.5rem}
#main:is([data-vista=vArchivos],[data-vista=vArchivosEstudio],[data-vista=vSeguimiento],[data-vista=vEmbudo],[data-vista=vIntegraciones]) .carp-g b{font-weight:500;color:var(--mute)}
#main:is([data-vista=vArchivos],[data-vista=vArchivosEstudio],[data-vista=vSeguimiento],[data-vista=vEmbudo],[data-vista=vIntegraciones]) .carp-g[aria-pressed=true]{background:none;border-bottom-color:var(--accent)}
#main:is([data-vista=vArchivos],[data-vista=vArchivosEstudio],[data-vista=vSeguimiento],[data-vista=vEmbudo],[data-vista=vIntegraciones]) .carp-g[aria-pressed=true] b{color:var(--ink)}
#main:is([data-vista=vArchivos],[data-vista=vArchivosEstudio],[data-vista=vSeguimiento],[data-vista=vEmbudo],[data-vista=vIntegraciones]) .carp-mas{border:0;background:none;padding:0 .125rem;min-height:2.5rem;color:var(--mute);text-decoration:underline;text-underline-offset:.1875rem}
#main:is([data-vista=vArchivos],[data-vista=vArchivosEstudio],[data-vista=vSeguimiento],[data-vista=vEmbudo],[data-vista=vIntegraciones]) .zona-subir{padding:.75rem 1rem;border-radius:.5rem}
#main:is([data-vista=vArchivos],[data-vista=vArchivosEstudio],[data-vista=vSeguimiento],[data-vista=vEmbudo],[data-vista=vIntegraciones]) .zona-subir>span{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;justify-content:center}
#main:is([data-vista=vArchivos],[data-vista=vArchivosEstudio],[data-vista=vSeguimiento],[data-vista=vEmbudo],[data-vista=vIntegraciones]) .zona-subir svg{width:1.125rem;height:1.125rem}
/* LEADS: el tablero sin cajas dobles */
#main:is([data-vista=vArchivos],[data-vista=vArchivosEstudio],[data-vista=vSeguimiento],[data-vista=vEmbudo],[data-vista=vIntegraciones]) .kb-col{background:var(--surface-2,var(--surface));border:0;border-radius:.5rem;box-shadow:none}
#main:is([data-vista=vArchivos],[data-vista=vArchivosEstudio],[data-vista=vSeguimiento],[data-vista=vEmbudo],[data-vista=vIntegraciones]) .kb-col.sobre{background:var(--accent-soft)}
#main:is([data-vista=vArchivos],[data-vista=vArchivosEstudio],[data-vista=vSeguimiento],[data-vista=vEmbudo],[data-vista=vIntegraciones]) .kb-h{border:0;padding-inline:.25rem}
#main:is([data-vista=vArchivos],[data-vista=vArchivosEstudio],[data-vista=vSeguimiento],[data-vista=vEmbudo],[data-vista=vIntegraciones]) .kb-h b{font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;color:var(--mute);font-weight:600}
#main:is([data-vista=vArchivos],[data-vista=vArchivosEstudio],[data-vista=vSeguimiento],[data-vista=vEmbudo],[data-vista=vIntegraciones]) .kb-n{background:none;padding:0;color:var(--mute)}
/* LEADS es un tablero: usa todo el ancho, no la columna de lectura */
#main[data-vista=vLeads]:not(:has(.emb-cl)){padding-inline:1.75rem}
#main:is([data-vista=vArchivos],[data-vista=vArchivosEstudio],[data-vista=vSeguimiento],[data-vista=vEmbudo],[data-vista=vIntegraciones]) .seg-vista{align-items:center;padding-left:1rem;border-left:1px solid var(--line)}
#main:is([data-vista=vArchivos],[data-vista=vArchivosEstudio],[data-vista=vSeguimiento],[data-vista=vEmbudo],[data-vista=vIntegraciones]) .seg-vista::before{content:"Vista";font-size:.75rem;color:var(--dim);text-transform:uppercase;letter-spacing:.06em;font-weight:600;align-self:center}
/* EMBUDO: las ventas, una línea tranquila (no una caja verde) */
#main:is([data-vista=vArchivos],[data-vista=vArchivosEstudio],[data-vista=vSeguimiento],[data-vista=vEmbudo],[data-vista=vIntegraciones]) .ventas-fin{background:none;border:0;border-top:1px solid var(--line);border-radius:0;padding:.75rem 0 0}
/* INTEGRACIONES: una lista, un sistema por fila (título + leyenda arriba, llave y botón en una línea) */
#main:is([data-vista=vArchivos],[data-vista=vArchivosEstudio],[data-vista=vSeguimiento],[data-vista=vEmbudo],[data-vista=vIntegraciones]) .grid.g2{grid-template-columns:minmax(0,1fr);gap:0}
#main:is([data-vista=vArchivos],[data-vista=vArchivosEstudio],[data-vista=vSeguimiento],[data-vista=vEmbudo],[data-vista=vIntegraciones]) form.card.pad.form,#main:is([data-vista=vArchivos],[data-vista=vArchivosEstudio],[data-vista=vSeguimiento],[data-vista=vEmbudo],[data-vista=vIntegraciones]) .card.pad.form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.25rem 1rem;align-items:end;padding:1rem 0;margin:0!important;border-top:1px solid var(--line)}
#main:is([data-vista=vArchivos],[data-vista=vArchivosEstudio],[data-vista=vSeguimiento],[data-vista=vEmbudo],[data-vista=vIntegraciones]) form.card.pad.form>.cab,#main:is([data-vista=vArchivos],[data-vista=vArchivosEstudio],[data-vista=vSeguimiento],[data-vista=vEmbudo],[data-vista=vIntegraciones]) form.card.pad.form>p,#main:is([data-vista=vArchivos],[data-vista=vArchivosEstudio],[data-vista=vSeguimiento],[data-vista=vEmbudo],[data-vista=vIntegraciones]) .card.pad.form>.cab,#main:is([data-vista=vArchivos],[data-vista=vArchivosEstudio],[data-vista=vSeguimiento],[data-vista=vEmbudo],[data-vista=vIntegraciones]) .card.pad.form>*:not(.add):not(label){grid-column:1/-1}
#main:is([data-vista=vArchivos],[data-vista=vArchivosEstudio],[data-vista=vSeguimiento],[data-vista=vEmbudo],[data-vista=vIntegraciones]) form.card.pad.form h2,#main:is([data-vista=vArchivos],[data-vista=vArchivosEstudio],[data-vista=vSeguimiento],[data-vista=vEmbudo],[data-vista=vIntegraciones]) .card.pad.form h2{font-size:.9375rem;font-weight:600;margin:0}
#main:is([data-vista=vArchivos],[data-vista=vArchivosEstudio],[data-vista=vSeguimiento],[data-vista=vEmbudo],[data-vista=vIntegraciones]) form.card.pad.form>p.small{margin:0;font-size:.8125rem;line-height:1.35}
#main:is([data-vista=vArchivos],[data-vista=vArchivosEstudio],[data-vista=vSeguimiento],[data-vista=vEmbudo],[data-vista=vIntegraciones]) form.card.pad.form>.add{align-self:end}
#main:is([data-vista=vArchivos],[data-vista=vArchivosEstudio],[data-vista=vSeguimiento],[data-vista=vEmbudo],[data-vista=vIntegraciones]) details.card.pad{padding:.75rem 0;border-top:1px solid var(--line)}
/* celular y ventanas angostas */
html[data-ancho=cel] #main:is([data-vista=vArchivos],[data-vista=vArchivosEstudio],[data-vista=vSeguimiento],[data-vista=vEmbudo],[data-vista=vIntegraciones]),html[data-ancho=cel] #main[data-vista=vLeads]:not(:has(.emb-cl)){padding:1rem 1.25rem 1.25rem;gap:.5rem}
html[data-ancho=cel] #main:is([data-vista=vArchivos],[data-vista=vArchivosEstudio],[data-vista=vSeguimiento],[data-vista=vEmbudo],[data-vista=vIntegraciones]) .seg-vista{padding-left:0;border-left:0}
html[data-ancho=cel] #main:is([data-vista=vArchivos],[data-vista=vArchivosEstudio],[data-vista=vSeguimiento],[data-vista=vEmbudo],[data-vista=vIntegraciones]) .seg-vista::before{display:none}
html[data-ancho=cel] #main:is([data-vista=vArchivos],[data-vista=vArchivosEstudio],[data-vista=vSeguimiento],[data-vista=vEmbudo],[data-vista=vIntegraciones]) .cab{gap:.25rem}
html[data-ancho=cel] #main:is([data-vista=vArchivos],[data-vista=vArchivosEstudio],[data-vista=vSeguimiento],[data-vista=vEmbudo],[data-vista=vIntegraciones]) .cab h1{font-size:1.375rem}
html[data-ancho=cel] #main:is([data-vista=vArchivos],[data-vista=vArchivosEstudio],[data-vista=vSeguimiento],[data-vista=vEmbudo],[data-vista=vIntegraciones]) .cab .sub{font-size:.8125rem}
html[data-ancho=cel] #main:is([data-vista=vArchivos],[data-vista=vArchivosEstudio],[data-vista=vSeguimiento],[data-vista=vEmbudo],[data-vista=vIntegraciones]) .seg{flex-wrap:nowrap;overflow-x:auto;max-width:100%;scrollbar-width:none}
html[data-ancho=cel] #main:is([data-vista=vArchivos],[data-vista=vArchivosEstudio],[data-vista=vSeguimiento],[data-vista=vEmbudo],[data-vista=vIntegraciones]) .seg::-webkit-scrollbar{display:none}
html[data-ancho=cel] #main:is([data-vista=vArchivos],[data-vista=vArchivosEstudio],[data-vista=vSeguimiento],[data-vista=vEmbudo],[data-vista=vIntegraciones]) .seg button{min-height:44px;white-space:nowrap;flex:none}
html[data-ancho=cel] #main:is([data-vista=vArchivos],[data-vista=vArchivosEstudio],[data-vista=vSeguimiento],[data-vista=vEmbudo],[data-vista=vIntegraciones]) .carp-grandes{gap:0 1rem}
html[data-ancho=cel] #main:is([data-vista=vArchivos],[data-vista=vArchivosEstudio],[data-vista=vSeguimiento],[data-vista=vEmbudo],[data-vista=vIntegraciones]) .carp-g,html[data-ancho=cel] #main:is([data-vista=vArchivos],[data-vista=vArchivosEstudio],[data-vista=vSeguimiento],[data-vista=vEmbudo],[data-vista=vIntegraciones]) .carp-mas{min-height:44px;flex-direction:row}
html[data-ancho=cel] #main:is([data-vista=vArchivos],[data-vista=vArchivosEstudio],[data-vista=vSeguimiento],[data-vista=vEmbudo],[data-vista=vIntegraciones]) .tabla .tr,html[data-ancho=cel] #main:is([data-vista=vArchivos],[data-vista=vArchivosEstudio],[data-vista=vSeguimiento],[data-vista=vEmbudo],[data-vista=vIntegraciones]) .rep-fila>summary{min-height:44px}
html[data-ancho=cel] #main:is([data-vista=vArchivos],[data-vista=vArchivosEstudio],[data-vista=vSeguimiento],[data-vista=vEmbudo],[data-vista=vIntegraciones])>.btn,html[data-ancho=cel] #main:is([data-vista=vArchivos],[data-vista=vArchivosEstudio],[data-vista=vSeguimiento],[data-vista=vEmbudo],[data-vista=vIntegraciones]) .btn.mini,html[data-ancho=cel] #main:is([data-vista=vArchivos],[data-vista=vArchivosEstudio],[data-vista=vSeguimiento],[data-vista=vEmbudo],[data-vista=vIntegraciones]) .nueva-carp>summary{min-height:44px}
html[data-ancho=cel] #main:is([data-vista=vArchivos],[data-vista=vArchivosEstudio],[data-vista=vSeguimiento],[data-vista=vEmbudo],[data-vista=vIntegraciones]) form.card.pad.form{grid-template-columns:minmax(0,1fr)}
html[data-ancho=cel] #main:is([data-vista=vArchivos],[data-vista=vArchivosEstudio],[data-vista=vSeguimiento],[data-vista=vEmbudo],[data-vista=vIntegraciones]) form.card.pad.form>.add{justify-self:start}
@media (max-height:700px){
  html:not([data-ancho=cel]) #main:is([data-vista=vArchivos],[data-vista=vArchivosEstudio],[data-vista=vSeguimiento],[data-vista=vEmbudo],[data-vista=vIntegraciones]){padding-top:1.25rem;gap:.75rem}
}

/* ================= CONFIGURACIÓN (ventana) ================= */
/* --- siguiente bloque (merge) --- */
/* ================= CLIENTE · estilo Notion minimalista (22/10/2026, n22-r) =================
   Misma idea que Resumen: lista limpia, mucho aire, leyenda de una línea, una acción por fila, sin tarjetas con borde.
   Todo vive bajo #main[data-area=cl] (el shell marca el área): el equipo no cambia. Se reutilizan las clases que ya existen.
   Se usa anidado de CSS (&) para no repetir la lista de pantallas. */
/* ---- base común: Mi plan, Archivos, Proceso, Reportes, Pedir llamada, Reporte, Feedback, Bienestar, Onboarding ---- */
#main[data-area=cl]:is([data-vista=vPlan],[data-vista=vArchivosEstudio],[data-vista=vProceso],[data-vista=vCicloCl],[data-vista=vPedirLlamada],[data-vista=vReporte],[data-vista=vFeedbackCl],[data-vista=vBienestarCl],[data-vista=vIngreso]){
  padding:1.75rem max(1.75rem,calc((100% - 58rem) / 2)) 1.5rem;gap:1.25rem;
  .cab{align-items:flex-start;gap:1rem}
  .cab h1{font-size:1.5rem;font-weight:500;letter-spacing:0}
  .cab .sub{margin-top:.25rem;font-size:.9375rem}
  /* los grupos de texto (mes, semana, filtro, vista): dos textos con raya, no un control con caja */
  .seg:not(.seg-opc){border:0;background:none;border-radius:0;overflow:visible;gap:1rem}
  .seg:not(.seg-opc) button{height:auto;min-height:2.5rem;padding:0 .125rem;border-radius:0;border-bottom:.125rem solid transparent;background:none;box-shadow:none;color:var(--mute);font-weight:500}
  .seg:not(.seg-opc) button:hover{color:var(--ink)}
  .seg:not(.seg-opc) button[aria-pressed=true]{background:none;box-shadow:none;color:var(--ink);border-bottom-color:var(--accent)}
  /* sin tarjetas con borde: una línea fina separa */
  .card{border:0;background:none;border-radius:0;box-shadow:none;animation:none}
  .card.pad{padding-inline:0}
  .card.tabla .th{background:none;padding-inline:0}
  .card.tabla .tr{padding-inline:0;min-height:3rem}
  .card.tabla .tr:hover{background:none}
  :is(.sec-t,.cic-resp h2,.cic-fb h2,.fro-bloque h2){margin:0 0 .25rem;font-family:var(--sans);font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--mute)}
  :is(.cic-resp h2,.cic-fb h2,.fro-bloque h2) .small{text-transform:none;letter-spacing:0;font-weight:400}
  /* filas: icono quieto, título, una leyenda; la acción como texto */
  :is(.row2,.row:not(.chkrow)){min-height:3.5rem;padding-block:.5rem}
  .row .glyph{background:none!important;color:var(--mute)!important}
  .row .name{font-size:.9375rem;font-weight:600;line-height:1.25}
  .row .small{font-size:.8125rem;line-height:1.25;color:var(--mute)}
  .acc2 .btn.mini{border:0;background:none;color:var(--mute);text-decoration:underline;text-underline-offset:.1875rem;padding-inline:.5rem}
  .acc2 .btn.mini:hover{color:var(--ink)}
  .zona-subir{padding:.875rem;border:.0625rem dashed var(--line-2,var(--line));border-radius:.5rem;background:none}
  .back{color:var(--mute);font-weight:500}
}
html[data-ancho=cel] #main[data-area=cl]:is([data-vista=vPlan],[data-vista=vArchivosEstudio],[data-vista=vProceso],[data-vista=vCicloCl],[data-vista=vPedirLlamada],[data-vista=vReporte],[data-vista=vFeedbackCl],[data-vista=vBienestarCl],[data-vista=vIngreso]){
  padding:1rem 1.25rem 1.25rem;gap:.75rem;
  .cab h1{font-size:1.375rem}
  .cab .sub{font-size:.875rem}
  .seg:not(.seg-opc){gap:.5rem}
  .seg:not(.seg-opc) button{min-height:44px;padding:0 .125rem}
  :is(.btn.mini,.back,.chkrow,.carp-mas,summary){min-height:44px}
  :is(.row2,.row:not(.chkrow)){min-height:44px}
}

/* ---- Archivos (carpetas) ---- */
#main[data-area=cl][data-vista=vArchivosEstudio]{
  .carp-grandes{gap:0 1.25rem;border-bottom:1px solid var(--line);margin-bottom:.25rem}
  .carp-g{border:0;border-bottom:.125rem solid transparent;border-radius:0;background:none;box-shadow:none;padding:.5rem 0;color:var(--mute)}
  .carp-g[aria-pressed=true]{background:none;border-bottom-color:var(--accent);color:var(--ink);box-shadow:none}
  .carp-g b{font-size:.9375rem;font-weight:600}
  .carp-g>span{flex-direction:column;align-items:flex-start;gap:0;min-width:0}
  .carp-g .small{white-space:normal;line-height:1.25}
  .carp-g svg{color:var(--mute)}
  .carp-mas{border:0;background:none;color:var(--mute);text-decoration:underline;text-underline-offset:.1875rem}
  .meta-12{color:var(--mute)}
}
html[data-ancho=cel] #main[data-area=cl][data-vista=vArchivosEstudio] .carp-g{padding:.375rem .25rem}

/* ---- Proceso comercial ---- */
#main[data-area=cl][data-vista=vProceso]{
  .proc-dos{gap:0 3.5rem}
  .proc-izq,.proc-der{gap:.25rem}
  .proc-izq>.small{margin:0 0 .5rem}
  .fro-bloque{border:0}
  .fro-bloque .vacio,.proc-izq .vacio,.cic-resp .vacio{margin:.25rem 0;padding:0;text-align:left;font-size:.8125rem;color:var(--mute)}
}
html[data-ancho=cel] #main[data-area=cl][data-vista=vProceso] .proc-dos{display:flex;flex-direction:column;gap:1rem}

/* ---- Reportes y feedback (+ Reporte semanal, Feedback del equipo, Cómo venís este mes) ---- */
#main[data-area=cl]:is([data-vista=vCicloCl],[data-vista=vReporte],[data-vista=vFeedbackCl],[data-vista=vBienestarCl]){
  .cic-dos{gap:0 3.5rem}
  .cic-der{gap:1.25rem}
  .cic-resp .vacio,.cic-fb .vacio{margin:.25rem 0;padding:0;text-align:left;font-size:.8125rem;color:var(--mute)}
  .carp-arriba{display:block;margin:0}
  .carp-arriba .bloque{display:grid;grid-template-columns:1.375rem minmax(0,1fr) auto;grid-template-areas:"i t g" "i d g";column-gap:1rem;align-items:center;min-height:3.5rem;padding:.5rem 0;border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0;background:none;box-shadow:none;animation:none;transform:none;color:var(--ink)}
  .carp-arriba .bloque+.bloque{border-top:0}
  .carp-arriba .bloque::after{content:"›";grid-area:g;color:var(--dim);font-size:1.25rem;line-height:1}
  .carp-arriba .bloque .b-ico{grid-area:i;width:1.375rem;height:1.375rem;background:none;border-radius:0;color:var(--accent)}
  .carp-arriba .bloque b{grid-area:t;margin:0;font-size:.9375rem;font-weight:600;line-height:1.25}
  .carp-arriba .bloque>span:last-of-type{grid-area:d;font-size:.8125rem;line-height:1.25;color:var(--mute)}
  .chkrow{border-radius:0}
}
html[data-ancho=cel] #main[data-area=cl][data-vista=vCicloCl] .cic-dos{display:flex;flex-direction:column;gap:1rem}

/* ---- Pedir una llamada, Reporte semanal y Cómo venís este mes: formulario simple ---- */
#main[data-area=cl]:is([data-vista=vPedirLlamada],[data-vista=vReporte],[data-vista=vBienestarCl]){
  form.card.pad{max-width:34rem;gap:.625rem}
  .lbl,.lbl legend{font-size:.875rem;font-weight:500;color:var(--ink)}
  form .btn.full{width:auto;align-self:flex-start;min-width:11rem}
  .back{min-height:2rem}
}
html[data-ancho=cel] #main[data-area=cl]:is([data-vista=vPedirLlamada],[data-vista=vReporte],[data-vista=vBienestarCl]){
  form .btn.full{width:100%}
  form.card.pad{gap:.5rem}
  textarea.inp{min-height:3.5rem}
}

/* ---- Avisos (campanita) y Configuración del cliente: las ventanas, sin cajas de más ---- */
html:has(#main[data-area=cl]){
  .av-modal .cab-m b{font-family:var(--serif);font-size:1.125rem;font-weight:500}
  .av-modal :is(.seg,.avp-seg){border:0;background:none;border-radius:0;overflow:visible;gap:1rem}
  .av-modal :is(.seg,.avp-seg) button{height:auto;min-height:2.5rem;padding:0 .125rem;border-radius:0;border-bottom:.125rem solid transparent;background:none;box-shadow:none;color:var(--mute);font-weight:500}
  .av-modal :is(.seg,.avp-seg) button[aria-pressed=true]{background:none;box-shadow:none;color:var(--ink);border-bottom-color:var(--accent)}
  .av-modal .av-fila{min-height:3.5rem;padding-block:.5rem}
  .av-modal .av-fila .name{font-size:.9375rem;font-weight:600}
  .av-modal .av-fila .small{font-size:.8125rem;color:var(--mute)}
  .cfg-in :is(h3,.cfg-in h2){margin:1.25rem 0 .5rem;font-family:var(--sans);font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--mute)}
  .cfg-in .btn:not(.ghost):not(.mini){width:auto;align-self:flex-start;min-width:11rem}
  .cfg-in .btn.full.ghost{width:auto;border:0;background:none;color:var(--mute);text-decoration:underline;text-underline-offset:.1875rem}
}
html[data-ancho=cel]:has(#main[data-area=cl]){
  .av-modal :is(.seg,.avp-seg) button{min-height:44px}
  .cfg-in .btn:not(.mini),.av-modal .btn{min-height:44px}
}

/* ---- Onboarding del cliente ---- */
#main[data-area=cl][data-vista=vIngreso]{
  .cab .acc .btn.ghost{border:0;background:none;color:var(--mute);text-decoration:underline;text-underline-offset:.1875rem}
  .ing-pasos{gap:1.25rem;margin:0}
  .ing-pasos li{padding:0;border:0;border-radius:0;background:none}
  .ing-pasos li.ahora{color:var(--ink);font-weight:600}
  .ing-forms{gap:0 3.5rem}
  .ing-form{padding:1rem 0;border-top:1px solid var(--line);gap:.5rem}
  .ing-f-cab b{font-family:var(--sans);font-size:.9375rem;font-weight:600}
  .ing-barra{height:.25rem}
  .ing-paso{padding:1rem 0 0;gap:.5rem}
  .ing-paso h2{font-family:var(--sans);font-size:1.125rem;font-weight:600}
}
html[data-ancho=cel] #main[data-area=cl][data-vista=vIngreso]{
  .ing-forms{display:flex;flex-direction:column}
  .ing-pasos li{min-height:44px}
  .ing-form .btn{min-height:44px}
  .cab .acc .btn.ghost{min-height:44px}
}

/* --- ajuste de celular tras la verificación (22/10): Leads del equipo sin desborde y botones chicos de 44 px --- */
html[data-ancho=cel] a.btn{min-width:44px}

/* --- celular: un solo «‹ Volver» (el de la barra superior); el enlace propio de cada página se oculta --- */
html[data-ancho=cel] a.back{display:none}

/* --- iPhone: los campos de fecha/hora no se salen del ancho y alinean como los demás --- */
input[type=datetime-local],input[type=date],input[type=time]{-webkit-appearance:none;appearance:none;display:block;box-sizing:border-box;width:100%;max-width:100%;min-width:0;text-align:left}
input[type=datetime-local]::-webkit-date-and-time-value,input[type=date]::-webkit-date-and-time-value,input[type=time]::-webkit-date-and-time-value{text-align:left;margin:0}

/* franja «Noticias ›» del Resumen del cliente: 44 px en celular */
a.nt-tira{min-height:44px;display:flex;align-items:center}