/* ==========================================================================
   Marco Digital v0.2 — "la ley, iluminada"
   Noche profunda · vidrio esmerilado · sellos de neón · tipografía grande.
   Mobile first: la base es la pantalla chica; min-width solo agranda.
   ========================================================================== */

:root{
  /* fondo nocturno */
  --fondo:#060913; --fondo-2:#0A101F;
  /* vidrio */
  --vidrio:rgba(255,255,255,.055); --vidrio-2:rgba(255,255,255,.085);
  --borde:rgba(255,255,255,.12); --borde-2:rgba(255,255,255,.20);
  /* tinta sobre noche */
  --tinta:#EEF2FA; --tinta-2:#BAC4D8; --tinta-3:#7E8CA8;
  /* el sello y las luces */
  --sello:#4DA6FF; --sello-hondo:#0038A8; --cian:#86BFFF; --verde-luz:#B9D7FF;
  --si:#4ADE80; --depende:#FBBF24; --no:#FB7185;
  --grad:linear-gradient(98deg,#4FA8FF 0%,#8FCBFF 100%);
  --glow-sello:0 0 34px rgba(77,166,255,.38);
  /* tipografía */
  --display:'Bricolage Grotesque',system-ui,sans-serif;
  --body:'Instrument Sans',system-ui,sans-serif;
  --mono:'IBM Plex Mono',ui-monospace,monospace;
  --radio:18px; --radio-s:12px;
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;background:var(--fondo);color:var(--tinta);font-family:var(--body);
  font-size:16.5px;line-height:1.6;-webkit-font-smoothing:antialiased;
  overflow-x:hidden;}
a{color:inherit;} button{font-family:inherit;cursor:pointer;color:inherit;}
:focus-visible{outline:2.5px solid var(--cian);outline-offset:3px;border-radius:4px;}
::selection{background:rgba(77,166,255,.35);}

.mono{font-family:var(--mono);}
.eyebrow{font-family:var(--mono);font-size:.66rem;letter-spacing:.16em;
  text-transform:uppercase;color:var(--cian);}
h1,h2,h3,h4{font-family:var(--display);margin:0;letter-spacing:-.025em;line-height:1.04;}
h1{font-size:clamp(2.5rem,10vw,4.9rem);font-weight:800;}
h2{font-size:clamp(1.7rem,6vw,2.6rem);font-weight:700;}
h3{font-size:1.18rem;font-weight:700;letter-spacing:-.012em;}
p{margin:0 0 .95em;}
.lede{font-size:1.1rem;color:var(--tinta-2);max-width:56ch;}
.muted{color:var(--tinta-3);}
.grad-txt{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;}

/* ---------- atmósfera: auroras + retícula ---------- */
.cielo{position:fixed;inset:0;z-index:-2;overflow:hidden;pointer-events:none;
  background:
    radial-gradient(52vmax 40vmax at 82% -12%,rgba(0,56,168,.32),transparent 62%),
    radial-gradient(44vmax 36vmax at -10% 28%,rgba(0,56,168,.22),transparent 60%),
    radial-gradient(40vmax 34vmax at 62% 108%,rgba(77,166,255,.10),transparent 60%),
    var(--fondo);}
.cielo i{position:absolute;border-radius:50%;filter:blur(84px);opacity:.42;display:block;}
.cielo i:nth-child(1){width:46vmax;height:46vmax;background:#122B7A;left:-14vmax;top:-16vmax;
  animation:deriva1 26s ease-in-out infinite;}
.cielo i:nth-child(2){width:34vmax;height:34vmax;background:#0E2F63;right:-8vmax;top:22%;
  animation:deriva2 31s ease-in-out infinite;}
.cielo i:nth-child(3){width:26vmax;height:26vmax;background:#0E2F63;left:30%;bottom:-14vmax;
  animation:deriva3 37s ease-in-out infinite;opacity:.3;}
@keyframes deriva1{0%,100%{transform:translate(0,0)}50%{transform:translate(7vmax,4vmax)}}
@keyframes deriva2{0%,100%{transform:translate(0,0)}50%{transform:translate(-6vmax,6vmax)}}
@keyframes deriva3{0%,100%{transform:translate(0,0)}50%{transform:translate(5vmax,-5vmax)}}
.reticula{position:fixed;inset:0;z-index:-1;pointer-events:none;
  background-image:radial-gradient(rgba(186,196,216,.13) 1px,transparent 1px);
  background-size:26px 26px;
  -webkit-mask-image:radial-gradient(80vmax 60vmax at 50% 0%,#000 0%,transparent 72%);
  mask-image:radial-gradient(80vmax 60vmax at 50% 0%,#000 0%,transparent 72%);}

/* ---------- vidrio base ---------- */
.vidrio{background:var(--vidrio);border:1px solid var(--borde);border-radius:var(--radio);
  backdrop-filter:blur(18px) saturate(1.35);-webkit-backdrop-filter:blur(18px) saturate(1.35);
  box-shadow:0 24px 60px -34px rgba(0,0,0,.8),inset 0 1px 0 rgba(255,255,255,.09);}

/* ---------- barra prototipo ---------- */
.protobar{background:rgba(10,16,31,.85);backdrop-filter:blur(10px);
  border-bottom:1px solid var(--borde);color:var(--tinta-3);font-family:var(--mono);
  font-size:.64rem;letter-spacing:.06em;padding:8px 18px;display:flex;gap:6px 16px;
  flex-wrap:wrap;justify-content:center;text-align:center;position:relative;z-index:45;}
.protobar b{color:var(--tinta-2);font-weight:600;}

.aviso-idioma{background:rgba(0,56,168,.22);border-bottom:1px solid rgba(77,166,255,.3);
  font-family:var(--mono);font-size:.64rem;color:var(--sello);text-align:center;
  padding:7px 18px;display:none;letter-spacing:.05em;position:relative;z-index:44;}
.aviso-idioma.visible{display:block;}

/* ---------- topbar ---------- */
.top{position:sticky;top:0;z-index:40;background:rgba(6,9,19,.72);
  backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);
  border-bottom:1px solid var(--borde);}
.top-in{max-width:1180px;margin:0 auto;padding:12px 18px;
  display:flex;align-items:center;gap:12px;}
.marca{display:flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0;}
.marca-sello{width:38px;height:38px;border:2px solid #FF5A66;border-radius:50%;
  display:grid;place-items:center;font-family:var(--mono);font-weight:600;font-size:.76rem;
  color:#FF7A85;transform:rotate(-8deg);box-shadow:0 0 26px rgba(255,90,102,.4);
  background:rgba(213,43,30,.12);}
.marca-txt{font-family:var(--display);font-weight:800;font-size:1.08rem;letter-spacing:-.02em;}
.marca-txt span{font-weight:500;color:var(--tinta-3);}
.slogan{display:none;}

.idiomas{display:flex;border:1px solid var(--borde-2);border-radius:99px;overflow:hidden;
  flex-shrink:0;margin-left:auto;background:var(--vidrio);}
.idiomas button{background:none;border:0;padding:7px 13px;font-family:var(--mono);
  font-size:.68rem;font-weight:600;letter-spacing:.08em;color:var(--tinta-3);}
.idiomas button+button{border-left:1px solid var(--borde);}
.idiomas button[aria-pressed="true"]{background:var(--grad);color:#071018;}

.btn-menu{background:var(--vidrio);border:1px solid var(--borde-2);border-radius:12px;
  width:42px;height:42px;display:grid;place-items:center;flex-shrink:0;}
.btn-menu svg{width:20px;height:20px;stroke:var(--tinta);}

/* nav de escritorio (oculta en móvil) */
.nav{display:none;}

/* menú móvil — hoja de vidrio a pantalla completa */
.menu{position:fixed;inset:0;z-index:70;background:rgba(6,9,19,.86);
  backdrop-filter:blur(26px) saturate(1.4);-webkit-backdrop-filter:blur(26px) saturate(1.4);
  display:none;flex-direction:column;padding:18px;overflow:auto;}
.menu.abierto{display:flex;animation:menuEntra .34s cubic-bezier(.16,1,.3,1) both;}
@keyframes menuEntra{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.menu-cab{display:flex;align-items:center;gap:12px;margin-bottom:26px;}
.menu-cerrar{margin-left:auto;background:var(--vidrio);border:1px solid var(--borde-2);
  border-radius:12px;width:42px;height:42px;display:grid;place-items:center;font-size:1.1rem;}
.menu nav{display:grid;gap:6px;}
.menu nav button{background:none;border:0;border-radius:14px;padding:15px 16px;text-align:left;
  font-family:var(--display);font-weight:700;font-size:clamp(1.4rem,6vw,1.9rem);
  letter-spacing:-.02em;color:var(--tinta-2);display:flex;align-items:baseline;gap:12px;}
.menu nav button .n{font-family:var(--mono);font-size:.66rem;color:var(--tinta-3);
  letter-spacing:.1em;min-width:24px;}
.menu nav button[aria-current="true"]{color:var(--tinta);background:var(--vidrio);
  border:1px solid var(--borde);}
.menu nav button:active{background:var(--vidrio-2);}
.menu-pie{margin-top:auto;padding-top:22px;font-family:var(--mono);font-size:.62rem;
  color:var(--tinta-3);letter-spacing:.08em;}

/* ---------- pantallas / secciones ---------- */
.pantalla{display:none;}
.pantalla.activa{display:block;animation:entra .5s cubic-bezier(.16,1,.3,1) both;}
@keyframes entra{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.wrap{max-width:1180px;margin:0 auto;padding:0 18px;}
.seccion{padding:54px 0;position:relative;}
.seccion+.seccion{border-top:1px solid var(--borde);}
.cab-pantalla{padding-top:44px;}

/* ---------- hero ---------- */
.hero{padding:56px 0 40px;position:relative;}
.hero h1{max-width:15ch;}
.hero h1 em{font-style:normal;background:var(--grad);-webkit-background-clip:text;
  background-clip:text;color:transparent;}
.hero .lede{margin-top:16px;}

/* chips de ley flotando */
.flotantes{position:absolute;inset:0;pointer-events:none;z-index:0;}
.flotante{position:absolute;font-family:var(--mono);font-size:.6rem;letter-spacing:.1em;
  color:var(--tinta-3);background:var(--vidrio);border:1px solid var(--borde);
  border-radius:99px;padding:6px 12px;backdrop-filter:blur(8px);
  animation:levita 7s ease-in-out infinite;white-space:nowrap;opacity:.85;}
.flotante b{color:var(--cian);font-weight:600;}
.flotante:nth-child(1){top:6%;right:2%;animation-delay:-1s;}
.flotante:nth-child(2){top:38%;right:-2%;animation-delay:-3.4s;}
.flotante:nth-child(3){top:70%;right:6%;animation-delay:-5.2s;}
@keyframes levita{0%,100%{transform:translateY(-7px)}50%{transform:translateY(7px)}}
.hero>*{position:relative;z-index:1;}

/* ---------- buscador IA ---------- */
.buscador{margin-top:30px;max-width:660px;}
.buscador-caja{display:flex;align-items:center;gap:4px;background:var(--vidrio);
  border:1.5px solid var(--borde-2);border-radius:20px;overflow:hidden;
  backdrop-filter:blur(18px) saturate(1.35);transition:border-color .3s,box-shadow .3s;}
.buscador-caja:focus-within{border-color:var(--sello);
  box-shadow:0 0 0 4px rgba(77,166,255,.16),var(--glow-sello);}
.buscador-caja .lupa{padding:0 4px 0 16px;color:var(--tinta-3);display:grid;place-items:center;}
.buscador-caja .lupa svg{width:19px;height:19px;}
.buscador-caja input{flex:1;min-width:0;border:0;padding:17px 6px;font-size:1.02rem;
  font-family:var(--body);background:transparent;color:var(--tinta);}
.buscador-caja input::placeholder{color:var(--tinta-3);}
.buscador-caja input:focus{outline:none;}
.buscador-caja button{background:var(--grad);color:#071018;border:0;margin:6px;
  padding:12px 20px;font-weight:700;font-size:.92rem;border-radius:14px;flex-shrink:0;
  font-family:var(--display);letter-spacing:-.01em;}
.ia-badge{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);
  font-size:.6rem;letter-spacing:.12em;color:var(--verde-luz);margin-top:10px;}
.ia-badge .punto{width:7px;height:7px;border-radius:50%;background:#4FA8FF;
  box-shadow:0 0 10px #4FA8FF;animation:late 2.2s ease-in-out infinite;}
@keyframes late{0%,100%{opacity:1}50%{opacity:.35}}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px;}
.chip{background:var(--vidrio);border:1px solid var(--borde);border-radius:99px;
  padding:7px 14px;font-size:.82rem;color:var(--tinta-2);backdrop-filter:blur(8px);
  transition:border-color .25s,color .25s,transform .25s;}
.chip:hover{border-color:var(--sello);color:var(--tinta);transform:translateY(-1px);}
.chip[aria-pressed="true"]{background:var(--grad);color:#071018;border-color:transparent;
  font-weight:600;}

/* IA "pensando" */
.ia-pensando{display:none;margin-top:24px;padding:18px 20px;border-radius:var(--radio);
  align-items:center;gap:14px;}
.ia-pensando.visible{display:flex;}
.orbe{width:34px;height:34px;border-radius:50%;background:var(--grad);flex-shrink:0;
  box-shadow:0 0 22px rgba(77,166,255,.5);animation:orbita 1.6s ease-in-out infinite;}
@keyframes orbita{0%,100%{transform:scale(1)}50%{transform:scale(1.14)}}
.ia-pensando p{margin:0;font-size:.92rem;color:var(--tinta-2);}
.ia-pensando .shimmer{display:block;height:9px;border-radius:6px;margin-top:9px;width:220px;
  max-width:56vw;background:linear-gradient(90deg,var(--vidrio) 25%,var(--vidrio-2) 50%,var(--vidrio) 75%);
  background-size:200% 100%;animation:brilla 1.3s linear infinite;}
@keyframes brilla{from{background-position:200% 0}to{background-position:-200% 0}}

/* ---------- veredicto ---------- */
.veredicto{margin-top:26px;padding:26px 22px;position:relative;max-width:860px;overflow:hidden;}
.veredicto::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;
  background:linear-gradient(130deg,rgba(77,166,255,.5),transparent 38%,transparent 68%,rgba(77,166,255,.35));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;}
.veredicto-cab{display:flex;flex-direction:column;gap:22px;}
.veredicto-txt h2{font-size:clamp(1.45rem,5.5vw,1.9rem);margin:6px 0 8px;}
.veredicto-txt p{margin:0;color:var(--tinta-2);font-size:.97rem;}
.sello{align-self:center;width:172px;height:172px;border-radius:50%;flex-shrink:0;
  display:grid;place-content:center;text-align:center;color:var(--si);
  border:2.5px solid currentColor;position:relative;transform:rotate(-7deg);
  background:radial-gradient(circle at 50% 30%,rgba(255,255,255,.06),transparent 70%);
  box-shadow:0 0 34px -6px currentColor,inset 0 0 26px -14px currentColor;
  animation:estampar .6s cubic-bezier(.2,1.4,.4,1) both;}
.sello::before{content:"";position:absolute;inset:7px;border:1px dashed currentColor;
  border-radius:50%;opacity:.5;}
@keyframes estampar{from{opacity:0;transform:rotate(-7deg) scale(1.6)}
  to{opacity:1;transform:rotate(-7deg) scale(1)}}
.sello-vered{font-family:var(--display);font-weight:800;font-size:2.5rem;line-height:1;
  letter-spacing:-.03em;}
.sello-sub{font-family:var(--mono);font-size:.56rem;letter-spacing:.14em;
  text-transform:uppercase;margin-top:5px;opacity:.9;}
.sello-ref{font-family:var(--mono);font-size:.54rem;letter-spacing:.02em;margin-top:8px;
  padding-top:7px;border-top:1px solid currentColor;opacity:.75;line-height:1.5;
  max-width:130px;}
.sello.es-depende{color:var(--depende);}
.sello.es-no{color:var(--no);}
.condiciones{margin-top:22px;padding-top:20px;border-top:1px dashed var(--borde);}
.condiciones ul{margin:12px 0 0;padding:0;list-style:none;display:grid;gap:10px;}
.condiciones li{display:flex;gap:11px;font-size:.93rem;color:var(--tinta-2);align-items:baseline;}
.condiciones li::before{content:"§";font-family:var(--mono);color:var(--sello);flex-shrink:0;}
.veredicto-pie{margin-top:20px;padding-top:16px;border-top:1px solid var(--borde);
  display:flex;gap:8px 14px;flex-wrap:wrap;align-items:center;
  font-family:var(--mono);font-size:.62rem;color:var(--tinta-3);}
.link-ficha{margin-left:auto;background:var(--vidrio-2);border:1px solid var(--borde-2);
  color:var(--tinta);border-radius:12px;padding:10px 16px;font-family:var(--body);
  font-size:.86rem;font-weight:600;transition:border-color .25s;}
.link-ficha:hover{border-color:var(--sello);}

/* documento 3D */
.escena{perspective:1100px;display:grid;place-items:center;height:250px;margin-top:34px;}
.doc3d{position:relative;width:260px;height:164px;transform-style:preserve-3d;
  transition:transform .9s cubic-bezier(.16,1,.3,1);animation:doclevita 6.5s ease-in-out infinite;}
@keyframes doclevita{0%,100%{margin-top:-9px}50%{margin-top:9px}}
.doc3d .cara{position:absolute;inset:0;border-radius:16px;padding:16px;
  backface-visibility:hidden;-webkit-backface-visibility:hidden;
  display:flex;flex-direction:column;justify-content:space-between;
  border:1px solid var(--borde-2);
  box-shadow:0 30px 60px -26px rgba(0,0,0,.85);}
.cara.frente{background:linear-gradient(145deg,rgba(238,242,250,.16),rgba(238,242,250,.05));
  backdrop-filter:blur(12px);color:var(--tinta-2);}
.cara.dorso{background:linear-gradient(145deg,rgba(0,56,168,.4),rgba(16,45,99,.34));
  backdrop-filter:blur(12px);color:#D5E4F5;transform:rotateY(180deg);}
.cara .c-top{font-family:var(--mono);font-size:.5rem;letter-spacing:.13em;
  text-transform:uppercase;opacity:.75;}
.cara .c-nom{font-family:var(--display);font-weight:800;font-size:1.04rem;
  letter-spacing:-.02em;line-height:1.12;}
.cara.dorso .c-nom{color:#fff;}
.cara .c-fila{display:flex;justify-content:space-between;align-items:flex-end;gap:10px;}
.c-foto{width:34px;height:42px;border-radius:4px;background:currentColor;opacity:.22;}
.c-qr{width:42px;height:42px;border-radius:4px;position:relative;overflow:hidden;opacity:.75;
  background:repeating-linear-gradient(90deg,currentColor 0 3px,transparent 3px 6px),
             repeating-linear-gradient(0deg,currentColor 0 3px,transparent 3px 6px);}
.c-qr::after{content:"";position:absolute;left:0;right:0;height:2px;background:#FF5A66;
  box-shadow:0 0 10px 2px rgba(255,90,102,.9);animation:escanea 2.4s ease-in-out infinite;}
@keyframes escanea{0%,100%{top:0}50%{top:calc(100% - 2px)}}
.escena-pie{font-family:var(--mono);font-size:.6rem;letter-spacing:.11em;
  text-transform:uppercase;color:var(--tinta-3);text-align:center;margin-top:12px;}
.escena-pie b{color:var(--sello);}

/* ---------- recientes ---------- */
.recientes{display:grid;gap:10px;margin-top:18px;}
.reciente{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:var(--radio-s);
  background:var(--vidrio);border:1px solid var(--borde);}
.reciente-nom{font-weight:500;font-size:.94rem;flex:1;min-width:0;}
.reciente-meta{font-family:var(--mono);font-size:.62rem;color:var(--tinta-3);flex-shrink:0;}
.tag{font-family:var(--mono);font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;
  padding:4px 9px;border-radius:6px;font-weight:600;flex-shrink:0;}
.tag.si{background:rgba(74,222,128,.14);color:var(--si);}
.tag.depende{background:rgba(251,191,36,.13);color:var(--depende);}
.tag.no{background:rgba(251,113,133,.13);color:var(--no);}
.tag.inst{background:rgba(77,166,255,.15);color:var(--sello);}
.tag.pers{background:var(--vidrio-2);color:var(--tinta-2);}

/* ---------- ficha ---------- */
.ficha{display:grid;grid-template-columns:1fr;gap:30px;align-items:start;}
.doc-visual{padding:20px;}
.doc-par{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.doc-card{border-radius:12px;padding:12px;aspect-ratio:1.58;display:flex;flex-direction:column;
  justify-content:space-between;font-size:.55rem;line-height:1.3;border:1px solid var(--borde);}
.doc-card.fisico{background:rgba(238,242,250,.09);color:var(--tinta-2);}
.doc-card.digital{background:linear-gradient(145deg,rgba(0,56,168,.4),rgba(16,45,99,.3));color:#D5E4F5;}
.doc-card .dc-top{font-family:var(--mono);font-size:.46rem;letter-spacing:.1em;
  text-transform:uppercase;opacity:.75;}
.doc-card .dc-nom{font-family:var(--display);font-weight:700;font-size:.8rem;}
.doc-card .dc-fila{display:flex;justify-content:space-between;align-items:flex-end;gap:8px;}
.dc-foto{width:24px;height:30px;background:currentColor;opacity:.22;border-radius:3px;}
.dc-qr{width:28px;height:28px;flex-shrink:0;opacity:.6;
  background:repeating-linear-gradient(90deg,currentColor 0 3px,transparent 3px 6px),
             repeating-linear-gradient(0deg,currentColor 0 3px,transparent 3px 6px);}
.doc-etiquetas{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:9px;}
.doc-etiquetas span{font-family:var(--mono);font-size:.6rem;letter-spacing:.08em;
  text-transform:uppercase;color:var(--tinta-3);text-align:center;}
.campos{margin-top:20px;padding-top:18px;border-top:1px solid var(--borde);}
.campos dl{margin:10px 0 0;display:grid;gap:8px;font-size:.85rem;}
.campos div{display:flex;gap:10px;}
.campos dt{font-family:var(--mono);font-size:.68rem;color:var(--cian);min-width:106px;
  flex-shrink:0;padding-top:2px;}
.campos dd{margin:0;color:var(--tinta-2);}
.bloque{padding:22px 0;}
.bloque+.bloque{border-top:1px solid var(--borde);}
.bloque h3{margin-bottom:12px;}
.normas{list-style:none;margin:0;padding:0;display:grid;gap:10px;}
.normas li{background:var(--vidrio);border:1px solid var(--borde);
  border-left:3px solid var(--sello);border-radius:0 var(--radio-s) var(--radio-s) 0;
  padding:12px 15px;}
.normas .ref{font-family:var(--mono);font-size:.74rem;font-weight:600;color:var(--sello);}
.normas .des{font-size:.88rem;color:var(--tinta-2);display:block;margin-top:3px;}
.pasos{counter-reset:p;list-style:none;margin:0;padding:0;display:grid;gap:12px;}
.pasos li{display:flex;gap:12px;font-size:.93rem;color:var(--tinta-2);}
.pasos li::before{counter-increment:p;content:counter(p);font-family:var(--mono);
  font-size:.68rem;font-weight:600;color:#071018;background:var(--grad);border-radius:50%;
  width:23px;height:23px;display:grid;place-items:center;flex-shrink:0;}
.acepta{display:flex;flex-wrap:wrap;gap:8px;}
.acepta span{background:var(--vidrio);border:1px solid var(--borde);border-radius:99px;
  padding:6px 13px;font-size:.82rem;color:var(--tinta-2);}
.gris{background:rgba(251,191,36,.08);border:1px solid rgba(251,191,36,.26);
  border-radius:var(--radio-s);padding:16px 18px;}
.gris h3{color:var(--depende);}
.gris p{font-size:.9rem;color:#E8CF9A;margin-bottom:0;}

/* ---------- voces ---------- */
.voces{display:grid;grid-template-columns:1fr;gap:14px;}
.voz{padding:20px;display:flex;flex-direction:column;}
.voz-cab{display:flex;gap:12px;align-items:center;margin-bottom:13px;}
.mono-inicial{width:42px;height:42px;border-radius:50%;background:var(--grad);color:#071018;
  display:grid;place-items:center;font-family:var(--display);font-weight:800;
  font-size:.88rem;flex-shrink:0;}
.voz-id strong{display:block;font-size:.94rem;font-weight:600;}
.voz-id small{font-size:.76rem;color:var(--tinta-3);display:block;line-height:1.35;}
.voz blockquote{margin:0 0 14px;font-size:.95rem;color:var(--tinta);line-height:1.55;
  padding-left:13px;border-left:2px solid var(--sello);}
.voz-pie{margin-top:auto;padding-top:12px;border-top:1px solid var(--borde);
  display:flex;gap:8px;align-items:center;flex-wrap:wrap;
  font-family:var(--mono);font-size:.6rem;color:var(--tinta-3);}
.firmado{color:var(--si);font-weight:500;}
.voz.hueco{border-style:dashed;background:none;align-items:center;justify-content:center;
  text-align:center;}

/* ---------- formulario sumar ---------- */
.form{padding:26px 20px;max-width:720px;}
.campo{margin-bottom:22px;}
.campo label{display:block;font-weight:600;font-size:.94rem;margin-bottom:3px;}
.campo .ayuda{font-size:.82rem;color:var(--tinta-3);margin-bottom:9px;}
.campo input[type=text],.campo select,.campo textarea{width:100%;border:1px solid var(--borde-2);
  border-radius:12px;padding:13px 14px;font-family:var(--body);font-size:.95rem;
  background:rgba(6,9,19,.5);color:var(--tinta);}
.campo textarea{min-height:100px;resize:vertical;}
.campo input:focus,.campo select:focus,.campo textarea:focus{outline:none;
  border-color:var(--sello);box-shadow:0 0 0 3px rgba(77,166,255,.15);}
.campo select option{background:var(--fondo-2);}
.dosc{display:grid;grid-template-columns:1fr;gap:0 14px;}
.consentimiento{background:rgba(0,56,168,.14);border:1px solid rgba(77,166,255,.3);
  border-radius:var(--radio-s);padding:18px;margin-bottom:22px;}
.consentimiento h3{color:var(--sello);font-size:.98rem;margin-bottom:10px;}
.check{display:flex;gap:10px;align-items:flex-start;margin-bottom:10px;
  font-size:.86rem;color:var(--tinta-2);}
.check input{margin-top:3px;accent-color:var(--sello);flex-shrink:0;}
.firma-e{border:1px dashed var(--sello);border-radius:10px;padding:13px;margin-top:14px;
  font-family:var(--mono);font-size:.66rem;color:var(--sello);
  display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;align-items:center;}
.enviar{background:var(--grad);color:#071018;border:0;border-radius:14px;
  padding:14px 28px;font-weight:700;font-size:.97rem;font-family:var(--display);}
.aviso-datos{font-size:.78rem;color:var(--tinta-3);margin-top:14px;max-width:60ch;}

/* ---------- red ---------- */
.niveles{display:grid;grid-template-columns:1fr;gap:14px;}
.nivel{padding:22px;display:flex;flex-direction:column;}
.nivel .eyebrow{margin-bottom:8px;}
.nivel h3{margin-bottom:8px;}
.nivel p{font-size:.9rem;color:var(--tinta-2);}
.nivel ul{margin:0 0 16px;padding-left:18px;font-size:.86rem;color:var(--tinta-2);}
.nivel ul li{margin-bottom:5px;}
.nivel-pie{margin-top:auto;font-family:var(--mono);font-size:.62rem;color:var(--tinta-3);}
.sello-adhesion{display:inline-flex;align-items:center;gap:11px;background:var(--vidrio-2);
  border:1px solid var(--borde-2);color:var(--tinta);border-radius:14px;padding:12px 16px;
  text-decoration:none;backdrop-filter:blur(10px);}
.sello-adhesion .sa-glifo{width:30px;height:30px;border:1.6px solid var(--cian);border-radius:50%;
  display:grid;place-items:center;font-family:var(--mono);font-size:.6rem;color:var(--cian);
  transform:rotate(-8deg);flex-shrink:0;}
.sello-adhesion strong{display:block;font-family:var(--display);font-size:.84rem;font-weight:700;}
.sello-adhesion small{font-size:.6rem;color:var(--tinta-3);font-family:var(--mono);letter-spacing:.06em;}
pre.codigo{background:rgba(6,9,19,.75);border:1px solid var(--borde);color:#BCD0E8;
  border-radius:var(--radio-s);padding:16px 18px;font-family:var(--mono);font-size:.72rem;
  line-height:1.65;overflow-x:auto;margin:0;}
pre.codigo .c-tag{color:#7DB8F5;} pre.codigo .c-atr{color:#C9A6EE;}
pre.codigo .c-val{color:#8FE3B4;} pre.codigo .c-com{color:var(--tinta-3);}
.widget-demo{overflow:hidden;}
.widget-falso-top{background:rgba(255,255,255,.05);padding:9px 14px;font-family:var(--mono);
  font-size:.64rem;color:var(--tinta-3);border-bottom:1px solid var(--borde);}
.widget-cuerpo{padding:18px;}
.widget-cab{display:flex;align-items:center;gap:9px;margin-bottom:12px;font-size:.72rem;flex-wrap:wrap;}
.widget-cab .cobranding{font-family:var(--mono);font-size:.58rem;color:var(--tinta-3);
  letter-spacing:.06em;margin-left:auto;}
.logo-socio{font-family:var(--display);font-weight:800;font-size:.78rem;
  border:1.5px solid var(--tinta-2);border-radius:6px;padding:3px 7px;}
.mini-buscador{display:flex;border:1.5px solid var(--borde-2);border-radius:12px;overflow:hidden;}
.mini-buscador span{flex:1;padding:10px 12px;font-size:.84rem;color:var(--tinta-3);}
.mini-buscador b{background:var(--grad);color:#071018;padding:10px 14px;font-size:.8rem;font-weight:700;}
.directorio{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.adherente{padding:14px;border-radius:var(--radio-s);background:var(--vidrio);
  border:1px solid var(--borde);}
.adherente strong{display:block;font-size:.88rem;font-weight:600;}
.adherente small{font-family:var(--mono);font-size:.58rem;color:var(--tinta-3);}
.adherente .verif{color:var(--si);font-family:var(--mono);font-size:.58rem;display:block;margin-top:7px;}

/* ---------- trámites ---------- */
.tramites{display:grid;grid-template-columns:1fr;gap:14px;}
.tramite{padding:20px;display:flex;flex-direction:column;border-top:3px solid var(--si);}
.tramite.est-parcial{border-top-color:var(--depende);}
.tramite.est-no{border-top-color:var(--no);}
.tramite-cab{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:11px;}
.estado{font-family:var(--mono);font-size:.58rem;letter-spacing:.1em;text-transform:uppercase;
  font-weight:600;padding:4px 9px;border-radius:6px;}
.estado.ok{background:rgba(74,222,128,.14);color:var(--si);}
.estado.parcial{background:rgba(251,191,36,.13);color:var(--depende);}
.estado.no{background:rgba(251,113,133,.13);color:var(--no);}
.tramite-perfil{font-family:var(--mono);font-size:.56rem;letter-spacing:.1em;
  text-transform:uppercase;color:var(--tinta-3);margin-left:auto;}
.tramite h3{margin-bottom:13px;font-size:1.08rem;}
.flujo{border-top:1px solid var(--borde);border-bottom:1px solid var(--borde);
  padding:13px 0;margin-bottom:13px;display:grid;gap:9px;}
.flujo div{display:flex;gap:11px;align-items:baseline;}
.flujo span{font-family:var(--mono);font-size:.54rem;letter-spacing:.12em;flex-shrink:0;
  width:46px;padding-top:2px;}
.flujo p{margin:0;font-size:.9rem;line-height:1.5;}
.flujo .fl-antes span{color:var(--tinta-3);} .flujo .fl-antes p{color:var(--tinta-3);}
.flujo .fl-ahora span{color:var(--verde-luz);font-weight:600;}
.flujo .fl-ahora p{color:var(--tinta);font-weight:500;}
.tramite-meta{margin:0;display:grid;gap:7px;font-size:.8rem;}
.tramite-meta div{display:flex;gap:9px;}
.tramite-meta dt{font-family:var(--mono);font-size:.6rem;letter-spacing:.06em;
  text-transform:uppercase;color:var(--cian);min-width:76px;flex-shrink:0;padding-top:2px;}
.tramite-meta dd{margin:0;color:var(--tinta-2);}
.tramite-nota{margin:13px 0 0;padding-top:11px;border-top:1px dashed var(--borde);
  font-size:.79rem;color:var(--tinta-3);}
.tramite-vacio{padding:34px;text-align:center;color:var(--tinta-3);
  border:1px dashed var(--borde);border-radius:var(--radio);font-size:.9rem;}
.palancas{display:grid;grid-template-columns:1fr;gap:14px;}
.palanca{background:linear-gradient(150deg,rgba(0,56,168,.32),rgba(6,9,19,.4));
  border:1px solid rgba(77,166,255,.3);border-radius:var(--radio);padding:22px;
  backdrop-filter:blur(14px);}
.palanca .pl-art{font-family:var(--mono);font-size:.6rem;letter-spacing:.1em;color:var(--cian);}
.palanca h3{color:#fff;margin:8px 0 9px;font-size:1.05rem;}
.palanca p{font-size:.88rem;margin:0;color:var(--tinta-2);}
.palanca .pl-uso{display:block;margin-top:12px;padding-top:11px;
  border-top:1px solid rgba(77,166,255,.25);font-family:var(--mono);font-size:.66rem;
  color:var(--verde-luz);}

/* ---------- guía ---------- */
.rutas{display:grid;grid-template-columns:1fr;gap:14px;}
.ruta{padding:22px;}
.ruta h3{margin:7px 0 4px;}
.ruta-tiempo{font-family:var(--mono);font-size:.6rem;letter-spacing:.08em;
  text-transform:uppercase;color:var(--verde-luz);}
.ruta-nec{background:rgba(6,9,19,.45);border:1px solid var(--borde);border-radius:12px;
  padding:13px 15px;margin:14px 0;}
.ruta-nec p{font-family:var(--mono);font-size:.58rem;letter-spacing:.11em;
  text-transform:uppercase;color:var(--tinta-3);margin:0 0 7px;}
.ruta-nec ul{margin:0;padding-left:16px;font-size:.85rem;color:var(--tinta-2);}
.ruta-nec li{margin-bottom:4px;}
.ruta ol{counter-reset:r;list-style:none;margin:0;padding:0;display:grid;gap:11px;}
.ruta ol li{display:flex;gap:11px;font-size:.89rem;color:var(--tinta-2);}
.ruta ol li::before{counter-increment:r;content:counter(r);font-family:var(--mono);
  font-size:.64rem;font-weight:600;color:#071018;background:var(--grad);border-radius:50%;
  width:22px;height:22px;display:grid;place-items:center;flex-shrink:0;}
.ruta ol li b{color:var(--tinta);font-weight:600;}
.aviso-fuente{background:rgba(0,56,168,.14);border:1px solid rgba(77,166,255,.3);
  border-radius:var(--radio-s);padding:15px 17px;margin-bottom:20px;font-size:.88rem;
  color:var(--tinta-2);}
.aviso-fuente strong{display:block;font-family:var(--display);margin-bottom:4px;color:var(--tinta);}
.prestadores{display:grid;grid-template-columns:1fr;gap:12px;}
.prest{padding:17px;}
.prest-nom{font-family:var(--display);font-weight:700;font-size:1rem;margin-bottom:7px;}
.prest-tipo{font-family:var(--mono);font-size:.56rem;letter-spacing:.1em;text-transform:uppercase;
  font-weight:600;padding:4px 8px;border-radius:6px;display:inline-block;margin-bottom:9px;}
.prest-tipo.cual{background:rgba(74,222,128,.14);color:var(--si);}
.prest-tipo.nocual{background:var(--vidrio-2);color:var(--tinta-2);}
.prest p{font-size:.84rem;color:var(--tinta-2);margin:0;}
.prest .prest-src{display:block;margin-top:10px;padding-top:9px;border-top:1px solid var(--borde);
  font-family:var(--mono);font-size:.58rem;color:var(--tinta-3);}
.prest.hueco{border-style:dashed;background:none;}
.prest.hueco .prest-nom{color:var(--depende);}
.certs{display:grid;gap:10px;}
.cert{border-left:3px solid var(--sello);border-radius:0 var(--radio-s) var(--radio-s) 0;
  padding:15px 16px;display:grid;grid-template-columns:56px 1fr;gap:14px;align-items:start;
  background:var(--vidrio);border-top:1px solid var(--borde);border-right:1px solid var(--borde);
  border-bottom:1px solid var(--borde);}
.cert-cod{font-family:var(--display);font-weight:800;font-size:1.35rem;
  background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;}
.cert h4{font-size:.96rem;margin-bottom:3px;font-family:var(--display);font-weight:700;}
.cert p{font-size:.86rem;color:var(--tinta-2);margin:0;}
.cert .cert-vig{font-family:var(--mono);font-size:.6rem;color:var(--tinta-3);
  display:block;margin-top:6px;}
.digi{display:grid;grid-template-columns:1fr;gap:12px;}
.digi-paso{background:linear-gradient(150deg,rgba(16,45,99,.34),rgba(6,9,19,.4));
  border:1px solid rgba(77,166,255,.25);border-radius:var(--radio);padding:18px;
  backdrop-filter:blur(12px);}
.digi-paso .dp-n{font-family:var(--mono);font-size:.6rem;letter-spacing:.11em;color:var(--cian);}
.digi-paso h4{color:#fff;font-family:var(--display);font-size:1rem;margin:7px 0 7px;}
.digi-paso p{font-size:.84rem;color:var(--tinta-2);margin:0;}
.criterios{list-style:none;margin:0;padding:0;display:grid;gap:9px;}
.criterios li{background:var(--vidrio);border:1px solid var(--borde);border-radius:var(--radio-s);
  padding:14px 15px;display:flex;gap:12px;align-items:baseline;font-size:.9rem;color:var(--tinta-2);}
.criterios li::before{content:"✓";color:var(--si);font-weight:700;flex-shrink:0;}
.criterios li b{color:var(--tinta);}

/* ---------- jornadas ---------- */
.jor-medidor{display:flex;border-radius:12px;overflow:hidden;margin:22px 0 8px;height:36px;
  border:1px solid var(--borde);}
.jor-medidor div{display:grid;place-items:center;font-family:var(--mono);font-size:.62rem;
  letter-spacing:.08em;font-weight:600;}
.jor-medidor .md-dig{background:linear-gradient(120deg,#0038A8,#1D4ED8);color:#DCE9FF;}
.jor-medidor .md-mix{background:rgba(251,191,36,.2);color:var(--depende);}
.jor-medidor .md-pre{background:rgba(251,113,133,.24);color:#FFC9D2;}
.jor-resumen{font-family:var(--mono);font-size:.62rem;color:var(--tinta-3);
  letter-spacing:.04em;margin-bottom:26px;}
.jor-kit{padding:18px 20px;margin-bottom:26px;}
.jor-kit p{font-family:var(--mono);font-size:.6rem;letter-spacing:.11em;text-transform:uppercase;
  color:var(--tinta-3);margin:0 0 10px;}
.jor-kit ul{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:7px;}
.jor-kit li{background:rgba(6,9,19,.5);border:1px solid var(--borde);border-radius:99px;
  padding:6px 13px;font-size:.83rem;color:var(--tinta-2);}
.linea{position:relative;padding-left:32px;}
.linea::before{content:"";position:absolute;left:10px;top:12px;bottom:12px;width:2px;
  background:linear-gradient(180deg,var(--sello),var(--cian));opacity:.4;}
.hito{position:relative;padding-bottom:26px;}
.hito:last-child{padding-bottom:0;}
.hito::before{content:"";position:absolute;left:-28px;top:5px;width:15px;height:15px;
  border-radius:50%;background:var(--sello);border:3px solid var(--fondo);
  box-sizing:content-box;box-shadow:0 0 12px rgba(77,166,255,.6);}
.hito.mix::before{background:var(--depende);box-shadow:0 0 12px rgba(251,191,36,.5);}
.hito.pre::before{background:var(--no);width:19px;height:19px;left:-30px;top:3px;
  box-shadow:0 0 14px rgba(251,113,133,.6);}
.hito.pre::after{content:"";position:absolute;left:-23px;top:29px;bottom:-4px;width:2px;
  background:repeating-linear-gradient(180deg,var(--no) 0 5px,transparent 5px 10px);}
.hito-modo{font-family:var(--mono);font-size:.56rem;letter-spacing:.12em;text-transform:uppercase;
  font-weight:600;padding:3px 9px;border-radius:6px;display:inline-block;margin-bottom:6px;}
.hito-modo.dig{background:rgba(77,166,255,.16);color:var(--sello);}
.hito-modo.mix{background:rgba(251,191,36,.13);color:var(--depende);}
.hito-modo.pre{background:rgba(251,113,133,.13);color:var(--no);}
.hito h4{font-family:var(--display);font-weight:700;font-size:1.04rem;margin:0 0 5px;}
.hito p{margin:0;font-size:.9rem;color:var(--tinta-2);}
.hito .hito-ojo{display:block;margin-top:9px;padding:10px 13px;background:rgba(251,191,36,.08);
  border-left:2px solid var(--depende);border-radius:0 8px 8px 0;
  font-size:.83rem;color:#E8CF9A;}
.hito.pre p{color:var(--tinta);}
.jor-cierre{margin-top:28px;padding:20px 22px;border-radius:var(--radio);
  background:linear-gradient(150deg,rgba(0,56,168,.28),rgba(6,9,19,.5));
  border:1px solid rgba(77,166,255,.28);color:var(--tinta-2);font-size:.9rem;
  backdrop-filter:blur(12px);}
.jor-cierre strong{color:#fff;font-family:var(--display);display:block;margin-bottom:6px;}
.jor-desc{background:var(--vidrio);border:1px solid var(--borde);border-radius:var(--radio-s);
  padding:13px 16px;font-size:.8rem;color:var(--tinta-3);margin-top:22px;}

/* ---------- exterior ---------- */
.bifurca{display:grid;grid-template-columns:1fr;gap:14px;margin-top:26px;}
.via{border-radius:var(--radio);padding:24px;border:1px solid var(--borde);}
.via.si{background:linear-gradient(150deg,rgba(0,56,168,.34),rgba(16,45,99,.28));
  border-color:rgba(77,166,255,.35);backdrop-filter:blur(14px);}
.via.no{background:var(--vidrio);backdrop-filter:blur(14px);}
.via-p{font-family:var(--mono);font-size:.58rem;letter-spacing:.12em;text-transform:uppercase;}
.via.si .via-p{color:var(--cian);} .via.no .via-p{color:var(--depende);}
.via h3{font-size:1.26rem;margin:9px 0 10px;color:#fff;}
.via p{font-size:.9rem;margin:0 0 13px;color:var(--tinta-2);}
.via ul{margin:0;padding-left:17px;font-size:.86rem;color:var(--tinta-2);}
.via li{margin-bottom:6px;}
.via-veredicto{margin-top:15px;padding-top:13px;font-family:var(--mono);font-size:.62rem;
  letter-spacing:.05em;border-top:1px solid var(--borde);}
.via.si .via-veredicto{color:var(--verde-luz);}
.via.no .via-veredicto{color:var(--depende);}
.rutinas{display:grid;grid-template-columns:1fr;gap:11px;}
.rutina{padding:15px 16px;border-radius:var(--radio-s);background:var(--vidrio);
  border:1px solid var(--borde);}
.rutina .rt-cat{font-family:var(--mono);font-size:.54rem;letter-spacing:.11em;
  text-transform:uppercase;color:var(--cian);}
.rutina strong{display:block;font-size:.93rem;font-weight:600;margin:6px 0 4px;}
.rutina p{font-size:.81rem;color:var(--tinta-2);margin:0;}
.instr{display:grid;grid-template-columns:1fr;gap:14px;}
.inst{padding:21px;border-top:3px solid var(--sello);}
.inst h3{font-size:1.06rem;margin-bottom:8px;}
.inst p{font-size:.88rem;color:var(--tinta-2);}
.inst ol{margin:12px 0 0;padding-left:17px;font-size:.85rem;color:var(--tinta-2);}
.inst ol li{margin-bottom:5px;}
.inst .inst-sirve{display:block;margin-top:13px;padding-top:11px;border-top:1px solid var(--borde);
  font-family:var(--mono);font-size:.6rem;letter-spacing:.05em;color:var(--verde-luz);}
.muro{display:grid;gap:9px;}
.muro-item{background:rgba(251,113,133,.09);border:1px solid rgba(251,113,133,.25);
  border-radius:var(--radio-s);padding:14px 16px;display:flex;gap:13px;align-items:baseline;}
.muro-item::before{content:"✕";color:var(--no);font-weight:700;flex-shrink:0;font-size:.85rem;}
.muro-item strong{font-size:.92rem;color:#FFC9D2;}
.muro-item span{display:block;font-size:.84rem;color:var(--tinta-2);margin-top:3px;}
.viaje{counter-reset:v;list-style:none;margin:0;padding:0;display:grid;gap:10px;}
.viaje li{background:var(--vidrio);border:1px solid var(--borde);border-radius:var(--radio-s);
  padding:15px 16px;display:flex;gap:13px;align-items:flex-start;}
.viaje li::before{counter-increment:v;content:counter(v);font-family:var(--mono);
  font-size:.66rem;font-weight:600;color:#071018;background:var(--grad);border-radius:8px;
  width:25px;height:25px;display:grid;place-items:center;flex-shrink:0;}
.viaje strong{display:block;font-size:.93rem;margin-bottom:3px;}
.viaje p{margin:0;font-size:.85rem;color:var(--tinta-2);}
.viaje .v-cuando{font-family:var(--mono);font-size:.56rem;letter-spacing:.1em;
  text-transform:uppercase;color:var(--verde-luz);display:block;margin-bottom:4px;}
.nota-br{background:rgba(74,222,128,.09);border:1px solid rgba(74,222,128,.25);
  border-radius:var(--radio-s);padding:16px 18px;margin-top:20px;font-size:.88rem;color:#BDECC9;}
.nota-br strong{display:block;font-family:var(--display);margin-bottom:4px;color:#E4F8E9;}

/* ---------- ketsim / ayuda ---------- */
.frentes{display:grid;grid-template-columns:1fr;gap:11px;}
.frente{padding:16px;border-radius:var(--radio-s);background:var(--vidrio);
  border:1px solid var(--borde);}
.frente strong{display:block;font-size:.94rem;margin-bottom:5px;}
.frente p{font-size:.83rem;color:var(--tinta-2);margin:0;}
.marca-com{background:rgba(0,56,168,.2);border:1px solid rgba(77,166,255,.35);
  border-radius:8px;display:inline-block;padding:5px 11px;font-family:var(--mono);
  font-size:.58rem;letter-spacing:.11em;text-transform:uppercase;color:var(--sello);
  font-weight:600;}
.entrega{border:1px dashed rgba(77,166,255,.5);border-radius:var(--radio);
  padding:20px 22px;margin-top:22px;background:var(--vidrio);backdrop-filter:blur(10px);}
.entrega .marca-com{margin-bottom:11px;}
.entrega h3{font-size:1.06rem;margin-bottom:7px;}
.entrega p{font-size:.89rem;color:var(--tinta-2);margin-bottom:13px;}
.entrega a{display:inline-block;background:var(--grad);color:#071018;text-decoration:none;
  border-radius:12px;padding:11px 18px;font-size:.87rem;font-weight:700;}
.alerta-clave{background:rgba(251,113,133,.09);border:1px solid rgba(251,113,133,.28);
  border-radius:var(--radio);padding:20px 22px;margin-top:26px;}
.alerta-clave .ac-tag{font-family:var(--mono);font-size:.58rem;letter-spacing:.11em;
  text-transform:uppercase;color:var(--no);font-weight:600;}
.alerta-clave h3{color:#FFC9D2;margin:8px 0 8px;font-size:1.12rem;}
.alerta-clave p{font-size:.89rem;color:var(--tinta-2);margin:0 0 10px;}
.alerta-clave ul{margin:0;padding-left:18px;font-size:.86rem;color:var(--tinta-2);}
.alerta-clave li{margin-bottom:5px;}
.reglas{display:grid;grid-template-columns:1fr;gap:14px;margin-top:8px;}
.regla-col{border-radius:var(--radio);padding:21px;background:var(--vidrio);
  border:1px solid var(--borde);backdrop-filter:blur(12px);}
.regla-col.hace{border-top:3px solid var(--si);}
.regla-col.nunca{border-top:3px solid var(--no);}
.regla-col h3{font-size:1.04rem;margin-bottom:12px;}
.regla-col.hace h3{color:var(--si);} .regla-col.nunca h3{color:var(--no);}
.regla-col ul{margin:0;padding:0;list-style:none;display:grid;gap:9px;font-size:.88rem;
  color:var(--tinta-2);}
.regla-col li{display:flex;gap:10px;align-items:baseline;}
.regla-col.hace li::before{content:"✓";color:var(--si);font-weight:700;flex-shrink:0;}
.regla-col.nunca li::before{content:"✕";color:var(--no);font-weight:700;flex-shrink:0;}
.momentos{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;}
.momentos span{background:var(--vidrio);border:1px solid var(--borde);border-radius:99px;
  padding:7px 14px;font-size:.84rem;color:var(--tinta-2);}
.oferta{padding:26px 22px;margin-top:8px;border-top:3px solid var(--sello);}
.of-tag{font-family:var(--mono);font-size:.58rem;letter-spacing:.12em;text-transform:uppercase;
  color:var(--sello);}
.of-txt h3{font-size:clamp(1.3rem,5vw,1.5rem);margin:9px 0 9px;}
.of-txt p{font-size:.96rem;color:var(--tinta-2);margin:0;max-width:56ch;}
.of-incluye{margin-top:24px;padding-top:22px;border-top:1px solid var(--borde);}
.of-incluye>p{font-family:var(--mono);font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;
  color:var(--tinta-3);margin:0 0 14px;}
.of-lista{display:grid;grid-template-columns:1fr;gap:10px;margin:0;padding:0;list-style:none;}
.of-lista li{display:flex;gap:11px;align-items:baseline;font-size:.9rem;color:var(--tinta-2);}
.of-lista li::before{content:"·";color:var(--cian);font-weight:700;flex-shrink:0;
  font-size:1.2rem;line-height:1;}
.of-lista li b{color:var(--tinta);font-weight:600;}
.of-pie-caja{margin-top:24px;padding-top:20px;border-top:1px solid var(--borde);
  display:flex;gap:14px;flex-wrap:wrap;align-items:center;}
.of-valor{font-family:var(--mono);font-size:.72rem;color:var(--tinta-3);}
.of-valor b{font-family:var(--display);font-size:1.14rem;font-weight:800;color:var(--tinta);}
.of-cancela{font-family:var(--mono);font-size:.62rem;color:var(--si);letter-spacing:.04em;}
.of-cta{display:inline-block;background:var(--grad);color:#071018;text-decoration:none;
  border-radius:14px;padding:13px 22px;font-weight:700;font-size:.92rem;width:100%;
  text-align:center;font-family:var(--display);}
.pagos{padding:24px 22px;margin-top:20px;}
.pagos>.pg-tag{font-family:var(--mono);font-size:.58rem;letter-spacing:.12em;
  text-transform:uppercase;color:var(--tinta-3);}
.pg-grupos{display:grid;grid-template-columns:1fr;gap:18px;margin-top:16px;}
.pg-grupo p{font-family:var(--mono);font-size:.58rem;letter-spacing:.11em;text-transform:uppercase;
  color:var(--cian);margin:0 0 9px;}
.pg-grupo ul{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:6px;}
.pg-grupo li{background:rgba(6,9,19,.5);border:1px solid var(--borde);border-radius:8px;
  padding:6px 11px;font-size:.8rem;color:var(--tinta-2);}
.pg-pie{margin-top:22px;padding-top:18px;border-top:1px solid var(--borde);}
.pg-cta{display:inline-block;background:var(--grad);color:#071018;text-decoration:none;
  border-radius:14px;padding:13px 22px;font-weight:700;font-size:.92rem;width:100%;
  text-align:center;font-family:var(--display);}
.visita{padding:24px;margin-top:20px;position:relative;overflow:hidden;}
.visita::after{content:"";position:absolute;right:-30px;bottom:-42px;width:140px;height:140px;
  border:2.5px solid rgba(77,166,255,.16);border-radius:50%;}
.vs-tag{font-family:var(--mono);font-size:.58rem;letter-spacing:.12em;text-transform:uppercase;
  color:var(--depende);}
.visita h3{font-size:1.24rem;margin:10px 0 10px;max-width:26ch;}
.visita p{font-size:.92rem;color:var(--tinta-2);margin:0 0 12px;max-width:60ch;}
.vs-chiste{font-style:italic;color:var(--tinta-3)!important;font-size:.88rem!important;}
.vs-cta{display:inline-block;border:1.5px solid var(--borde-2);color:var(--tinta);
  text-decoration:none;border-radius:12px;padding:11px 20px;font-weight:600;font-size:.88rem;}

/* ---------- costos ---------- */
.req{display:grid;grid-template-columns:1fr;gap:11px;}
.req-item{padding:15px 16px;border-radius:var(--radio-s);background:var(--vidrio);
  border:1px solid var(--borde);}
.req-item .rq-est{font-family:var(--mono);font-size:.54rem;letter-spacing:.11em;
  text-transform:uppercase;color:var(--si);font-weight:600;}
.req-item strong{display:block;font-size:.92rem;margin:6px 0 4px;}
.req-item p{font-size:.81rem;color:var(--tinta-2);margin:0;}
.tabla-wrap{overflow-x:auto;border-radius:var(--radio-s);border:1px solid var(--borde);}
.tabla-costos{width:100%;border-collapse:collapse;background:var(--vidrio);font-size:.86rem;
  min-width:560px;}
.tabla-costos thead th{background:rgba(6,9,19,.65);color:var(--tinta-3);text-align:left;
  font-family:var(--mono);font-size:.58rem;letter-spacing:.11em;text-transform:uppercase;
  font-weight:500;padding:12px 14px;}
.tabla-costos td{padding:13px 14px;border-top:1px solid var(--borde);vertical-align:top;}
.tabla-costos .tc-qué strong{display:block;font-size:.9rem;}
.tabla-costos .tc-qué span{display:block;font-size:.78rem;color:var(--tinta-3);margin-top:3px;}
.tabla-costos .tc-monto{font-family:var(--mono);font-size:.84rem;white-space:nowrap;font-weight:500;}
.tabla-costos .tc-monto.gratis{color:var(--si);font-weight:600;}
.tabla-costos .tc-quien{font-size:.8rem;color:var(--tinta-3);}
.tc-src{display:block;font-family:var(--body);font-size:.72rem;color:var(--cian);
  text-decoration:none;margin-top:5px;font-weight:500;opacity:.85;}
.tc-src:hover{text-decoration:underline;}
.badge-freq{font-family:var(--mono);font-size:.54rem;letter-spacing:.1em;text-transform:uppercase;
  padding:4px 8px;border-radius:6px;font-weight:600;white-space:nowrap;}
.badge-freq.g{background:rgba(74,222,128,.14);color:var(--si);}
.badge-freq.u{background:rgba(77,166,255,.15);color:var(--sello);}
.badge-freq.a{background:rgba(251,191,36,.13);color:var(--depende);}
.badge-freq.m{background:var(--vidrio-2);color:var(--tinta-2);}
.perfiles-costo{display:grid;grid-template-columns:1fr;gap:14px;}
.pf{border-radius:var(--radio);padding:22px;background:var(--vidrio);border:1px solid var(--borde);
  backdrop-filter:blur(12px);}
.pf.cero{background:linear-gradient(150deg,rgba(0,56,168,.34),rgba(16,45,99,.26));
  border-color:rgba(77,166,255,.35);}
.pf .pf-q{font-family:var(--mono);font-size:.56rem;letter-spacing:.11em;text-transform:uppercase;
  color:var(--tinta-3);}
.pf.cero .pf-q{color:var(--cian);}
.pf h3{margin:8px 0 12px;font-size:1.08rem;color:#fff;}
.pf-total{font-family:var(--display);font-weight:800;font-size:1.9rem;letter-spacing:-.02em;
  background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;
  line-height:1.05;}
.pf-total small{display:block;font-family:var(--mono);font-size:.56rem;font-weight:500;
  letter-spacing:.09em;text-transform:uppercase;color:var(--tinta-3);margin-top:6px;
  -webkit-text-fill-color:var(--tinta-3);}
.pf ul{margin:14px 0 0;padding:0;list-style:none;display:grid;gap:6px;font-size:.84rem;
  color:var(--tinta-2);}
.pf li{display:flex;gap:9px;align-items:baseline;}
.pf li::before{content:"+";color:var(--verde-luz);flex-shrink:0;font-size:.78rem;}
.nopagar{background:rgba(74,222,128,.08);border:1px solid rgba(74,222,128,.26);
  border-radius:var(--radio);padding:20px 22px;margin-top:22px;}
.nopagar .np-tag{font-family:var(--mono);font-size:.58rem;letter-spacing:.11em;
  text-transform:uppercase;color:var(--si);font-weight:600;}
.nopagar h3{color:#BDECC9;margin:8px 0 10px;font-size:1.12rem;}
.nopagar ul{margin:0;padding-left:18px;font-size:.87rem;color:#A9DDB6;}
.nopagar li{margin-bottom:6px;}
.nopagar b{color:#DDF5E3;}
.fuente-precio{font-size:.79rem;color:var(--tinta-3);margin-top:14px;max-width:66ch;}
.enlaces{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;}
.enlaces a{background:var(--vidrio);border:1px solid var(--borde);border-radius:12px;
  padding:9px 15px;font-size:.83rem;color:var(--tinta);text-decoration:none;font-weight:500;
  transition:border-color .25s;}
.enlaces a:hover{border-color:var(--cian);}
.enlaces a span{font-family:var(--mono);font-size:.62rem;color:var(--tinta-3);display:block;}

/* ---------- MAYA ---------- */
.maya-fab{position:fixed;right:16px;bottom:16px;z-index:60;width:62px;height:62px;
  border-radius:50%;border:1px solid rgba(77,166,255,.55);background:
  radial-gradient(circle at 32% 28%,rgba(255,255,255,.32),transparent 42%),var(--grad);
  box-shadow:0 12px 34px -8px rgba(77,166,255,.55),var(--glow-sello);
  display:grid;place-items:center;color:#071018;}
.maya-fab svg{width:27px;height:27px;}
.maya-fab::after{content:"";position:absolute;inset:-5px;border-radius:50%;
  border:1.5px solid rgba(77,166,255,.5);animation:pulso 2.6s ease-out infinite;}
@keyframes pulso{0%{transform:scale(.9);opacity:.9}70%{transform:scale(1.28);opacity:0}100%{opacity:0}}
.maya-panel{position:fixed;inset:auto 0 0 0;z-index:75;height:min(84vh,700px);
  border-radius:26px 26px 0 0;display:none;flex-direction:column;overflow:hidden;
  background:rgba(8,12,24,.92);border:1px solid var(--borde-2);border-bottom:0;
  backdrop-filter:blur(26px) saturate(1.4);-webkit-backdrop-filter:blur(26px) saturate(1.4);
  box-shadow:0 -30px 80px -30px rgba(0,0,0,.9);}
.maya-panel.abierto{display:flex;animation:sube .4s cubic-bezier(.16,1,.3,1) both;}
@keyframes sube{from{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}
.maya-cab{display:flex;align-items:center;gap:12px;padding:16px 18px;
  border-bottom:1px solid var(--borde);}
.maya-avatar{width:44px;height:44px;border-radius:50%;background:var(--grad);flex-shrink:0;
  display:grid;place-items:center;color:#071018;box-shadow:0 0 20px rgba(77,166,255,.45);}
.maya-avatar svg{width:22px;height:22px;}
.maya-quien strong{display:block;font-family:var(--display);font-size:1.02rem;letter-spacing:-.01em;}
.maya-quien small{font-family:var(--mono);font-size:.58rem;letter-spacing:.08em;
  color:var(--verde-luz);text-transform:uppercase;}
.maya-cerrar{margin-left:auto;background:var(--vidrio);border:1px solid var(--borde-2);
  border-radius:12px;width:38px;height:38px;display:grid;place-items:center;font-size:1rem;}
.maya-demo{font-family:var(--mono);font-size:.56rem;letter-spacing:.08em;color:var(--tinta-3);
  text-align:center;padding:7px 16px;border-bottom:1px solid var(--borde);
  background:rgba(0,56,168,.1);}
.maya-hilo{flex:1;overflow-y:auto;padding:18px;display:flex;flex-direction:column;gap:12px;}
.msj{max-width:86%;padding:12px 15px;border-radius:16px;font-size:.92rem;line-height:1.55;
  animation:msjEntra .3s ease both;}
@keyframes msjEntra{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.msj.maya{align-self:flex-start;background:var(--vidrio-2);border:1px solid var(--borde);
  border-bottom-left-radius:6px;color:var(--tinta);}
.msj.yo{align-self:flex-end;background:linear-gradient(120deg,rgba(0,56,168,.5),rgba(16,45,99,.45));
  border:1px solid rgba(77,166,255,.4);border-bottom-right-radius:6px;color:#EDF2FA;}
.msj.maya b{color:var(--cian);}
.maya-sugeridas{display:flex;gap:8px;flex-wrap:wrap;padding:0 18px 12px;}
.maya-sugeridas button{background:var(--vidrio);border:1px solid var(--borde);border-radius:99px;
  padding:8px 14px;font-size:.8rem;color:var(--tinta-2);}
.maya-sugeridas button:active{border-color:var(--sello);}
.maya-escribe{display:flex;gap:8px;padding:12px 14px calc(12px + env(safe-area-inset-bottom));
  border-top:1px solid var(--borde);}
.maya-escribe input{flex:1;min-width:0;border:1px solid var(--borde-2);border-radius:14px;
  padding:13px 15px;font-family:var(--body);font-size:.95rem;background:rgba(6,9,19,.55);
  color:var(--tinta);}
.maya-escribe input:focus{outline:none;border-color:var(--sello);}
.maya-escribe button{background:var(--grad);border:0;border-radius:14px;width:50px;
  display:grid;place-items:center;color:#071018;flex-shrink:0;}
.maya-escribe button svg{width:20px;height:20px;}
.maya-telon{position:fixed;inset:0;z-index:72;background:rgba(3,5,11,.6);display:none;}
.maya-telon.abierto{display:block;}

/* ---------- footer ---------- */
footer{border-top:1px solid var(--borde);margin-top:60px;padding:44px 0 100px;
  background:linear-gradient(180deg,transparent,rgba(0,56,168,.09));color:var(--tinta-3);}
footer .wrap{display:grid;grid-template-columns:1fr;gap:30px;}
footer h4{color:var(--tinta-2);font-size:.76rem;margin:0 0 9px;font-family:var(--mono);
  font-weight:500;letter-spacing:.12em;text-transform:uppercase;}
footer ul{list-style:none;margin:0;padding:0;font-size:.87rem;display:grid;gap:6px;}
footer .cred{font-family:var(--mono);font-size:.66rem;color:var(--tinta-3);max-width:36ch;}
.slogan-pie{font-family:var(--display);font-weight:700;font-size:1.4rem;color:var(--tinta);
  letter-spacing:-.02em;margin:0 0 10px;line-height:1.15;}
.slogan-pie b{background:var(--grad);-webkit-background-clip:text;background-clip:text;
  color:transparent;}

/* ---------- movimiento ---------- */
.progreso{position:fixed;top:0;left:0;height:2px;width:0;z-index:80;
  background:var(--grad);box-shadow:0 0 12px rgba(77,166,255,.7);transition:width .1s linear;}
.rv{opacity:0;transform:translateY(20px);
  transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1);
  will-change:opacity,transform;}
.rv.rv-in{opacity:1;transform:none;}
.tilt{transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .5s cubic-bezier(.16,1,.3,1);}
.tilt:hover{box-shadow:0 26px 60px -30px rgba(77,166,255,.35),0 8px 24px -12px rgba(0,0,0,.7);}

/* ================= ESCRITORIO ================= */
@media (min-width:720px){
  .directorio{grid-template-columns:repeat(auto-fill,minmax(215px,1fr));}
  .voces{grid-template-columns:repeat(auto-fill,minmax(310px,1fr));}
  .tramites{grid-template-columns:repeat(auto-fill,minmax(330px,1fr));}
  .palancas,.instr,.rutas,.niveles{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));}
  .digi{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));}
  .req,.rutinas{grid-template-columns:repeat(auto-fill,minmax(225px,1fr));}
  .prestadores{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));}
  .perfiles-costo{grid-template-columns:repeat(auto-fit,minmax(255px,1fr));}
  .frentes{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));}
  .bifurca,.reglas{grid-template-columns:1fr 1fr;}
  .dosc{grid-template-columns:1fr 1fr;}
  .pg-grupos{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));}
  .of-lista{grid-template-columns:1fr 1fr;gap:10px 26px;}
  .of-cta,.pg-cta{width:auto;margin-left:auto;}
  .of-pie-caja .of-cta{margin-left:auto;}
  .veredicto{padding:30px;}
  .veredicto-cab{flex-direction:row;gap:26px;align-items:flex-start;}
  .veredicto-txt{flex:1;min-width:240px;}
  .sello{align-self:flex-start;}
  .ficha{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:44px;}
  .doc-visual{position:sticky;top:88px;}
  .form{padding:32px;}
  .maya-panel{inset:auto 22px 22px auto;width:410px;height:min(76vh,640px);
    border-radius:24px;border-bottom:1px solid var(--borde-2);}
  .maya-fab{right:26px;bottom:26px;}
  footer .wrap{grid-template-columns:2fr 1fr 1fr 1fr;}
}
@media (min-width:980px){
  .btn-menu{display:none;}
  .nav{display:flex;gap:2px;margin-left:auto;flex-wrap:wrap;}
  .nav button{background:none;border:0;padding:9px 13px;border-radius:10px;
    font-size:.87rem;font-weight:500;color:var(--tinta-2);transition:color .2s,background .2s;}
  .nav button:hover{background:var(--vidrio-2);color:var(--tinta);}
  .nav button[aria-current="true"]{background:var(--grad);color:#071018;font-weight:600;}
  .idiomas{margin-left:0;}
  .slogan{display:block;font-family:var(--mono);font-size:.56rem;letter-spacing:.1em;
    color:var(--tinta-3);margin-top:2px;}
  .slogan b{color:var(--sello);font-weight:600;}
  .hero{padding:80px 0 52px;}
  .hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:48px;align-items:center;}
  .escena{height:290px;margin-top:0;}
}

/* ---------- reduced motion ---------- */
@media (prefers-reduced-motion:reduce){
  .rv{opacity:1!important;transform:none!important;}
  .cielo i,.c-qr::after,.flotante,.maya-fab::after{animation:none!important;}
  .doc3d{animation:none;}
  .pantalla.activa,.menu.abierto,.maya-panel.abierto{animation:none;}
  .orbe{animation:none;}
}