.adm-portada{
  --D: min(90svh, 54vw);
  --fx: -8vw;
  position:relative; height:100svh; min-height:600px; overflow:hidden; background:var(--blanco);
}
.adm-portada__foto{
  position:absolute; z-index:3; width:var(--D); height:var(--D); right:var(--fx); top:var(--cab-h,105px);
  border-radius:50%; overflow:hidden; background:var(--nube); clip-path:circle(50% at 50% 50%);
}
.adm-portada__foto img{ width:100%; height:100%; object-fit:cover; display:block; }
.adm-portada__foto::after{ content:""; position:absolute; inset:0; pointer-events:none; z-index:1;
  background:linear-gradient(to right, rgba(12,31,79,.52) 0%, rgba(12,31,79,.18) 30%, rgba(12,31,79,0) 50%); }
.adm-portada__h1-copia{
  position:absolute; z-index:2; left:0; top:0; white-space:nowrap; pointer-events:none;
  font-family:var(--f-display); font-weight:500; color:#fff; line-height:.92; letter-spacing:-.025em;
  text-shadow:0 2px 24px rgba(12,31,79,.35);
}
.adm-orbita{
  position:absolute; z-index:0; pointer-events:none; overflow:visible;
  width:calc(var(--D) + 70px); height:calc(var(--D) + 70px); right:calc(var(--fx) - 35px); top:calc(var(--cab-h,105px) - 35px);
}
.adm-orbita circle{ fill:none; stroke:var(--oro); stroke-width:.22; stroke-dasharray:1 2; transform:rotate(-120deg); transform-origin:50% 50%; }
.adm-portada__txt{ position:absolute; z-index:2; left:0; right:0; top:var(--cab-h,105px); bottom:clamp(30px,6svh,64px); display:flex; flex-direction:column; justify-content:flex-end; }
.adm-portada__eyebrow{ margin:0 0 10px; font-size:var(--t-label); font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--navy); }
.adm-portada__eyebrow::before{ content:""; display:block; width:72px; height:1px; margin-bottom:14px; background:var(--navy); transform-origin:left center; }
.adm-portada__h1{ margin:0; white-space:nowrap; font-family:var(--f-display); font-weight:500; color:var(--tinta); font-size:clamp(76px, 13vw, 262px); line-height:.92; letter-spacing:-.025em; }
.adm-portada__apoyo{ margin:clamp(12px,2.2svh,22px) 0 0; max-width:30ch; font-size:clamp(17px,1.35vw,21px); line-height:1.45; color:rgba(12,31,79,.82); }

