/* Cifras normales en la fuente de titulares: en Cinzel Decorative el «1» se dibuja como una «I» («DAME SOLO I DÍA»,
   cuenta atrás «I7», sello «I» junto a «2» y «3»). Solo los dígitos (unicode-range) salen de Montserrat 700, que la
   página ya descarga; el resto de letras sigue en Cinzel. */
@font-face{font-family:'PG Registro Cifras';src:url('/shared/fonts/montserrat-700.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0030-0039}
.page-registro{--display:'PG Registro Cifras','Cinzel Decorative',Georgia,'Times New Roman',serif}

/* CSS propio de la página «registro» (lo escribe SU maquetador; lo enlaza site/.build.py solo en esa página).
   Prefijo de clases: .pg-registro-*  ·  variables y piezas comunes en forja.css + nov26.css (DISENO.md).
   07/10/2026 · maquetador del registro. Solo ajusta composición: ni colores nuevos ni tipografías nuevas. */

/* ── HERO ─────────────────────────────────────────────────────────────────────
   Titular más contenido: el copy es largo (≈100 caracteres) y a 58 px ocupaba 8 líneas tapando la cara. */
.page-registro .hero h1{font-size:clamp(24px,6.6vw,30px);line-height:1.16;margin-bottom:0}
.page-registro .hero .sub{color:var(--lavanda)}
.page-registro .hero-grid{gap:14px}
.page-registro .hero-cta{margin-top:18px}
.page-registro .hero-cta .n-nota{margin-top:10px;font-size:14px;color:var(--lavanda-osc)}

/* Móvil A (nota del copy y handshake): foto arriba, titular centrado sobre su parte baja con degradado. */
@media(max-width:899px){
  .page-registro{--pg-foto:min(84vw,340px)}
  .page-registro.variant-A .hero-art{height:var(--pg-foto)}
  .page-registro.variant-A .hero-art img{object-position:50% 10%}
  .page-registro.variant-A .hero-veil{background:linear-gradient(180deg,rgba(11,6,13,0) 0%,rgba(11,6,13,.08) calc(var(--pg-foto) - 150px),rgba(11,6,13,.86) calc(var(--pg-foto) - 40px),var(--noche-hondo) var(--pg-foto))}
  .page-registro.variant-A .hero-in{padding-top:calc(var(--pg-foto) - 112px)}
  .page-registro.variant-A .hero-head,.page-registro.variant-A .hero-body{text-align:center}
  .page-registro.variant-A .hero .sub{margin-inline:auto;font-size:15px;line-height:1.65}
  .page-registro.variant-A .hero-cta .btn{width:100%;max-width:420px}
  /* Móvil B: el formulario entero en la primera pantalla; la foto queda de fondo, compactada. */
  .page-registro.variant-B .hero-art{height:260px}
  .page-registro.variant-B .hero-veil{background:linear-gradient(180deg,rgba(11,6,13,.35) 0%,rgba(11,6,13,.85) 170px,var(--noche-hondo) 260px)}
  .page-registro.variant-B .hero h1{font-size:clamp(19px,5.6vw,26px);text-align:center}
  .page-registro.variant-B .hero-grid{gap:12px}
  .page-registro.variant-B .form-card{padding:16px 16px 14px}
  .page-registro.variant-B .form-title{font-size:17px;line-height:1.3}
  .page-registro.variant-B .form-card .mini{margin-bottom:12px;line-height:1.45}
  .page-registro.variant-B .field{margin-bottom:9px}
  .page-registro.variant-B .field input{padding:12px 14px}
  .page-registro.variant-B .consent{margin-top:8px;line-height:1.4}
  .page-registro.variant-B .btn-submit{margin-top:12px}
  .page-registro.variant-B .hero .sub{text-align:center;margin-inline:auto}
}
/* Móviles bajos (iPhone SE 375×667 y similares): el primer botón entra entero sin scroll */
@media(max-width:899px) and (max-height:700px){
  .page-registro{--pg-foto:min(76vw,290px)}
  .page-registro.variant-A .hero h1{font-size:clamp(21px,6vw,24px)}
  .page-registro.variant-A .hero .sub{font-size:14.5px;line-height:1.55}
  .page-registro.variant-A .hero-cta{margin-top:14px}
}
@media(max-width:360px){
  /* 320×568 (iPhone SE 1ª gen.): la barra en UNA línea y el formulario más prieto, sin quitar ni una palabra */
  .page-registro .n-cbar .lbl{font-size:9.5px;letter-spacing:.6px}
  /* A en 320×568: el primer botón quedaba 65 px por debajo del pliegue; foto y titular más prietos */
  .page-registro.variant-A{--pg-foto:200px}
  .page-registro.variant-A .hero h1{font-size:19px;line-height:1.12}
  .page-registro.variant-A .hero .sub{font-size:13.5px;line-height:1.48}
  .page-registro.variant-A .hero-cta{margin-top:10px}
  .page-registro.variant-B .hero-in{padding-top:6px}
  .page-registro.variant-B .hero h1{font-size:15px;line-height:1.15}
  .page-registro.variant-B .hero-grid{gap:8px}
  .page-registro.variant-B .form-card{padding:10px 12px}
  .page-registro.variant-B .form-title{font-size:14px;line-height:1.25;margin-bottom:3px}
  .page-registro.variant-B .form-card .mini{margin-bottom:7px;font-size:12px;line-height:1.35}
  .page-registro.variant-B .field{margin-bottom:7px}
  .page-registro.variant-B .field input{padding:9px 12px}
  .page-registro.variant-B .consent{margin-top:5px;font-size:11.5px;line-height:1.3}
  .page-registro.variant-B .btn-submit{margin-top:8px;min-height:48px;padding-block:8px;letter-spacing:.04em}
}
@media(min-width:900px){
  .page-registro .hero h1{font-size:clamp(34px,3.1vw,46px)}
  .page-registro.variant-A .hero-grid{min-height:560px}
  /* La foto del hero (493 px de ancho) centraba el escote y dejaba la cara pegada arriba: encuadre hacia la cara. */
  .page-registro .hero-art img{object-position:50% 8%}
  .page-registro.variant-B .hero h1{font-size:clamp(30px,2.7vw,40px)}
  /* Escritorio B: el formulario es más alto que titular+subtítulo y la rejilla de forja.css repartía esa altura
     entre las dos filas, dejando un hueco de ~150 px entre el titular y su subtítulo. Titular y subtítulo van
     juntos y centrados en vertical frente al formulario. */
  .page-registro.variant-B .hero-grid{grid-template-areas:". side" "head side" "body side" ". side";grid-template-rows:1fr auto auto 1fr;row-gap:18px}
  .page-registro.variant-B .hero-side{grid-area:side;align-self:center}
}

/* ── LOS 3 SECRETOS ── en móvil la ilustración no ocupa la pantalla entera */
@media(max-width:759px){
  .pg-registro-secretos .n-secreto-img{max-width:240px;margin-inline:auto}
}

/* ── REGALO ── intro y tarjeta van juntas (son un solo bloque del copy) */
section.pg-registro-regalo-intro{padding-bottom:8px}
section.pg-registro-regalo{padding-top:16px}
.pg-registro-regalo .n-tarjetas{grid-template-columns:1fr;max-width:820px;margin:0 auto}
.pg-registro-regalo .n-tarjeta{border-color:rgba(217,177,95,.45)}
.pg-registro-regalo .n-tarjeta img{aspect-ratio:16/10;object-position:50% 30%}
.pg-registro-regalo .n-tarjeta h3{font-size:20px}
@media(min-width:760px){
  .pg-registro-regalo .n-tarjeta{display:grid;grid-template-columns:260px minmax(0,1fr);column-gap:32px;align-content:center;padding:26px}
  .pg-registro-regalo .n-tarjeta img{grid-row:1 / span 3;aspect-ratio:3/4;height:100%}
  .pg-registro-regalo .n-tarjeta h3,.pg-registro-regalo .n-tarjeta p{grid-column:2}
  .pg-registro-regalo .n-tarjeta h3{align-self:end}
}

/* ── QUIÉN TE GUÍA + párrafo del programa (sin título propio, pegado a la bio) ── */
section.pg-registro-bio{padding-bottom:16px}
.pg-registro-bio .rol{margin-bottom:2px}
.pg-registro-bio .pg-registro-rol{margin-bottom:18px}
.pg-registro-bio .pg-registro-compromiso{margin-top:18px;padding:14px 18px;border-left:2px solid var(--oro);border-radius:0 14px 14px 0;background:rgba(217,177,95,.07);color:var(--oro-claro)}
.pg-registro-bio .pg-registro-validar{margin-top:16px}
/* Escritorio: la foto (antes 330 px pegada arriba) dejaba ~450 px de hueco bajo ella frente a ~800 px de texto.
   Más grande y centrada en vertical respecto al texto. */
@media(min-width:860px){
  .pg-registro-bio .bio{align-items:center}
  .pg-registro-bio .bio-img{width:min(400px,100%)}
}
section.pg-registro-programa{padding-top:24px}
@media(max-width:759px){
  .pg-registro-programa .n-ti-movil{max-width:230px}
}
section.pg-registro-testimonios{padding-top:16px}

/* ── AVISO DE COOKIES: la regla común (en el flujo + barra debajo con --forja-ck-h) vive en nov26.css. ── */
/* B en móviles bajos: el aviso en el flujo empujaba el envío del formulario fuera de la primera pantalla (320×568).
   Mientras el aviso se vea, la barra (que en B solo baja al formulario que ya está a la vista) no ocupa sitio. */
@media(max-width:899px) and (max-height:700px){.page-registro.variant-B:has(#forja-cookies:not([hidden])) .n-cbar{display:none}}

/* ── MODAL (A): el × se montaba sobre el título («del» quedaba debajo del círculo) ── */
.page-registro .form-dialog .form-title{padding-inline:40px}

/* ── BOTÓN «SÍ, QUIERO ACCEDER AL EVENTO >>>»: en móvil, una línea desde 360 px («EVENTO >>>» ya va unido) ── */
.page-registro .hero-cta .btn,.page-registro .btn-submit{text-wrap:balance}
@media(max-width:899px){
  .page-registro .hero-cta .btn,.page-registro .btn-submit{font-size:14px;letter-spacing:0;padding-inline:12px}
}
@media(max-width:374px){.page-registro .btn-submit{font-size:13px;padding-inline:8px}}

/* ── CASILLAS: las nativas salían en gris claro y parecían desactivadas sobre el fondo oscuro. Casilla de marca. ── */
.page-registro .consent input{-webkit-appearance:none;appearance:none;display:inline-block;flex:0 0 20px;width:20px;height:20px;margin:1px 0 0;border:1.5px solid var(--oro);border-radius:5px;background:rgba(0,0,0,.28) center/14px 14px no-repeat;cursor:pointer;transition:background-color .15s,border-color .15s}
.page-registro .consent input:checked{background-color:var(--oro);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232a1530' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E")}
.page-registro .consent input:focus-visible{outline:2px solid var(--oro-claro);outline-offset:2px}
.page-registro .consent input:disabled{opacity:.6;cursor:default}

/* ═════════════════════════════════════════════════════════════════════════════════════════════════════════════
   REDISEÑO 2 · 28/10/2026 14:30 · estilo MKT Hackers. Javi, tras ver el de las 11:48: «Que no me gusta la imagen…
   Odio este diseño… Usa cualquier otra que tengamos de marketing hackers que hayamos tomado como referencia».
   Referencia: biblioteca-landings/mkt-hackers/2026-10-25 (live.mkthackers.com/mkt-hackers-optin-a/): fondo #0e0b30,
   Titillium Web + Inter (sus mismos ficheros), palabras clave del titular en lila negrita, foto centrada arriba con
   halo morado, tarjetas con baldosa de icono, botón píldora morado y campo blanco con brillo naranja.
   Foto del hero: la REAL de Sandra recortada (fuera la de IA). SOLO esta página. Copy intacto: ni una palabra cambia.
   ═════════════════════════════════════════════════════════════════════════════════════════════════════════════ */
@font-face{font-family:'MK Titillium';src:url('/shared/fonts/titillium-web-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'MK Titillium';src:url('/shared/fonts/titillium-web-600.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'MK Titillium';src:url('/shared/fonts/titillium-web-700.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'MK Inter';src:url('/shared/fonts/inter-var.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}

.page-registro{
  --display:'MK Titillium','Titillium Web',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  --serif:var(--display);
  --body:'MK Inter',Inter,system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  --mk-fondo:#0e0b30;--mk-fondo-2:#0a0826;--mk-panel:linear-gradient(180deg,#17123f,#100c33);
  --mk-borde:rgba(167,139,250,.22);--mk-borde-f:rgba(167,139,250,.45);
  --mk-lila:#a98bff;--mk-lila-claro:#cdbdff;--mk-texto:rgba(234,231,255,.86);--mk-tenue:rgba(203,198,240,.74);
  --mk-naranja:#ff8a3d;--mk-rojo:#ff3b30;
  --oro:var(--mk-lila);--oro-claro:var(--mk-lila-claro);--noche-hondo:var(--mk-fondo);
  background:var(--mk-fondo);font-size:16px;color:var(--mk-texto)
}
.page-registro .cosmos{background:radial-gradient(ellipse 80% 520px at 50% 0,rgba(124,92,255,.26),transparent 72%),var(--mk-fondo)}
.page-registro .cosmos::before{display:none}

/* ── barra fija ── */
.page-registro .n-cbar{background:rgba(10,8,38,.92);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--mk-borde);box-shadow:none}
.page-registro .cbar .lbl{font:600 11px/1.3 var(--body);letter-spacing:.08em;color:var(--mk-lila-claro)}
.page-registro .cnt .n{font:700 18px/1.1 var(--display);color:#fff}
.page-registro .cnt .t{font:500 9px/1.2 var(--body);letter-spacing:.12em;color:var(--mk-tenue)}
@media(max-width:560px){.page-registro .cbar .lbl{font-size:10px;letter-spacing:.05em}}

/* ── botones: píldora morada con brillo, como «APUNTARME GRATIS» ── */
.page-registro .btn{min-height:56px;border:0;border-radius:999px;background:linear-gradient(90deg,#7354ff 0%,#9c7dff 100%);color:#fff;font:600 15px/1.25 var(--body);letter-spacing:.06em;text-transform:uppercase;box-shadow:0 0 0 1px rgba(205,189,255,.32) inset,0 10px 34px rgba(124,92,255,.45)}
@media(hover:hover) and (pointer:fine){.page-registro .btn:hover{transform:translateY(-1px);background:linear-gradient(90deg,#7f62ff 0%,#a98bff 100%);box-shadow:0 0 0 1px rgba(205,189,255,.45) inset,0 14px 40px rgba(124,92,255,.6)}}
.page-registro .n-nota,.page-registro .hero-cta .n-nota,.page-registro .n-cta .n-nota{font-size:13px;letter-spacing:0;color:var(--mk-tenue)}

/* ── hero: foto real centrada arriba con halo morado; texto centrado debajo ── */
.page-registro{--mk-foto:290px}
.page-registro.variant-B{--mk-foto:180px}
.page-registro .hero{background:transparent}
.page-registro .hero-veil{display:none}
body.page-registro .hero .hero-art{position:relative;inset:auto;top:auto;right:auto;bottom:auto;left:auto;width:auto;height:auto;z-index:0;display:flex;justify-content:center;padding-top:20px}
body.page-registro .hero .hero-art::before{content:"";position:absolute;left:50%;top:0;width:min(620px,130vw);aspect-ratio:1;transform:translate(-50%,-18%);background:radial-gradient(circle,rgba(124,92,255,.6) 0%,rgba(124,92,255,.2) 36%,transparent 64%);z-index:-1;pointer-events:none}
body.page-registro .hero .hero-art img{width:auto;height:var(--mk-foto);max-width:92vw;object-fit:contain;object-position:50% 0;-webkit-mask-image:linear-gradient(180deg,#000 74%,transparent 100%);mask-image:linear-gradient(180deg,#000 74%,transparent 100%)}
body.page-registro .hero .hero-in{padding-top:0;margin-top:-26px}
body.page-registro .hero .hero-grid{min-height:0}
body.page-registro .hero h1{font-family:var(--display);font-weight:400;text-transform:none;letter-spacing:-.01em;line-height:1.16;color:#fff;text-shadow:0 2px 24px rgba(10,8,38,.6)}
body.page-registro .hero h1 strong{font-weight:700;font-style:normal;color:var(--mk-lila)}
.page-registro .hero .sub{color:var(--mk-texto)}
body.page-registro.variant-A .hero .hero-head,body.page-registro.variant-A .hero .hero-body{text-align:center}
.page-registro.variant-A .hero .sub{margin-inline:auto}
.page-registro.variant-A .hero-cta{display:flex;flex-direction:column;align-items:center}
.page-registro.variant-A .hero-cta .btn{width:min(100%,440px)}
@media(max-width:899px){
  body.page-registro.variant-A .hero h1{font-size:clamp(26px,7.2vw,31px)}
  body.page-registro.variant-B .hero h1{font-size:clamp(22px,6.1vw,26px)}
  body.page-registro.variant-B .hero .hero-head{text-align:center}
  .page-registro.variant-A .hero .sub{font-size:15.5px;line-height:1.6}
}
@media(max-width:899px) and (max-height:700px){.page-registro.variant-A{--mk-foto:220px}}
@media(max-width:360px){body.page-registro.variant-A .hero h1{font-size:24px}body.page-registro.variant-B .hero h1{font-size:20px}}
@media(min-width:900px){
  .page-registro{--mk-foto:330px}
  .page-registro.variant-B{--mk-foto:220px}
  body.page-registro.variant-A .hero .hero-grid{grid-template-columns:minmax(0,860px);justify-content:center}
  body.page-registro.variant-A .hero h1{font-size:clamp(38px,3.3vw,48px)}
  body.page-registro.variant-B .hero h1{font-size:clamp(32px,2.7vw,40px)}
  .page-registro .hero .sub{font-size:17px;line-height:1.65;max-width:660px}
  .page-registro .hero-cta{margin-top:28px}
}

/* ── franja del directo: píldora «● en directo», fecha y cuenta atrás en tarjeta ── */
.page-registro .n-franja{background:transparent;border:0;padding:clamp(18px,4vw,40px) 0 0}
.page-registro .n-franja .wrap{max-width:780px;padding:clamp(26px,4vw,44px) clamp(18px,4vw,44px);border:1px solid var(--mk-borde);border-radius:16px;background:linear-gradient(180deg,#1b1650,#120e38);outline:0;box-shadow:0 20px 60px rgba(0,0,0,.35)}
.page-registro .n-franja .n-rotulo{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border:1px solid var(--mk-borde-f);border-radius:999px;background:rgba(10,8,38,.6);font:600 12px/1.2 var(--body);letter-spacing:.04em;color:#fff}
.page-registro .n-franja .n-rotulo::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--mk-rojo);box-shadow:0 0 10px rgba(255,59,48,.8)}
.page-registro .n-franja .n-rotulo::after{content:none}
.page-registro .n-franja .n-fecha{font:600 clamp(22px,3.4vw,32px)/1.25 var(--display);color:#fff;margin:16px 0 6px;text-wrap:balance}
.page-registro .n-franja p{color:var(--mk-tenue);font-size:14px}
.page-registro .n-cuenta{gap:10px;margin:24px 0}
.page-registro .n-cuenta .u{min-width:72px;padding:12px 6px 10px;border:1px solid var(--mk-borde);border-radius:10px;background:var(--mk-fondo-2)}
.page-registro .n-cuenta .n{font:700 clamp(28px,4.6vw,38px)/1 var(--display);color:#fff}
.page-registro .n-cuenta .t{margin-top:4px;font:500 10px/1.2 var(--body);letter-spacing:.12em;color:var(--mk-tenue)}
@media(max-width:560px){.page-registro .n-cuenta{gap:7px}.page-registro .n-cuenta .u{min-width:62px}}

/* ── cabeceras de sección ── */
.page-registro .estrella{display:none}
.page-registro .sec-head{max-width:760px}
.page-registro .n-eyebrow{display:inline-block;margin-bottom:12px;padding:0;border:0;font:600 12px/1.3 var(--body);letter-spacing:.14em;color:var(--mk-lila)}
.page-registro .n-eyebrow::before{content:none}
.page-registro .sec-title{font:600 clamp(28px,3.6vw,40px)/1.18 var(--display);text-transform:none;letter-spacing:-.005em;color:#fff}
.page-registro .n-sec{padding:clamp(56px,7vw,96px) 0}
.page-registro .n-prosa{font-size:16.5px;line-height:1.7;color:var(--mk-texto)}
.page-registro .n-prosa strong{color:#fff;font-weight:600}
.page-registro .n-cta{margin-top:36px}

/* ── los 3 secretos: tarjetas con baldosa numerada y el arco de luz de MKT Hackers detrás ── */
.page-registro .pg-registro-secretos{position:relative;overflow:hidden}
.page-registro .pg-registro-secretos::before{content:"";position:absolute;left:50%;top:44%;width:min(1500px,190vw);height:1100px;transform:translateX(-50%);border-radius:50%;border-top:2px solid rgba(140,110,255,.6);box-shadow:0 -24px 80px -18px rgba(124,92,255,.5);pointer-events:none;z-index:0}
.page-registro .pg-registro-secretos .wrap{position:relative;z-index:1}
.page-registro .pg-registro-secretos .n-secretos{gap:14px;max-width:1060px}
.page-registro .pg-registro-secretos .n-secreto{display:flex;flex-direction:column;align-items:flex-start;gap:0;padding:26px 24px 28px;border:1px solid var(--mk-borde);border-radius:12px;background:var(--mk-panel);text-align:left}
.page-registro .pg-registro-secretos .n-sello{--s:auto;display:grid;place-items:center;width:44px;height:44px;margin-bottom:20px;border-radius:9px;background:linear-gradient(135deg,#b39bff,#6d4dff);box-shadow:0 6px 18px rgba(124,92,255,.45);font:700 20px/1 var(--display);color:#fff}
.page-registro .pg-registro-secretos .n-sello::after{content:none}
.page-registro .pg-registro-secretos .n-secreto h3{font:600 21px/1.25 var(--display);color:#fff;margin-bottom:12px}
.page-registro .pg-registro-secretos .n-secreto p{font-size:15px;line-height:1.65;color:var(--mk-tenue)}
@media(min-width:900px){
  .page-registro .pg-registro-secretos .n-secretos{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
  .page-registro .pg-registro-secretos .n-secreto,.page-registro .pg-registro-secretos .n-secreto:nth-child(even){grid-template-columns:none}
}

/* ── regalo ── */
.page-registro section.pg-registro-regalo-intro{padding-bottom:8px}
.page-registro section.pg-registro-regalo{padding-top:20px}
.page-registro section.pg-registro-bio{padding-bottom:20px}
.page-registro section.pg-registro-programa{padding-top:28px}
.page-registro .pg-registro-regalo-intro .n-prosa{text-align:center}
.page-registro .pg-registro-regalo .n-tarjeta{border:1px solid var(--mk-borde);border-radius:16px;background:var(--mk-panel);outline:0;box-shadow:0 20px 60px rgba(0,0,0,.3)}
.page-registro .pg-registro-regalo .n-tarjeta img{border-radius:10px;border:1px solid var(--mk-borde)}
.page-registro .pg-registro-regalo .n-tarjeta h3{font:600 clamp(24px,2.6vw,30px)/1.2 var(--display);color:#fff}
.page-registro .pg-registro-regalo .n-tarjeta p{font-size:15.5px;line-height:1.7;color:var(--mk-texto)}
.page-registro .pg-registro-regalo .n-tarjeta strong{color:#fff;font-weight:600}
@media(min-width:760px){.page-registro .pg-registro-regalo .n-tarjeta{padding:32px;column-gap:36px}}

/* ── quién te guía: nombre grande, foto con esquina redonda y el compromiso en tarjeta con su check ── */
.page-registro .bio-img::before{border-color:var(--mk-borde-f);border-radius:16px}
.page-registro .bio-img img{border-radius:14px}
.page-registro .pg-registro-bio .sec-title{font-size:clamp(32px,4vw,44px);font-weight:700}
.page-registro .pg-registro-bio .rol{font:600 12px/1.6 var(--body);letter-spacing:.1em;color:var(--mk-lila)}
.page-registro .pg-registro-bio .pg-registro-rol{color:var(--mk-tenue)}
.page-registro .bio-p{font-size:16px;line-height:1.75;color:var(--mk-texto)}
.page-registro .pg-registro-bio .pg-registro-compromiso{position:relative;margin-top:24px;padding:18px 20px 18px 54px;border:1px solid var(--mk-borde-f);border-radius:12px;background:rgba(124,92,255,.08);font:600 17px/1.5 var(--display);font-style:normal;color:#fff}
.page-registro .pg-registro-bio .pg-registro-compromiso::before{content:"✓";position:absolute;left:18px;top:19px;width:22px;height:22px;border-radius:50%;background:var(--mk-lila);color:#0e0b30;font:800 13px/22px var(--body);text-align:center}

/* ── programa (móvil con la app) ── */
.page-registro .n-ti-movil{border-color:var(--mk-borde-f)}

/* ── cierre: el bloque final de MKT Hackers, un panel con luz morada ── */
.page-registro section.pg-registro-cierre .wrap{width:auto;max-width:860px;margin-inline:16px;padding:clamp(32px,5vw,56px) clamp(20px,4vw,48px);border:1px solid var(--mk-borde);border-radius:18px;background:radial-gradient(ellipse 80% 70% at 85% 50%,rgba(124,92,255,.3),transparent 70%),linear-gradient(180deg,#1a1452,#110d38);text-align:center}
@media(min-width:892px){.page-registro section.pg-registro-cierre .wrap{margin-inline:auto}}

/* ── formulario (modal en A, tarjeta del hero en B): campo blanco con brillo naranja, como el suyo ── */
.page-registro .card{border:1px solid var(--mk-borde-f);border-radius:16px;background:linear-gradient(180deg,#1b1650,#120e3a);box-shadow:0 30px 80px rgba(0,0,0,.55)}
.page-registro .card::before{height:2px;background:linear-gradient(90deg,transparent,var(--mk-lila),transparent)}
.page-registro .form-title{font:600 clamp(22px,5vw,26px)/1.2 var(--display);color:#fff}
.page-registro .form-card .mini{font-size:14px;color:var(--mk-tenue)}
.page-registro .field label{color:var(--mk-texto)}
.page-registro .field input{border:2px solid rgba(255,138,61,.8);border-radius:10px;background:#fff;color:#16132f;font-family:var(--body);font-size:16px;font-weight:500;box-shadow:0 0 0 3px rgba(255,138,61,.12),0 0 18px rgba(255,138,61,.25)}
.page-registro .field input::placeholder{font-size:15px;letter-spacing:0;text-transform:none;color:#6d6a90}
.page-registro .field input:focus{outline:0;border-color:var(--mk-naranja);box-shadow:0 0 0 4px rgba(255,138,61,.22),0 0 22px rgba(255,138,61,.35)}
.page-registro .consent{color:var(--mk-tenue)}
.page-registro .consent a{color:var(--mk-lila-claro)}
.page-registro .consent input{border-color:var(--mk-lila);border-radius:5px;background-color:rgba(10,8,38,.5)}
.page-registro .consent input:checked{background-color:var(--mk-lila)}
@media(max-width:899px){.page-registro.variant-B .form-title{font-size:20px;line-height:1.2}}

/* ── aviso «se registró…»: en móvil más pequeño y sin el mapa (tapaba la fecha del directo) ── */
.page-registro .gm-toast{border-radius:12px;border-color:var(--mk-borde-f);background:rgba(20,16,56,.97);font-family:var(--body)}
@media(max-width:600px){
  .page-registro .gm-toast{left:10px;right:auto;bottom:10px;max-width:min(300px,calc(100% - 20px));padding:9px 12px;font-size:12px;line-height:1.4;gap:0}
  .page-registro .gm-toast .gm-mapa{display:none}
}