/* =============================================================================
   DKT Store — Landing "Registro Médico" (skin · diseño v13 FINAL APROBADO)
   Página WP estándar (slug registro-medico) con skin inmersivo. Trae su PROPIO
   menú sobrio (.sitehead) — el header global de Astra/DKT se suprime — pero
   CONSERVA el footer real del home (get_footer, decisión de Ricardo). Secciones
   full-bleed (width:100%): hero full-height (doctora recortada · fondo magenta al
   borde), "Beneficios" (6 bloques compactos icono+título inline), "Materiales"
   (grid 5×2 = 10 covers reales, solo imagen + botón candado), flujo de 3 pasos +
   CTA final "Solicita material y producto".

   REGLAS:
   - TODO scopeado a body.dkt-page-registro → CERO fuga al resto del sitio.
   - El HEADER global se suprime por CSS (la landing pinta su propio .sitehead);
     el FOOTER real del home SÍ se muestra (no se suprime · integración v13).
   - Logo: the_custom_logo() → blanco sobre magenta (filtro brightness/invert).
   - Fuentes: Poppins (títulos) + Inter (texto) ya se auto-hospedan site-wide
     (fonts.css) → no requiere encolado extra.
   - Los CTA son VISUALES por ahora (apuntan a "Mi cuenta"); no cablea auth real.

   Fuente visual: scratchpad/landing-registro-medico-v13.html (aprobado por Ricardo).
   @package astra-dkt-store · @since 0.8.49
   ============================================================================= */

/* =============================================================================
   0 · SUPRESIÓN DEL HEADER GLOBAL + LIENZO FULL-BLEED (scopeado)
   Solo el HEADER/anuncios (la landing trae su propio .sitehead). El FOOTER real
   del home NO se oculta (integración v13 · Ricardo).
   ============================================================================= */
body.dkt-page-registro .dkt-header,
body.dkt-page-registro .dkt-announcement-bar,
body.dkt-page-registro #masthead,
body.dkt-page-registro .site-header,
body.dkt-page-registro .ast-above-header-wrap,
body.dkt-page-registro .ast-below-header-wrap { display: none !important; }

/* Defensivo (Página, no archivo): Astra en page-builder ya omite el título; por si
   alguna config lo pintara, ocultamos el entry-header para no duplicar el H1 del hero. */
body.dkt-page-registro .entry-header,
body.dkt-page-registro .ast-single-entry-banner,
body.dkt-page-registro .ast-archive-description { display: none !important; }

/* Full-bleed: la landing ocupa todo el ancho (Astra ya va page-builder/no-sidebar
   por los filtros de inc/registro.php; aquí solo neutralizamos paddings residuales).
   NO toca el footer real (queda fuera de #content). */
body.dkt-page-registro #page,
body.dkt-page-registro #content,
body.dkt-page-registro .site-content,
body.dkt-page-registro .ast-container,
body.dkt-page-registro #primary,
body.dkt-page-registro .site-primary {
	margin: 0 !important;
	padding: 0 !important;
	max-width: none !important;
	width: auto !important;
}
body.dkt-page-registro .site-content { padding-top: 0 !important; }
body.dkt-page-registro .dkt-registro{width:100%}

/* =============================================================================
   1 · TOKENS + RESET (v13 <style>, scopeados)
   ============================================================================= */