/* la acción: UN sello que gira (el anillo hecho botón) + un enlace. Nada de tres menús. */
.adm-accion{ display:flex; align-items:center; gap:clamp(20px,2.4vw,36px); margin-top:clamp(18px,3.4svh,34px); }
.adm-sello-cta{ position:relative; display:grid; place-items:center; width:clamp(104px,8.2vw,128px); aspect-ratio:1; border-radius:50%; text-decoration:none; color:var(--oro-texto); transition:transform .5s cubic-bezier(.22,1,.28,1); }
.adm-sello-cta svg{ position:absolute; inset:0; width:100%; height:100%; overflow:visible; animation:adm-gira 22s linear infinite; }
.adm-sello-cta text{ fill:currentColor; font-family:var(--f-text); font-weight:700; font-size:9px; }
.adm-sello-cta__aro{ fill:none; stroke:var(--oro); stroke-width:1.2; stroke-dasharray:1 2; }
.adm-sello-cta__flecha{ position:relative; display:grid; place-items:center; width:46%; aspect-ratio:1; border-radius:50%; background:var(--tinta); color:#fff; font-size:20px; transition:background .4s ease, transform .5s cubic-bezier(.22,1,.28,1); }
.adm-sello-cta:hover .adm-sello-cta__flecha, .adm-sello-cta:focus-visible .adm-sello-cta__flecha{ background:var(--navy); transform:rotate(-30deg) scale(1.06); }
.adm-sello-cta:hover svg{ animation-duration:9s; }
.adm-sello-cta:focus-visible{ outline:2px solid var(--oro-vivo); outline-offset:4px; }
.adm-accion__otra{ position:relative; padding-bottom:5px; font-family:var(--f-text); font-weight:700; font-size:12.5px; letter-spacing:.14em; text-transform:uppercase; color:var(--tinta); text-decoration:none; }
.adm-accion__otra::after{ content:""; position:absolute; left:0; right:0; bottom:0; height:1px; background:var(--oro); transform-origin:left center; transition:transform .45s cubic-bezier(.22,1,.28,1); }
.adm-accion__otra:hover::after{ transform:scaleX(1.06); }
.adm-accion__txt{ display:flex; flex-direction:column; align-items:flex-start; gap:12px; }
.adm-accion__wa{ position:relative; padding-bottom:6px; font-family:var(--f-text); font-weight:700; font-size:13.5px; letter-spacing:.13em; text-transform:uppercase; color:var(--tinta); text-decoration:none; }
.adm-accion__wa::after{ content:""; position:absolute; left:0; right:0; bottom:0; height:1.5px; background:var(--oro); transform-origin:left center; transition:transform .45s cubic-bezier(.22,1,.28,1); }
.adm-accion__wa:hover::after{ transform:scaleX(1.06); }
.adm-accion__otra{ font-weight:600; font-size:11.5px; letter-spacing:.12em; color:rgba(12,31,79,.7); }
.adm-accion__otra::after{ background:rgba(192,161,69,.6); }
.adm-campo--ancho{ grid-column:1 / -1; }
@keyframes adm-gira{ to{ transform:rotate(360deg); } }

@media (prefers-reduced-motion:no-preference){
  .adm-portada__foto{ animation:adm-abre 1.5s cubic-bezier(.65,0,.25,1) .25s both; }
  .adm-portada__foto img{ animation:adm-asienta 6s cubic-bezier(.22,1,.28,1) .25s both; }
  .adm-orbita circle{ animation:adm-compas 2.6s cubic-bezier(.45,0,.3,1) .9s both; }
  .adm-portada__eyebrow::before{ animation:cta-traza .9s cubic-bezier(.22,1,.28,1) .2s both; }
  .adm-portada__eyebrow, .adm-portada__apoyo{ animation:aparece .8s ease-out both; }
  .adm-portada__apoyo{ animation-delay:1.1s; }
  .adm-portada__h1, .adm-portada__h1-copia{ animation:adm-escribe 1.3s cubic-bezier(.65,0,.25,1) .55s both; }
  .adm-sello-cta__aro{ animation:adm-compas 1.4s cubic-bezier(.45,0,.3,1) 1.5s both; }
  .adm-sello-cta text, .adm-sello-cta__flecha, .adm-accion__txt{ animation:aparece .8s ease-out 2s both; }
}
@keyframes adm-abre{ from{ clip-path:circle(0% at 50% 50%); } to{ clip-path:circle(50% at 50% 50%); } }
@keyframes adm-asienta{ from{ transform:scale(1.12); } to{ transform:scale(1); } }
@keyframes adm-compas{ from{ stroke-dashoffset:1.001; } to{ stroke-dashoffset:0; } }
@keyframes adm-escribe{ from{ clip-path:inset(-.3em 100% -.3em 0); } to{ clip-path:inset(-.3em -.05em -.3em 0); } }

/* ---------- secciones (comunes) ---------- */
.adm-sec{ position:relative; box-sizing:border-box; padding:clamp(26px,5svh,64px) 0; }
@media (min-width:901px){ .adm-sec{ min-height:calc(100svh - var(--cab-c, 61px)); display:flex; flex-direction:column; justify-content:center; } }
.adm-ante{ margin:0 0 12px; font-size:var(--t-label); font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--navy); }
.adm-ante::before{ content:""; display:block; width:72px; height:1px; margin-bottom:14px; background:currentColor; transform-origin:left center; }
.adm-ante--oro{ color:var(--oro-vivo); }
.adm-tit{ margin:0; font-family:var(--f-display); font-weight:500; color:var(--tinta); font-size:clamp(28px,2.9vw,46px); line-height:1.1; letter-spacing:-.012em; }
.sr-only{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }

/* ---------- 1 · la carta + el camino ---------- */
.adm-bien{ background:var(--crema); }
.adm-bien__in{ display:grid; grid-template-columns:minmax(0,1.02fr) minmax(0,1fr); gap:clamp(30px,5vw,96px); align-items:center; }
.adm-carta__hoja{
  position:relative; box-sizing:border-box; background:var(--blanco);
  padding:clamp(24px,3.8svh,44px) clamp(24px,3.2vw,52px) clamp(20px,3.2svh,36px);
  box-shadow:0 1px 2px rgba(12,31,79,.06), 0 18px 48px -18px rgba(12,31,79,.22);
  border-top:3px solid var(--navy);
}
.adm-carta__membrete{ display:flex; align-items:center; gap:16px; padding-bottom:clamp(10px,1.8svh,18px); margin-bottom:clamp(12px,2.2svh,22px); border-bottom:1px solid rgba(192,161,69,.55); }
.adm-carta__escudo{ width:clamp(44px,6svh,58px); height:auto; flex:0 0 auto; }
.adm-carta__remite{ margin:0; font-family:var(--f-text); font-weight:700; font-size:12px; letter-spacing:.16em; text-transform:uppercase; color:var(--navy); }
.adm-carta__saludo{ margin:0 0 clamp(8px,1.4svh,14px); font-family:var(--f-display); font-weight:500; font-size:clamp(22px,1.8vw,27px); color:var(--tinta); }
.adm-carta__cuerpo p{ margin:0 0 clamp(8px,1.3svh,13px); font-family:var(--f-display); font-size:clamp(16px,1.12vw,18px); line-height:1.55; color:rgba(12,31,79,.86); }
.adm-carta__cuerpo .adm-carta__cierre{ font-style:italic; color:var(--tinta); margin-bottom:0; }
.adm-carta__pie{ display:flex; align-items:flex-end; justify-content:space-between; margin-top:clamp(6px,1.2svh,12px); }
.adm-firma{ display:block; width:clamp(220px,19vw,280px); height:auto; overflow:visible; }
.adm-firma__txt{ font-family:'Caveat','Segoe Print',cursive; font-weight:700; font-size:50px; fill:var(--navy); }
.adm-firma__rubrica{ fill:none; stroke:var(--navy); stroke-width:2.2; stroke-linecap:round; stroke-dasharray:1 2; stroke-dashoffset:0; }
.adm-carta__quien{ margin:2px 0 0; font-family:var(--f-text); font-weight:700; font-size:11.5px; letter-spacing:.12em; text-transform:uppercase; color:var(--tinta); line-height:1.6; }
.adm-carta__quien span{ font-weight:500; color:rgba(12,31,79,.62); letter-spacing:.08em; }
.adm-sello{ position:relative; display:block; flex:0 0 auto; width:clamp(96px,8vw,120px); aspect-ratio:1; color:var(--navy); mix-blend-mode:multiply; opacity:.82; transform:rotate(-12deg); margin:0 -6px -4px 0; }
.adm-sello svg{ position:absolute; inset:0; width:100%; height:100%; overflow:visible; }
.adm-sello text{ fill:currentColor; font-family:var(--f-text,'Montserrat',sans-serif); }
.adm-sello img{ position:absolute; left:50%; top:50%; width:44%; height:auto; transform:translate(-50%,-50%); }

