/* Paso 3C · el panel interno (Alex, 26-oct-2026): conectores, modos, propuestas y el panel de Alex. Solo clases .p3-*,
   encima de buscador.css y con su mismo cristal y tipografía. Móvil primero (375 y 360 px en una columna). */

.p3-conectores,.p3-grupo,.p3-cab{display:grid;gap:12px;min-width:0}
.p3-cifras{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (min-width:640px){.p3-cifras{grid-template-columns:repeat(3,minmax(0,1fr))}}
.p3-llaves,.p3-pendiente,.p3-hoy{display:flex;gap:8px;align-items:flex-start;margin:0;font-size:var(--pl-f2,14px);line-height:1.45;color:var(--tinta)}
.p3-llaves{padding:10px 14px;border-radius:14px;background:var(--naranja-suave);border:1px solid var(--borde)}
.p3-llaves svg,.p3-pendiente svg,.p3-hoy svg{width:16px;height:16px;flex:none;margin-top:2px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

.p3-rejilla{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;min-width:0}
@media (min-width:640px){.p3-rejilla{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){.p3-rejilla{grid-template-columns:repeat(3,minmax(0,1fr))}}

.p3-con{align-self:start;min-width:0;border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(232,235,240,.5));border:1px solid rgba(255,255,255,.9);box-shadow:inset 0 1px 0 var(--papel),inset 0 -1px 2px rgba(120,126,140,.18),0 0 0 1px rgba(110,118,132,.18),0 14px 28px -18px rgba(20,24,32,.38)}
.p3-con[open]{background:var(--papel)}
.p3-con>summary{display:grid;grid-template-columns:40px minmax(0,1fr);gap:4px 12px;align-items:center;min-height:64px;padding:12px 14px;cursor:pointer;list-style:none;border-radius:16px}
.p3-con>summary::-webkit-details-marker{display:none}
.p3-con>summary:focus-visible{outline:3px solid var(--naranja-texto);outline-offset:4px}
.p3-con>summary .bx-chip-estado{grid-column:2;justify-self:start}
.p3-logo{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--papel);box-shadow:0 0 0 1px rgba(110,118,132,.18);grid-row:span 2}
.p3-logo-svg{width:24px;height:24px;stroke:none}
.p3-logo-svg path{stroke:none}
.p3-logo-texto{font:800 var(--pl-f1,12px)/1.05 Manrope,system-ui,sans-serif;text-align:center;color:#2D3277;background:#FFE600;padding:2px}
.p3-con-txt{display:grid;gap:2px;min-width:0}
.p3-con-txt strong{font:800 var(--pl-f3,16px)/1.2 Manrope,system-ui,sans-serif;color:var(--tinta)}
.p3-con-txt small{color:var(--tenue);font-size:var(--pl-f2,14px);line-height:1.35}
.p3-con-cuerpo{display:grid;gap:8px;padding:0 14px 14px;min-width:0}
.p3-sub{margin:4px 0 0;font:800 var(--pl-f2,14px)/1.3 Manrope,system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--tenue)}
.p3-lista{margin:0;padding-left:18px;display:grid;gap:4px;font-size:var(--pl-f2,14px);line-height:1.45;color:var(--tinta)}
.p3-aviso{margin:0;padding:8px 12px;border-radius:12px;background:var(--crema);font-size:var(--pl-f2,14px);line-height:1.45;color:var(--tinta)}
.p3-accion{display:grid;gap:8px;justify-items:start;margin-top:4px}
.p3-accion .bx-nota:empty{display:none}
.p3-con .bx-drive{display:grid;gap:8px}
.p3-logo-casa svg{width:22px;height:22px;fill:none;stroke:var(--tinta);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* Los dos modos y las propuestas */
.p3-modos,.p3-propuestas,.p3-pasos{display:grid;gap:12px;min-width:0}
.p3-modos-dos{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
@media (min-width:640px){.p3-modos-dos{grid-template-columns:repeat(2,minmax(0,1fr))}}
.p3-modo{display:grid;gap:8px;align-content:start;justify-items:start;padding:16px;border-radius:20px;min-width:0;background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(232,235,240,.5));border:1px solid rgba(255,255,255,.9);box-shadow:inset 0 1px 0 var(--papel),0 0 0 1px rgba(110,118,132,.18),0 14px 28px -18px rgba(20,24,32,.38)}
.p3-modo-si{background:var(--papel);box-shadow:0 0 0 2px var(--naranja),0 14px 28px -18px rgba(20,24,32,.38)}
.p3-modo strong{font:800 var(--pl-f3,16px)/1.2 Manrope,Arial,sans-serif;color:var(--tinta)}
.p3-lema{margin:0;font-size:var(--pl-f3,16px);line-height:1.4;color:var(--tinta);font-weight:600}
.p3-modo .p3-lista{justify-self:stretch}
.p3-elegido{display:inline-flex;align-items:center;gap:6px;min-height:44px;font:800 var(--pl-f2,14px)/1 Manrope,system-ui,sans-serif;color:var(--ok)}
.p3-elegido svg,.p3-props svg{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.p3-pasos-lista{margin:0;padding-left:20px;display:grid;gap:8px;font-size:var(--pl-f2,14px);line-height:1.45;color:var(--tinta)}
.p3-pasos-lista li{padding-left:2px}
.p3-pasos-lista li>span{display:block;margin-bottom:6px}
.p3-props{margin:0;padding:0;list-style:none;display:grid;gap:10px}
.p3-prop{display:grid;gap:10px;padding:14px 16px;border-radius:20px;min-width:0;background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(232,235,240,.5));border:1px solid rgba(255,255,255,.9);box-shadow:inset 0 1px 0 var(--papel),0 0 0 1px rgba(110,118,132,.18),0 14px 28px -18px rgba(20,24,32,.38)}
@media (min-width:640px){.p3-prop{grid-template-columns:minmax(0,1fr) auto;align-items:center}}
.p3-prop-txt{display:grid;gap:4px;min-width:0}
.p3-prop-txt strong{font:800 var(--pl-f3,16px)/1.3 Manrope,system-ui,sans-serif;color:var(--tinta)}
.p3-prop-txt span:not(.bx-chip-estado){color:var(--tenue);font-size:var(--pl-f2,14px);line-height:1.4}
.p3-prop .b-asesor-botones{margin:0;justify-content:flex-start}

/* Panel de Alex · misiones */
.p3-misiones{display:grid;gap:12px;min-width:0}
.p3-lista-mis{margin:0;padding:0;list-style:none;display:grid;gap:10px}
.p3-mis{display:grid;gap:10px;padding:14px 16px;border-radius:20px;min-width:0;background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(232,235,240,.5));border:1px solid rgba(255,255,255,.9);box-shadow:inset 0 1px 0 var(--papel),0 0 0 1px rgba(110,118,132,.18),0 14px 28px -18px rgba(20,24,32,.38)}
@media (min-width:640px){.p3-mis{grid-template-columns:minmax(0,1fr) auto;align-items:center}.p3-mis>.bx-nota{grid-column:1/-1}}
.p3-mis-txt{display:grid;gap:4px;min-width:0}
.p3-mis-txt strong{font:800 var(--pl-f3,16px)/1.3 Manrope,Arial,sans-serif;color:var(--tinta)}
.p3-mis-txt span:not(.bx-chip-estado){font-size:var(--pl-f2,14px);line-height:1.45;color:var(--tinta)}
.p3-mis-txt small{font-size:var(--pl-f2,14px);line-height:1.4;color:var(--tenue)}
.p3-mis .b-asesor-botones{margin:0;justify-content:flex-start}
.p3-mis>.bx-nota:empty,.p3-huella .bx-nota:empty{display:none}
.p3-huella{display:grid;gap:8px;justify-items:start}
.p3-huella .bx-nota,.p3-huella-ok,.p3-aviso{display:flex;gap:8px;align-items:flex-start}
.p3-huella-ok{margin:0;font:700 var(--pl-f2,14px)/1.4 Manrope,system-ui,sans-serif;color:var(--ok)}
.p3-misiones svg{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.p3-nueva,.p3-pasadas{border-radius:16px;background:var(--papel);box-shadow:0 0 0 1px rgba(110,118,132,.18)}
.p3-nueva>summary,.p3-pasadas>summary{display:flex;gap:10px;align-items:center;min-height:56px;padding:10px 16px;cursor:pointer;font:800 var(--pl-f3,16px)/1.2 Manrope,system-ui,sans-serif;color:var(--tinta)}
.p3-nueva>summary span{display:grid;gap:2px}
.p3-nueva>summary small{font:400 var(--pl-f2,14px)/1.35 Manrope,system-ui,sans-serif;color:var(--tenue)}
.p3-nueva form{padding:0 16px 16px}
.p3-pasadas>.p3-lista-mis{padding:0 12px 12px}
.p3-alcance{display:grid;gap:8px;margin:0;padding:0;border:0}
.p3-alcance legend{font:700 var(--pl-f2,14px)/1.2 Manrope,system-ui,sans-serif;color:var(--tinta);margin-bottom:6px}

/* Panel de Alex · clientes nuevos */
.p3-clientes{display:grid;gap:12px;min-width:0}
.p3-clientes svg{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.p3-pedidos{display:grid;gap:8px;padding:14px 16px;border-radius:16px;background:var(--naranja-suave);border:1px solid var(--borde)}
.p3-pedidos ul{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:8px}
.p3-pedidos li{display:inline-flex;align-items:center;gap:8px;padding:4px 6px 4px 12px;border-radius:999px;background:var(--papel);font:700 var(--pl-f2,14px)/1.2 Manrope,system-ui,sans-serif;color:var(--tinta)}
.p3-pedidos li strong{display:grid;place-items:center;min-width:24px;height:24px;border-radius:999px;background:var(--tinta);color:var(--papel);font-size:var(--pl-f1,12px)}
.p3-lista-cli{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
@media (min-width:900px){.p3-lista-cli{grid-template-columns:repeat(2,minmax(0,1fr))}}
.p3-cli{display:grid;gap:8px;align-content:start;padding:14px 16px;border-radius:20px;min-width:0;background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(232,235,240,.5));border:1px solid rgba(255,255,255,.9);box-shadow:inset 0 1px 0 var(--papel),0 0 0 1px rgba(110,118,132,.18),0 14px 28px -18px rgba(20,24,32,.38)}
.p3-cli-cab{display:flex;flex-wrap:wrap;gap:4px 8px;align-items:center}
.p3-cli-cab strong{font:800 var(--pl-f3,16px)/1.3 Manrope,Arial,sans-serif;color:var(--tinta)}
.p3-cli-cab small{flex-basis:100%;font-size:var(--pl-f2,14px);line-height:1.4;color:var(--tenue)}
.p3-cli-datos{margin:0;display:grid;gap:6px}
.p3-cli-datos div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:8px;font-size:var(--pl-f2,14px);line-height:1.4}
.p3-cli-datos dt{font-weight:700;color:var(--tenue)}
.p3-cli-datos dd{margin:0;color:var(--tinta)}
.p3-cli-props{margin:0;padding:0;list-style:none;display:grid;gap:8px}
.p3-cli-props li{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;font-size:var(--pl-f2,14px);color:var(--tinta)}
.p3-cli>.bx-nota:empty{display:none}
/* El panel de Alex con el diseño de la Torre de la sesión madre (cerebro-hostess docs/sesion-madre/torre-sesion-madre.html):
   el vidrio del buscador, la tinta de mercurio como único acento y los estados con su propio color. */
.p3-torre{--t-ink:var(--tinta);--t-soft:var(--tenue);--t-ok:var(--ok);--t-ok-wash:var(--ok-suave);--t-wait:var(--naranja-texto);--t-wait-wash:var(--naranja-suave)}
.p3-torre .b-asesor-eti{font:700 var(--pl-f2,14px)/1.3 Manrope,system-ui,sans-serif;letter-spacing:.06em;color:var(--t-soft)}
.p3-torre .b-asesor-btn.primario,.p3-torre .p3-btn-tinta{background:var(--t-ink);border-color:var(--t-ink);color:var(--papel)}
.p3-torre .b-asesor-btn.primario svg,.p3-torre .p3-btn-tinta svg{stroke:var(--papel)}
.p3-torre .bx-chip-estado{font-size:var(--pl-f1,12px);font-weight:700;letter-spacing:.04em}
.p3-torre .bx-chip-estado.bx-revisar{background:var(--t-wait-wash);color:var(--t-wait)}
.p3-torre .bx-chip-estado.bx-trabajando{background:var(--t-ok-wash);color:var(--t-ok)}
.p3-torre .p3-huella-ok{color:var(--t-ok)}
.p3-chips{display:flex;flex-wrap:wrap;gap:8px}
.p3-chip{position:relative;display:inline-flex}
.p3-chip input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.p3-chip span{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:999px;font:600 var(--pl-f2,14px)/1 Manrope,system-ui,sans-serif;color:var(--tenue);background:linear-gradient(180deg,rgba(255,255,255,.62),rgba(232,235,240,.4));box-shadow:0 0 0 1px rgba(110,118,132,.2)}
.p3-chip input:checked+span{background:var(--tinta);color:var(--papel);box-shadow:none}
.p3-chip input:focus-visible+span{outline:3px solid var(--naranja-texto);outline-offset:4px}
.p3-contexto{font-size:var(--pl-f2,14px);line-height:1.45;color:var(--tinta)}
.p3-contexto>summary{display:inline-flex;align-items:center;min-height:44px;cursor:pointer;font:700 var(--pl-f2,14px)/1 Manrope,system-ui,sans-serif;color:var(--tenue)}
.p3-contexto p{margin:0;padding:8px 12px;border-radius:12px;background:var(--crema)}
.bx-campo>span small{font-weight:400;color:var(--tenue)}

/* Las pestañas de tu Torre (como las de la Torre de la sesión madre) */
.p3-alex{display:grid;gap:16px;min-width:0}
.p3-tabs{display:flex;gap:6px;overflow-x:auto;padding:4px;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.62),rgba(232,235,240,.4));box-shadow:0 0 0 1px rgba(110,118,132,.2);scrollbar-width:none}
.p3-tabs::-webkit-scrollbar{display:none}
.p3-tab{flex:1 0 auto;min-height:44px;padding:0 16px;border:0;border-radius:999px;background:transparent;font:700 var(--pl-f2,14px)/1 Manrope,system-ui,sans-serif;color:var(--tenue);cursor:pointer;white-space:nowrap}
.p3-tab[aria-selected="true"]{background:var(--tinta);color:var(--papel)}
.p3-tab:focus-visible{outline:3px solid var(--naranja-texto);outline-offset:4px}
.p3-pane{min-width:0}
.p3-pane>section{margin:0}
/* «De dónde llegan» va arriba de la Cartera en Clientes: su propio aire para que no se pegue (27-oct-2026). */
.p3-pane>section[data-origenes]{margin-bottom:24px}
/* «Pídelo aquí»: la plática del buscador dentro del panel, con lo que sabe de su negocio */
.p3-pide{display:grid;gap:12px;min-width:0;padding:16px;border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(232,235,240,.5));border:1px solid rgba(255,255,255,.9);box-shadow:inset 0 1px 0 var(--papel),0 0 0 1px rgba(110,118,132,.18),0 14px 28px -18px rgba(20,24,32,.38)}
.p3-pide-hilo{margin:0;padding:0;list-style:none;display:grid;gap:10px}
.p3-pide-hilo:empty{display:none}
.p3-pide-hilo>li{min-width:0;padding:12px 14px;border-radius:16px;font-size:var(--pl-f3,16px);line-height:1.5;color:var(--tinta)}
.p3-pide-hilo p{margin:0 0 8px}
.p3-pide-hilo p:last-child{margin-bottom:0}
.p3-pide-yo{justify-self:end;max-width:85%;background:var(--tinta);color:var(--papel)!important}
.p3-pide-hostess{background:var(--papel);box-shadow:0 0 0 1px rgba(110,118,132,.18)}
.p3-pide-tit{display:block;margin-bottom:6px;font:800 var(--pl-f3,16px)/1.3 Manrope,Arial,sans-serif}
.p3-pide-preg{font-weight:700}
.p3-pide-herr{margin:8px 0;padding:0;list-style:none;display:grid;gap:8px}
.p3-pide-herr-a{display:grid;gap:2px;min-height:44px;padding:8px 12px;border-radius:12px;background:var(--crema);color:inherit;text-decoration:none}
.p3-pide-herr-a strong{font:800 var(--pl-f2,14px)/1.3 Manrope,system-ui,sans-serif}
.p3-pide-herr-a span{font-size:var(--pl-f2,14px);color:var(--tenue)}
.p3-pide-opciones,.p3-pide-ejemplos{display:flex;flex-wrap:wrap;gap:8px}
.p3-pide-opciones .b-asesor-btn,.p3-pide-ejemplos .b-asesor-btn{height:auto;min-height:44px;padding:8px 14px;line-height:1.3;text-align:left;white-space:normal}
.p3-pide-form{display:grid;gap:10px}
.p3-pide-form .btn-primary{justify-self:start}
.p3-pide-mas{font-size:var(--pl-f2,14px)}
.p3-pide svg{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.p3-alc{max-width:320px}
.p3-mis .p3-alc{grid-column:1/-1}
.p3-contexto[open]>p{white-space:normal}

/* «Tu información» por secciones, con su medidor */
.p3-grupo-perfil{margin:0;padding:12px 0 0;border:0;border-top:1px solid rgba(110,118,132,.2);min-width:0}
.p3-grupo-perfil legend{padding:0 0 8px;font:800 var(--pl-f2,14px)/1.3 Manrope,system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--tenue)}
.p3-medidor{height:8px;border-radius:999px;background:var(--borde);overflow:hidden}
.p3-medidor span{display:block;height:100%;border-radius:inherit;background:var(--primario)}
.p3-medidor-txt{display:block;font-size:var(--pl-f2,14px);color:var(--tenue)}