body.dkt-page-registro {
	--wine:#6E1039; --magenta:#A50050; --magenta-br:#C42A78; --pink:#E85BA0; --pink-lt:#F7A8CE;
	--blush:#FBEEF4; --rose:#F4D9E6; --paper:#FFFFFF; --soft:#FCF7FA;
	--ink:#33232B; --ink-soft:#6E5A65; --faint:#9A8791; --line:#EEDDE7;
	--wa:#25D366; --violet:#7A4DD6; --teal:#0E9F8E;
	--sans:"Poppins",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
	--body:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
	--shadow-s:0 1px 2px rgba(110,16,57,.05),0 8px 22px rgba(110,16,57,.08);
	--shadow-m:0 22px 55px -18px rgba(110,16,57,.30);
	--head-h:82px;

	margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);line-height:1.55;-webkit-font-smoothing:antialiased;
	scroll-behavior:smooth;
}
body.dkt-page-registro *{box-sizing:border-box}
@media(prefers-reduced-motion:reduce){body.dkt-page-registro *{animation:none!important;transition:none!important}}
body.dkt-page-registro .wrap{max-width:1200px;margin:0 auto;padding:0 24px}
body.dkt-page-registro h1,
body.dkt-page-registro h2,
body.dkt-page-registro h3{margin:0;font-family:var(--sans);font-weight:700;letter-spacing:-.02em;line-height:1.08}
body.dkt-page-registro .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;font-family:var(--sans);font-weight:600;border-radius:11px;cursor:pointer;border:none;transition:transform .15s ease,box-shadow .15s,background .15s}

/* =============================================================================
   2 · HEADER SOBRIO (menú propio de la landing)
   ============================================================================= */