/* el camino, en vertical: una línea y cinco círculos de compás */
.adm-camino .adm-tit{ margin-bottom:clamp(16px,3svh,30px); }
.adm-pasos{ list-style:none; margin:0; padding:0; position:relative; display:grid; gap:clamp(10px,1.9svh,20px); }
.adm-pasos::before{ content:""; position:absolute; left:calc(clamp(40px,3.2vw,48px) / 2); top:8px; bottom:8px; width:1px; background:var(--oro); transform-origin:top center; }
.adm-paso{ position:relative; display:grid; grid-template-columns:clamp(40px,3.2vw,48px) 1fr; gap:clamp(14px,1.4vw,22px); align-items:start; }
.adm-paso__n{ position:relative; display:grid; place-items:center; width:100%; aspect-ratio:1; background:var(--crema); }
.adm-paso__n svg{ position:absolute; inset:0; width:100%; height:100%; overflow:visible; }
.adm-paso__n circle{ fill:none; stroke:var(--navy); stroke-width:2.2; stroke-dasharray:1 2; transform:rotate(-90deg); transform-origin:50% 50%; }
.adm-paso:first-child .adm-paso__n circle{ stroke:var(--oro); stroke-width:3; }
.adm-paso__n b{ font-family:var(--f-display); font-weight:500; font-size:clamp(17px,1.3vw,20px); color:var(--tinta); }
.adm-paso h3{ margin:2px 0 3px; font-family:var(--f-display); font-weight:500; font-size:clamp(18px,1.4vw,22px); color:var(--tinta); line-height:1.15; }
.adm-paso p{ margin:0; font-size:clamp(14px,.98vw,15.5px); line-height:1.45; color:rgba(12,31,79,.76); }