/* «Hazlo tú en tu Claude» */
.p3-tu{border-radius:12px;background:var(--crema)}
.p3-tu>summary{display:flex;align-items:center;min-height:44px;padding:0 12px;cursor:pointer;font:700 var(--pl-f2,14px)/1.2 Manrope,system-ui,sans-serif;color:var(--tinta)}
.p3-pasos-tu{padding:0 12px 12px 30px}
.p3-pasos-tu a{color:inherit;font-weight:700}

/* «Olvidar mi plática»: dos toques, porque no se puede deshacer */
.p3-olvidar{display:grid;gap:8px;justify-items:start;min-width:0}
.p3-olvidar[hidden],.p3-olvidar-seguro[hidden]{display:none}
.p3-olvidar-seguro{display:grid;gap:8px;padding:12px 14px;border-radius:14px;background:var(--naranja-suave);border:1px solid var(--borde);min-width:0}
.p3-olvidar-seguro .b-asesor-botones{margin:0;justify-content:flex-start}
.p3-olvidar .b-asesor-btn{min-height:44px}
.p3-olvidar>.bx-nota:empty{display:none}
.p3-olvidar svg{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* «Arma tu panel»: cada sección en su contenedor, sin cambiar el diseño */
.p3-seccion{display:contents}
.p3-seccion[hidden]{display:none}
.p3-pz{border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(232,235,240,.5));box-shadow:0 0 0 1px rgba(110,118,132,.18)}
.p3-pz>summary{display:flex;gap:10px;align-items:center;min-height:56px;padding:10px 16px;cursor:pointer}
.p3-pz>summary span{display:grid;gap:2px}
.p3-pz>summary strong{font:800 var(--pl-f3,16px)/1.2 Manrope,system-ui,sans-serif;color:var(--tinta)}
.p3-pz>summary small{font-size:var(--pl-f2,14px);line-height:1.35;color:var(--tenue)}
.p3-pz>summary svg{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.p3-pz-cuerpo{display:grid;gap:12px;padding:0 16px 16px}
.p3-pz-lista{margin:0;padding:0;list-style:none;display:grid;gap:8px}
.p3-pz-lista li{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 4px 4px 0;border-radius:12px;background:var(--papel);box-shadow:0 0 0 1px rgba(110,118,132,.16)}
.p3-pz-lista .bx-casilla{flex:1;min-width:0}
.p3-pz-mover{display:flex;gap:6px;flex:none}
.p3-pz-mover .b-asesor-btn{width:44px;padding:0;font-size:var(--pl-f3,16px)}
.p3-pz-cuerpo .btn-primary{justify-self:start}
.p3-pz-cuerpo .bx-nota:empty{display:none}
/* «Mensajes de Hostess»: la aceptación del asistente y lo que Hostess armó para la cuenta */
.p3-asist{display:grid;gap:12px;min-width:0}
.p3-asist svg{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.p3-asist-canales,.p3-asist-lista{margin:0;padding:0;list-style:none;display:grid;gap:10px;min-width:0}
.p3-asist-canal,.p3-asist-msg{display:grid;gap:8px;padding:14px 16px;border-radius:16px;min-width:0;background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(232,235,240,.5));border:1px solid rgba(255,255,255,.9);box-shadow:inset 0 1px 0 #fff,0 0 0 1px rgba(110,118,132,.18)}
.p3-asist-canal>div{display:grid;gap:4px;min-width:0}
.p3-asist-canal strong,.p3-asist-cab strong{font:800 var(--pl-f3,16px)/1.3 Manrope,system-ui,sans-serif;color:#1B1F27}
.p3-asist-canal small,.p3-asist-msg small{font-size:var(--pl-f2,14px);line-height:1.4;color:#4A5160}
.p3-asist-canal .b-asesor-btn{justify-self:start;min-height:44px}
.p3-asist-canal>.bx-nota:empty{display:none}
.p3-asist-cab{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;justify-content:space-between}
.p3-asist-txt{margin:0;white-space:pre-line;overflow-wrap:anywhere;font-size:var(--pl-f2,14px);line-height:1.5;color:#1B1F27}
@media (min-width:640px){.p3-asist-canales{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* La escena del panel vacío (paso 3 visual, #87): arriba de las aplicaciones mientras no ha pedido ninguna */
.p3-escena{max-width:640px;margin:4px 0 16px}
.p3-prop-txt .p3-prop-por{color:var(--tinta)}

/* Títulos de sección con su ícono: separado del texto y centrado en la línea (revisión del paso 3 visual, 26-oct) */
[data-vista=panel] :is(.p3-cab,.p3-propuestas,.p3-pasos,.p3-grupo,.p3-misiones,.p3-clientes,.pf-cab)>.b-asesor-eti{display:flex;align-items:center;gap:6px}

/* «Pídelo aquí» con chats (27-oct): la lista de TODAS sus conversaciones y el chat abierto. En celular son dos pantallas
   (data-vista «lista» o «chat»); con espacio (el bloque mide 760 px o más) van lado a lado y el regreso sobra. */
.p3-pide-chats{container-type:inline-size}
.p3-chats-marco{display:grid;gap:12px;min-width:0}
.p3-chats,.p3-chat{display:grid;gap:12px;align-content:start;min-width:0}
.p3-pide-chats[data-vista=lista] .p3-chat,.p3-pide-chats[data-vista=chat] .p3-chats{display:none}
.p3-chats-cab{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}
.p3-chats-cab strong{font:800 var(--pl-f3,16px)/1.3 Manrope,system-ui,sans-serif;color:var(--tinta)}
.p3-chats-nuevo,.p3-chat-volver{min-height:44px}
.p3-chats-ul{margin:0;padding:0;list-style:none;display:grid;gap:6px}
.p3-chat-item{display:grid;gap:2px;width:100%;min-height:52px;padding:10px 14px;border:0;border-radius:14px;background:var(--papel);box-shadow:0 0 0 1px rgba(110,118,132,.18);color:var(--tinta);text-align:left;font:inherit;cursor:pointer}
.p3-chat-item[aria-current=true]{box-shadow:0 0 0 2px var(--tinta)}
.p3-chat-item:focus-visible{outline:3px solid var(--naranja-texto);outline-offset:2px}
.p3-chat-nombre{font:800 var(--pl-f3,16px)/1.3 Manrope,system-ui,sans-serif;overflow-wrap:anywhere}
.p3-chat-meta{font-size:var(--pl-f2,14px);line-height:1.4;color:var(--tenue)}
.p3-chat-cab{display:grid;gap:8px;justify-items:start}
.p3-chat-tit{font:800 var(--pl-f3,16px)/1.3 Manrope,system-ui,sans-serif;color:var(--tinta);overflow-wrap:anywhere}
.p3-chat-tit:focus{outline:none}
.p3-atras svg{transform:scaleX(-1)}
@container (min-width:760px){
  .p3-chats-marco{grid-template-columns:minmax(220px,300px) minmax(0,1fr);align-items:start}
  .p3-pide-chats[data-vista] .p3-chats,.p3-pide-chats[data-vista] .p3-chat{display:grid}
  /* La lista baja con la página y se queda debajo de la barra guardada (top 72 + 48 de alto), no detrás (Alex, 29-oct-2026). */
  .p3-chats{position:sticky;top:132px;max-height:calc(100vh - 148px);overflow:auto;overscroll-behavior:contain;padding:2px}
  .p3-chat-volver{display:none}
}
/* «Lo que necesitas» al final de un chat: los conectores de la herramienta o la propuesta para trabajar en ella */
.p3-necesitas{display:grid;gap:10px;padding-top:4px}
.p3-nec-lista{display:grid;gap:8px;margin:0;padding:0;list-style:none}
@media (min-width:640px){.p3-prop.p3-nec{grid-template-columns:none}}
.p3-nec-lista>li{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;padding-top:10px;border-top:1px solid var(--borde)}
.p3-nec-lista>li:first-child{border-top:0;padding-top:0}
.p3-nec-lista>li>.p3-logo{grid-row:auto;flex:none}
.p3-nec-lista>li>span:nth-child(2){display:grid;gap:2px;min-width:0;flex:1 1 160px}
.p3-nec-lista>li>:last-child{margin-left:auto}
.p3-nec-lista small{color:var(--tenue);font-size:var(--pl-f2,14px)}
/* Llamadas con clientes («Tengo cliente nuevo»): los seis pasos del filtro con su evidencia. */
.p3-reuniones{display:grid;gap:14px}
/* El Panel Hostess en secciones propias (panel-hostess.js): Cartera, Finanzas, Agenda y Trabajos, leídos de hostess-web. */
.ph-sec{display:grid;gap:12px;min-width:0;margin-bottom:24px}
.ph-sec>.p3-sub{margin-top:8px}
.ph-filas{margin:0;padding:0;list-style:none;display:grid;gap:8px}
.ph-fila{display:grid;gap:6px;min-width:0;padding:10px 12px;border-radius:14px;background:linear-gradient(180deg,rgba(255,255,255,.62),rgba(232,235,240,.4));box-shadow:0 0 0 1px rgba(110,118,132,.16)}
.ph-fila-cab{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline;justify-content:space-between;min-width:0}
.ph-fila-cab strong{flex:1 1 160px;min-width:0;font:700 var(--pl-f3,16px)/1.35 Manrope,system-ui,sans-serif;color:var(--tinta);overflow-wrap:anywhere}
.ph-monto{font:800 var(--pl-f3,16px)/1.35 Manrope,system-ui,sans-serif;color:var(--tinta);font-variant-numeric:tabular-nums;white-space:nowrap}
.ph-meta{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center;font-size:var(--pl-f2,14px);line-height:1.4;color:var(--tenue);min-width:0;overflow-wrap:anywhere}
.ph-meta>span:empty{display:none}
.ph-nota{margin:0;font-size:var(--pl-f2,14px);line-height:1.45;color:var(--tinta);overflow-wrap:anywhere}
.ph-datos{margin:0;display:grid;gap:8px}
.ph-datos>div{display:grid;grid-template-columns:minmax(0,1fr);gap:2px;font-size:var(--pl-f2,14px);line-height:1.45}
.ph-datos dt{font-weight:700;color:var(--tenue);font-size:var(--pl-f2,14px)}
.ph-datos dd{margin:0;color:var(--tinta);overflow-wrap:anywhere}
.ph-cuenta>div{grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:12px}
.ph-cuenta dd{font-variant-numeric:tabular-nums;text-align:right}
.ph-ficha>summary,.ph-mas>summary{display:inline-flex;align-items:center;min-height:44px;cursor:pointer;font:700 var(--pl-f2,14px)/1 Manrope,system-ui,sans-serif;color:var(--tinta)}
.ph-ficha[open]>summary{margin-bottom:4px}
.ph-mas{display:grid;gap:8px}
.ph-datos a,.ph-liga{display:inline-flex;align-items:center;gap:4px;min-height:44px;font-weight:700;color:var(--tinta)}
.ph-liga svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2}
.p3-reu-buscar input{width:100%;min-height:44px;box-sizing:border-box}
.p3-reu-claude{display:flex;gap:8px;align-items:flex-start;flex-wrap:nowrap}
.p3-reu-claude a{font-weight:800;color:var(--tinta)}
.p3-reu-prop{display:grid;gap:8px;border-top:1px solid var(--borde);padding-top:10px;min-width:0}
.p3-reu-prop[data-enviada]{display:flex;gap:8px;align-items:flex-start;margin:0;font-size:var(--pl-f2,14px);line-height:1.4;color:var(--tinta)}
.p3-reu-prop[data-enviada] svg{flex:none;width:18px;height:18px;margin-top:1px;fill:none;stroke:var(--naranja-texto);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.p3-reu-prop[data-enviada] span{min-width:0;overflow-wrap:anywhere}
.p3-reu-pasos{margin:0;padding:0;list-style:none;display:grid;gap:8px}
.p3-reu-paso{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;align-items:start;font-size:var(--pl-f2,14px);line-height:1.4;color:var(--tinta)}
.p3-reu-paso strong{font:800 var(--pl-f2,14px)/1.3 Manrope,system-ui,sans-serif}
.p3-reu-paso small{display:block;margin-top:2px;color:var(--tenue);font-size:var(--pl-f2,14px);line-height:1.4;overflow-wrap:anywhere}
.p3-reu-n{display:grid;place-items:center;width:28px;height:28px;border-radius:999px;background:var(--crema);font:800 var(--pl-f2,14px)/1 Manrope,system-ui,sans-serif;color:var(--tinta)}
.p3-reu-paso[data-estado=hecho] .p3-reu-n{background:var(--naranja);color:var(--tinta)}
.p3-reu-n svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.p3-reu-error{padding:8px 12px;border-radius:12px;background:var(--naranja-suave)}
.p3-reu-wa{display:grid;gap:10px;border-top:1px solid var(--borde);padding-top:10px}
.p3-reu-wa>summary{min-height:44px;display:flex;align-items:center;cursor:pointer;font:800 var(--pl-f2,14px)/1.3 Manrope,system-ui,sans-serif;color:var(--tinta)}
.p3-reu-wa>summary:focus-visible{outline:3px solid var(--naranja-texto);outline-offset:4px}
/* «¿De quién es esta junta?» (Alex, 27-oct-2026): tres opciones; cada una enseña solo sus campos */
.p3-asig{display:grid;gap:10px;border-top:1px solid var(--borde);padding-top:10px;min-width:0}
.p3-asig>summary{min-height:44px;display:flex;align-items:center;cursor:pointer;font:800 var(--pl-f3,16px)/1.3 Manrope,system-ui,sans-serif;color:var(--tinta)}
.p3-asig>summary:focus-visible{outline:3px solid var(--naranja-texto);outline-offset:4px}
.p3-asig-form{display:grid;gap:12px;min-width:0}
.p3-asig-tipos{margin:0;padding:0;border:0;min-width:0}
.p3-asig-grupo{display:none;gap:10px;min-width:0}
.p3-asig-form[data-tipo=nuevo] .p3-asig-grupo[data-para~=nuevo],.p3-asig-form[data-tipo=existente] .p3-asig-grupo[data-para~=existente],.p3-asig-form[data-tipo=no_cliente] .p3-asig-grupo[data-para~=no_cliente]{display:grid}
.p3-asig .bx-campo select{min-height:48px}
.p3-junta{display:grid;gap:8px;min-width:0}
/* De «cliente propuesta» a «cliente» (reuniones.js · caminoHtml) */
.p3-camino{display:grid;gap:12px;border-top:1px solid var(--borde);padding-top:10px;min-width:0}
.p3-cam-bloque{display:grid;gap:8px;min-width:0}
.p3-cam-bloque input[readonly]{font-size:var(--pl-f2,14px);overflow:hidden;text-overflow:ellipsis}
.p3-camino,.p3-cam-bloque,.p3-cam-bloque .bx-campo{grid-template-columns:minmax(0,1fr)}
.p3-camino{overflow-wrap:anywhere}
.p3-cam-bloque input[readonly]{min-width:0}
.p3-cam-lista{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.p3-cam-lista .bx-casilla{display:flex;width:100%;border-radius:14px;padding:8px 12px;align-items:flex-start}
.p3-cam-lista .bx-casilla input{flex:none;margin-top:3px}
.p3-cam-lista .bx-casilla span{min-width:0;overflow-wrap:anywhere;line-height:1.4}
.p3-cam-lista small{display:block;color:var(--tenue)}
.p3-junta-lista{margin:0;padding-left:18px;display:grid;gap:6px;font-size:var(--pl-f2,14px);line-height:1.45;color:var(--tinta);overflow-wrap:anywhere}
.p3-junta-encargo{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between}
.p3-junta-encargo>span{flex:1 1 180px;min-width:0}
.p3-junta>.bx-nota:empty{display:none}
.p3-juntas{display:grid;gap:10px}
.p3-junta-una{display:grid;gap:6px;padding-top:8px}
.p3-junta-una>small{color:var(--tenue);font-size:var(--pl-f2,14px)}
.p3-reu[data-archivada]{opacity:.8}
.bx-chip-estado.bx-detenido{background:var(--naranja-suave);color:var(--naranja-texto)}
/* Panel de Alex · llamadas (misión 1): la lista llega después de su huella */
.p3-llamadas{display:grid;gap:12px}
.p3-llamadas>[data-llam=ver]{justify-self:start}
.p3-llam-lista{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.p3-llam-tel{justify-self:start;min-height:44px}
/* Con cuatro pestañas, en celular van de dos en dos: ninguna queda fuera de la pantalla */
@media (max-width:480px){.p3-tabs{display:grid;grid-template-columns:1fr 1fr;border-radius:20px}}
/* Tu proyecto con Hostess (espacio.js · proyectoVista): los pendientes que el cliente ve en su panel */
.bx-mi-proyecto{display:grid;gap:10px;padding:16px;border-radius:16px;border:1px solid var(--borde);background:var(--papel);min-width:0;overflow-wrap:anywhere}
.bx-arr-dia{display:grid;gap:8px;margin:0 0 12px}
.bx-arr-dia .b-asesor-btn[aria-pressed=true]{background:var(--tinta);color:var(--papel);border-color:var(--tinta)}

/* ── Conectores (Alex, 27-oct-2026): su propio apartado, sin dibujo de adorno; primero los de tu negocio y el resto en
   «Más conectores»; para la dueña, arriba, lo que ya funciona en el servidor. Bloque propio de conectores.js. ── */
.p3-tuyos,.p3-mas-cuerpo{display:grid;gap:16px;min-width:0}
.p3-tuyos>.p3-sub{margin:0}
.p3-con-txt .p3-con-linea{color:var(--naranja-texto);font-weight:700}
.p3-boton{display:grid;gap:4px;justify-items:start;min-width:0}
.p3-boton>small{font-size:var(--pl-f2,14px);line-height:1.4;color:var(--tenue);max-width:46ch}
.p3-ia-intro{margin:0;padding:10px 14px;border-radius:14px;background:var(--crema)}
.p3-mas{min-width:0;border-radius:20px;border:1px solid var(--borde);background:var(--papel)}
.p3-mas>summary{display:flex;align-items:center;gap:10px;min-height:56px;padding:12px 16px;cursor:pointer;list-style:none;border-radius:20px}
.p3-mas>summary::-webkit-details-marker{display:none}
.p3-mas>summary:focus-visible{outline:3px solid var(--naranja-texto);outline-offset:4px}
.p3-mas>summary>span{display:grid;gap:2px;min-width:0}
.p3-mas>summary strong{font:800 var(--pl-f3,16px)/1.2 Manrope,system-ui,sans-serif;color:var(--tinta)}
.p3-mas>summary small{color:var(--tenue);font-size:var(--pl-f2,14px);line-height:1.35}
.p3-mas>summary svg{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.p3-mas-cuerpo{padding:0 16px 16px}
.p3-srv-lista{display:grid;gap:10px;margin:0;padding:0;list-style:none;min-width:0}
.p3-srv-lista>li{display:grid;grid-template-columns:40px minmax(0,1fr);gap:6px 12px;align-items:start;padding:12px 14px;border-radius:16px;background:var(--papel);border:1px solid var(--borde);min-width:0}
.p3-srv-lista>li>.p3-logo{grid-row:span 2}
.p3-srv-lista>li>.bx-chip-estado{grid-column:2;justify-self:start}
.p3-srv-txt{display:grid;gap:4px;min-width:0}
.p3-srv-txt strong{font:800 var(--pl-f3,16px)/1.2 Manrope,system-ui,sans-serif;color:var(--tinta)}
.p3-srv-txt small{color:var(--tenue);font-size:var(--pl-f2,14px);line-height:1.4}
.p3-srv-falta{display:flex;gap:6px;align-items:flex-start;margin:2px 0 0;font-size:var(--pl-f2,14px);line-height:1.45;color:var(--tinta);overflow-wrap:anywhere}
.p3-srv-falta svg{width:14px;height:14px;flex:none;margin-top:2px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.p3-srv-txt code{font-size:var(--pl-f1,12px);overflow-wrap:anywhere}
@media (min-width:640px){.p3-srv-lista{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ── Consola de Claude (Torre de Alex, pestaña «Claude», 27-oct-2026) ── */
.p3-consola{display:grid;gap:14px}
:root{--cla-error:#ad3128}
.p3-cla-cuerpo{display:grid;gap:14px}
@media (min-width:900px){.p3-cla-cuerpo{grid-template-columns:minmax(220px,280px) minmax(0,1fr);align-items:start}}
.p3-cla-lista{display:grid;gap:10px;min-width:0}
.p3-cla-lista ul{list-style:none;margin:0;padding:0;display:grid;gap:6px;max-height:420px;overflow:auto}
.p3-cla-sesion{width:100%;min-height:44px;text-align:left;display:grid;gap:2px;padding:10px 12px;border-radius:14px;border:1px solid var(--borde);background:#fff;cursor:pointer;font:600 var(--pl-f2,14px)/1.3 Manrope,system-ui,sans-serif;color:var(--tinta)}
.p3-cla-sesion small{font-weight:500;color:var(--tenue)}
.p3-cla-sesion[aria-current=true]{border-color:var(--tinta);box-shadow:0 0 0 1px var(--tinta)}
.p3-cla-chat{display:grid;gap:10px;min-width:0}
.p3-cla-estado{margin:0;font:700 var(--pl-f2,14px)/1.3 Manrope,system-ui,sans-serif;color:var(--tinta)}
.p3-cla-log{list-style:none;margin:0;padding:0;display:grid;gap:8px;max-height:60vh;overflow:auto;overflow-wrap:anywhere}
.p3-cla-log p{margin:0;white-space:pre-wrap}
.p3-cla-yo{justify-self:end;max-width:90%;background:var(--tinta);color:#fff;padding:10px 14px;border-radius:16px}
.p3-cla-claude{justify-self:start;max-width:94%;background:#fff;border:1px solid var(--borde);padding:10px 14px;border-radius:16px}
.p3-cla-tool small,.p3-cla-error small{display:block;font:500 var(--pl-f1,12px)/1.4 Manrope,system-ui,sans-serif;color:var(--tenue)}
.p3-cla-tool code{font-size:var(--pl-f1,12px);word-break:break-all}
.p3-cla-error small{color:var(--cla-error)}
.p3-cla-form textarea{width:100%;box-sizing:border-box;min-height:88px}

/* ── Misiones con tipo y ejemplo · «Te pidieron llamada» · Equipo (Alex, 27-oct-2026). Bloque propio de este cambio. ── */
.p3-nueva form,.p3-conectar form{display:grid;gap:14px}
.p3-tipos{display:grid;gap:8px;margin:0;padding:0;border:0;min-width:0}
.p3-tipos legend,.p3-paso{margin:0 0 6px;font:800 var(--pl-f2,14px)/1.2 Manrope,system-ui,sans-serif;letter-spacing:.04em;text-transform:uppercase;color:var(--tenue)}
.p3-tipos-rejilla{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;min-width:0}
@media (min-width:640px){.p3-tipos-rejilla{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){.p3-tipos-rejilla{grid-template-columns:repeat(3,minmax(0,1fr))}}
.p3-tipo{position:relative;display:flex;min-width:0}
.p3-tipo input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.p3-tipo>span{display:grid;grid-template-columns:24px minmax(0,1fr);gap:2px 10px;align-items:center;width:100%;min-height:64px;padding:10px 14px;border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(232,235,240,.5));box-shadow:0 0 0 1px rgba(110,118,132,.2);cursor:pointer}
.p3-tipo svg{width:22px;height:22px;grid-row:span 2;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;color:var(--tinta)}
.p3-tipo strong{font:800 var(--pl-f3,16px)/1.2 Manrope,system-ui,sans-serif;color:var(--tinta)}
.p3-tipo small{font-size:var(--pl-f2,14px);line-height:1.35;color:var(--tenue)}
.p3-tipo input:checked+span{background:var(--tinta);box-shadow:none}
.p3-tipo input:checked+span :is(strong,small,svg){color:var(--papel)}
.p3-tipo input:focus-visible+span{outline:3px solid var(--naranja-texto);outline-offset:3px}
.p3-ejemplo{display:grid;gap:10px;padding:14px;border-radius:16px;background:var(--crema);min-width:0}
.p3-ej-cab{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}
.p3-ej-cab strong{font:800 var(--pl-f3,16px)/1.3 Manrope,system-ui,sans-serif;color:var(--tinta);min-width:0}
.p3-ej-datos{display:grid;grid-template-columns:minmax(0,1fr);gap:2px;margin:0;font-size:var(--pl-f2,14px);line-height:1.45;color:var(--tinta);min-width:0}
.p3-ej-datos dt{margin-top:6px;font:700 var(--pl-f1,12px)/1.2 Manrope,system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--tenue)}
.p3-ej-datos dd{margin:0;overflow-wrap:anywhere}
@media (min-width:640px){.p3-ej-datos{grid-template-columns:96px minmax(0,1fr);gap:6px 14px}.p3-ej-datos dt{margin-top:2px}}
.p3-campos{display:grid;gap:12px;min-width:0}
.p3-campos[hidden],.p3-ejemplo[hidden]{display:none}
.p3-mis-chips{display:flex;flex-wrap:wrap;gap:6px}
.p3-chip-tipo{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;font:700 var(--pl-f1,12px)/1.3 Manrope,system-ui,sans-serif;color:var(--tinta);background:var(--papel);box-shadow:0 0 0 1px rgba(110,118,132,.22)}
.p3-mis-hace{display:grid;gap:8px;justify-items:start}
.p3-mis-hace:empty{display:none}
.p3-haciendo{display:flex;gap:8px;align-items:flex-start;margin:0;font-size:var(--pl-f2,14px);line-height:1.45;color:var(--tinta)}
.p3-haciendo svg,.p3-aviso svg{width:16px;height:16px;flex:none;margin-top:2px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.p3-haciendo-si{color:var(--t-ok)}
.p3-haciendo-falta{padding:8px 12px;border-radius:12px;background:var(--crema)}
.p3-resultado{display:grid;gap:8px;justify-items:start;width:100%;min-width:0}
.p3-resultado details{width:100%;padding:10px 12px;border-radius:12px;background:var(--crema)}
.p3-resultado summary{min-height:44px;display:flex;align-items:center;font-weight:700;cursor:pointer}
.p3-resultado details p{margin:6px 0 0;font-size:var(--pl-f2,14px);line-height:1.5;overflow-wrap:anywhere}
.p3-equipo{display:grid;gap:16px;min-width:0}
.p3-aviso span{min-width:0}
/* ── Perfil de Mi panel (Alex, 27-oct-2026): el logo de la cabecera, «Quién eres», «Tu negocio» con sus archivos y el
   repositorio del cliente (buscar/_/perfil.js). Bloque propio: solo clases pf-*. ── */
.pf-logo-img{background:var(--papel)}
.pf-logo-img img{object-fit:contain;padding:6px}
.pf-logo-respaldo{display:contents}
.bx-panel-cab .pf-cab-logo{justify-self:start;margin-top:4px}
.pf-perfil{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;min-width:0}
.pf-cab{display:grid;gap:6px}
.pf-form{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;min-width:0}
.pf-parte{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;min-width:0;padding-top:12px;border-top:1px solid var(--borde)}
.pf-titulo{margin:0;font:800 var(--pl-f3,16px)/1.25 Manrope,system-ui,sans-serif;color:var(--tinta)}
.pf-sub{margin:0;font:800 var(--pl-f3,16px)/1.3 Manrope,system-ui,sans-serif;color:var(--tinta)}
.pf-logo{display:flex;align-items:center;gap:14px;flex-wrap:wrap;min-width:0}
.pf-logo-vista{display:inline-grid;place-items:center;width:72px;height:72px;flex:none;border-radius:16px;border:1px solid var(--borde);background:var(--papel);overflow:hidden}
.pf-logo-vista img{width:100%;height:100%;object-fit:contain;padding:6px}
.pf-logo-vista svg{width:28px;height:28px;fill:none;stroke:var(--tenue);stroke-width:1.8}
.pf-logo-txt{display:grid;gap:6px;min-width:0;flex:1 1 200px}
.pf-logo-txt small{color:var(--tenue);font-size:var(--pl-f2,14px);line-height:1.4}
.pf-logo .b-asesor-btn{position:relative;cursor:pointer}
.pf-sugerencia{margin:0;padding:10px 12px;border-radius:12px;background:var(--naranja-suave);color:var(--tinta);font-size:var(--pl-f2,14px);line-height:1.45;display:flex;gap:8px;align-items:flex-start}
.pf-sugerencia svg{flex:none;width:18px;height:18px;fill:none;stroke:var(--tinta);stroke-width:2}
.pf-form [data-pf-sugerido]{border-style:dashed;border-color:var(--naranja);background:var(--acento-suave)}
/* «Lo que Hostess sabe de tu negocio» (ancla.js): cada línea con de dónde salió y su «No es así». */
.pf-sabe{display:grid;gap:10px;min-width:0;padding-top:12px;border-top:1px solid var(--borde)}
.pf-sabe-lista{display:grid;gap:8px;margin:0;padding:0;list-style:none;min-width:0}
.pf-sabe-linea{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;padding:10px 12px;border:1px solid var(--borde);border-radius:14px;min-width:0}
.pf-sabe-linea>div{display:grid;gap:2px;min-width:0;flex:1 1 200px}
.pf-sabe-linea strong{overflow-wrap:anywhere}
.pf-sabe-linea small{color:var(--tenue);font-size:var(--pl-f2,14px)}
.pf-archivos{display:grid;gap:10px;min-width:0}
.pf-resumen{margin:0;font-weight:700;color:var(--tinta)}
.pf-resumen:empty{display:none}
.pf-lista{display:grid;gap:8px;margin:0;padding:0;list-style:none;min-width:0}
.pf-archivo{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 12px;align-items:center;padding:10px 12px;border:1px solid var(--borde);border-radius:14px;min-width:0}
.pf-archivo>.b-asesor-botones{grid-column:1/-1;justify-content:flex-start}
@media (min-width:720px){.pf-archivo{grid-template-columns:auto minmax(0,1fr) auto}.pf-archivo>.b-asesor-botones{grid-column:auto}}
.pf-archivo-txt{display:grid;gap:2px;min-width:0}
.pf-archivo-txt strong{overflow-wrap:anywhere}
.pf-archivo-txt small{color:var(--tenue);font-size:var(--pl-f2,14px)}
.pf-tipo{display:inline-grid;place-items:center;min-width:56px;padding:4px 8px;border-radius:12px;font:800 var(--pl-f1,12px)/1.2 Manrope,system-ui,sans-serif;background:var(--naranja-suave);color:var(--tinta)}
.pf-subir{position:relative;cursor:pointer;justify-self:start}
.pf-apagado{opacity:.55;cursor:not-allowed}
.pf-repo{display:grid;gap:6px;justify-items:start;padding-top:12px;border-top:1px solid var(--borde)}
.pf-repo>.bx-nota:empty{display:none}
.pf-perfil .btn-primary,.pf-perfil .b-asesor-btn{white-space:normal;max-width:100%;text-align:left}
.pf-form>.btn-primary{justify-self:start}
.pf-clientes{display:grid;gap:10px;padding-top:12px;border-top:1px solid var(--borde);min-width:0}
.pf-clientes-lista{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.pf-cliente{display:grid;gap:10px;padding:12px;border:1px solid var(--borde);border-radius:16px;min-width:0}
.pf-cliente-cab{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}
.pf-cliente-cab>div{display:grid;gap:2px;min-width:0;flex:1 1 180px}
.pf-cliente-cab small{color:var(--tenue);font-size:var(--pl-f2,14px)}
.pf-detalle{display:grid;gap:10px;min-width:0}
.pf-respuestas dd{overflow-wrap:anywhere}

/* Clientes · aliados con clases (Max Padilla, 27-oct-2026): sus 8 sesiones con sus PDFs y lo que le toca a Alex. */
.p3-alu-lista{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.p3-alu-sesion{display:grid;gap:8px;padding:12px 14px;border:1px solid var(--borde);border-radius:14px;background:var(--papel)}
.p3-alu-sesion strong{display:block;color:var(--tinta)}
.p3-alu-sesion small{display:block;color:var(--tenue)}
.p3-alu-sesion[data-estado="Hecha"]{background:var(--fondo)}
.p3-alu-sesion[data-estado^="Hoy"]{border-color:var(--naranja)}
.p3-alu-toca ul{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:8px}
.p3-alu-toca li{display:flex;gap:8px;align-items:flex-start;color:var(--tinta)}
@media (min-width:720px){.p3-alu-sesion{grid-template-columns:1fr auto;align-items:center}}

/* ── La Agenda de la dueña como calendario mensual (calendario.js; Alex, 27-oct-2026): lunes a domingo, flechas de mes,
   hoy marcado y cada junta en su día. En celular cada casilla enseña las horas; el detalle del día sale en la hoja de vidrio. */
.cal{display:grid;gap:12px;min-width:0}
.cal-barra{display:flex;align-items:center;gap:8px;min-width:0}
.cal-titulo{flex:1 1 auto;min-width:0;margin:0;display:grid;gap:2px;text-align:center;font:800 var(--pl-f3,16px)/1.2 Manrope,system-ui,sans-serif;color:var(--tinta)}
.cal-titulo small{font:600 var(--pl-f2,14px)/1.3 Manrope,system-ui,sans-serif;color:var(--tenue)}
.cal-flecha{min-width:44px;min-height:44px;padding:0;justify-content:center;font-size:var(--pl-f4,20px);line-height:1}
.cal-ir-hoy{min-height:44px}
.cal-ir-hoy:disabled{opacity:.45;cursor:default}
.cal-rejilla{display:grid;gap:4px;min-width:0}
.cal-semana{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;min-width:0}
.cal-semana>div{min-width:0}
.cal-sem{text-align:center;font:800 var(--pl-f1,12px)/1.6 Manrope,system-ui,sans-serif;color:var(--tenue);letter-spacing:.04em}
.cal-sem abbr{text-decoration:none}
.cal-dia{width:100%;min-width:0;min-height:56px;display:flex;flex-direction:column;align-items:stretch;gap:3px;padding:6px 4px;border:1px solid var(--borde);border-radius:12px;background:var(--papel);color:var(--tinta);font:inherit;text-align:left;cursor:pointer;overflow:hidden}
.cal-dia:focus-visible{outline:3px solid var(--naranja-texto);outline-offset:2px}
.cal-num{font:800 var(--pl-f2,14px)/1.2 Manrope,system-ui,sans-serif;font-variant-numeric:tabular-nums;align-self:flex-start;min-width:22px;padding:2px 4px;border-radius:999px;text-align:center}
.cal-fuera{background:transparent;color:var(--tenue);opacity:.6}
.cal-hoy .cal-num{background:var(--naranja);color:var(--tinta)}
.cal-hoy{border-color:var(--naranja-texto)}
.cal-dia[aria-pressed="true"]{border-color:var(--tinta);box-shadow:0 0 0 2px var(--tinta) inset}
.cal-evs{display:grid;gap:2px;min-width:0}
.cal-ev{display:flex;gap:4px;min-width:0;padding:1px 4px;border-radius:999px;background:var(--crema);font:600 var(--pl-f1,12px)/1.35 Manrope,system-ui,sans-serif;color:var(--tinta);white-space:nowrap;overflow:hidden}
.cal-ev b{flex:none;font-weight:800;font-variant-numeric:tabular-nums}
.cal-ev-t{min-width:0;overflow:hidden;text-overflow:ellipsis}
.cal-ev-asesoria{background:var(--naranja-suave)}
.cal-ev-google{background:rgba(66,133,244,.12)}
.cal-ev-mentoria{background:var(--naranja-suave)}
.cal-mas{font:700 var(--pl-f1,12px)/1.3 Manrope,system-ui,sans-serif;color:var(--tenue);padding:0 4px}
.cal-mas-cel{display:none}
.cal-detalle{display:grid;gap:8px;min-width:0}
.cal-chip-asesoria{background:var(--naranja-suave)}
.cal-chip-google{background:rgba(66,133,244,.14)}
.cal-chip-mentoria{background:var(--naranja-suave)}
@media (min-width:720px){.cal-dia{min-height:104px;padding:6px}.cal-num{font-size:var(--pl-f2,14px)}}
/* En celular la casilla es angosta: la hora de cada junta (sin el nombre); el detalle, en la hoja de vidrio. */
@media (max-width:719px){.cal-ev{padding:1px 2px;font-size:var(--pl-f1,12px);justify-content:center}.cal-ev-t{display:none}.cal-evs .cal-ev:nth-child(n+3){display:none}.cal-dia{padding:4px 2px;align-items:center}.cal-num{align-self:center}.cal-mas{text-align:center;font-size:var(--pl-f1,12px)}.cal-mas-ancho{display:none}.cal-mas-cel{display:block}}
/* La liga «Meet» de cada asesoría agendada (agenda.js · asesoriasVista) también se toca con el dedo: 44 px. */
[data-asesorias] .bx-lista a{display:inline-flex;align-items:center;min-height:44px}
/* Con las 13 pestañas de la dueña, en pantalla ancha bajan a otro renglón: ninguna se esconde fuera de la barra. */
@media (min-width:481px){.p3-alex .p3-tabs{flex-wrap:wrap;border-radius:20px}.p3-alex .p3-tab{flex:0 1 auto}}
/* Tus cuentas de Claude (misiones repartidas entre varias cuentas) */
.p3-cuentas{display:grid;gap:10px;min-width:0}
.p3-cuenta{display:grid;gap:8px;padding:12px 16px;border-radius:16px;min-width:0;background:var(--papel);box-shadow:0 0 0 1px rgba(110,118,132,.18)}
@media (min-width:640px){.p3-cuenta{grid-template-columns:minmax(0,1fr) auto;align-items:center}.p3-cuenta>.bx-nota{grid-column:1/-1}}
.p3-cuenta>.bx-nota:empty{display:none}
.p3-cuenta code{font-size:var(--pl-f1,12px);overflow-wrap:anywhere}
/* Cuánto le queda a cada cuenta de Claude (28-oct-2026): sus 5 horas y su semana como en claude.ai, y la API de Anthropic. */
.p3-usos,.p3-anotar,.p3-api-datos{grid-column:1/-1;min-width:0}
.p3-usos{display:grid;gap:10px}
@media (min-width:640px){.p3-usos{grid-template-columns:1fr 1fr}.p3-uso-fuente{grid-column:1/-1}}
.p3-uso{display:grid;gap:4px;min-width:0}
.p3-uso-cab{display:flex;justify-content:space-between;gap:8px;font-size:var(--pl-f2,14px);color:var(--tinta)}
.p3-uso-cab strong{font:800 var(--pl-f2,14px)/1.3 Manrope,system-ui,sans-serif}
.p3-uso small,.p3-uso-fuente,.p3-api-datos small{font-size:var(--pl-f1,12px);line-height:1.4;color:var(--tenue)}
.p3-uso-ritmo.es-corto{color:var(--tc-mal);font-weight:700}
.p3-uso-barra{display:block;height:8px;border-radius:999px;background:rgba(110,118,132,.18);overflow:hidden}
.p3-uso-barra i{display:block;height:100%;border-radius:inherit;background:var(--tc-listo)}
.p3-uso-barra.es-justa i{background:var(--bx-ambar-fuerte)}
.p3-uso-barra.es-tope i{background:var(--tc-mal)}
.p3-anotar summary{min-height:44px;display:flex;align-items:center;cursor:pointer;font:700 var(--pl-f2,14px)/1.3 Manrope,system-ui,sans-serif;color:var(--tinta)}
.p3-anotar-form{display:grid;gap:10px}
@media (min-width:640px){.p3-anotar-form{grid-template-columns:1fr 1fr}.p3-anotar-form>.bx-nota,.p3-anotar-form>button{grid-column:1/-1}}
.p3-anotar-form input{min-height:44px}
.p3-api-datos{display:grid;gap:12px;margin:0}
@media (min-width:640px){.p3-api-datos{grid-template-columns:1fr 1fr}}
.p3-api-datos div{display:grid;gap:4px;min-width:0}
.p3-api-datos dt{font-size:var(--pl-f1,12px);color:var(--tenue)}
.p3-api-datos dd{margin:0;font:800 var(--pl-f3,16px)/1.2 Manrope,system-ui,sans-serif;color:var(--tinta)}
.p3-pasos{margin:0 0 12px;padding-left:20px;display:grid;gap:4px;font-size:var(--pl-f2,14px);line-height:1.45;color:var(--tinta)}
.p3-conectar{border-radius:16px;background:var(--papel);box-shadow:0 0 0 1px rgba(110,118,132,.18)}
.p3-conectar>summary{display:flex;gap:10px;align-items:center;min-height:56px;padding:10px 16px;cursor:pointer;font:800 var(--pl-f3,16px)/1.2 Manrope,system-ui,sans-serif;color:var(--tinta)}
.p3-conectar>summary span{display:grid;gap:2px}
.p3-conectar>summary small{font:400 var(--pl-f2,14px)/1.35 Manrope,system-ui,sans-serif;color:var(--tenue)}
.p3-conectar form{padding:0 16px 16px}
.p3-avance{margin:0;font-size:var(--pl-f2,14px);line-height:1.45;color:var(--tinta);overflow-wrap:anywhere}

/* La pestaña «Revisión» de la Torre (qa-cliente-nuevo.js): hallazgos por gravedad y las preguntas plegadas. */
.p3-qa{display:grid;gap:12px}
.p3-qa-resumen{margin:0;font:800 var(--pl-f3,16px)/1.4 Manrope,system-ui,sans-serif;color:var(--tinta)}
.p3-qa-fallas,.p3-qa-preguntas{margin:0;padding:0;list-style:none;display:grid;gap:10px}
.p3-qa-falla{display:grid;gap:4px;padding:12px 14px;border-radius:14px;background:var(--papel);box-shadow:0 0 0 1px rgba(110,118,132,.18);overflow-wrap:anywhere}
.p3-qa-falla p{margin:0;font-size:var(--pl-f2,14px);line-height:1.45;color:var(--tinta)}
.p3-qa-falla small{font-size:var(--pl-f2,14px);line-height:1.4;color:var(--tenue)}
.p3-qa-chip{justify-self:start;padding:2px 10px;border-radius:999px;font:800 var(--pl-f1,12px)/1.6 Manrope,system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;background:var(--crema);color:var(--tinta)}
.p3-qa-falla[data-gravedad=alta] .p3-qa-chip{background:var(--crema);color:var(--cla-error)}
.p3-qa-falla[data-gravedad=media] .p3-qa-chip{background:var(--naranja-suave);color:var(--naranja-texto)}
.p3-qa-falla[data-gravedad=baja] .p3-qa-chip{background:var(--ok-suave);color:var(--ok)}
.p3-qa-preguntas{padding:0 12px 12px}
.p3-qa-preguntas li{display:grid;grid-template-columns:32px minmax(0,1fr);gap:10px;align-items:start;font-size:var(--pl-f2,14px);line-height:1.4;overflow-wrap:anywhere}
.p3-qa-preguntas small{color:var(--tenue)}
.p3-qa-nota{display:grid;place-items:center;width:32px;height:32px;border-radius:999px;background:var(--crema);font:800 var(--pl-f2,14px)/1 Manrope,system-ui,sans-serif;font-variant-numeric:tabular-nums}

/* La Torre adentro de Mi panel (torre-casa.js, Alex 27-oct-2026: «Mi panel es donde trabajas»): las mismas piezas de la
   Torre de la sesión madre (vidrio, tinta de mercurio como único acento y cada estado con su color), con 44 px por control.
   En celular las pestañas se deslizan de lado en una sola fila (ya son veinte: en dos columnas ocupaban media pantalla). */
:root{--tc-listo:#3B3F8F;--tc-listo-suave:#E6E8F7;--tc-mal:#8E2A22;--tc-mal-suave:#F8E1DF;--tc-urgente:#B23A30;--tc-tu:#D58445;--tc-madre:#202738;--tc-cerrado:#5A60D2;--tc-latido:1.4s}
@media (max-width:480px){.p3-alex .p3-tabs{display:flex;flex-wrap:nowrap;border-radius:999px}.p3-alex .p3-tab{flex:0 0 auto}}
.tc-cuenta{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:20px;margin-left:4px;padding:0 6px;border-radius:999px;background:rgba(100,108,120,.14);font:700 var(--pl-f1,12px)/1 Manrope,system-ui,sans-serif;color:inherit}
.tc-cuenta.tc-caliente{background:var(--naranja-suave);color:var(--bx-ambar-texto)}
.p3-tab[aria-selected="true"] .tc-cuenta{background:rgba(255,255,255,.2);color:var(--papel)}
.tc{display:grid;gap:14px;min-width:0;margin:0 0 20px}
.tc svg{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vertical-align:-3px}
.tc .bx-nota a{color:var(--tinta)}
.tc-vacio{margin:0;padding:22px 18px;border-radius:20px;border:1px dashed rgba(110,118,132,.35);color:var(--tenue);text-align:center;font-size:var(--pl-f2,14px)}
.tc-card{display:grid;gap:10px;align-content:start;padding:16px 18px;border-radius:20px;min-width:0;background:linear-gradient(180deg,rgba(255,255,255,.78),rgba(232,235,240,.52));border:1px solid rgba(255,255,255,.9);box-shadow:inset 0 1px 0 var(--papel),0 0 0 1px rgba(110,118,132,.18),0 14px 28px -18px rgba(20,24,32,.38);color:var(--tinta);font-size:var(--pl-f2,14px);line-height:1.5;overflow-wrap:anywhere}
.tc-card p{margin:0}
.tc-card h5{margin:2px 0 0;font:800 var(--pl-f3,16px)/1.25 Manrope,system-ui,sans-serif;letter-spacing:-.01em;text-wrap:balance}
.tc-card h6{margin:0;font:700 var(--pl-f3,16px)/1.3 Manrope,system-ui,sans-serif}
.tc-card .b-asesor-botones{margin:0}
.tc-card .b-asesor-botones:empty{display:none}
.tc-hd{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.tc-dos{display:grid;gap:14px 26px;min-width:0}
@media (min-width:900px){.tc-dos{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}}
.tc-dos>div{display:grid;gap:10px;align-content:start;min-width:0}
.tc-lbl{display:block;margin-bottom:2px;font:700 var(--pl-f1,12px)/1.3 Manrope,system-ui,sans-serif;letter-spacing:.07em;text-transform:uppercase;color:var(--tenue)}
.tc-lista{margin:0;padding-left:18px;display:grid;gap:3px}
.tc-quien{color:var(--tenue);font-size:var(--pl-f2,14px)}
.tc-quien a,.tc-card a:not(.b-asesor-btn){display:inline-flex;align-items:center;gap:4px;min-height:44px;color:var(--tinta);font-weight:700}
.tc-nota{border-left:2px solid rgba(110,118,132,.45);padding-left:10px;color:var(--tenue);white-space:pre-wrap}
.tc-pct{display:flex;align-items:center;gap:10px}
.tc-pct b{font:800 var(--pl-f3,16px)/1 Manrope,system-ui,sans-serif;white-space:nowrap;min-width:3.2em;text-align:right}
.tc-barra{display:block;flex:1;height:8px;border-radius:999px;background:rgba(110,118,132,.2);overflow:hidden}
.tc-barra i{display:block;height:100%;border-radius:999px;background:var(--ok)}
.tc-espera .tc-barra i{background:var(--bx-ambar-fuerte)}
.tc-pill{display:inline-flex;align-items:center;gap:6px;flex:none;padding:6px 10px;border-radius:999px;font:700 var(--pl-f1,12px)/1 Manrope,system-ui,sans-serif;white-space:nowrap}
.tc-pill i{width:6px;height:6px;border-radius:999px;background:currentColor}
.tc-work,.tc-ok{background:var(--ok-suave);color:var(--bx-ok)}
.tc-wait{background:var(--naranja-suave);color:var(--bx-ambar-texto)}
.tc-ready{background:var(--tc-listo-suave);color:var(--tc-listo)}
.tc-done{background:rgba(100,108,120,.12);color:#4A5160}
.tc-bad{background:var(--tc-mal-suave);color:var(--tc-mal)}
.tc-work i{animation:tc-late var(--tc-latido) infinite}
@keyframes tc-late{50%{opacity:.25}}
.tc-tags{display:flex;flex-wrap:wrap;gap:6px}
.tc-tag{padding:5px 9px;border-radius:999px;background:rgba(100,108,120,.12);font:600 var(--pl-f1,12px)/1.2 Manrope,system-ui,sans-serif;color:var(--tinta)}
.tc-tag.tc-t-llave,.tc-tag.tc-urgente{background:var(--tc-mal-suave);color:var(--tc-mal)}
.tc-tag.tc-universal{background:var(--tc-listo-suave);color:var(--tc-listo)}
.tc-tag.tc-concedido{background:var(--ok-suave);color:var(--bx-ok)}
.tc-grupo{display:flex;align-items:center;gap:10px;margin:8px 0 0;font:700 var(--pl-f2,14px)/1 Manrope,system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--tenue)}
.tc-grupo::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(110,118,132,.3),transparent)}
.tc-rejilla{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,330px),1fr));gap:12px}
.tc-pila{display:grid;gap:12px}
.tc-cifras{margin:0}
.tc-mas{border-top:1px solid rgba(110,118,132,.2);padding-top:6px;display:grid;gap:8px}
.tc-mas>summary{display:flex;align-items:center;min-height:44px;cursor:pointer;font:700 var(--pl-f2,14px)/1.2 Manrope,system-ui,sans-serif;color:var(--tinta)}
.tc-mas>.b-asesor-btn{justify-self:start}
.tc-enviado,.tc-aviso{display:flex;gap:8px;align-items:flex-start;margin:0;padding:8px 10px;border-radius:12px;background:var(--ok-suave);color:var(--bx-ok);font-size:var(--pl-f2,14px);line-height:1.45}
.tc-aviso{background:var(--naranja-suave);color:var(--bx-ambar-texto)}
.tc-llave{position:relative;padding-left:24px}
.tc-llave::before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:4px;border-radius:999px;background:var(--bx-ambar-fuerte)}
.tc-llave.tc-p1::before{background:var(--tc-urgente)}.tc-llave.tc-p3::before{background:rgba(110,118,132,.5)}.tc-llave.tc-dado::before{background:var(--ok)}
.tc-reabierto,.tc-porverificar{padding:8px 10px;border-radius:12px;font-size:var(--pl-f2,14px)}
.tc-reabierto{background:var(--naranja-suave)}
.tc-porverificar{background:rgba(120,140,170,.14)}
.tc-guia,.tc-paso{display:grid;gap:8px;padding:12px 14px;border-radius:14px;background:var(--ok-suave)}
.tc-paso{background:var(--tc-listo-suave)}
.tc-guia ol,.tc-paso ol{margin:0;padding-left:20px;display:grid;gap:8px}
.tc-guia li.tc-madre{opacity:.78}
.tc-guia .b-asesor-btn,.tc-paso .b-asesor-btn{margin-top:6px}
.tc-q{display:inline-block;padding:2px 8px;border-radius:999px;background:var(--tc-tu);color:var(--tc-madre);font:800 var(--pl-f1,12px)/1.4 Manrope,system-ui,sans-serif;letter-spacing:.04em;text-transform:uppercase}
.tc-madre .tc-q{background:var(--tc-madre);color:var(--papel)}
.tc-paso h6{margin:0;font:800 var(--pl-f3,16px)/1.3 Manrope,system-ui,sans-serif}
.tc-pregunta{display:grid;gap:8px;padding:10px 12px;border-radius:12px;border:1px solid rgba(201,133,77,.5);background:rgba(201,133,77,.08)}
.tc-charla{display:grid;gap:6px}
.tc-burbuja{padding:8px 11px;border-radius:12px}
.tc-tuya{background:rgba(201,133,77,.14)}
.tc-de-madre{background:var(--ok-suave)}
.tc-kv{display:grid;grid-template-columns:minmax(80px,auto) minmax(0,1fr);gap:6px 10px;margin:0;font-size:var(--pl-f2,14px)}
.tc-kv dt{font:700 var(--pl-f1,12px)/1.4 Manrope,system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--tenue)}
.tc-kv dd{margin:0}
.tc-elegida{box-shadow:inset 0 1px 0 var(--papel),0 0 0 2px var(--ok),0 14px 28px -18px rgba(20,24,32,.38)}
.tc-descartada,.tc-terminado{opacity:.68}
.tc-enmision{padding:8px 10px;border-radius:12px;background:var(--ok-suave);color:var(--bx-ok);font-size:var(--pl-f2,14px)}
.tc-flujo{margin:0;padding-left:22px;display:grid;gap:6px}
.tc-quiero{border-left:3px solid var(--bx-ambar-fuerte);padding-left:10px;white-space:pre-wrap}
.tc-dias{display:flex;gap:8px;overflow-x:auto;padding:2px;scrollbar-width:none}
.tc-dias::-webkit-scrollbar{display:none}
.tc-dia{flex:0 0 auto;min-width:150px;max-width:280px;border-radius:14px;background:rgba(100,108,120,.1);font-size:var(--pl-f2,14px)}
.tc-dia>summary{display:grid;gap:4px;min-height:44px;padding:8px 12px;cursor:pointer;list-style:none;font:700 var(--pl-f2,14px)/1.2 Manrope,system-ui,sans-serif}
.tc-dia>summary::-webkit-details-marker{display:none}
.tc-dia>summary small{font-weight:600;color:var(--tenue)}
.tc-dia[open]{background:var(--tinta);color:var(--papel)}
.tc-dia[open]>summary small{color:inherit;opacity:.8}
.tc-dia>:not(summary){margin:0;padding:0 12px 10px}
.tc-dia .tc-lista{padding-left:28px}
.tc-cerrado .tc-barra i{background:var(--tc-cerrado)}
.tc-aprende{display:grid;gap:12px}
@media (min-width:900px){.tc-aprende{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}}
.tc-aprende>div{display:grid;gap:10px;align-content:start}
.tc-aprende .tc-pill{justify-self:start}
/* Hablar: «Cómo va todo» y la conversación con la madre */
.tc-va{display:grid;gap:10px;padding:18px;border-radius:20px;background:linear-gradient(160deg,rgba(255,255,255,.82),rgba(232,235,240,.55));box-shadow:0 0 0 1px rgba(110,118,132,.18),0 14px 28px -18px rgba(20,24,32,.38);min-width:0}
.tc-va h4{margin:0;font:800 var(--pl-f4,20px)/1.2 Manrope,system-ui,sans-serif;letter-spacing:-.02em;text-wrap:balance}
.tc-va p{margin:0}
.tc-puntos{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.tc-puntos li{display:grid;grid-template-columns:1.5em minmax(0,1fr);gap:6px}
.tc-tu{display:grid;gap:8px;justify-items:start;padding:10px 12px;border-radius:14px;background:var(--naranja-suave);border:1px solid var(--bx-ambar-medio)}
.tc-avs{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px 14px}
.tc-avs>div{display:grid;gap:3px;min-width:0;font-size:var(--pl-f2,14px)}
.tc-avs span{display:flex;justify-content:space-between;gap:6px}
.tc-avs em{font-style:normal;color:var(--tenue);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tc-meta{font-size:var(--pl-f2,14px);color:var(--tenue)}
.tc-hablar{display:grid;gap:12px;min-width:0}
.tc-log{list-style:none;margin:0;padding:4px 2px;display:grid;gap:10px;max-height:min(60vh,560px);overflow-y:auto;overscroll-behavior:contain}
.tc-msg{max-width:min(70ch,92%);padding:10px 14px;border-radius:20px;font-size:var(--pl-f2,14px);line-height:1.5;overflow-wrap:anywhere}
.tc-msg small{display:block;margin-bottom:4px;font:600 var(--pl-f1,12px)/1.3 Manrope,system-ui,sans-serif;opacity:.78}
.tc-msg p{margin:0;white-space:pre-wrap}
.tc-yo{justify-self:end;background:var(--tinta);color:var(--papel);border-bottom-right-radius:6px}
.tc-otro{justify-self:start;background:var(--papel);box-shadow:0 0 0 1px rgba(110,118,132,.2);border-bottom-left-radius:6px}
.tc-form{display:grid;gap:10px}
.tc-form .b-asesor-botones{margin:0}
@media (prefers-reduced-motion:reduce){.tc-work i{animation:none}}

/* Lo que reporta el equipo de una misión (misión m-proyectos): Hecho, Falta y Necesito de ti; en celular una debajo de otra. */
.p3-reporte{display:grid;gap:10px;margin-top:8px}
@media (min-width:640px){.p3-reporte{grid-template-columns:repeat(3,minmax(0,1fr))}}
.p3-rep{display:grid;gap:6px;align-content:start;padding:10px 12px;border-radius:12px;background:var(--papel);box-shadow:0 0 0 1px rgba(110,118,132,.18);min-width:0;overflow-wrap:anywhere}
.p3-rep h6{display:flex;gap:6px;align-items:center;margin:0;font:800 var(--pl-f2,14px)/1.3 Manrope,system-ui,sans-serif;color:var(--tinta)}
.p3-rep ul{margin:0;padding-left:18px;display:grid;gap:4px;font-size:var(--pl-f2,14px);line-height:1.45}
.p3-rep p{margin:0;font-size:var(--pl-f2,14px);color:var(--tenue)}
.p3-rep-hecho{background:var(--ok-suave)}
.p3-rep-necesito{background:var(--naranja-suave)}
.p3-rep-ligas{margin:8px 0 0;font-size:var(--pl-f2,14px);overflow-wrap:anywhere}
/* ── La hoja de vidrio del día (calendario.js · abrirHoja; Alex, 28-oct-2026: «si le pico a un día, abre con liquid glass
   arriba del mes y ahí aparece la junta desglosada»). Encima de la cuadrícula: el mes se ve detrás, borroso; borde de luz,
   sombra suave y entrada con resorte. Cierra con ✕, Esc o tocando fuera. Sin movimiento con prefers-reduced-motion. */
:root{--cal-blanco:#fff;--cal-t-crece:.42s;--cal-t-velo:.28s;--cal-t-resorte:.5s;--cal-t-aparece:.22s;--cal-t-cierra:.26s;--cal-t-cierra-op:.2s}
.cal-mes{position:relative;min-width:0;transition:min-height var(--cal-t-crece) cubic-bezier(.22,1,.36,1)}
.cal[data-con-hoja] .cal-mes{min-height:min(560px,78dvh)}
.cal-hoja-velo{position:absolute;inset:-6px;z-index:2;border-radius:20px;background:rgba(238,240,243,.28);opacity:0;transition:opacity var(--cal-t-velo) ease;cursor:pointer}
.cal-hoja-velo[data-abierta]{opacity:1}
.cal-hoja{--vidrio-borde:linear-gradient(140deg,rgba(255,255,255,.98),rgba(255,255,255,.35) 38%,rgba(246,166,35,.38) 62%,rgba(255,255,255,.9));
  position:absolute;z-index:3;inset:8px 6px auto;max-height:calc(100% - 16px);overflow:auto;overscroll-behavior:contain;display:grid;gap:12px;align-content:start;
  padding:16px;border-radius:20px;color:var(--bx-tinta);
  background:linear-gradient(160deg,rgba(255,255,255,.74),rgba(250,251,252,.52) 55%,rgba(255,248,236,.6));
  -webkit-backdrop-filter:blur(22px) saturate(180%);backdrop-filter:blur(22px) saturate(180%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95),inset 0 -1px 2px rgba(120,126,140,.18),0 1px 0 rgba(255,255,255,.6),0 28px 56px -28px rgba(20,26,38,.45),0 10px 24px -16px rgba(20,26,38,.3);
  opacity:0;transform:translateY(18px) scale(.94);transform-origin:50% 0;
  transition:transform var(--cal-t-resorte) cubic-bezier(.34,1.45,.64,1),opacity var(--cal-t-aparece) ease}
/* El borde de luz: un filo de vidrio que va del blanco al ámbar de la casa. */
.cal-hoja::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;background:var(--vidrio-borde);pointer-events:none;
  -webkit-mask:linear-gradient(black 0 0) content-box,linear-gradient(black 0 0);-webkit-mask-composite:xor;mask:linear-gradient(black 0 0) content-box exclude,linear-gradient(black 0 0)}
.cal-hoja[data-abierta]{opacity:1;transform:none}
.cal-hoja[data-cerrando]{transition:transform var(--cal-t-cierra) cubic-bezier(.4,0,.6,1),opacity var(--cal-t-cierra-op) ease;transform:translateY(10px) scale(.96)}
.cal-hoja-cab{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.cal-hoja-cab .eyebrow{display:block;font:800 var(--pl-f1,12px)/1.3 Manrope,system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--bx-ambar-texto)}
.cal-hoja-t{margin:2px 0 0;font:800 var(--pl-f4,20px)/1.2 Manrope,system-ui,sans-serif;color:var(--bx-tinta)}
.cal-hoja-cerrar{flex:none;width:44px;height:44px;display:grid;place-items:center;border-radius:999px;border:1px solid rgba(255,255,255,.9);background:rgba(255,255,255,.7);color:var(--bx-tinta);font:700 var(--pl-f3,16px)/1 Manrope,system-ui,sans-serif;cursor:pointer;box-shadow:inset 0 1px 0 var(--cal-blanco),0 4px 10px -6px rgba(20,26,38,.4)}
.cal-hoja-cerrar:focus-visible{outline:3px solid var(--bx-tinta);outline-offset:2px}
.cal-juntas{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.cal-junta{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;padding:12px;border-radius:16px;background:rgba(255,255,255,.62);border:1px solid rgba(255,255,255,.85);box-shadow:inset 0 1px 0 var(--cal-blanco),0 6px 16px -12px rgba(20,26,38,.35)}
.cal-junta-hora{align-self:start;min-width:64px;padding:8px 10px;border-radius:12px;background:var(--bx-tinta);color:var(--cal-blanco);font:800 var(--pl-f3,16px)/1.1 Manrope,system-ui,sans-serif;font-variant-numeric:tabular-nums;text-align:center}
.cal-junta-asesoria .cal-junta-hora{background:var(--bx-ambar);color:var(--bx-sobre-ambar)}
.cal-junta-google .cal-junta-hora{background:var(--cal-blanco);color:var(--bx-tinta);box-shadow:inset 0 0 0 1.5px rgba(66,133,244,.55)}
.cal-junta-cuerpo{display:grid;gap:6px;min-width:0}
.cal-junta-t{font:800 var(--pl-f3,16px)/1.3 Manrope,system-ui,sans-serif;overflow-wrap:anywhere}
.cal-junta-datos{display:grid;gap:4px;margin:0}
.cal-junta-datos div{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.cal-junta-datos dt{font:700 var(--pl-f1,12px)/1.3 Manrope,system-ui,sans-serif;color:var(--bx-tenue);text-transform:uppercase;letter-spacing:.04em}
.cal-junta-datos dd{margin:0;font:600 var(--pl-f2,14px)/1.35 Manrope,system-ui,sans-serif;overflow-wrap:anywhere}
.cal-junta-meet{justify-self:start;min-height:44px}
.cal-junta-ligas{display:flex;flex-wrap:wrap;gap:8px}
.cal-junta-material{min-height:44px}
.cal-hoja{scroll-margin:150px 0 24px}
@media (min-width:720px){.cal-juntas{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}
@media (max-width:480px){.cal-hoja{inset:4px 0 auto;padding:14px 12px;border-radius:20px}.cal-junta{grid-template-columns:minmax(0,1fr);gap:8px}.cal-junta-hora{justify-self:start}}
@media (prefers-reduced-motion:reduce){.cal-mes,.cal-hoja,.cal-hoja[data-cerrando],.cal-hoja-velo{transition:none}.cal-hoja{transform:none}}
/* Contabilidad de Alex (contabilidad.js, 28-oct-2026): filtros, tablero de gráficas SVG con su tabla de respaldo. */
.ct-filtros{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:end;min-width:0}
.ct-filtro{display:grid;gap:4px;min-width:0;font:700 var(--pl-f2,14px)/1.3 Manrope,system-ui,sans-serif;color:var(--bx-tenue)}
.ct-filtro select{width:100%;min-height:44px;box-sizing:border-box;padding:0 10px;border:1px solid var(--bx-borde-fuerte);border-radius:12px;background:#fff;font:600 var(--pl-f3,16px)/1.2 Manrope,system-ui,sans-serif;color:var(--bx-tinta)}
.ct-filtros [data-cont-antes]{grid-column:1/-1;justify-self:start}
.ct-tablero{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;min-width:0}
.ct-graf{margin:0;display:grid;gap:8px;min-width:0;padding:12px;border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.7),rgba(232,235,240,.45));box-shadow:0 0 0 1px rgba(110,118,132,.16)}
.ct-graf figcaption{font:800 var(--pl-f2,14px)/1.3 Manrope,system-ui,sans-serif;color:var(--bx-tinta)}
.ct-svg{display:block;width:100%;height:auto;max-width:440px;overflow:visible;fill:none;stroke:none}
[data-contabilidad] .ct-svg *{stroke:none;stroke-width:0;paint-order:normal}
.ct-svg text{font:600 11px/1 Manrope,system-ui,sans-serif;fill:var(--bx-tenue)}
.ct-svg .ct-nombre{font-weight:700;fill:var(--bx-tinta)}
.ct-svg .ct-valor{font-weight:800;fill:var(--bx-tinta);font-variant-numeric:tabular-nums}
.ct-svg .ct-falta{font-weight:800;fill:var(--bx-ambar-texto)}
[data-contabilidad] .ct-svg .ct-base{stroke:var(--bx-borde-fuerte);stroke-width:1}
.ct-ingreso{fill:var(--bx-tinta);background:var(--bx-tinta)}
.ct-costo{fill:var(--bx-ambar);background:var(--bx-ambar)}
.ct-bien{fill:var(--bx-ok)}
.ct-mal{fill:var(--bx-ambar-texto)}
.ct-nada{fill:var(--bx-borde-fuerte)}
.ct-leyenda{margin:0;display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;font:600 var(--pl-f2,14px)/1.3 Manrope,system-ui,sans-serif;color:var(--bx-tenue)}
.ct-punto{display:inline-block;width:10px;height:10px;border-radius:999px;margin-right:4px;vertical-align:-1px}
.ct-tabla{font-size:var(--pl-f2,14px)}
.ct-tabla table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
.ct-tabla th,.ct-tabla td{padding:6px 4px;border-top:1px solid var(--bx-linea);text-align:right;overflow-wrap:anywhere}
.ct-tabla th[scope=row],.ct-tabla thead th:first-child{text-align:left}
.ct-h6{margin:8px 0 0;font:800 var(--pl-f2,14px)/1.3 Manrope,system-ui,sans-serif;color:var(--bx-tenue)}
@media (min-width:720px){.ct-filtros{grid-template-columns:repeat(5,minmax(0,1fr))}.ct-tablero{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* ── Conectar de verdad (Alex, 28-oct-2026; conectar.js): qué compartes, el botón que lleva a la pantalla del proveedor ── */
.p3-conectar,.p3-conectar-web{display:grid;gap:10px;min-width:0}
.p3-servicios{display:grid;gap:6px;margin:0;padding:0;border:0;min-width:0}
.p3-servicio{display:grid;grid-template-columns:24px minmax(0,1fr);gap:10px;align-items:start;min-height:44px;padding:10px 12px;border-radius:14px;border:1px solid var(--bx-borde);background:rgba(255,255,255,.7);cursor:pointer}
.p3-servicio input{width:20px;height:20px;margin:2px 0 0;accent-color:var(--bx-tinta)}
.p3-servicio span{display:grid;gap:2px;min-width:0}
.p3-servicio small{font-size:var(--pl-f2,14px);line-height:1.4;color:var(--tenue)}
.p3-servicio:has(input:checked){border-color:var(--bx-ambar-borde);background:var(--bx-ambar-suave)}
.p3-con-aviso{margin:0}
.p3-accion .bx-ok span{overflow-wrap:anywhere}
/* El panel de la dueña con secciones y subsecciones (Alex, 28-oct-2026: «cambia totalmente cómo se ve el panel»; torre-alex.js
   con grupos). En computadora, un menú a la izquierda que se queda a la vista; en celular, una sola fila que se desliza con cada
   sección y sus subsecciones. */
.p3-alex-menu{display:grid;gap:16px;min-width:0}
.p3-menu{display:flex;gap:10px;overflow-x:auto;padding:6px;border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.7),rgba(232,235,240,.45));box-shadow:0 0 0 1px rgba(110,118,132,.2);scrollbar-width:none;min-width:0}
.p3-menu::-webkit-scrollbar{display:none}
.p3-sec{display:flex;align-items:center;gap:4px;flex:none}
.p3-sec+.p3-sec{padding-left:10px;border-left:1px solid rgba(110,118,132,.22)}
.p3-sec-t{display:inline-flex;align-items:center;gap:6px;padding:0 6px 0 4px;font:800 var(--pl-f1,12px)/1 Manrope,system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--tenue);white-space:nowrap}
.p3-sec-t svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.p3-sec-activa .p3-sec-t{color:var(--tinta)}
.p3-alex-menu .p3-menu .p3-tabs{display:flex;flex-wrap:nowrap;gap:4px;padding:0;background:none;box-shadow:none;overflow:visible}
.p3-alex-menu .p3-menu .p3-tab{flex:0 0 auto;padding:0 14px}
.p3-contenido{display:grid;gap:16px;min-width:0}
/* Al cambiar de sección (torre-alex.js · alInicio): un fundido corto, solo opacidad y transform (sin saltos de layout). */
:root{--p3-t-entra:.22s}
@keyframes p3-entra{from{opacity:0;transform:translateY(8px)}}
.p3-pane-entra{animation:p3-entra var(--p3-t-entra) cubic-bezier(.22,1,.36,1)}
@media (prefers-reduced-motion:reduce){.p3-pane-entra{animation:none}}
@media (min-width:1024px){
  .p3-alex-menu{grid-template-columns:232px minmax(0,1fr);align-items:start;gap:24px}
  .p3-menu{position:sticky;top:132px;flex-direction:column;gap:14px;overflow:visible;padding:14px 10px;max-height:calc(100vh - 148px);overflow-y:auto}
  .p3-sec{flex-direction:column;align-items:stretch;gap:4px}
  .p3-sec+.p3-sec{padding:12px 0 0;border-left:0;border-top:1px solid rgba(110,118,132,.18)}
  .p3-sec-t{padding:2px 10px 6px}
  .p3-alex-menu .p3-menu .p3-tabs{flex-direction:column}
  .p3-alex-menu .p3-menu .p3-tab{text-align:left;border-radius:14px;width:100%}
}
/* Gráficas de Finanzas (graficas-finanzas.js): SVG y barras con los colores de la casa. */
.gf-rejilla{display:grid;gap:14px;margin:4px 0 8px}
@media (min-width:900px){.gf-rejilla{grid-template-columns:repeat(2,minmax(0,1fr))}.gf-rejilla>[data-grafica="meses"]{grid-column:1/-1}}
.gf-caja{margin:0;padding:14px 16px;border-radius:16px;background:var(--papel);box-shadow:0 0 0 1px rgba(110,118,132,.18);display:grid;gap:10px;min-width:0}
.gf-caja figcaption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 12px;font-size:var(--pl-f2,14px);color:var(--tenue)}
.gf-caja figcaption strong{color:var(--tinta);font-size:var(--pl-f3,16px)}
.gf-caja svg{width:100%;height:auto;max-height:300px;display:block}
.gf-ley{display:inline-flex;flex-wrap:wrap;align-items:center;gap:4px 8px}
.gf-ley i{display:inline-block;width:10px;height:10px;border-radius:999px}
rect.gf-ing,.gf-ley i.gf-ing,.gf-barras i.gf-comision{fill:var(--naranja);background:var(--naranja)}
rect.gf-egr,.gf-ley i.gf-egr,.gf-barras i.gf-costo{fill:var(--tenue);background:var(--tenue)}
.gf-ley i.gf-sal{background:var(--ok)}
polyline.gf-sal{fill:none;stroke:var(--ok);stroke-width:3;stroke-linejoin:round}
circle.gf-sal{fill:var(--papel);stroke:var(--ok);stroke-width:3}
.gf-base{stroke:var(--borde);stroke-width:1}
.gf-eti{font:600 var(--pl-f2,14px) Manrope,system-ui,sans-serif;fill:var(--tenue)}
.gf-val{font:700 var(--pl-f1,12px) Manrope,system-ui,sans-serif;fill:var(--tinta)}
.gf-barras{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.gf-barras li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;align-items:center;font-size:var(--pl-f2,14px)}
.gf-cat{min-width:0;overflow-wrap:anywhere;color:var(--tinta);font-weight:600}
.gf-num{color:var(--tenue);white-space:nowrap}
.gf-pista{grid-column:1/-1;height:10px;border-radius:999px;background:var(--crema);overflow:hidden}
.gf-pista i{display:block;height:100%;border-radius:999px}
.gf-barras i.gf-personal{background:var(--navy-texto)}
.gf-barras i.gf-prestamo{background:var(--borde)}
.gf-barras i.gf-debe{background:var(--naranja)}

/* «Soporte» en la Torre de la dueña (m-soporte-entrar-como): el registro es tabla; en celular cada fila se apila (cliente
   arriba, luego inicio, fin o vence y estado con su etiqueta) y, si algo no cabe, la caja tiene su propio scroll. */
.sp-soporte .sp-form{max-width:520px}
.sp-tabla{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;font-size:var(--pl-f2,14px)}
.sp-tabla table{width:100%;min-width:460px;border-collapse:collapse;font-variant-numeric:tabular-nums}
.sp-tabla th,.sp-tabla td{padding:8px 6px;border-top:1px solid var(--bx-linea);text-align:left;vertical-align:top}
.sp-tabla thead th{border-top:0;color:var(--bx-tenue);font-weight:700}
.sp-tabla tbody th{overflow-wrap:anywhere;font-weight:700}
@media (max-width:560px){.sp-tabla table{min-width:0}.sp-tabla thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.sp-tabla tr{display:grid;gap:2px;padding:10px 0;border-top:1px solid var(--bx-linea)}.sp-tabla th,.sp-tabla td{display:block;padding:0;border:0}.sp-tabla td::before{content:attr(data-eti) " · ";color:var(--bx-tenue);font-weight:700}}
/* Juntas de clientes (juntas-clientes.js): su día, con quién y el material para presentar */
.jc-material{border-top:1px solid rgba(110,118,132,.18);padding-top:8px}
.jc-material>summary{min-height:44px;display:flex;align-items:center;cursor:pointer;font-weight:700;color:var(--tinta)}
.jc-resumen{margin:4px 0 8px;font-size:var(--pl-f3,16px);line-height:1.5;color:var(--tinta)}
.jc-sec{margin-top:8px}
.jc-lista{margin:4px 0 0;padding-left:18px;display:grid;gap:4px;font-size:var(--pl-f2,14px);line-height:1.45;color:var(--tinta);overflow-wrap:anywhere}
.jc-propuesta{display:grid;gap:4px}
.jc-propuesta .jc-material{margin-top:4px}
/* Para tu próxima sesión (proxima-sesion.js): cada acuerdo con su avance, su material y la frase de donde salió */
.ps-acuerdos{margin:4px 0 0;padding:0;list-style:none;display:grid;gap:10px}
.ps-acuerdo{display:grid;gap:2px;min-width:0;overflow-wrap:anywhere;font-size:var(--pl-f2,14px);line-height:1.45;color:var(--tinta)}
.ps-acuerdo-cab{display:flex;flex-wrap:wrap;gap:4px 8px;align-items:center;justify-content:space-between}
.ps-acuerdo small{color:var(--tenue);font-size:var(--pl-f2,14px)}
.ps-fuente{font-style:italic}
.ps-material{margin:2px 0;padding:4px 10px;border-left:3px solid var(--t-ok)}
.ps-acuerdo a,.ps .bx-nota a{display:inline-flex;align-items:center;min-height:44px}
.ps-forma{display:grid;gap:10px;margin-top:14px;padding-top:14px;border-top:1px solid rgba(110,118,132,.18);min-width:0}
.ps-forma input,.ps-forma select{width:100%;box-sizing:border-box;min-height:44px}
.ps-fila{display:grid;gap:10px;grid-template-columns:minmax(0,1fr)}
@media (min-width:520px){.ps-fila{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* «Hoy» (hoy.js): pedir una tarea, la agenda del día y lo que sigue, en una sola columna en celular. */
.hoy{display:grid;gap:14px;min-width:0}
.hoy-cab{display:grid;gap:2px}
.hoy-cab strong{font-size:var(--pl-f4,20px);line-height:1.25;color:var(--tinta)}
.hoy-pedir{display:grid;gap:8px}
.hoy-pedir .btn-primary{justify-self:start}
.hoy-sigue{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.hoy-sigue li{display:flex;gap:10px;align-items:center;justify-content:space-between;font-size:var(--pl-f2,14px);line-height:1.45;color:var(--tinta);overflow-wrap:anywhere}
.hoy-sigue li+li{border-top:1px solid var(--borde);padding-top:8px}
.hoy-sigue .b-asesor-btn{flex:none}
.hoy .b-asesor-eti{display:flex;gap:6px;align-items:center}
/* Seguimiento a prospectos (seguimiento.js): el interruptor y los botones de cada prospecto se acomodan a 360 px */
.sg-estado{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center}
.sg-estado>.bx-nota{flex:1 1 220px;margin:0}
.sg-paso{margin:0;overflow-wrap:anywhere}
.sg-botones{display:flex;flex-wrap:wrap;gap:8px}
.sg .b-asesor-btn{min-height:44px}
/* Mis clientes (mis-clientes.js): un nombre de variable o de negocio largo se parte en vez de cortarse a 360 px */
.mc .p3-cli-datos dd{min-width:0;overflow-wrap:anywhere}
.pedidos-lista li{display:grid;gap:4px;justify-content:stretch}

/* Juntas para presentar (entregables.js, 30-oct-2026): «Presentar junta», lo que se presenta con su estado y lo que falta */
.ph-junta{gap:10px}
.ph-presentar{justify-self:start;min-height:48px}
.ph-ent-t{margin:2px 0 0;font:800 var(--pl-f1,12px)/1.3 Manrope,system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--tenue)}
.ph-entregables{margin:0;padding:0;list-style:none;display:grid;gap:8px}
.ph-entregable{display:flex;align-items:flex-start;gap:8px;min-width:0;font-size:var(--pl-f2,14px);line-height:1.45}
.ph-entregable>.bx-chip-estado{flex:none}
.ph-entregable>span{min-width:0;overflow-wrap:anywhere}
.ph-entregable a{display:inline-flex;align-items:center;gap:4px;min-height:44px;font-weight:700;color:var(--tinta)}
.ph-entregable a svg{width:14px;height:14px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ph-entregable small{display:block;color:var(--tenue)}
/* Sistema → Claude (mi-claude.js): las cuentas, el Claude de API y lo que usa de hostess.mx, con el patrón de las tarjetas de Conectores. */
.p3-mi-claude{margin-bottom:18px}
.p3-mc-lista{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:8px}
.p3-mc-fila{display:grid;grid-template-columns:40px minmax(0,1fr);gap:4px 12px;align-items:center;padding:12px 14px;border-radius:16px;background:var(--papel);box-shadow:0 0 0 1px rgba(110,118,132,.18)}
.p3-mc-fila .bx-chip-estado{grid-column:2;justify-self:start}
.p3-mc-fila .p3-logo svg{width:20px;height:20px}
.p3-mc-txt{display:grid;gap:2px;min-width:0}
.p3-mc-txt strong{font:800 var(--pl-f3,16px)/1.2 Manrope,system-ui,sans-serif;color:var(--tinta);overflow-wrap:anywhere}
.p3-mc-txt small{color:var(--tenue);font-size:var(--pl-f2,14px);line-height:1.35}
/* Mi Claude en celular (Equipo I, 1-nov-2026): los botones van a lo ancho y el texto se parte en vez de cortarse. */
.p3-torre.p3-mi-claude .b-asesor-botones{display:flex;flex-wrap:wrap;gap:10px}
.p3-torre.p3-mi-claude .b-asesor-btn{box-sizing:border-box;white-space:normal;text-align:center;max-width:100%;margin:0}
@media (max-width:600px){.p3-torre.p3-mi-claude .b-asesor-botones>.b-asesor-btn{flex:1 1 100%;width:100%;justify-content:center}}
/* Lo que va por fuera (mi-claude.js · porFueraHtml): cada cosa con su paso claro. */
.p3-mc-paso{display:grid;gap:8px;padding:12px 14px;border-radius:16px;background:var(--papel);box-shadow:0 0 0 1px rgba(110,118,132,.18)}
.p3-mc-paso strong{font:800 var(--pl-f3,16px)/1.25 Manrope,system-ui,sans-serif;color:var(--tinta)}
.p3-mc-paso p{margin:0}
.p3-mc-paso .b-asesor-btn{justify-self:start;white-space:normal;max-width:100%}

/* ── Finanzas (misión 11.27, Equipo I, 2-nov-2026): una idea arriba, con el lenguaje «Apple Hostess» del Equipo L ──
   Su saldo enorme sobre negro, en el degradado de la casa, y una sola acción al alcance: «Anotar dinero». Las tres cifras del
   mes debajo, en tarjetas claras. Solo variables --pl-* (piel.css); sin valores sueltos de color, radio ni duración. */
.b-respuestas [data-ph=finanzas] .ph-fin-heroe{display:grid;gap:clamp(8px,1.4vw,14px);margin:clamp(8px,2vw,20px) 0 clamp(12px,2vw,20px);padding:var(--pl-pad);background:var(--pl-noche);color:var(--pl-claro);border-radius:var(--pl-r-l);box-shadow:var(--pl-sombra-alta)}
.b-respuestas [data-ph=finanzas] .ph-fin-eti{margin:0;color:var(--pl-claro-tenue);font:600 var(--pl-f3,16px)/1.3 var(--pl-letra);letter-spacing:.01em}
.b-respuestas [data-ph=finanzas] .ph-fin-cifra{display:block;max-width:100%;overflow-wrap:anywhere;font:700 var(--pl-t-cifra)/1 var(--pl-letra-grito);letter-spacing:-.045em;background:var(--pl-degradado);-webkit-background-clip:text;background-clip:text;color:transparent}
.b-respuestas [data-ph=finanzas] .ph-fin-nota{margin:0;max-width:40ch;color:var(--pl-claro-tenue);font:500 var(--pl-t-sub)/1.4 var(--pl-letra)}
.b-respuestas [data-ph=finanzas] .ph-fin-dictar{justify-self:start;display:inline-flex;align-items:center;gap:10px;min-height:52px;margin-top:clamp(4px,1vw,10px);padding:0 26px;border:0;border-radius:var(--pl-r-pill);background:var(--pl-ambar);color:var(--pl-tinta);font:700 var(--pl-f3,17px)/1 var(--pl-letra);cursor:pointer}
.b-respuestas [data-ph=finanzas] .ph-fin-dictar svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.b-respuestas [data-ph=finanzas] .ph-fin-dictar:hover{background:var(--pl-ambar-claro)}
.b-respuestas [data-ph=finanzas] .ph-fin-dictar:active{transform:scale(.97)}
.b-respuestas [data-ph=finanzas] .ph-fin-dictar:focus-visible{outline:3px solid var(--pl-ambar-claro);outline-offset:3px}
.b-respuestas [data-ph=finanzas] .ph-cifras{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(8px,1.4vw,14px)}
.b-respuestas [data-ph=finanzas] .ph-cifras>div{display:grid;gap:4px;padding:clamp(14px,2vw,22px);background:var(--pl-blanco);border:1px solid var(--pl-linea-suave);border-radius:var(--pl-r-m);box-shadow:var(--pl-sombra)}
.b-respuestas [data-ph=finanzas] .ph-cifras strong{color:var(--pl-tinta);font:700 var(--pl-f4,20px)/1.05 var(--pl-letra-grito);letter-spacing:-.03em;overflow-wrap:anywhere}
.b-respuestas [data-ph=finanzas] .ph-cifras span{color:var(--pl-tenue);font:500 var(--pl-f2,14px)/1.3 var(--pl-letra)}
@media (max-width:520px){.b-respuestas [data-ph=finanzas] .ph-cifras{grid-template-columns:minmax(0,1fr)}.b-respuestas [data-ph=finanzas] .ph-cifras>div{grid-template-columns:minmax(0,1fr) auto;align-items:baseline}.b-respuestas [data-ph=finanzas] .ph-cifras span{order:-1}.b-respuestas [data-ph=finanzas] .ph-fin-dictar{justify-self:stretch;justify-content:center}}
@media (prefers-reduced-motion:reduce){.b-respuestas [data-ph=finanzas] .ph-fin-dictar:active{transform:none}}
/* Finanzas, vuelta 2 con O (2-nov-2026). A 1280, las 3 cifras del mes junto a la pantalla negra (no le sobra media pantalla).
   En celular, en la pestaña Finanzas, el saludo queda en un renglón y sin la caja de ejemplos: el saldo y «Anotar dinero» caben
   en el primer pantallazo (375×812 y 360×740). La tira de secciones arranca limpia en su margen (encaja al inicio de cada grupo). */
.b-respuestas [data-ph=finanzas] .ph-fin-arriba{display:grid;gap:clamp(8px,1.4vw,14px);margin:clamp(8px,2vw,20px) 0 clamp(12px,2vw,20px)}
.b-respuestas [data-ph=finanzas] .ph-fin-arriba .ph-fin-heroe{margin:0}
@media (min-width:1100px){.b-respuestas [data-ph=finanzas] .ph-fin-arriba{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);align-items:stretch}.b-respuestas [data-ph=finanzas] .ph-fin-arriba .ph-cifras{grid-template-columns:minmax(0,1fr);align-content:stretch}}
.p3-menu{scroll-snap-type:x proximity;scroll-padding-inline:6px}
.p3-sec{scroll-snap-align:start}
@media (max-width:640px){
  .bx-vista:has(#p3-tab-finanzas[aria-selected=true])>.bx-panel-cab{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;padding:4px 0 8px}
  .bx-vista:has(#p3-tab-finanzas[aria-selected=true])>.bx-panel-cab .bx-avatar-grande,.bx-vista:has(#p3-tab-finanzas[aria-selected=true])>.bx-panel-cab .bx-logo-cab{width:40px;height:40px}
  .bx-vista:has(#p3-tab-finanzas[aria-selected=true])>.bx-panel-cab .eyebrow,.bx-vista:has(#p3-tab-finanzas[aria-selected=true])>.bx-panel-cab .b-asesor-social,.bx-vista:has(#p3-tab-finanzas[aria-selected=true])>.bx-panel-cab .pf-cab-logo,.bx-vista:has(#p3-tab-finanzas[aria-selected=true])>.bx-habla{display:none}
  .bx-vista:has(#p3-tab-finanzas[aria-selected=true])>.bx-panel-cab .b-asesor-titular{font-size:var(--pl-f4,20px);line-height:1.1}
  .b-respuestas [data-ph=finanzas]>.p3-cab .bx-nota{display:none}
  .b-respuestas [data-ph=finanzas] .ph-fin-heroe{gap:8px;padding:20px}
}
/* La cifra nunca se parte: se ajusta al ancho de su pantalla negra (container query) y no pasa del tamaño de la piel. */
.b-respuestas [data-ph=finanzas] .ph-fin-heroe{container-type:inline-size}
.b-respuestas [data-ph=finanzas] .ph-fin-cifra{white-space:nowrap;overflow-wrap:normal;font-size:min(var(--pl-t-cifra),14cqi)}
@media (min-width:1100px){.b-respuestas [data-ph=finanzas] .ph-fin-arriba .ph-cifras>div{align-content:center}}
/* Con «Anotar dinero», «Pídelo aquí» o cualquier forma de la sección a la vista, el «+» de misión se aparta
   (torre-alex.js · vigilarPedir): una sola acción de alta por pantalla. */
html.p3-pedir-visible .mf-boton{visibility:hidden;pointer-events:none}
/* Bajar y subir natural (2-nov-2026): la barra lateral sin scroll propio (torre-alex.js · ajustarMenu le da su top) y «Volver arriba». */
@media (min-width:1024px){.p3-alex-menu .p3-menu{top:var(--p3-menu-top,132px);max-height:none;overflow:visible}}
.p3-arriba{position:fixed;z-index:60;left:16px;bottom:calc(16px + env(safe-area-inset-bottom));display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border:1px solid var(--pl-linea);border-radius:var(--pl-r-pill);background:var(--pl-blanco);color:var(--pl-tinta);font:700 var(--pl-f2,14px)/1 var(--pl-letra);box-shadow:var(--pl-sombra);cursor:pointer}
.p3-arriba[hidden]{display:none}
.p3-arriba svg{width:18px;height:18px;transform:rotate(-90deg);fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.p3-arriba:hover{background:var(--pl-fondo-2)}
.p3-arriba:focus-visible{outline:3px solid var(--pl-ambar);outline-offset:3px}
@media (max-width:640px){.p3-arriba{bottom:calc(84px + env(safe-area-inset-bottom))}}
/* Misiones con filtros (2-nov-2026): por estado y por tipo, cada uno con su conteo; en celular se desliza a lo ancho. */
.p3-mis-filtros{display:grid;gap:10px;margin:8px 0 4px}
.p3-mis-filtros [role=group]{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px}
.p3-mis-filtros [role=group]::-webkit-scrollbar{display:none}
.p3-mis-chip{display:inline-flex;align-items:center;gap:8px;flex:none;min-height:44px;padding:0 14px;border:1px solid var(--pl-linea);border-radius:var(--pl-r-pill);background:var(--pl-blanco);color:var(--pl-tinta);font:600 var(--pl-f2,14px)/1 var(--pl-letra);cursor:pointer}
.p3-mis-chip b{min-width:22px;padding:2px 7px;border-radius:var(--pl-r-pill);background:var(--pl-fondo-2);color:var(--pl-tenue);font:700 var(--pl-f1,12px)/1.4 var(--pl-letra);text-align:center}
.p3-mis-chip[aria-pressed=true]{background:var(--pl-tinta);border-color:var(--pl-tinta);color:var(--pl-blanco)}
.p3-mis-chip[aria-pressed=true] b{background:var(--pl-ambar);color:var(--pl-tinta)}
.p3-mis-chip:focus-visible{outline:3px solid var(--pl-ambar);outline-offset:2px}
.p3-lista-mis li[hidden],[data-mis-grupo][hidden]{display:none}
.tc-rejilla>article[hidden],[data-tc-grupo][hidden]{display:none}
/* Ajustes de O (2-nov-2026): en celular «Arriba» es un círculo de 44 px solo con la flecha y se aparta mientras se escribe; los
   renglones de filtros se desvanecen 24 px a la derecha solo mientras hay más (torre-alex.js · marcarMas). */
:root{--p3-opaco:#000}
.p3-mis-filtros [role=group][data-mas]{-webkit-mask-image:linear-gradient(to right,var(--p3-opaco) calc(100% - 24px),transparent);mask-image:linear-gradient(to right,var(--p3-opaco) calc(100% - 24px),transparent)}
@media (max-width:640px){
  .p3-arriba{width:44px;height:44px;padding:0;justify-content:center}
  .p3-arriba span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  html.p3-escribiendo .p3-arriba{display:none}
}
@media (min-width:641px){.p3-arriba{left:auto;right:16px;bottom:96px}}
/* Mi panel, 11.24 (Equipo I, 2-nov-2026; propuesta para el «sí» de O). Regla 1 de O: lo principal en el primer pantallazo
   del celular. El saludo queda en un renglón con el avatar (sin el correo ni «Poner mi logo», que viven en Perfil), la guía
   del buscador cabe en dos renglones y sus ejemplos van en una sola fila que se desliza. En computadora el saludo baja de
   tamaño (de título de portada a título de sección) y los ejemplos tampoco se apilan. */
.b-respuestas .bx-panel>.bx-panel-cab{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:16px;padding-top:0;margin-bottom:0}
.bx-panel>.bx-panel-cab>div{grid-template-columns:minmax(0,1fr) auto;column-gap:16px;align-items:center}
.bx-panel>.bx-panel-cab>div>*{grid-column:1}
.bx-panel>.bx-panel-cab>div>.pf-cab-logo{grid-column:2;grid-row:1/span 3;margin:0}
.bx-panel>.bx-panel-cab .bx-avatar-grande,.bx-panel>.bx-panel-cab .bx-logo-cab{width:52px;height:52px;font-size:var(--pl-f4,20px)}
.bx-panel>.bx-panel-cab .eyebrow{margin:0}
/* piel.css fija todo titular del buscador en --pl-f6 (con !important): aquí se cambia el valor de esa medida solo en el saludo. */
.bx-panel>.bx-panel-cab .b-asesor-titular{--pl-f6:var(--pl-f5,40px);margin:0;line-height:1.05}
.bx-panel>.bx-habla{gap:8px;padding:12px 14px}
.b-respuestas .bx-panel>.bx-habla p{max-width:none}
.bx-panel>.bx-habla .b-ayuda-chips{display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity;-webkit-mask-image:linear-gradient(90deg,var(--p3-opaco) calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,var(--p3-opaco) calc(100% - 28px),transparent)}
.bx-panel>.bx-habla .b-ayuda-chips::-webkit-scrollbar{display:none}
.bx-panel>.bx-habla .b-ayuda-chip{flex:none;white-space:nowrap;scroll-snap-align:start}
@media (max-width:640px){
  .b-respuestas .bx-panel>.bx-panel-cab{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;padding:0;margin:0}
  .bx-panel>.bx-panel-cab .bx-avatar-grande,.bx-panel>.bx-panel-cab .bx-logo-cab{width:40px;height:40px}
  .bx-panel>.bx-panel-cab .eyebrow,.bx-panel>.bx-panel-cab .b-asesor-social{display:none}
  /* «Cambiar logo» se queda (Alex lo usa desde aquí), chico y a la derecha del saludo, en el mismo renglón. */
  .bx-panel>.bx-panel-cab>div>.pf-cab-logo{grid-row:1;white-space:nowrap;min-height:44px;padding:0 12px;font-size:var(--pl-f1,13px)}
  .bx-panel>.bx-panel-cab .b-asesor-titular{--pl-f6:var(--pl-f4,20px);line-height:1.1}
  .bx-panel>.bx-habla p{font-size:var(--pl-f2,14px);line-height:1.45}
  /* Que se entienda que la fila desliza: el primer ejemplo no llena el ancho y asoma el inicio del segundo. */
  .bx-panel>.bx-habla .b-ayuda-chip{max-width:72%;white-space:normal;text-align:left;line-height:1.3}
}