body.dkt-page-registro .sitehead{position:sticky;top:0;z-index:60;background:var(--magenta);color:#fff;width:100%}
body.dkt-page-registro .sitehead .wrap{display:flex;align-items:center;height:var(--head-h);gap:26px}
body.dkt-page-registro .logo{display:flex;flex-direction:column;line-height:.82;margin-right:auto}
body.dkt-page-registro .logo .l1{font-family:var(--sans);font-weight:800;font-size:1.4rem;letter-spacing:-.03em}
body.dkt-page-registro .logo .l2{font-family:"Segoe Script","Brush Script MT",cursive;font-size:1rem;margin-left:2px}
/* Integración: logo del sitio (the_custom_logo) en BLANCO sobre el magenta del menú. */
body.dkt-page-registro .sitehead .logo img,
body.dkt-page-registro .sitehead .logo .custom-logo{height:60px!important;width:auto!important;min-width:40px;display:block}
/* El logo enlaza al home; el <a> envuelve la imagen sin alterar la altura del header. */
body.dkt-page-registro .sitehead .logo .logo-link{display:flex;align-items:center;line-height:0;text-decoration:none}
body.dkt-page-registro .snav{display:flex;gap:26px;align-items:center}
body.dkt-page-registro .snav a{color:#fff;text-decoration:none;font-family:var(--sans);font-weight:500;font-size:.92rem;opacity:.92}
body.dkt-page-registro .snav a:hover{opacity:1}
body.dkt-page-registro .head-cta{border:1.5px solid rgba(255,255,255,.5);color:#fff;text-decoration:none;font-family:var(--sans);font-weight:600;font-size:.88rem;padding:8px 18px;border-radius:999px}
body.dkt-page-registro .head-cta:hover{background:#fff;color:var(--magenta)}
@media(max-width:860px){body.dkt-page-registro .snav{display:none}}

/* =============================================================================
   3 · HERO
   ============================================================================= */
body.dkt-page-registro .hero{position:relative;overflow:hidden;min-height:calc(100vh - var(--head-h));display:flex;width:100%;background:
	 radial-gradient(58% 72% at 80% 44%,rgba(232,91,160,.30),transparent 62%),
	 linear-gradient(90deg,#ffffff 0%,#ffffff 44%,var(--blush) 62%,var(--rose) 100%)}
@media(max-width:940px){body.dkt-page-registro .hero{min-height:0;background:linear-gradient(180deg,#fff,var(--blush))}}
body.dkt-page-registro .hero .wrap{flex:1;display:grid;grid-template-columns:1.1fr .9fr;gap:20px;align-items:stretch}
@media(max-width:940px){body.dkt-page-registro .hero .wrap{grid-template-columns:1fr;padding-top:20px}}
body.dkt-page-registro .hcopy{align-self:center;padding:30px 0}
body.dkt-page-registro .eyebrow{display:inline-flex;align-items:center;gap:9px;font-family:var(--sans);font-size:.72rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--magenta)}
body.dkt-page-registro .eyebrow::before{content:"";width:22px;height:2px;background:var(--magenta);border-radius:2px}
body.dkt-page-registro .hero h1{color:var(--wine);font-size:clamp(1.9rem,3.6vw,2.85rem);font-weight:800;margin:12px 0 8px;white-space:nowrap}
@media(max-width:520px){body.dkt-page-registro .hero h1{white-space:normal}}
body.dkt-page-registro .sub{font-size:clamp(1rem,1.6vw,1.13rem);color:var(--ink-soft);max-width:44ch;margin-bottom:22px}
body.dkt-page-registro .signup{max-width:520px;background:rgba(255,255,255,.96);border:1px solid #fff;border-radius:18px;box-shadow:var(--shadow-m);padding:18px 20px}
body.dkt-page-registro .signup .lead{font-family:var(--sans);font-weight:700;color:var(--ink);font-size:1rem;margin-bottom:10px}
body.dkt-page-registro .email-row{display:flex;gap:9px;margin-bottom:11px}
@media(max-width:430px){body.dkt-page-registro .email-row{flex-direction:column}}
body.dkt-page-registro .email-row input{flex:1;font-family:var(--body);font-size:.95rem;padding:12px 14px;border:1.5px solid var(--line);border-radius:11px;background:#fff}
body.dkt-page-registro .email-row input:focus{outline:none;border-color:var(--magenta);box-shadow:0 0 0 3px rgba(165,0,80,.12)}
body.dkt-page-registro .btn-go{background:var(--magenta);color:#fff;padding:12px 20px;font-size:.96rem;white-space:nowrap}
body.dkt-page-registro .btn-go:hover{background:var(--magenta-br);transform:translateY(-1px)}
/* 0.9.188: el CTA del hero es un <button> real (formulario de registro). Astra pinta TODOS los
   <button> con su fondo y relleno y !important: se le gana con más especificidad + !important. */
body.dkt-page-registro form.signup-form button.btn-go{background:var(--magenta) !important;color:#fff !important;padding:12px 20px !important;font-size:.96rem !important;line-height:1.2 !important;min-height:0 !important;border:none !important;border-radius:11px !important;font-family:var(--sans) !important;font-weight:600 !important;box-shadow:none !important;white-space:nowrap;cursor:pointer}
body.dkt-page-registro form.signup-form button.btn-go:hover{background:var(--magenta-br) !important;transform:translateY(-1px)}
body.dkt-page-registro form.signup-form{margin:0}
body.dkt-page-registro .signup-turnstile{margin:0 0 10px;min-height:65px}
body.dkt-page-registro .microlegal a{color:var(--magenta);font-weight:600;text-decoration:underline;text-underline-offset:2px}
/* 0.9.189: el enlace de mayorista es un <button> del mismo formulario, vestido de enlace (contra el clobber de Astra). */
body.dkt-page-registro form.signup-form button.dkt-reg-mayorista-btn{display:inline !important;background:none !important;border:0 !important;padding:0 !important;margin:0 !important;min-height:0 !important;box-shadow:none !important;color:var(--magenta) !important;font:inherit !important;font-weight:600 !important;line-height:inherit !important;text-decoration:underline;text-underline-offset:2px;cursor:pointer;text-transform:none !important;letter-spacing:0 !important}
body.dkt-page-registro form.signup-form button.dkt-reg-mayorista-btn:hover{color:var(--wine) !important;background:none !important}
body.dkt-page-registro .socrow{display:grid;grid-template-columns:1fr 1fr;gap:9px}
body.dkt-page-registro .soc{background:#fff;border:1.5px solid var(--line);color:var(--ink);padding:10px;font-family:var(--sans);font-weight:600;font-size:.85rem;border-radius:11px}
body.dkt-page-registro .soc:hover{border-color:var(--faint);transform:translateY(-1px)}
body.dkt-page-registro .soc svg{width:18px;height:18px;flex:none}
body.dkt-page-registro .microlegal{font-size:.76rem;color:var(--ink-soft);margin-top:11px;line-height:1.45}
body.dkt-page-registro .doctor{position:relative;display:flex;justify-content:center;align-items:flex-end;min-height:0}
body.dkt-page-registro .doctor::before{content:"";position:absolute;bottom:4%;width:min(78%,320px);height:34px;border-radius:50%;background:rgba(110,16,57,.16);filter:blur(16px)}
body.dkt-page-registro .doctor img{position:relative;height:auto;max-height:calc(100vh - var(--head-h) - 22px);width:auto;max-width:100%;object-fit:contain;object-position:bottom;filter:drop-shadow(0 14px 26px rgba(110,16,57,.16))}
@media(max-width:940px){body.dkt-page-registro .doctor img{max-height:380px}}

/* =============================================================================
   4 · TÍTULOS estilo home + arco
   ============================================================================= */
body.dkt-page-registro .head{text-align:center;max-width:680px;margin:0 auto 34px}
body.dkt-page-registro .head .kick{font-family:var(--sans);font-size:.78rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--magenta)}
body.dkt-page-registro .head h2{color:var(--wine);font-size:clamp(1.7rem,3.2vw,2.35rem);margin:.3em 0 .42em}
body.dkt-page-registro .head .arco{display:block;margin:0 auto}
body.dkt-page-registro .head .arco path{stroke:var(--magenta);stroke-width:3.4;fill:none;stroke-linecap:round}
body.dkt-page-registro section.sec{padding:56px 0}

/* =============================================================================
   5 · BENEFICIOS — bloques compactos (icono + título inline)
   ============================================================================= */
body.dkt-page-registro .benefits{background:linear-gradient(180deg,#fff,var(--soft));width:100%}
body.dkt-page-registro .bgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
@media(max-width:860px){body.dkt-page-registro .bgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){body.dkt-page-registro .bgrid{grid-template-columns:1fr}}
body.dkt-page-registro .bcard{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px 20px;box-shadow:var(--shadow-s);transition:transform .16s ease,box-shadow .16s}
body.dkt-page-registro .bcard:hover{transform:translateY(-4px);box-shadow:var(--shadow-m)}
body.dkt-page-registro .bcard .bh{display:flex;align-items:center;gap:12px;margin-bottom:9px}
body.dkt-page-registro .bcard .ic{flex:none;width:40px;height:40px;border-radius:11px;background:var(--blush);display:grid;place-items:center}
body.dkt-page-registro .bcard .ic svg{width:21px;height:21px;stroke:var(--magenta);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
body.dkt-page-registro .bcard h3{color:var(--wine);font-size:1.02rem}
body.dkt-page-registro .bcard p{margin:0;color:var(--ink-soft);font-size:.87rem;line-height:1.45}

/* =============================================================================
   6 · MATERIALES — 8 portadas reales curadas (grid 4×2 · solo portada + candado · 0.9.187)
   ============================================================================= */
body.dkt-page-registro .materials{background:linear-gradient(180deg,var(--soft),var(--blush));width:100%}
body.dkt-page-registro .mgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;max-width:1040px;margin:0 auto}
@media(max-width:700px){body.dkt-page-registro .mgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}
@media(max-width:640px){body.dkt-page-registro .mlock-btn{font-size:.68rem}}
body.dkt-page-registro .mcard{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-s);transition:transform .16s ease,box-shadow .16s;padding:10px;display:flex;flex-direction:column}
body.dkt-page-registro .mcard:hover{transform:translateY(-4px);box-shadow:var(--shadow-m)}
body.dkt-page-registro .cover{position:relative;aspect-ratio:.707;border-radius:9px;overflow:hidden;background:var(--blush)}
body.dkt-page-registro .cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
body.dkt-page-registro .lockbadge{position:absolute;top:9px;right:9px;z-index:3;width:28px;height:28px;border-radius:50%;background:rgba(40,10,25,.55);backdrop-filter:blur(2px);display:grid;place-items:center}
body.dkt-page-registro .lockbadge svg{width:14px;height:14px;stroke:#fff;fill:none;stroke-width:2}
body.dkt-page-registro .mlock-btn{margin-top:10px;width:100%;background:var(--blush);color:var(--magenta);border:1px dashed var(--pink-lt);padding:9px 6px;font-size:.72rem;border-radius:9px;white-space:normal;line-height:1.2;text-align:center;display:flex;align-items:center;justify-content:center;gap:6px;font-family:var(--sans);font-weight:600;text-decoration:none;cursor:pointer}
body.dkt-page-registro .mlock-btn svg{width:13px;height:13px;flex:none;stroke:currentColor;fill:none;stroke-width:2}
body.dkt-page-registro .mlead{text-align:center;color:var(--ink-soft);max-width:62ch;margin:-4px auto 24px;font-size:.95rem;line-height:1.5}
body.dkt-page-registro .macad{text-align:center;margin-top:30px}
body.dkt-page-registro .btn-acad{background:#fff;color:var(--magenta);border:1.5px solid var(--pink-lt);padding:12px 24px;font-size:.92rem}
body.dkt-page-registro .btn-acad:hover{background:var(--blush);transform:translateY(-1px)}

/* =============================================================================
   7 · FLUJO — 3 pasos + CTA final
   ============================================================================= */
body.dkt-page-registro .flow{width:100%}
body.dkt-page-registro .flow .steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:1000px;margin:0 auto}
@media(max-width:760px){body.dkt-page-registro .flow .steps{grid-template-columns:1fr}}
body.dkt-page-registro .fstep{background:#fff;border:1px solid var(--line);border-radius:16px;padding:26px 22px;text-align:center;box-shadow:var(--shadow-s)}
body.dkt-page-registro .fstep .fn{width:44px;height:44px;border-radius:50%;background:var(--magenta);color:#fff;font-family:var(--sans);font-weight:800;display:grid;place-items:center;margin:0 auto 14px;font-size:1.1rem}
body.dkt-page-registro .fstep.s2 .fn{background:var(--violet)}
body.dkt-page-registro .fstep.s3 .fn{background:var(--teal)}
body.dkt-page-registro .fstep .fic{margin:0 auto 10px;width:48px;height:48px;display:grid;place-items:center}
body.dkt-page-registro .fstep .fic svg{width:30px;height:30px;stroke:var(--wine);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
body.dkt-page-registro .fstep h3{color:var(--wine);font-size:1.08rem;margin-bottom:6px}
body.dkt-page-registro .fstep p{margin:0;color:var(--ink-soft);font-size:.9rem}
body.dkt-page-registro .finalcta{max-width:1000px;margin:16px auto 0;border-radius:16px;background:linear-gradient(120deg,var(--wine),var(--magenta) 70%,var(--pink));color:#fff;display:flex;align-items:center;gap:18px;padding:20px 26px;box-shadow:var(--shadow-s);flex-wrap:wrap}
body.dkt-page-registro .finalcta .fic{flex:none;width:46px;height:46px;border-radius:12px;background:rgba(255,255,255,.16);display:grid;place-items:center}
body.dkt-page-registro .finalcta .fic svg{width:24px;height:24px;stroke:#fff;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
body.dkt-page-registro .finalcta .txt{flex:1;min-width:220px}
body.dkt-page-registro .finalcta .lbl{font-family:var(--sans);font-size:.66rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;opacity:.85}
body.dkt-page-registro .finalcta h3{font-family:var(--sans);font-weight:800;font-size:1.3rem;margin:2px 0 3px;color:#fff}
body.dkt-page-registro .finalcta p{margin:0;color:rgba(255,255,255,.9);font-size:.88rem}
body.dkt-page-registro .finalcta .go{flex:none;background:#fff;color:var(--magenta);padding:12px 24px;font-size:.94rem;border-radius:10px}
body.dkt-page-registro .finalcta .go:hover{transform:translateY(-2px)}
body.dkt-page-registro .note{text-align:center;color:var(--ink-soft);font-size:.88rem;margin-top:24px;display:flex;align-items:center;justify-content:center;gap:8px}
body.dkt-page-registro .note svg{width:15px;height:15px;stroke:var(--magenta);fill:none;stroke-width:2}

/* Nota v13: la landing ya NO pinta su propio <footer>; se usa el FOOTER REAL del
   home (get_footer), que conserva su estilo site-wide (footer.css). Por eso aquí
   NO hay reglas de skin de footer ni supresión de footer. */