/* ---------- 2 · ¿qué grado le toca? + pregúntanos ---------- */
.adm-pregunta{ background:var(--blanco); }
.adm-pregunta__in{ display:grid; grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr); gap:clamp(30px,5vw,96px); align-items:center; }
.adm-dial{ position:relative; width:min(100%, clamp(290px, 50svh, 410px)); aspect-ratio:1; display:grid; place-items:center; }
.adm-dial__aro{ position:absolute; inset:0; width:100%; height:100%; overflow:visible; }
.adm-dial__aro circle{ fill:none; stroke:var(--oro); stroke-width:.5; stroke-dasharray:1 2; transform:rotate(-90deg); transform-origin:50% 50%; }
.adm-dial .calc{ width:74%; text-align:center; margin:0; }
.adm-dial .calc__fila{ justify-content:center; }
.adm-dial .calc__res{ text-align:center; min-height:4.5em; }
.adm-dial .calc__pie{ text-align:center; }
/* módulo de chat: un campo grande y preguntas sugeridas */
.adm-chat__tit{ margin:0 0 clamp(16px,3svh,28px); font-family:var(--f-display); font-weight:500; color:var(--tinta); font-size:clamp(34px,3.6vw,58px); line-height:1.05; letter-spacing:-.015em; }
.adm-chat__barra{ display:flex; align-items:center; gap:10px; padding:8px 8px 8px 24px; border:1px solid rgba(12,31,79,.22); border-radius:999px; background:var(--blanco); box-shadow:0 10px 30px -18px rgba(12,31,79,.35); transition:border-color .3s ease, box-shadow .3s ease; }
.adm-chat__barra:focus-within{ border-color:var(--oro); box-shadow:0 12px 34px -16px rgba(12,31,79,.4); }
.adm-chat__barra input{ flex:1 1 auto; min-width:0; border:0; outline:none; background:transparent; font-family:var(--f-text); font-size:clamp(15px,1.1vw,17px); color:var(--tinta); padding:10px 0; }
.adm-chat__barra input::placeholder{ color:rgba(12,31,79,.45); }
.adm-chat__barra button{ flex:0 0 auto; display:grid; place-items:center; width:44px; height:44px; border-radius:50%; border:0; background:var(--tinta); cursor:pointer; transition:background .3s ease, transform .3s ease; }
.adm-chat__barra button svg{ width:20px; height:20px; fill:none; stroke:#fff; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.adm-chat__barra button:hover{ background:var(--navy); transform:translateY(-1px); }
.adm-chat__sugeridas{ display:flex; flex-wrap:wrap; gap:10px; margin-top:clamp(14px,2.4svh,22px); }
.adm-chat__sugeridas button{ background:transparent; border:1px solid rgba(12,31,79,.18); border-radius:999px; padding:9px 16px; cursor:pointer; font-family:var(--f-text); font-size:13.5px; font-weight:500; color:rgba(12,31,79,.85); transition:border-color .3s ease, color .3s ease, background .3s ease; }
.adm-chat__sugeridas button:hover, .adm-chat__sugeridas button:focus-visible{ border-color:var(--oro); color:var(--tinta); background:var(--crema); outline:none; }
.adm-chat__nota{ margin:clamp(14px,2.6svh,24px) 0 0; font-size:12.5px; line-height:1.5; color:rgba(12,31,79,.58); }
.adm-chat__nota a{ color:var(--tinta); text-decoration-color:var(--oro); text-underline-offset:3px; }

/* ---------- 3 · preregistro: requisitos al correo ---------- */
.adm-pre{ background:var(--tinta); color:var(--blanco); }
.adm-pre .adm-tit{ color:var(--blanco); font-size:clamp(30px,3.2vw,52px); }
.adm-pre__in{ display:grid; grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr); gap:clamp(30px,5vw,96px); align-items:center; }
.adm-pre__apoyo{ margin:clamp(14px,2.4svh,22px) 0 0; max-width:42ch; font-size:clamp(15.5px,1.12vw,18px); line-height:1.55; color:rgba(255,255,255,.82); }
.adm-form{ display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:clamp(16px,2.8svh,26px) clamp(18px,2vw,32px); }
.adm-campo{ position:relative; display:flex; flex-direction:column; gap:6px; margin:0; min-width:0; }
.adm-campo label{ font-size:11.5px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:rgba(255,255,255,.7); }
.adm-campo input{ background:transparent; border:0; border-bottom:1px solid rgba(255,255,255,.4); border-radius:0; padding:8px 0; color:#fff; font-family:var(--f-display); font-size:clamp(18px,1.35vw,21px); outline:none; transition:border-color .3s ease; }
.adm-campo input:focus{ border-bottom-color:var(--oro-vivo); }
.adm-campo input::placeholder{ color:rgba(255,255,255,.35); }
.adm-campo.es-error input{ border-bottom-color:#F2A0A0; }
.adm-campo__grado{ min-height:1.2em; font-size:13px; color:var(--oro-vivo); }
.adm-aviso{ grid-column:1 / -1; margin:0; font-size:12.5px; line-height:1.5; color:rgba(255,255,255,.62); }
.adm-aviso a{ color:#fff; text-decoration-color:var(--oro-vivo); text-underline-offset:3px; }
.adm-opt{ grid-column:1 / -1; display:flex; align-items:center; gap:9px; cursor:pointer; font-size:13.5px; color:rgba(255,255,255,.8); }
.adm-opt input{ position:absolute; opacity:0; width:1px; height:1px; }
.adm-opt span{ width:16px; height:16px; border-radius:50%; border:1.4px solid rgba(255,255,255,.7); box-sizing:border-box; transition:all .25s ease; }
.adm-opt input:checked + span{ border:5px solid var(--oro-vivo); }
.adm-opt input:focus-visible + span{ outline:2px solid var(--oro-vivo); outline-offset:2px; }
.adm-form__fin{ grid-column:1 / -1; display:flex; align-items:center; gap:22px; margin:4px 0 0; }
.adm-enviar{ position:relative; background:none; border:0; padding:0 0 6px; cursor:pointer; font-family:var(--f-text); font-weight:700; font-size:14px; letter-spacing:.16em; text-transform:uppercase; color:var(--oro-vivo); }
.adm-enviar::after{ content:""; position:absolute; left:0; right:0; bottom:0; height:1.5px; background:var(--oro-vivo); transform-origin:left center; }
.adm-form__msg{ font-size:13.5px; color:rgba(255,255,255,.85); }
/* datos oficiales: tira de pastillas que pasa despacio; se detiene al pasar el cursor */
.adm-tira{ display:flex; overflow:hidden; margin-top:clamp(28px,6svh,64px); padding:16px 0 4px; border-top:1px solid rgba(255,255,255,.14);
  -webkit-mask-image:linear-gradient(to right, transparent, #000 8%, #000 92%, transparent); mask-image:linear-gradient(to right, transparent, #000 8%, #000 92%, transparent); }
.adm-tira__pista{ list-style:none; margin:0; padding:0 12px 0 0; display:flex; gap:12px; flex:0 0 auto; animation:adm-tira 46s linear infinite; }
.adm-tira:hover .adm-tira__pista{ animation-play-state:paused; }
.adm-tira__pista li{ flex:0 0 auto; white-space:nowrap; padding:9px 18px; border:1px solid rgba(255,255,255,.26); border-radius:999px;
  font-size:11px; font-weight:600; letter-spacing:.12em; text-transform:uppercase; color:rgba(255,255,255,.72); }
.adm-tira__pista li:first-child{ border-color:rgba(249,198,88,.55); color:var(--oro-vivo); }
@keyframes adm-tira{ to{ transform:translateX(-100%); } }
@media (prefers-reduced-motion:reduce){ .adm-tira{ -webkit-mask-image:none; mask-image:none; } .adm-tira__pista{ animation:none; flex-wrap:wrap; } .adm-tira__pista[aria-hidden]{ display:none; } }

/* ---------- coreografía (observador vivo) ---------- */
html.js-traza .adm-sec .adm-ante::before{ transform:scaleX(0); }
html.js-traza .adm-sec .adm-tit, html.js-traza .adm-chat__tit, html.js-traza .adm-carta__hoja{ opacity:0; transform:translateY(16px); }
html.js-traza .adm-paso > div, html.js-traza .adm-chat__barra, html.js-traza .adm-chat__sugeridas button, html.js-traza .adm-form > *, html.js-traza .adm-pre__apoyo{ opacity:0; }
html.js-traza .adm-pasos::before{ transform:scaleY(0); }
html.js-traza .adm-paso__n circle, html.js-traza .adm-dial__aro circle{ stroke-dashoffset:1.001; }
html.js-traza .adm-firma__txt{ clip-path:inset(0 100% 0 0); }
html.js-traza .adm-firma__rubrica{ stroke-dashoffset:1.001; }
html.js-traza .adm-sello{ opacity:0; }
html.js-traza .adm-sec.se-traza .adm-ante::before{ transform:scaleX(1); transition:transform .9s cubic-bezier(.22,1,.28,1); }
html.js-traza .adm-sec.se-traza .adm-tit, html.js-traza .adm-sec.se-traza .adm-chat__tit, html.js-traza .adm-sec.se-traza .adm-carta__hoja{ opacity:1; transform:none; transition:opacity .8s ease .15s, transform 1s cubic-bezier(.22,1,.28,1) .15s; }
/* carta: la firma con pluma y el sello que se estampa */
html.js-traza .adm-bien.se-traza .adm-firma__txt{ clip-path:inset(0 0 0 0); transition:clip-path 1.6s cubic-bezier(.45,0,.35,1) 1s; }
html.js-traza .adm-bien.se-traza .adm-firma__rubrica{ stroke-dashoffset:0; transition:stroke-dashoffset .9s cubic-bezier(.55,.08,.35,1) 2.5s; }
html.js-traza .adm-bien.se-traza .adm-sello{ animation:adm-estampa .5s cubic-bezier(.3,1.4,.5,1) 3.3s both; }
@keyframes adm-estampa{ 0%{ opacity:0; transform:rotate(-4deg) scale(1.9); } 55%{ opacity:.9; transform:rotate(-13deg) scale(.93); } 75%{ opacity:.84; transform:rotate(-11.5deg) scale(1.03); } 100%{ opacity:.82; transform:rotate(-12deg) scale(1); } }
/* camino: la línea baja y cada círculo se traza */
html.js-traza .adm-bien.se-traza .adm-pasos::before{ transform:scaleY(1); transition:transform 2.4s cubic-bezier(.45,0,.3,1) .5s; }
html.js-traza .adm-bien.se-traza .adm-paso__n circle{ stroke-dashoffset:0; transition:stroke-dashoffset .9s cubic-bezier(.45,0,.3,1) calc(.6s + var(--i,0) * .4s); }
html.js-traza .adm-bien.se-traza .adm-paso > div{ opacity:1; transition:opacity .7s ease calc(.9s + var(--i,0) * .4s); }
/* pregunta */
html.js-traza .adm-pregunta.se-traza .adm-dial__aro circle{ stroke-dashoffset:0; transition:stroke-dashoffset 2.2s cubic-bezier(.45,0,.3,1) .3s; }
html.js-traza .adm-pregunta.se-traza .adm-chat__barra{ opacity:1; transition:opacity .8s ease .5s; }
html.js-traza .adm-pregunta.se-traza .adm-chat__sugeridas button{ opacity:1; transition:opacity .6s ease; }
html.js-traza .adm-pregunta.se-traza .adm-chat__sugeridas button:nth-child(1){ transition-delay:.8s; } html.js-traza .adm-pregunta.se-traza .adm-chat__sugeridas button:nth-child(2){ transition-delay:.9s; }
html.js-traza .adm-pregunta.se-traza .adm-chat__sugeridas button:nth-child(3){ transition-delay:1s; } html.js-traza .adm-pregunta.se-traza .adm-chat__sugeridas button:nth-child(4){ transition-delay:1.1s; }
html.js-traza .adm-pregunta.se-traza .adm-chat__sugeridas button:nth-child(5){ transition-delay:1.2s; } html.js-traza .adm-pregunta.se-traza .adm-chat__sugeridas button:nth-child(6){ transition-delay:1.3s; }
/* preregistro */
html.js-traza .adm-pre.se-traza .adm-form > *, html.js-traza .adm-pre.se-traza .adm-pre__apoyo{ opacity:1; transition:opacity .7s ease .35s; }

/* ---------- celular ---------- */
@media (max-width:900px){
  .adm-portada{ height:auto; min-height:0; display:flex; flex-direction:column; padding:calc(var(--cab-h,72px) + 22px) 0 36px; --D:86vw; }
  .adm-portada__txt{ position:relative; top:auto; bottom:auto; order:1; }
  .adm-portada__foto{ position:relative; order:2; right:auto; top:auto; margin:26px -14vw 0 auto; }
  .adm-portada__foto::after, .adm-orbita, .adm-portada__h1-copia{ display:none; }
  .adm-portada__h1{ font-size:17vw; }
  .adm-sello-cta{ width:104px; }
  .adm-accion__wa{ font-size:12.5px; letter-spacing:.1em; }
  .adm-accion__otra{ font-size:11px; }
  .adm-sec{ padding:44px 0 56px; }
  .adm-bien__in, .adm-pregunta__in, .adm-pre__in{ grid-template-columns:1fr; }
  .adm-carta__hoja{ padding:24px 20px 22px; }
  .adm-firma{ width:200px; } .adm-sello{ width:88px; }
  .adm-dial{ margin:0 auto; width:min(86vw, 340px); }
  .adm-form{ grid-template-columns:1fr; }
  .adm-pre{ padding-bottom:64px; }
  .pie{ padding-bottom:96px; }   /* que Porfirio no tape "Aviso de privacidad" del pie */
}
@media (prefers-reduced-motion:reduce){
  .adm-sello-cta svg{ animation:none; }
  html.js-traza .adm-sec *, html.js-traza .adm-carta__hoja{ opacity:1 !important; transform:none !important; transition:none !important; animation:none !important; stroke-dashoffset:0 !important; clip-path:none !important; }
  html.js-traza .adm-sello{ opacity:.82 !important; transform:rotate(-12deg) !important; }
}
.adm-campo small{ font-size:11px; }
@media (max-width:900px){
  .adm-accion__otra{ display:inline-block; padding:10px 0 6px; }
  .adm-chat__nota a, .adm-aviso a{ display:inline-block; padding:10px 0; }
}
@media (min-width:901px) and (max-height:700px){ .adm-paso:last-child p{ padding-right:min(250px, 22vw); } }
@media (min-width:901px){
  .adm-tira{ -webkit-mask-image:linear-gradient(to right, transparent, #000 8%, #000 calc(100% - 330px), transparent calc(100% - 262px));
             mask-image:linear-gradient(to right, transparent, #000 8%, #000 calc(100% - 330px), transparent calc(100% - 262px)); }
}
.adm-campo select{ appearance:none; -webkit-appearance:none; width:100%; background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23E9B949' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat right 4px center / 12px 8px;
  border:0; border-bottom:1px solid rgba(255,255,255,.4); border-radius:0; padding:8px 22px 8px 0; color:#fff; font-family:var(--f-display); font-size:clamp(18px,1.35vw,22px); cursor:pointer; }
.adm-campo select:focus{ outline:none; border-bottom-color:var(--oro-vivo); }
.adm-campo select option{ color:#10254F; }
.adm-campo.es-error select{ border-bottom-color:#FF8A7A; }
.adm-pre__correo{ margin:18px 0 0; font-size:15px; color:rgba(255,255,255,.78); }
.adm-pre__correo a{ color:#fff; font-weight:600; text-decoration:none; border-bottom:2px solid var(--oro-vivo); padding-bottom:1px; }
@media (max-width:600px){ .adm-bien{ overflow-x:clip; } .adm-sello{ margin-right:0; } }   

.adm-form__fin{ flex-wrap:wrap; gap:14px 22px; }
.adm-enviar{
  display:inline-flex; align-items:center; gap:12px; padding:14px 26px 14px 14px; border-radius:999px; overflow:hidden; isolation:isolate;
  color:#fff; font-size:13.5px; letter-spacing:.14em;
  background:linear-gradient(135deg, rgba(255,255,255,.20), rgba(255,255,255,.06));
  -webkit-backdrop-filter:blur(16px) saturate(1.7); backdrop-filter:blur(16px) saturate(1.7);
  border:1px solid rgba(255,255,255,.34);
  box-shadow:0 0 0 1px rgba(233,185,73,.35), 0 14px 36px -14px rgba(233,185,73,.65), inset 0 1px 0 rgba(255,255,255,.4), inset 0 -10px 20px -14px rgba(0,0,0,.45);
  transition:transform .35s cubic-bezier(.3,1.4,.5,1), box-shadow .35s ease, background .35s ease;
  animation:adm-respira 3.6s ease-in-out infinite;
}
.adm-enviar::after{ content:""; position:absolute; inset:0; left:-60%; right:auto; width:45%; height:auto; background:linear-gradient(100deg, transparent, rgba(255,255,255,.38), transparent);
  transform:skewX(-20deg) translateX(-120%); animation:adm-brillo 4.8s ease-in-out 1.5s infinite; z-index:-1; }
.adm-enviar:hover, .adm-enviar:focus-visible{ transform:translateY(-2px) scale(1.02); background:linear-gradient(135deg, rgba(255,255,255,.28), rgba(255,255,255,.1));
  box-shadow:0 0 0 1px rgba(233,185,73,.7), 0 18px 44px -14px rgba(233,185,73,.85), inset 0 1px 0 rgba(255,255,255,.5); }
.adm-enviar:focus-visible{ outline:2px solid var(--oro-vivo); outline-offset:4px; }
.adm-enviar__wa{ display:grid; place-items:center; width:34px; height:34px; border-radius:50%; background:#25D366; color:#fff; box-shadow:0 4px 12px -4px rgba(37,211,102,.8); flex:0 0 auto; }
.adm-enviar__wa svg{ width:19px; height:19px; }
@keyframes adm-respira{ 0%,100%{ box-shadow:0 0 0 1px rgba(233,185,73,.35), 0 14px 36px -14px rgba(233,185,73,.55), inset 0 1px 0 rgba(255,255,255,.4); } 50%{ box-shadow:0 0 0 1px rgba(233,185,73,.6), 0 16px 42px -12px rgba(233,185,73,.8), inset 0 1px 0 rgba(255,255,255,.45); } }
@keyframes adm-brillo{ 0%,60%{ transform:skewX(-20deg) translateX(-120%); } 85%,100%{ transform:skewX(-20deg) translateX(420%); } }
@media (prefers-reduced-motion:reduce){ .adm-enviar, .adm-enviar::after{ animation:none; } }
/* Texto explicativo junto al botón: más chico y en otra letra (itálica de la serif) */
.adm-form__msg{ font-family:var(--f-display); font-style:italic; font-size:14px; line-height:1.45; color:rgba(255,255,255,.72); max-width:34ch; }
.adm-form__otra{ font-family:var(--f-text); font-style:normal; font-weight:700; font-size:12px; letter-spacing:.08em; color:#fff; text-decoration:none; border-bottom:2px solid var(--oro-vivo); white-space:nowrap; }
/* Error en el campo que falla, no en general */
.adm-campo__err{ display:block; margin-top:6px; font-size:12.5px; color:#FFB4A8; min-height:0; }
.adm-campo.es-error input, .adm-campo.es-error select{ border-bottom:2px solid #FF8A7A; }
/* Celular: lo importante, legible y tocable */
@media (max-width:600px){
  .adm-accion__otra{ font-size:13.5px; padding:12px 0 8px; display:inline-block; }
  .adm-campo label{ font-size:13px; }
  .adm-aviso{ font-size:13px; color:rgba(255,255,255,.75); }
  .adm-enviar{ width:100%; justify-content:center; padding:14px 18px 14px 12px; font-size:13px; letter-spacing:.1em; }
  .adm-form__msg{ max-width:none; font-size:14.5px; }
}
@media (min-width:901px) and (max-height:700px){   /* pantallas bajas (1366×657): el pill no puede pasar la sección de una pantalla */
  .adm-enviar{ padding:9px 20px 9px 9px; gap:10px; font-size:12.5px; }
  .adm-enviar__wa{ width:28px; height:28px; } .adm-enviar__wa svg{ width:16px; height:16px; }
  .adm-form{ row-gap:14px; }
}
.adm-pasos--3{ grid-auto-rows:1fr; }   

.adm-accion .adm-accion__txt{ order:1; }
.adm-accion .adm-sello-cta{ order:2; }
.adm-accion__otra{ font-size:13px; letter-spacing:.13em; color:var(--tinta); }
html.js-traza .adm-accion.rueda-lista:not(.rueda) .adm-sello-cta{ transform:translateX(var(--rueda,0)) rotate(var(--giro,0deg)); transition:none; }
html.js-traza .adm-accion.rueda-lista:not(.rueda) .adm-accion__txt{ clip-path:inset(0 100% 0 0); }
html.js-traza .adm-accion.rueda .adm-sello-cta{ transform:none; transition:transform 1.25s cubic-bezier(.45,0,.2,1); }
html.js-traza .adm-accion.rueda .adm-accion__txt{ clip-path:inset(0 0 0 0); transition:clip-path 1.25s cubic-bezier(.45,0,.2,1); }
/* el mismo "pro" del botón de WhatsApp, sin vidrio (sobre blanco no se ve): anillo dorado que respira y brillo que cruza */
.adm-sello-cta{ animation:adm-sello-respira 3.6s ease-in-out 3.2s infinite; }
@keyframes adm-sello-respira{ 0%,100%{ filter:drop-shadow(0 0 0 rgba(233,185,73,0)); } 50%{ filter:drop-shadow(0 0 10px rgba(233,185,73,.55)); } }
.adm-sello-cta__flecha{ overflow:hidden; isolation:isolate; box-shadow:0 8px 22px -10px rgba(12,31,79,.7), inset 0 1px 0 rgba(255,255,255,.25); }
.adm-sello-cta__flecha::after{ content:""; position:absolute; top:-20%; bottom:-20%; left:-70%; width:45%; background:linear-gradient(100deg, transparent, rgba(255,255,255,.45), transparent);
  transform:skewX(-20deg); animation:adm-sello-brillo 4.8s ease-in-out 3.6s infinite; z-index:-1; pointer-events:none; }
@keyframes adm-sello-brillo{ 0%,60%{ left:-70%; } 85%,100%{ left:130%; } }
@media (prefers-reduced-motion:reduce){ .adm-sello-cta, .adm-sello-cta__flecha::after{ animation:none; } }

.adm-tira{ border-top:0; padding:20px 0 18px; margin-top:clamp(18px,4.5svh,52px); position:relative;
  --fade:clamp(56px,9vw,150px);
  -webkit-mask-image:linear-gradient(to right, transparent, #000 var(--fade), #000 calc(100% - var(--fade)), transparent);
          mask-image:linear-gradient(to right, transparent, #000 var(--fade), #000 calc(100% - var(--fade)), transparent); }
.adm-pre .adm-tira-linea{ height:1px; margin-top:clamp(18px,4.5svh,52px); background:linear-gradient(to right, transparent, rgba(255,255,255,.22) 12%, rgba(249,198,88,.45) 50%, rgba(255,255,255,.22) 88%, transparent); }
.adm-pre .adm-tira-linea + .adm-tira{ margin-top:0; }
.adm-tira__pista li{ position:relative; color:rgba(255,255,255,.95); border-color:rgba(255,255,255,.5);
  background:linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.03));
  box-shadow:0 0 0 1px rgba(255,255,255,.04) inset, 0 1px 0 rgba(255,255,255,.22) inset, 0 0 16px rgba(160,190,255,.28), 0 0 34px rgba(249,198,88,.10);
  text-shadow:0 0 12px rgba(255,255,255,.35); -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px); }
.adm-tira__pista li:first-child{ color:#FFD77A; border-color:rgba(249,198,88,.85);
  background:linear-gradient(180deg, rgba(249,198,88,.16), rgba(249,198,88,.04));
  box-shadow:0 1px 0 rgba(255,236,180,.35) inset, 0 0 18px rgba(249,198,88,.45), 0 0 40px rgba(249,198,88,.18); text-shadow:0 0 14px rgba(249,198,88,.6); }
@media (min-width:901px){
  /* reserva de Porfirio (262 px): la tira termina antes, pero con el MISMO desvanecido que la orilla izquierda */
  .adm-tira{ margin-left:262px; margin-right:262px; }   
}

.adm-portada__eyebrow{ margin-bottom:clamp(16px,1.5vw,26px); }

.adm-lista{ grid-column:1 / -1; justify-self:start; margin-top:4px; display:flex; align-items:center; gap:14px; max-width:430px; padding:12px 18px 12px 14px; border-radius:16px; text-decoration:none; color:#fff;
  background:linear-gradient(135deg, rgba(255,255,255,.12), rgba(255,255,255,.04)); border:1px solid rgba(249,198,88,.55);
  box-shadow:0 1px 0 rgba(255,255,255,.2) inset, 0 0 22px rgba(249,198,88,.22), 0 18px 40px -18px rgba(0,0,0,.6);
  -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); opacity:0; transform:translateY(10px); transition:opacity .6s ease, transform .7s cubic-bezier(.22,1,.28,1), box-shadow .3s; }
.adm-lista.es-visible{ opacity:1; transform:none; }
.adm-lista:hover, .adm-lista:focus-visible{ box-shadow:0 1px 0 rgba(255,255,255,.25) inset, 0 0 30px rgba(249,198,88,.4), 0 18px 40px -18px rgba(0,0,0,.6); }
.adm-lista__hoja svg{ display:block; width:30px; height:38px; filter:drop-shadow(0 4px 8px rgba(0,0,0,.35)); transform:rotate(-6deg); }
.adm-lista__txt{ display:flex; flex-direction:column; gap:2px; flex:1; }
.adm-lista__k{ font-family:var(--f-text); font-size:10.5px; font-weight:700; letter-spacing:.18em; text-transform:uppercase; color:var(--oro-vivo); }
.adm-lista__t{ font-family:var(--f-display); font-size:18px; line-height:1.2; }
.adm-lista__m{ font-family:var(--f-display); font-style:italic; font-size:13px; color:rgba(255,255,255,.66); }
.adm-lista__flecha{ display:grid; place-items:center; width:34px; height:34px; border-radius:50%; background:var(--oro-vivo); color:var(--tinta); font-weight:700; font-size:16px; box-shadow:0 0 14px rgba(249,198,88,.55); }
@media (prefers-reduced-motion:reduce){ .adm-lista{ transition:none; } }
@media (max-width:600px){ .adm-lista{ max-width:none; } }
.adm-pre__correo + .adm-lista{ margin-top:clamp(18px,3svh,30px); }
@media (max-width:600px){ .adm-lista{ gap:12px; padding:11px 14px 11px 12px; } .adm-lista__t{ font-size:16.5px; } .adm-lista__m{ font-size:12.5px; } }
@media (min-width:901px){ .adm-form__msg{ max-width:56ch; } }   
@media (min-width:901px) and (max-height:760px){ .adm-tira{ padding:14px 0 8px; } .adm-pre .adm-tira-linea{ margin-top:clamp(12px,3svh,40px); } }   /* pantallas bajas: la tira cede aire para que la sección, ya enviada, siga en una pantalla */
.adm-lista{ width:min(430px,100%); max-width:none; }
.adm-lista.adm-pre__correo{ margin-top:clamp(18px,2.8svh,28px); font-size:inherit; color:#fff; }
.adm-lista--correo .adm-lista__hoja svg{ width:34px; height:26px; transform:rotate(-4deg); }
.adm-lista--correo .adm-lista__m{ font-style:normal; font-family:var(--f-text); font-size:12.5px; letter-spacing:.02em; color:rgba(255,255,255,.78); }
.adm-pre__lado{ position:relative; }
.adm-lista.adm-lista--flota{ position:absolute; left:0; margin:0; }
/* tarjetas compactas (dos líneas) y, en escritorio, la columna izquierda arriba: así caben el correo y el PDF, y el PDF queda a la altura del botón */
.adm-lista{ padding:10px 14px 10px 14px; }
.adm-lista__t{ font-size:17px; }
.adm-lista__hoja svg{ width:26px; height:33px; }
.adm-lista--correo .adm-lista__hoja svg{ width:30px; height:23px; }
.adm-lista__flecha{ width:30px; height:30px; font-size:14px; }
@media (min-width:901px){ .adm-pre__lado{ align-self:start; } }
@media (prefers-reduced-motion:reduce){ .adm-tira{ -webkit-mask-image:none; mask-image:none; } }   
.adm-trampa{ position:absolute !important; left:-9999px; width:1px; height:1px; overflow:hidden; }