/* GUARDIANA · NÚCLEO, la puerta de entrada (dueño, 27 Oct 2026, 08:42: «pantalla negra y en el medio nace el navegador con el
   cerebro neuronal… buenos días, bienvenido a esta experiencia de tus datos… ¿qué desea hacer?… ella te deriva»). Ronda 52 de la
   agencia: lo que coinciden ChatGPT, Gemini y Astra. Primera versión sin IA generativa: entiende frases y abre cada sección. */
.nuc-ini{position:fixed;inset:0;z-index:10000;background:#06080C;color:#F4F6F8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;padding:24px 16px;overflow-y:auto;opacity:1;transition:opacity .7s ease,visibility .7s;font-family:'IBM Plex Sans',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif}
.nuc-ini[hidden]{display:none}
.nuc-ini.sale{opacity:0;visibility:hidden;pointer-events:none}
.nuc-ini::before{content:'';position:absolute;inset:0;background:radial-gradient(60% 50% at 50% 38%,rgba(156,195,228,.10),transparent 70%);pointer-events:none}
.nuc-ini .nuc-lienzo{width:var(--g-red,min(26vh,240px));height:var(--g-red,min(26vh,240px));flex:none;display:block;position:relative}
.nuc-ini .nuc-k{margin:6px 0 0;font:600 11px/1.4 'IBM Plex Mono',Consolas,monospace;letter-spacing:.32em;color:#9CC3E4;text-transform:uppercase}
.nuc-ini h1{margin:14px 0 0;font:300 clamp(30px,4.4vw,48px)/1.1 'IBM Plex Sans',system-ui,sans-serif;letter-spacing:-.01em;text-align:center;max-width:min(920px,100%);text-wrap:balance}
.nuc-ini .nuc-sub{margin:10px 0 0;max-width:560px;text-align:center;font-size:clamp(15px,1.5vw,18px);line-height:1.5;color:#c9d6e2}
.nuc-ini .nuc-sub b{display:block;margin-top:4px;font-weight:600;color:#F4F6F8}
.nuc-paso{opacity:0;transform:translateY(10px);transition:opacity .8s ease,transform .8s cubic-bezier(.22,1,.36,1)}
.nuc-paso.ve{opacity:1;transform:none}
.nuc-form{position:relative;display:flex;align-items:center;gap:8px;width:min(620px,100%);margin-top:24px;padding:7px 7px 7px 18px;border-radius:999px;border:1px solid rgba(156,195,228,.38);background:linear-gradient(180deg,rgba(17,26,37,.92),rgba(9,14,21,.96));box-shadow:0 0 0 1px rgba(156,195,228,.06),0 18px 60px -26px rgba(156,195,228,.55),inset 0 1px 0 rgba(244,246,248,.06)}
.nuc-form:focus-within{border-color:#9CC3E4;box-shadow:0 0 0 3px rgba(156,195,228,.16),0 18px 60px -26px rgba(156,195,228,.7)}
.nuc-form input{flex:1;min-width:0;height:44px;border:0;outline:none;background:transparent;color:#F4F6F8;font:400 16px/1.2 'IBM Plex Sans',system-ui,sans-serif}
.nuc-form input::placeholder{color:#7f93a6}
.nuc-form button{flex:none;height:44px;padding:0 22px;border:0;border-radius:999px;background:#9CC3E4;color:#06080C;font:600 15px/1 'IBM Plex Sans',system-ui,sans-serif;cursor:pointer;display:inline-flex;align-items:center;gap:8px}
.nuc-form button:hover{filter:brightness(1.07)}
.nuc-form button:focus-visible,.nuc-op:focus-visible,.nuc-salta:focus-visible,.nuc-barra button:focus-visible{outline:2px solid #F4F6F8;outline-offset:2px}
.nuc-resp{min-height:24px;margin:14px 0 0;max-width:620px;text-align:center;font-size:15px;line-height:1.5;color:#dbe7f1}
.nuc-resp .nq{display:block;font:600 10px/1.4 'IBM Plex Mono',Consolas,monospace;letter-spacing:.2em;color:#9CC3E4;margin-bottom:4px}
.nuc-ops{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;width:min(1120px,100%);margin-top:22px}
.nuc-op{appearance:none;display:grid;gap:6px;align-content:start;text-align:left;padding:16px 18px;border-radius:16px;border:1px solid rgba(156,195,228,.22);background:rgba(12,18,26,.82);color:#F4F6F8;cursor:pointer;font-family:inherit;transition:border-color .2s,background .2s,transform .2s}
.nuc-op:hover{border-color:rgba(156,195,228,.6);background:rgba(20,32,46,.9);transform:translateY(-2px)}
.nuc-op b{font:600 16px/1.25 'IBM Plex Sans',system-ui,sans-serif}
.nuc-op small{font-size:13px;line-height:1.45;color:#a9bccd}
.nuc-op i{font-style:normal;font:600 10px/1 'IBM Plex Mono',Consolas,monospace;letter-spacing:.18em;color:#9CC3E4}
.nuc-pie{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px;margin-top:22px;font-size:12.5px;color:#7f93a6;text-align:center;max-width:720px}
.nuc-salta{appearance:none;border:0;background:none;color:#9CC3E4;font:inherit;font-size:13px;cursor:pointer;text-decoration:underline;text-underline-offset:3px;padding:2px}
/* la charla guiada: al elegir algo, el cerebro se recoge arriba y aparecen las burbujas, las opciones e ir/volver */
.nuc-ini .nuc-lienzo{transition:width .6s cubic-bezier(.22,1,.36,1),height .6s cubic-bezier(.22,1,.36,1)}
.nuc-ini.charla{justify-content:flex-start;padding-top:28px}
.nuc-ini.charla .nuc-lienzo{width:min(18vh,150px);height:min(18vh,150px)}
.nuc-ini.charla h1{font-size:clamp(22px,2.6vw,30px);margin-top:4px}
.nuc-ini.charla #nuc-sub{display:none}
.nuc-charla{display:flex;flex-direction:column;gap:10px;width:min(720px,100%);max-height:min(42vh,420px);overflow-y:auto;margin-top:18px;padding:2px 4px;scrollbar-width:thin;scrollbar-color:#3e5263 transparent}
.nuc-charla:empty{display:none}
.nuc-b{margin:0;max-width:92%;padding:12px 16px;border-radius:16px;font-size:15px;line-height:1.55;animation:nucb .35s ease both}
.nuc-b.el{align-self:flex-start;background:rgba(17,27,39,.92);border:1px solid rgba(156,195,228,.26);color:#e6eef5;border-top-left-radius:6px}
.nuc-b.tu{align-self:flex-end;background:rgba(156,195,228,.16);border:1px solid rgba(156,195,228,.34);color:#F4F6F8;border-top-right-radius:6px}
.nuc-b .nq{display:block;font:600 10px/1.4 'IBM Plex Mono',Consolas,monospace;letter-spacing:.2em;color:#9CC3E4;margin-bottom:4px}
.nuc-x{display:grid;grid-template-columns:auto 1fr;gap:8px 16px;margin:4px 0 12px;padding:0 0 12px;border-bottom:1px solid rgba(156,195,228,.16)}
.nuc-x dt{font:600 10px/2 'IBM Plex Mono',Consolas,monospace;letter-spacing:.16em;color:#9CC3E4;text-transform:uppercase;white-space:nowrap}
.nuc-x dd{margin:0;color:#e6eef5;font-size:15px;line-height:1.55}
.nuc-b .nuc-bt{margin:0}
.nuc-b.el .nuc-x+.nuc-bt{font-weight:600;color:#F4F6F8}
@media (max-width:560px){.nuc-x{grid-template-columns:1fr;gap:2px}.nuc-x dd{margin-bottom:8px}}
@keyframes nucb{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.nuc-ops[hidden]{display:none}
.nuc-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;width:min(760px,100%);margin-top:16px}
.nuc-chips:empty{display:none}
.nuc-chip{appearance:none;cursor:pointer;padding:9px 16px;border-radius:999px;border:1px solid rgba(156,195,228,.34);background:rgba(12,18,26,.85);color:#dbe9f4;font:500 14px/1.2 'IBM Plex Sans',system-ui,sans-serif;transition:background .15s,border-color .15s}
.nuc-chip:hover{background:rgba(156,195,228,.16);border-color:rgba(156,195,228,.6);color:#F4F6F8}
.nuc-chip:focus-visible{outline:2px solid #F4F6F8;outline-offset:2px}
.nuc-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px;margin-top:14px}
.nuc-nav [hidden]{display:none}
.nuc-ini .nuc-pie{margin-top:12px}
/* la barra de NÚCLEO debajo del planeta, y su botón cuando hay una sección abierta */
.nuc-barra{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);z-index:60;display:flex;align-items:center;gap:8px;width:min(560px,calc(100vw - 32px));padding:6px 6px 6px 8px;border-radius:999px;border:1px solid rgba(156,195,228,.36);background:rgba(8,12,18,.86);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 16px 50px -20px rgba(0,0,0,.9),0 0 30px -12px rgba(156,195,228,.45);font-family:'IBM Plex Sans',system-ui,sans-serif;transition:opacity .4s,transform .4s}
.nuc-barra[hidden]{display:none}
.nuc-barra .nuc-orbe{flex:none;width:34px;height:34px;border-radius:50%;border:0;padding:0;cursor:pointer;background:radial-gradient(circle at 35% 35%,#F4F6F8,#9CC3E4 40%,#2f5b80 72%,#0e1c2b);box-shadow:0 0 16px rgba(156,195,228,.6)}
.nuc-barra input{flex:1;min-width:0;height:38px;border:0;outline:none;background:transparent;color:#F4F6F8;font:400 15px/1.2 'IBM Plex Sans',system-ui,sans-serif}
.nuc-barra input::placeholder{color:#8aa0b4}
.nuc-barra .nuc-ir{flex:none;height:38px;padding:0 16px;border:0;border-radius:999px;background:rgba(156,195,228,.18);color:#F4F6F8;font:600 13px/1 'IBM Plex Sans',system-ui,sans-serif;cursor:pointer;box-shadow:inset 0 0 0 1px rgba(156,195,228,.4)}
.nuc-barra .nuc-ir:hover{background:rgba(156,195,228,.3)}
.nuc-barra.mini{width:auto;left:20px;transform:none;padding:6px}
.nuc-barra.mini input,.nuc-barra.mini .nuc-ir{display:none}
.nuc-barra .nuc-et{display:none}.nuc-barra.mini .nuc-et{display:inline;font:600 11px 'IBM Plex Mono',Consolas,monospace;letter-spacing:.2em;color:#cfe0ee;padding:0 10px 0 2px;text-transform:uppercase;white-space:nowrap}
.nuc-barra.mini{cursor:pointer}
@media (max-width:760px){.nuc-ops{grid-template-columns:1fr}.nuc-barra{bottom:12px}}
@media (prefers-reduced-motion:reduce){.nuc-paso{transition:none;opacity:1;transform:none}.nuc-ini{transition:none}}
/* dueño, 27 Oct 2026, 10:02: «actualiza la sección de órbita… para que se vea todo limpio y bien». La portada de NÚCLEO es la
   que reparte: en el planeta sobran la lista de secciones y «Conocer GUARDIANA» (la web anterior); la ubicación ya no se pinta
   en ámbar, que es para dinero y avisos. */
#puertas,#conocer,#empezar{display:none!important} /* «Empezar» abría otra bienvenida: ahora la bienvenida es NÚCLEO */
.lugar-btn.falta{color:var(--muted);border-color:var(--line)}
/* dueño, 27 Oct 2026, 10:00: la cuarta tarjeta, «Pídeselo a NÚCLEO» (ronda 54), y su sección a pantalla completa */
.nuc-op-n{border-color:rgba(156,195,228,.42);background:linear-gradient(180deg,rgba(23,38,54,.92),rgba(12,18,26,.88))}
@media (max-width:1100px){.nuc-ops{grid-template-columns:repeat(2,minmax(0,1fr));width:min(760px,100%)}}
@media (max-width:760px){.nuc-ops{grid-template-columns:1fr}}
.nuc-sala{position:fixed;inset:0;z-index:10001;background:#06080C;color:#F4F6F8;display:flex;flex-direction:column;font-family:'IBM Plex Sans',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif}
.nuc-sala[hidden]{display:none}
.nuc-sala::before{content:'';position:absolute;inset:0;background:radial-gradient(55% 45% at 50% 20%,rgba(156,195,228,.08),transparent 70%);pointer-events:none}
.ns-cab{position:relative;z-index:3;flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;width:min(1000px,100%);margin:0 auto;padding:16px 20px}
.ns-boton{appearance:none;cursor:pointer;display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 16px;border-radius:999px;border:1px solid rgba(156,195,228,.28);background:rgba(10,14,20,.72);color:#dbe9f4;font:500 14px/1 'IBM Plex Sans',system-ui,sans-serif;transition:background .15s,border-color .15s}
.ns-boton:hover{background:rgba(156,195,228,.14);border-color:rgba(156,195,228,.55);color:#F4F6F8}
.ns-boton:focus-visible,.ns-form button:focus-visible,.ns-enlace:focus-visible{outline:2px solid #F4F6F8;outline-offset:2px}
.ns-ayuda[aria-expanded="true"]{background:rgba(156,195,228,.18);border-color:#9CC3E4;color:#F4F6F8}
.ns-der{display:flex;align-items:center;gap:8px}
/* «Nueva conversación» (dueño, 14:42 y 14:55): solo cuando ya hay conversación; en el teléfono, solo el icono */
.ns-marca{font:600 12px/1 'IBM Plex Mono',Consolas,monospace;letter-spacing:.32em;color:#9CC3E4}
/* dueño, 14:12: «¿Qué puedo pedir?» «muy desordenado; más profesional»: deja de flotar sobre todo y ocupa el sitio de la
   conversación, entre la cabecera y la caja (sin las acciones rápidas, que ya están dentro). Seis tarjetas iguales en dos
   columnas, emparejadas por tamaño (4 y 4, 3 y 3, 7 y 7), y cada opción en su fila, alineada, con su flecha */
.ns-ayuda .na-cierra{display:none;align-items:center;gap:7px}
.ns-ayuda .na-cierra svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.ns-ayuda[aria-expanded="true"] .na-abre{display:none}.ns-ayuda[aria-expanded="true"] .na-cierra{display:inline-flex}
.ns-panel{position:relative;z-index:2;flex:1 1 auto;min-height:0;overflow-y:auto;padding:4px 20px 28px;scrollbar-width:thin;scrollbar-color:#3e5263 transparent}
.ns-panel[hidden],.nuc-sala.con-panel .ns-cuerpo,.nuc-sala.con-panel .ns-rapidas{display:none}
.nuc-sala.con-panel .ns-form{margin-top:0}
.np-in{width:min(880px,100%);margin:0 auto}
.np-cab{text-align:center;padding:4px 0 24px}
.np-cab h2{margin:0;font:300 clamp(24px,2.6vw,30px)/1.2 'IBM Plex Sans',system-ui,sans-serif;letter-spacing:-.01em;color:#F4F6F8}
.np-cab p{margin:8px 0 0;font-size:15px;line-height:1.5;color:#a9bccd}
.np-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.np-grupo{display:flex;flex-direction:column;min-width:0;border:1px solid rgba(156,195,228,.16);border-radius:16px;background:linear-gradient(180deg,rgba(17,26,37,.72),rgba(9,14,21,.72))}
.np-grupo h3{display:flex;align-items:center;gap:10px;margin:0;padding:15px 18px 13px;border-bottom:1px solid rgba(156,195,228,.12);font:600 12px/1.2 'IBM Plex Sans',system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#9CC3E4}
.np-grupo h3 svg{flex:none;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.np-lista{list-style:none;margin:0;padding:6px}
.np-op{appearance:none;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;min-height:42px;padding:9px 12px;border:0;border-radius:10px;background:transparent;color:#dbe9f4;font:500 15px/1.35 'IBM Plex Sans',system-ui,sans-serif;text-align:start;cursor:pointer;transition:background .15s,color .15s}
.np-op::after{content:'';flex:none;width:7px;height:7px;margin-inline-end:3px;border-top:1.7px solid currentColor;border-right:1.7px solid currentColor;transform:rotate(45deg);opacity:.4;transition:opacity .15s,transform .15s}
[dir="rtl"] .np-op::after{transform:rotate(-135deg)}
.np-op:hover{background:rgba(156,195,228,.1);color:#F4F6F8}
.np-op:hover::after{opacity:1;transform:translateX(2px) rotate(45deg)}
[dir="rtl"] .np-op:hover::after{transform:translateX(-2px) rotate(-135deg)}
.np-op:focus-visible{outline:2px solid #F4F6F8;outline-offset:-2px}
.ns-contacto{margin:22px 0 0;text-align:center;font-size:13.5px;color:#a9bccd}
@media (max-width:700px){.np-grid{grid-template-columns:1fr;gap:12px}}
.ns-panel.np-sube{-webkit-mask-image:linear-gradient(to bottom,transparent,#000 20px);mask-image:linear-gradient(to bottom,transparent,#000 20px)}
.ns-panel.np-baja{-webkit-mask-image:linear-gradient(to top,transparent,#000 28px);mask-image:linear-gradient(to top,transparent,#000 28px)}
.ns-panel.np-sube.np-baja{-webkit-mask-image:linear-gradient(to bottom,transparent,#000 20px,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(to bottom,transparent,#000 20px,#000 calc(100% - 28px),transparent)}
.ns-contacto a,.ns-enlace{color:#9CC3E4;text-underline-offset:3px}
.ns-cuerpo{position:relative;z-index:1;flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;scrollbar-width:thin;scrollbar-color:#3e5263 transparent}
/* dueño, 10:53: «no tiene armonía ni simetría»: sin conversación, el cerebro y el saludo quedan en el centro, entre la cabecera
   y la caja; con conversación, los mensajes se apoyan sobre la caja, como en un chat */
.ns-col{flex:1 0 auto;display:flex;flex-direction:column;justify-content:flex-end;width:min(760px,100%);margin:0 auto;padding:4px 16px 18px}
.nuc-sala.vacia .ns-col{justify-content:center}.nuc-sala.vacia .ns-hola{padding-bottom:6px}
.ns-hola{text-align:center;padding:8px 0 18px}
.ns-red{display:block;width:var(--g-red,min(26vh,240px));height:var(--g-red,min(26vh,240px));margin:0 auto} /* la misma medida que en la portada de NÚCLEO, ZERO y Comunicaciones (dueño, 14:36) */
.ns-hola h2{margin:8px 0 0;font:300 clamp(26px,3.2vw,36px)/1.15 'IBM Plex Sans',system-ui,sans-serif;letter-spacing:-.01em}
.ns-hola p{margin:10px auto 0;max-width:560px;font-size:16px;line-height:1.55;color:#c9d6e2;text-wrap:balance}
.ns-charla{display:flex;flex-direction:column;gap:10px}
.ns-charla .nuc-b{max-width:88%}
.ns-opciones{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.ns-enlace{display:inline-block;margin-top:8px;font-weight:600}
.ns-pie{position:relative;z-index:2;flex:none;padding:16px 16px calc(14px + env(safe-area-inset-bottom,0px));border-top:1px solid rgba(156,195,228,.1);background:rgba(6,8,12,.94)}
.ns-rapidas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:min(760px,100%);margin:0 auto}
.ns-rapidas .nuc-chip{text-align:center} /* 3 × 2: simétrico (dueño, 10:53) */
.ns-form{display:flex;align-items:center;gap:8px;width:min(760px,100%);margin:20px auto 0;padding:6px 6px 6px 18px;border-radius:999px;border:1px solid rgba(156,195,228,.38);background:linear-gradient(180deg,rgba(17,26,37,.92),rgba(9,14,21,.96));box-shadow:0 0 0 1px rgba(156,195,228,.06),0 18px 60px -30px rgba(156,195,228,.55)}
.ns-form:focus-within{border-color:#9CC3E4;box-shadow:0 0 0 3px rgba(156,195,228,.16)}
.ns-form input{flex:1;min-width:0;height:44px;border:0;outline:none;background:transparent;color:#F4F6F8;font:400 16px/1.2 'IBM Plex Sans',system-ui,sans-serif}
.ns-form input::placeholder{color:#7f93a6}
.ns-form button{flex:none;height:44px;padding:0 22px;border:0;border-radius:999px;background:#9CC3E4;color:#06080C;font:600 15px/1 'IBM Plex Sans',system-ui,sans-serif;cursor:pointer}
.ns-form button:hover{filter:brightness(1.07)}
.ns-nota{margin:10px 0 0;text-align:center;font-size:12px;color:#7f93a6}
@media (max-width:640px){
  .ns-cab{padding:12px 12px}.ns-boton{height:36px;padding:0 12px;font-size:13px}.ns-marca{display:none}
  .ns-panel{padding:2px 12px 22px}.np-cab{padding:2px 0 18px}.np-cab p{font-size:14px}
  .ns-rapidas{display:flex;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.ns-rapidas::-webkit-scrollbar{display:none}.ns-rapidas .nuc-chip{flex:none}
  .ns-charla .nuc-b{max-width:96%}.ns-hola p{font-size:15px}
}
/* dueño, 10:47: «¿Qué es GUARDIANA?» arriba a la derecha, como enlace a la página de la historia */
.nuc-que{position:absolute;top:18px;inset-inline-end:22px;z-index:2;display:inline-flex;align-items:center;padding:8px 15px;border-radius:999px;border:1px solid rgba(156,195,228,.3);background:rgba(12,18,26,.72);color:#dbe9f4;font:500 13.5px/1.2 'IBM Plex Sans',system-ui,sans-serif;text-decoration:none;transition:background .15s,border-color .15s,opacity .8s ease,transform .8s cubic-bezier(.22,1,.36,1)}
.nuc-que:hover{background:rgba(156,195,228,.16);border-color:rgba(156,195,228,.6);color:#F4F6F8}
.nuc-que:focus-visible{outline:2px solid #F4F6F8;outline-offset:2px}
@media (max-width:560px){.nuc-ini{padding-top:64px}.nuc-que{top:14px;inset-inline-end:14px;font-size:13px}}

/* dueño, 12:18: «el buscador está muy pegado a los 6 recuadritos de arriba; hay que separarlo, darle orden visual» */
@media (max-width:640px){.ns-form{margin-top:14px}}
/* dueño, 12:23: «Volver» a la portada de la web (la del planeta), arriba a la izquierda, con la misma forma que los botones de NÚCLEO */
.nuc-volver{position:absolute;top:18px;inset-inline-start:22px;z-index:2;display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 16px;border-radius:999px;border:1px solid rgba(156,195,228,.28);background:rgba(10,14,20,.72);color:#dbe9f4;font:500 14px/1 'IBM Plex Sans',system-ui,sans-serif;text-decoration:none;transition:background .15s,border-color .15s,color .15s,opacity .8s ease,transform .8s cubic-bezier(.22,1,.36,1)}
.nuc-volver:hover{background:rgba(156,195,228,.14);border-color:rgba(156,195,228,.55);color:#F4F6F8}
.nuc-volver:focus-visible{outline:2px solid #F4F6F8;outline-offset:2px}
@media (max-width:560px){.nuc-volver{top:14px;inset-inline-start:14px;height:36px;padding:0 12px;font-size:13px}}

/* El resumen en vídeo (dueño, 10:56): se ve hacerse dentro de la burbuja de NÚCLEO y queda para verlo y descargarlo */
.ns-charla .nuc-b.nuc-video{box-sizing:border-box;width:min(560px,88%)}
.nv-marco{position:relative;margin-top:10px;aspect-ratio:16/9;border-radius:12px;overflow:hidden;border:1px solid rgba(156,195,228,.22);background:#06080C}
.nv-marco canvas,.nv-marco video{display:block;width:100%;height:100%;object-fit:contain;background:#06080C}
.nv-barra{position:absolute;left:0;right:0;bottom:0;height:3px;background:rgba(156,195,228,.14)}
.nv-barra i{display:block;height:100%;width:0;background:#9CC3E4;box-shadow:0 0 12px rgba(156,195,228,.6);transition:width .25s linear}
a.nuc-chip{display:inline-flex;align-items:center;text-decoration:none}
@media (max-width:640px){.ns-charla .nuc-b.nuc-video,.ns-charla .nuc-b.nuc-res{width:96%}}
/* dueño, 14:42: el resultado, PDF o vídeo, siempre en la misma tarjeta: qué es, de qué periodo, y sus botones; nada se
   descarga solo, y debajo se dice dónde se guarda */
.ns-charla .nuc-b.nuc-res{box-sizing:border-box;width:min(560px,88%)}
.nr-ficha{display:flex;align-items:center;gap:12px;margin-top:10px;padding:12px 14px;border:1px solid rgba(156,195,228,.2);border-radius:12px;background:rgba(6,8,12,.45)}
.nr-ico{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:rgba(156,195,228,.12);color:#9CC3E4}
.nr-ico svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round}
.nr-txt{display:flex;flex-direction:column;gap:3px;min-width:0}
.nr-txt b{font-weight:600;font-size:15px;line-height:1.3;color:#F4F6F8}
.nr-txt small{font-size:13px;line-height:1.35;color:#a9bccd}
.nr-cuerpo:empty{display:none}
.nr-acc{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.nr-b{appearance:none;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-width:112px;height:40px;padding:0 18px;border-radius:999px;border:1px solid rgba(156,195,228,.38);background:transparent;color:#dbe9f4;font:600 14px/1 'IBM Plex Sans',system-ui,sans-serif;text-decoration:none;cursor:pointer;transition:background .15s,border-color .15s,filter .15s}
.nr-b:hover{background:rgba(156,195,228,.14);border-color:rgba(156,195,228,.6);color:#F4F6F8}
.nr-b.nr-prim{background:#9CC3E4;border-color:#9CC3E4;color:#06080C}
.nr-b.nr-prim:hover{filter:brightness(1.07);background:#9CC3E4;color:#06080C}
.nr-b:focus-visible{outline:2px solid #F4F6F8;outline-offset:2px}
.nr-nota{margin:9px 0 0;font-size:12.5px;line-height:1.45;color:#7f93a6}
/* lo que ya estaba preguntado (o el vídeo que se está haciendo) se ilumina en vez de repetirse */
.nuc-b.destaca{animation:nucdestaca 1s ease}
@keyframes nucdestaca{0%,100%{box-shadow:0 0 0 0 rgba(156,195,228,0)}35%{box-shadow:0 0 0 4px rgba(156,195,228,.38)}}
@media (prefers-reduced-motion:reduce){.nuc-b.destaca{animation:none;outline:2px solid rgba(156,195,228,.5)}}
@media (prefers-reduced-motion:reduce){.nv-barra i{transition:none}}
/* Anchos con su relleno dentro: en el teléfono, la cabecera, la columna y la caja de escribir ya no se salen de la pantalla
   (se salían 24–32 px), y en el ordenador la caja de escribir mide lo mismo que los seis botones de encima */
.ns-cab,.ns-col,.ns-form,.ns-panel,.nuc-form,.nuc-charla{box-sizing:border-box}

/* «Multas» (dueño, 13:30): arriba a la derecha de la portada de NÚCLEO, en rojo; abre la lista de multas */
.nuc-multas-b{position:absolute;top:18px;inset-inline-end:22px;z-index:2;display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 16px 0 14px;border-radius:999px;border:1px solid rgba(224,122,108,.55);background:rgba(224,122,108,.12);color:#F09A8E;font:600 14px/1 'IBM Plex Sans',system-ui,sans-serif;letter-spacing:.02em;cursor:pointer;transition:background .15s,border-color .15s,color .15s,box-shadow .2s}
.nuc-multas-b::before{content:'';width:7px;height:7px;border-radius:50%;background:#E07A6C;box-shadow:0 0 10px rgba(224,122,108,.9)}
.nuc-multas-b:hover{background:rgba(224,122,108,.22);border-color:#E07A6C;color:#FFD0C9;box-shadow:0 10px 40px -18px rgba(224,122,108,.8)}
.nuc-multas-b:focus-visible{outline:2px solid #F4F6F8;outline-offset:2px}
@media (max-width:560px){.nuc-multas-b{top:14px;inset-inline-end:14px;height:36px;padding:0 12px 0 11px;font-size:13px}}

/* La lista de multas: la misma base de NÚCLEO, a pantalla completa */
.nuc-multas{position:fixed;inset:0;z-index:10003;overflow-y:auto;background:#06080C;color:#F4F6F8;font-family:'IBM Plex Sans',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;opacity:0;transition:opacity .35s ease}
.nuc-multas.ve{opacity:1}
.nuc-multas::before{content:'';position:fixed;inset:0;pointer-events:none;background:radial-gradient(60% 45% at 50% 0%,rgba(224,122,108,.09),transparent 70%)}
.nm-cab{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 22px;background:linear-gradient(#06080C 70%,rgba(6,8,12,0))}
.nm-cab .nuc-volver{position:static}
.nm-k{font:600 11px/1.4 'IBM Plex Mono',ui-monospace,Consolas,monospace;letter-spacing:.32em;color:#E07A6C}
.nm-col{box-sizing:border-box;position:relative;width:min(1040px,100%);margin:0 auto;padding:8px 22px 64px}
.nm-col h2{margin:6px 0 0;font:300 clamp(30px,4vw,46px)/1.12 'IBM Plex Sans',system-ui,sans-serif;letter-spacing:-.01em;text-wrap:balance}
.nm-intro{margin:14px 0 0;max-width:62ch;color:#c9d6e2;font-size:16px;line-height:1.6}
.nm-n{margin:24px 0 0;font:500 12px/1.4 'IBM Plex Mono',ui-monospace,monospace;letter-spacing:.14em;color:#a9bccd;text-transform:uppercase}
.nm-fil{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.nm-chip{appearance:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;border:1px solid rgba(156,195,228,.28);background:rgba(12,18,26,.85);color:#dbe9f4;font:500 13px/1.2 'IBM Plex Sans',system-ui,sans-serif;transition:background .15s,border-color .15s,color .15s}
.nm-chip b{font-weight:600;color:#7f93a6}
.nm-chip:hover{background:rgba(156,195,228,.14);border-color:rgba(156,195,228,.55);color:#F4F6F8}
.nm-chip[aria-pressed="true"]{background:rgba(224,122,108,.16);border-color:rgba(224,122,108,.6);color:#F4F6F8}
.nm-chip[aria-pressed="true"] b{color:#F09A8E}
.nm-chip:focus-visible,.nm-mas:focus-visible,.nm-enl a:focus-visible{outline:2px solid #F4F6F8;outline-offset:2px}
.nm-lista{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:22px}
.nm-caso{position:relative;display:flex;flex-direction:column;padding:20px 22px 18px;border-radius:16px;border:1px solid rgba(156,195,228,.18);background:rgba(12,18,26,.82);transition:border-color .2s,background .2s,transform .2s}
.nm-caso:hover{border-color:rgba(224,122,108,.45);background:rgba(20,26,36,.9);transform:translateY(-2px)}
.nm-cifra{margin:0;font:300 34px/1.05 'IBM Plex Sans',system-ui,sans-serif;color:#E07A6C;letter-spacing:-.01em}
.nm-quien{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:10px 0 0;font-size:13px;color:#a9bccd}
.nm-quien b{color:#F4F6F8;font-weight:600;font-size:14px}
.nm-est{font:600 10px/1 'IBM Plex Mono',ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase;color:#F0C77F;border:1px solid rgba(240,199,127,.4);border-radius:999px;padding:4px 8px}
.nm-caso h3{margin:12px 0 0;font:500 17px/1.35 'IBM Plex Sans',system-ui,sans-serif;color:#F4F6F8}
.nm-texto{margin:8px 0 0;color:#c9d6e2;font-size:14px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.nm-caso.abierto .nm-texto{display:block;-webkit-line-clamp:unset}
.nm-mas{align-self:flex-start;margin-top:6px;padding:0;border:0;background:none;color:#9CC3E4;font:500 13px/1.4 'IBM Plex Sans',system-ui,sans-serif;cursor:pointer}
.nm-mas:hover{text-decoration:underline}
.nm-enl{display:flex;flex-wrap:wrap;gap:8px 16px;margin:auto 0 0;padding-top:14px}
.nm-enl a{color:#9CC3E4;font-size:13px;text-decoration:none;border-bottom:1px solid rgba(156,195,228,.3)}
.nm-enl a:hover{color:#F4F6F8;border-color:rgba(156,195,228,.7)}
@media (max-width:860px){.nm-lista{grid-template-columns:1fr}}
@media (max-width:560px){.nm-cab{padding:14px}.nm-col{padding:4px 14px 48px}.nm-cifra{font-size:30px}}
@media (prefers-reduced-motion:reduce){.nuc-multas,.nm-caso{transition:none}.nm-caso:hover{transform:none}}
.nm-cifra.nm-sin{font-size:22px;line-height:1.3;color:#F0C77F}
a.nuc-multas-b{text-decoration:none}

/* dueño, 15:35–15:38: NÚCLEO guiado al 100 %, sin caja de escribir. Ronda 63 (las dos voces): una sola pregunta a la vez, que
   cambia en el mismo sitio, como la pantalla de un cajero; encima, el camino («Estás aquí»); debajo, «← Atrás» y «Menú
   principal», separados de las respuestas y pegados abajo si hay que desplazar. Al entrar, seis tarjetas grandes. */
.ns-col{justify-content:flex-start;padding:4px 16px 0}
.nuc-sala.vacia .ns-col{justify-content:center;padding-bottom:18px}
.nuc-sala:not(.vacia) .ns-hola{display:none}
.ns-charla{display:block}
.ns-charla .nuc-b.ns-menu{align-self:stretch;max-width:none;margin:0;padding:0;border:0;background:none;text-align:center;animation:nucb .35s ease both}
.ns-menu>.nuc-bt{margin:4px 0 16px;font:300 clamp(22px,2.4vw,28px)/1.2 'IBM Plex Sans',system-ui,sans-serif;letter-spacing:-.01em;color:#F4F6F8}
.ns-opciones.ns-menu-ops{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;text-align:start}
.ns-gran{appearance:none;box-sizing:border-box;display:flex;align-items:center;gap:14px;width:100%;min-height:86px;padding:14px 16px;border-radius:16px;border:1px solid rgba(156,195,228,.22);background:linear-gradient(180deg,rgba(17,26,37,.78),rgba(9,14,21,.78));color:#F4F6F8;text-align:start;cursor:pointer;transition:border-color .15s,background .15s,transform .15s}
.ns-gran:hover{border-color:rgba(156,195,228,.6);background:linear-gradient(180deg,rgba(23,38,54,.92),rgba(12,18,26,.9))}
.ns-gran:active{transform:scale(.99)}
.ns-gran:focus-visible,.ns-fila-op:focus-visible,.ns-atras:focus-visible,.ns-menu-b:focus-visible,.ns-sel:focus-visible{outline:2px solid #F4F6F8;outline-offset:2px}
.ng-ico{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:rgba(156,195,228,.12);color:#9CC3E4}
.ng-ico svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.ng-txt{display:flex;flex-direction:column;gap:4px;min-width:0}
.ng-txt b{font:600 15.5px/1.3 'IBM Plex Sans',system-ui,sans-serif}
.ng-txt small{font-size:13px;line-height:1.4;color:#a9bccd}
/* la tarjeta de cada paso */
.ns-charla .nuc-b.el.ns-paso:not(.ns-menu){display:block;box-sizing:border-box;width:100%;max-width:none;margin:0;padding:18px 20px 20px;border-radius:16px;border:1px solid rgba(156,195,228,.24);background:linear-gradient(180deg,rgba(17,26,37,.86),rgba(9,14,21,.86))}
.ns-paso .nq{margin-bottom:8px}
.ns-paso .ns-intro{margin:0 0 12px;font-size:15px;line-height:1.5;color:#a9bccd}
.ns-paso:not(.ns-menu) p.nuc-bt{margin:0;font-size:16px;line-height:1.6;color:#e6eef5}
.ns-paso:not(.ns-menu) .ns-preg{margin:0;font:500 19px/1.35 'IBM Plex Sans',system-ui,sans-serif;color:#F4F6F8}
.ns-paso:not(.ns-menu) p.nuc-bt~.ns-preg,.ns-paso .ns-enlace+.ns-preg{margin-top:16px}
.ns-paso .nuc-x+.nuc-bt{font-weight:500}
/* la pregunta recibe el foco para los lectores de pantalla; no es un botón: sin marco */
.ns-foco:focus,.ns-foco:focus-visible{outline:none}
.ns-paso .ns-enlace{display:inline-block;margin-top:10px;font-size:16px}
.ns-opciones{display:block;margin-top:14px}
.ns-filas{display:flex;flex-direction:column;gap:8px}
.ns-fila-op{appearance:none;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;min-height:48px;padding:12px 16px;border-radius:12px;border:1px solid rgba(156,195,228,.26);background:rgba(8,12,18,.55);color:#e6eef5;font:500 15.5px/1.35 'IBM Plex Sans',system-ui,sans-serif;text-align:start;cursor:pointer;transition:background .15s,border-color .15s,color .15s}
.ns-fila-op::after{content:'';flex:none;width:7px;height:7px;margin-inline-end:3px;border-top:1.7px solid currentColor;border-right:1.7px solid currentColor;transform:rotate(45deg);opacity:.5;transition:transform .15s,opacity .15s}
[dir="rtl"] .ns-fila-op::after{transform:rotate(-135deg)}
.ns-fila-op:hover{background:rgba(156,195,228,.12);border-color:rgba(156,195,228,.55);color:#F4F6F8}
.ns-fila-op:hover::after{opacity:1;transform:translateX(2px) rotate(45deg)}
[dir="rtl"] .ns-fila-op:hover::after{transform:translateX(-2px) rotate(-135deg)}
/* lo elegido antes, al volver atrás */
.ns-fila-op.ns-elegida,.ns-gran.ns-elegida{border-color:#9CC3E4;background:rgba(156,195,228,.13)}
.ns-sel{appearance:none;box-sizing:border-box;width:100%;min-height:48px;padding:12px 40px 12px 16px;border-radius:12px;border:1px dashed rgba(156,195,228,.38);background:rgba(8,12,18,.55) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%239CC3E4' stroke-width='1.7' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 14px center;color:#dbe9f4;font:500 15.5px/1.35 'IBM Plex Sans',system-ui,sans-serif;cursor:pointer}
[dir="rtl"] .ns-sel{padding:12px 16px 12px 40px;background-position:left 14px center}
.ns-sel option{background:#0B1118;color:#F4F6F8}
/* «Estás aquí» */
.ns-migas{margin:2px 0 12px}
.ns-migas[hidden]{display:none}
.ns-migas ol{display:flex;flex-wrap:wrap;align-items:center;row-gap:2px;margin:0;padding:0;list-style:none;font:500 13.5px/1.4 'IBM Plex Sans',system-ui,sans-serif;color:#8ea2b4}
.ns-migas li{display:inline-flex;align-items:center;min-width:0}
.ns-migas li+li::before{content:'›';margin:0 8px;color:#56697a}
[dir="rtl"] .ns-migas li+li::before{content:'‹'}
.ns-migas button{appearance:none;border:0;background:none;margin:0;padding:4px 2px;color:#9CC3E4;font:inherit;cursor:pointer;text-decoration:underline;text-decoration-color:rgba(156,195,228,.35);text-underline-offset:3px}
.ns-migas button:hover{color:#F4F6F8;text-decoration-color:currentColor}
.ns-migas button:focus-visible{outline:2px solid #F4F6F8;outline-offset:2px;border-radius:4px}
.ns-migas [aria-current]{color:#dbe9f4;font-weight:600}
/* una línea que dice lo que ha pasado («Has vuelto a NÚCLEO…», «Hecho: he borrado…») */
.ns-aviso{margin:0 0 12px;padding:10px 14px;border-radius:12px;border:1px solid rgba(156,195,228,.32);background:rgba(156,195,228,.08);color:#dbe9f4;font-size:14.5px;line-height:1.45;animation:nucb .35s ease both}
.ns-aviso[hidden]{display:none}
/* «← Atrás» y «Menú principal» */
.ns-guia{position:sticky;bottom:0;z-index:2;display:flex;align-items:center;gap:10px;margin:0;padding:14px 0 16px;border:0;background:linear-gradient(to bottom,rgba(6,8,12,0),#06080C 14px)}
.ns-guia[hidden],.ns-atras[hidden]{display:none}
.ns-atras,.ns-menu-b{appearance:none;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;border-radius:999px;border:1px solid rgba(156,195,228,.32);background:rgba(10,14,20,.9);color:#dbe9f4;font:600 15px/1 'IBM Plex Sans',system-ui,sans-serif;cursor:pointer;transition:background .15s,border-color .15s,color .15s}
.ns-atras:hover,.ns-menu-b:hover{background:rgba(156,195,228,.14);border-color:rgba(156,195,228,.6);color:#F4F6F8}
.ns-menu-b{margin-inline-start:auto}
.ns-menu-b svg{width:17px;height:17px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
/* el resumen: «Un momento…» mientras se prepara; luego, su tarjeta con su siguiente paso */
.ns-espera .nuc-bt::after{content:'';display:inline-block;width:14px;height:14px;margin-inline-start:10px;vertical-align:-2px;border-radius:50%;border:2px solid rgba(156,195,228,.3);border-top-color:#9CC3E4;animation:nsgira .8s linear infinite}
@keyframes nsgira{to{transform:rotate(360deg)}}
.ns-charla .nuc-b.nuc-res{width:100%}
.nuc-res .ns-opciones.ns-en-tarjeta{margin-top:14px;padding-top:12px;border-top:1px solid rgba(156,195,228,.12)}
.ns-pie{padding:10px 16px calc(12px + env(safe-area-inset-bottom,0px))}
.ns-pie .ns-nota{margin:0}
/* la caja de escribir (dueño, 16:47: «dejamos hablar a quien ya sabe lo que quiere»), abajo, debajo de la guía */
.ns-pie .ns-form{margin:0 auto;padding-block:6px;padding-inline:18px 6px}
.ns-pie .ns-form+.ns-nota{margin-top:8px}
/* en el móvil, las seis del menú en dos columnas (icono y título), para que quepan sin desplazar junto a la caja de
   escribir; su línea de explicación sale en el paso siguiente. Muy estrecho (≤ 350 px), una columna. */
@media (max-width:640px){
  .ns-opciones.ns-menu-ops{gap:10px}
  .ns-gran{flex-direction:row;align-items:center;gap:10px;min-height:64px;padding:12px}
  .ng-ico{width:34px;height:34px;border-radius:10px}
  .ng-ico svg{width:19px;height:19px}
  .ng-txt b{font-size:14.5px}
  .ng-txt small{display:none}
  .ns-charla .nuc-b.el.ns-paso:not(.ns-menu),.ns-charla .nuc-b.nuc-res{width:100%;padding:16px 16px 18px}
  .ns-paso:not(.ns-menu) .ns-preg{font-size:18px}
  .ns-atras,.ns-menu-b{padding:0 16px}
}
@media (prefers-reduced-motion:reduce){.ns-espera .nuc-bt::after{animation:none}.ns-aviso{animation:none}}
@media (max-width:350px){.ns-opciones.ns-menu-ops{grid-template-columns:1fr}}