/* ============================================================
   NAD+ MEN'S COMPLEX — dark biotech premium
   Nivel AG1 / Eight Sleep / Levels. Mobile-first.
   --pri/--sec/--acc los inyecta app.js desde CONFIG.paleta.
   ============================================================ */
:root{
  --pri:#2e7bff; --sec:#22a7e6; --acc:#34e0c4; --pri-d:#0a2a54; --ink:#060b16;
  --bg:#070d1a; --bg2:#0b1322; --bg3:#0f1c33; --card:#0d1726;
  --light:#eef3fa; --light2:#ffffff;
  --h:#ffffff; --txt:#a7b6cc; --txt2:#7e8da6; --txt-dk:#0c1526; --soft-dk:#5d6e86;
  --line:rgba(255,255,255,.09); --line2:rgba(255,255,255,.16);
  --rojo:#ff5470; --ok:#2fd98b;
  --r:16px; --r-lg:22px; --maxw:1080px;
  --ff:'Inter',system-ui,sans-serif; --fh:'Sora','Inter',sans-serif;
  --glow:0 14px 40px rgba(46,123,255,.4);
  --shadow:0 20px 50px rgba(0,0,0,.4);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;color-scheme:only light}
body{font-family:var(--ff);color:var(--txt);background:var(--bg);-webkit-font-smoothing:antialiased;overflow-x:hidden;line-height:1.6}
h1,h2,h3,h4{font-family:var(--fh);letter-spacing:-.02em;line-height:1.1;color:var(--h)}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 22px}
section{padding:62px 0;position:relative}
.eyebrow{display:inline-flex;align-items:center;gap:7px;color:var(--acc);font-family:var(--fh);font-weight:600;font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:14px}
.eyebrow::before{content:"";width:22px;height:1.5px;background:var(--acc);opacity:.7}
h2.sec{font-size:clamp(26px,6.4vw,40px);font-weight:800;margin-bottom:12px;letter-spacing:-.03em}
.sec-sub{color:var(--txt);font-size:16px;max-width:560px;margin-bottom:34px;line-height:1.65}
.center{text-align:center}.center .eyebrow::before{display:none}.center .sec-sub{margin-left:auto;margin-right:auto}

/* reveal */
[data-rv]{opacity:0;transform:translateY(28px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}
[data-rv].in{opacity:1;transform:none}
[data-rv="zoom"]{transform:scale(.94)}
@media(prefers-reduced-motion:reduce){[data-rv]{opacity:1!important;transform:none!important}}

/* marquee */
.marquee{background:var(--bg2);color:var(--txt);overflow:hidden;white-space:nowrap;padding:10px 0;font-weight:500;font-size:12.5px;border-bottom:1px solid var(--line)}
.marquee--acc{background:linear-gradient(90deg,var(--pri-d),var(--bg2));border-top:1px solid var(--line);border-bottom:0}
.mq__t{display:inline-flex;gap:34px;animation:mq 26s linear infinite}
.mq__t span{display:inline-flex;align-items:center;gap:7px;color:var(--txt);letter-spacing:.04em}
@keyframes mq{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* header — logo centrado + carrito, transparente al scroll */
.header{position:sticky;top:0;z-index:60;background:rgba(7,13,26,.66);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);transition:background .3s,backdrop-filter .3s}
.header .wrap{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:60px}
.ham{justify-self:start;display:grid;place-items:center;background:none;border:0;cursor:pointer;color:#fff;width:40px;height:40px;padding:0}
.ham svg{width:24px;height:24px}
.brand{justify-self:center;display:flex;align-items:center;gap:9px;cursor:pointer;font-family:var(--fh)}
.brand .bj{color:#fff;font-weight:800;font-size:17px;letter-spacing:.1em}
.brand .bsep{width:1px;height:17px;background:rgba(255,255,255,.4)}
.brand .bgold{color:#d8a52e;font-weight:600;font-size:13.5px;letter-spacing:.22em}
.hicons{justify-self:end;display:flex;align-items:center;gap:4px}
.ico{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;color:#fff;cursor:pointer;transition:.2s}
.ico:hover{background:rgba(255,255,255,.08)}
.ico svg{width:21px;height:21px}
.nav{display:none;flex-direction:column;background:rgba(7,13,26,.97);backdrop-filter:blur(16px);border-top:1px solid var(--line)}
.nav.open{display:flex}
.nav a{display:flex;align-items:center;gap:12px;padding:14px 22px;color:var(--txt);font-weight:500;font-size:15px;border-bottom:1px solid var(--line);cursor:pointer;transition:.2s}
.nav a:last-child{border-bottom:0}
.nav a:hover{color:#fff;background:rgba(255,255,255,.04)}
.nav .mi{width:20px;height:20px;color:var(--acc);flex:0 0 auto}

/* ===== HERO full-bleed ===== */
.hero{position:relative;color:#fff;overflow:hidden;min-height:88svh;display:flex;isolation:isolate;background:var(--ink);padding:0}
.hero__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 40%;z-index:0;transform:scale(1.02)}
.hero__fx{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;mix-blend-mode:screen;opacity:.85}
.hero__scrim{position:absolute;inset:0;z-index:2;background:linear-gradient(180deg,rgba(5,10,20,.85) 0%,rgba(5,10,20,.35) 22%,rgba(5,10,20,0) 38%,rgba(5,10,20,0) 72%,rgba(5,10,20,.4) 86%,rgba(5,10,20,.92) 98%)}
.hero__in{position:relative;z-index:3;width:100%;max-width:var(--maxw);margin:0 auto;display:flex;flex-direction:column;gap:18px;padding:14px 22px 24px;min-height:88svh}
.hero__top{display:flex;flex-direction:column;align-items:flex-start}
.kicker{display:inline-flex;align-items:center;gap:7px;background:rgba(52,224,196,.12);border:1px solid rgba(52,224,196,.4);color:#7ff3df;padding:6px 13px;border-radius:999px;font-size:11.5px;font-weight:600;letter-spacing:.03em;margin-bottom:10px;backdrop-filter:blur(6px)}
.hero h1{font-size:clamp(26px,7vw,50px);font-weight:800;line-height:1.06;letter-spacing:-.03em;margin:0;text-shadow:0 6px 34px rgba(0,0,0,.7);max-width:15ch}
.hero h1 .hl{color:#43d9f2}
.hero .lead{font-size:15px;line-height:1.5;font-weight:400;color:#dbe6f5;text-shadow:0 2px 16px rgba(0,0,0,.7);max-width:38ch;margin:9px 0 0}
.ministrip{background:var(--bg2);border-bottom:1px solid var(--line);padding:18px 22px}
.hero__mini{display:flex;justify-content:space-between;gap:6px;max-width:var(--maxw);margin:0 auto}
.hm{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}
.hm svg{width:24px;height:24px;stroke:var(--acc);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.hm span{font-size:11px;font-weight:600;color:#cfe0f2;letter-spacing:.01em}
@media(min-width:820px){.hero{min-height:82vh}.hero__in{padding:56px 32px;max-width:var(--maxw)}.hero h1{max-width:16ch}.hero__mini{max-width:520px}}

/* ===== Botones ===== */
.btn{font-family:var(--fh);font-weight:700;font-size:15.5px;border:0;border-radius:999px;padding:15px 24px;cursor:pointer;transition:.22s;display:inline-flex;align-items:center;justify-content:center;gap:9px;letter-spacing:.01em;position:relative;overflow:hidden;isolation:isolate;width:290px;max-width:100%;min-height:50px;white-space:normal;text-align:center;line-height:1.25}
.btn--pri,.btn--acc{background:linear-gradient(135deg,var(--pri),#1c63e8);color:#fff;box-shadow:var(--glow)}
.btn--pri:hover,.btn--acc:hover{transform:translateY(-2px);box-shadow:0 20px 48px rgba(46,123,255,.55)}
.btn--pri::before,.btn--acc::before{content:"";position:absolute;top:0;left:-130%;width:55%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.5),transparent);transform:skewX(-18deg);z-index:-1;animation:shine 3.4s ease-in-out infinite}
@keyframes shine{0%{left:-130%}58%,100%{left:150%}}
.btn--pri:hover::before,.btn--acc:hover::before{animation-duration:1s}
.btn--acc.btn--lg{animation:cta-pulse 2.6s ease-in-out infinite}
@keyframes cta-pulse{0%,100%{box-shadow:0 14px 40px rgba(46,123,255,.4)}50%{box-shadow:0 14px 40px rgba(46,123,255,.5),0 0 0 7px rgba(46,123,255,.12)}}
.btn--green{background:linear-gradient(140deg,var(--pri),var(--acc));color:#04121f;box-shadow:0 14px 36px rgba(0,160,200,.4)}
.btn--green:hover{transform:translateY(-2px);box-shadow:0 20px 48px rgba(0,160,200,.55)}
.btn--green::before{content:"";position:absolute;top:0;left:-130%;width:55%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-18deg);z-index:-1;animation:shine 3.4s ease-in-out infinite}
.btn--green:hover::before{animation-duration:1s}
.midcta--light{background:var(--light)}
.midcta--in{padding:22px 0 0}

/* ===== Antes / Después ===== */
.badg{display:grid;gap:12px;grid-template-columns:1fr;margin:22px 0 0}
.badg__col{background:var(--card);border:1px solid var(--line2);border-radius:var(--r);padding:18px}
.badg__col--after{border-color:rgba(0,214,168,.5);background:linear-gradient(180deg,rgba(0,214,168,.07),var(--card))}
.badg__col h3{font-family:var(--fh);font-size:14px;letter-spacing:.05em;text-transform:uppercase;margin-bottom:13px;color:var(--txt2)}
.badg__col--after h3{color:var(--acc)}
.badg__col ul{list-style:none;display:flex;flex-direction:column;gap:11px}
.badg__col li{display:flex;gap:9px;align-items:flex-start;font-size:14px;color:var(--txt);line-height:1.45}
.badg__col li svg{flex:0 0 19px;width:19px;height:19px;fill:none;stroke-width:2.2;margin-top:1px}
.badg__col--before li svg{stroke:var(--rojo)}
.badg__col--after li svg{stroke:var(--acc)}
@media(min-width:640px){.badg{grid-template-columns:1fr 1fr}}
.ba-img{margin-top:18px;border-radius:0;overflow:hidden;border:1px solid var(--line2);box-shadow:var(--shadow)}
.ba-img img{width:100%;display:block}
.ba-sec{padding-bottom:30px}
.garantia{padding-top:30px}
.gseal{width:172px;height:172px;margin:0 auto 18px;filter:drop-shadow(0 14px 30px rgba(46,123,255,.32))}
.gseal svg{width:100%;height:100%;display:block}
.garantia h2.sec{margin-bottom:10px}
.gtrust{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:22px}
.gtrust .gt{display:inline-flex;align-items:center;gap:7px;background:#fff;border:1px solid #e3e9f2;border-radius:999px;padding:10px 16px;font-size:12.5px;font-weight:700;color:var(--txt-dk);box-shadow:0 6px 18px rgba(13,28,52,.06)}
.gtrust .gt svg{width:17px;height:17px;stroke:var(--pri);fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}

/* ===== Páginas legales ===== */
.legal-head{background:var(--bg2);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:40}
.legal-head .wrap{display:flex;align-items:center;justify-content:space-between;height:60px;max-width:760px;margin:0 auto;padding:0 18px}
.legal-head .logo{font-family:var(--fh);font-weight:800;font-size:18px;color:#fff;letter-spacing:.02em;text-decoration:none}
.legal-head .volver{color:var(--acc);font-weight:700;font-size:14px;text-decoration:none}
.legal-body{max-width:760px;margin:0 auto;padding:32px 18px 60px}
.legal-body h1{font-family:var(--fh);font-size:28px;color:#fff;margin-bottom:6px;letter-spacing:-.02em}
.legal-body .upd{color:var(--txt2);font-size:13px;margin-bottom:24px}
.legal-body h2{font-family:var(--fh);font-size:19px;color:var(--acc);margin:26px 0 9px}
.legal-body p,.legal-body li{font-size:15px;color:var(--txt);line-height:1.7;margin-bottom:8px}
.legal-body ul{padding-left:22px;margin:10px 0}
.legal-body b{color:#fff}
.legal-body a{color:var(--acc);font-weight:600}
.legal-body .wai{width:18px;height:18px;vertical-align:-3px;margin-right:5px}
.legal-body li svg{max-width:20px;max-height:20px}
.legal-foot{background:var(--bg2);border-top:1px solid var(--line);color:var(--txt2);text-align:center;padding:26px 18px;font-size:13px;line-height:1.8}
.legal-foot a{color:var(--txt);display:inline-block;margin:2px 9px;text-decoration:none}

/* ===== Dosis ===== */
.dosis-steps{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:24px 0 26px}
.dosis-steps .ds{flex:1 1 100px;max-width:160px;background:#fff;border:1px solid #e3e9f2;border-radius:var(--r);padding:16px 10px}
.dosis-steps .dn{width:48px;height:48px;margin:0 auto 9px;border-radius:50%;background:linear-gradient(140deg,var(--pri),var(--acc));color:#04121f;display:grid;place-items:center;font-family:var(--fh);font-weight:800;font-size:21px}
.dosis-steps .dn svg{width:24px;height:24px;stroke:#04121f;fill:none;stroke-width:1.8}
.dosis-steps p{font-size:13px;color:var(--soft-dk);font-weight:600;line-height:1.3}

/* ===== Tu seguro de vida ===== */
.seguro{list-style:none;max-width:560px;margin:22px auto 0;display:flex;flex-direction:column;gap:13px}
.seguro li{display:flex;gap:11px;align-items:flex-start;font-size:15px;color:var(--txt);line-height:1.5}
.seguro li svg{flex:0 0 22px;width:22px;height:22px;stroke:var(--acc);fill:none;stroke-width:2.2;margin-top:1px}
.trustbx{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:24px}
.trustbx .tb{display:inline-flex;align-items:center;gap:7px;background:var(--card);border:1px solid var(--line2);border-radius:999px;padding:9px 15px;font-size:12.5px;font-weight:600;color:var(--txt)}
.trustbx .tb svg{width:16px;height:16px;stroke:var(--acc);fill:none;stroke-width:1.8}
@media(prefers-reduced-motion:reduce){.btn::before{animation:none!important}.btn--acc.btn--lg{animation:none!important}}
.btn--ghost{background:transparent;color:#fff;border:1.5px solid var(--line2)}
.btn--ghost:hover{border-color:var(--pri);color:#fff}
.btn--block{display:flex;width:100%;max-width:none}
.btn--lg{padding:17px 32px;font-size:16px}

/* ===== Trust strip (bajo el hero) ===== */
.trust{display:grid;grid-template-columns:repeat(4,1fr);gap:0;max-width:var(--maxw);margin:0 auto;padding:0;border-bottom:1px solid var(--line);background:var(--bg)}
.trust .t{padding:22px 14px;text-align:center;border-right:1px solid var(--line)}
.trust .t:last-child{border-right:0}
.trust .t .em{font-size:20px;filter:saturate(1.2)}
.trust .t b{display:block;font-family:var(--fh);font-size:14px;color:#fff;margin-top:5px}
.trust .t span{color:var(--txt2);font-size:11.5px}

/* ===== Intro producto (formato Shilajit) ===== */
.intro{text-align:center;padding:52px 0 8px}
.intro__prod{font-size:clamp(26px,7vw,38px);font-weight:800;color:#fff;letter-spacing:-.02em}
.intro__claim{color:var(--acc);font-family:var(--fh);font-weight:600;font-size:17px;margin:8px 0 26px}
.intro .vp{margin-bottom:22px}
.intro .vp h3{font-size:clamp(21px,5.4vw,28px);font-weight:800;color:#fff;margin-bottom:6px}
.intro .vp p{color:var(--txt);font-size:15.5px;line-height:1.55;max-width:30ch;margin:0 auto}
.intro__price{font-family:var(--fh);font-weight:800;font-size:24px;color:#fff;margin-top:14px}
.intro__price b{color:var(--acc);font-size:30px}
.intro__price span{color:var(--txt2);font-size:18px;font-weight:600}

/* ===== Tarjetas con imágenes + carrusel (formato Shilajit) ===== */
.imgcards{padding:20px 0 4px}
.imgcards .wrap{padding:0 16px}
.imgcard{background:var(--card);border:1px solid var(--line2);border-radius:18px;padding:10px;margin-bottom:8px;box-shadow:var(--shadow);transition:transform .25s,box-shadow .25s,border-color .25s}
.imgcard:hover{transform:translateY(-4px);border-color:var(--pri);box-shadow:0 18px 40px rgba(46,123,255,.25)}
.imgcard:active{transform:translateY(-1px) scale(.99)}
.imgcard__ph{border-radius:12px;overflow:hidden;position:relative}
.imgcard img{width:100%;display:block;border-radius:12px;transition:transform .5s ease}
.imgcard:hover img{transform:scale(1.05)}
/* destello que barre la foto (visible en móvil, sin mouse) */
.imgcard__ph::after{content:"";position:absolute;top:0;left:-160%;width:65%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.32),transparent);transform:skewX(-18deg);animation:cardShine 5s ease-in-out infinite;pointer-events:none;z-index:2}
.imgcards .imgcard:nth-child(2) .imgcard__ph::after{animation-delay:.7s}
.imgcards .imgcard:nth-child(3) .imgcard__ph::after{animation-delay:1.4s}
@keyframes cardShine{0%{left:-160%}22%{left:160%}100%{left:160%}}
/* reveal en cascada de las 3 tarjetas */
.imgcards .imgcard:nth-child(2){transition-delay:.1s}
.imgcards .imgcard:nth-child(3){transition-delay:.2s}
@media(prefers-reduced-motion:reduce){.imgcard__ph::after{animation:none}}
.imgcard h3{font-size:20px;color:#fff;margin:14px 6px 6px}
.imgcard p{font-size:15px;color:var(--txt);margin:0 6px 6px}
.light .imgcard{background:#fff;border-color:#dbe4f0}
.light .imgcard h3{color:var(--txt-dk)}
.light .imgcard p{color:var(--soft-dk)}
.carousel{overflow:hidden;margin:0 -16px;padding:4px 0}
.carousel__track{display:flex;gap:10px;width:max-content;padding:0 16px;animation:carScroll 28s linear infinite}
.carousel:hover .carousel__track{animation-play-state:paused}
.carousel .imgcard{flex:0 0 auto;width:78vw;max-width:320px;margin-bottom:0;padding:0;border:1px solid var(--line2);border-radius:0;background:var(--card);box-shadow:var(--shadow);transform:none;overflow:hidden}
.carousel .imgcard:hover{transform:none;box-shadow:var(--shadow)}
.carousel .imgcard img{width:100%;height:auto;display:block;border-radius:0}
.carousel .imgcard:hover img{transform:none}
@keyframes carScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.carousel__track{animation:none}}

/* ===== Reseñas formato Shilajit (claro) ===== */
.rev-title{font-size:24px;color:var(--txt-dk);display:flex;flex-wrap:wrap;gap:8px;justify-content:center;align-items:center;text-align:center}
.rev-title .stars{color:#ffc24a;font-size:24px;letter-spacing:2px}
.rev-score{text-align:center;margin:6px 0 16px}
.rev-score .big{font-family:var(--fh);font-size:34px;font-weight:800;color:var(--txt-dk);margin-right:8px}
.rev-score .cnt{color:var(--soft-dk);font-size:15px}
.rev-bars{display:grid;gap:8px;max-width:480px;margin:0 auto 18px}
.bar{display:flex;align-items:center;gap:10px;font-size:13px}
.bar .lvl{color:var(--pri);font-weight:600;white-space:nowrap;font-size:12.5px}
.bar .track{flex:1;height:4px;background:#e3e9f2;border-radius:999px;overflow:hidden}
.bar .track i{display:block;height:100%;background:#ffc24a;border-radius:999px}
.bar b{width:24px;text-align:right;color:var(--soft-dk);font-weight:600;font-size:12.5px}
.btn-write{margin:6px auto 22px}
.rev-auto-label{text-align:center;font-weight:700;color:var(--pri);margin:20px 0 10px;font-size:15px}
.rev-auto{overflow:hidden;margin:0 -16px}
.rev-auto__track{display:flex;gap:10px;width:max-content;padding:6px 16px;animation:revscroll 150s linear infinite}
.rev-auto:hover .rev-auto__track{animation-play-state:paused}
.rev-auto .rev{flex:0 0 205px;padding:11px}
.rev-auto .rev .av{flex:0 0 32px;width:32px;height:32px;font-size:14px}
.rev-auto .rev .who{font-size:13px}
.rev-auto .rev .date{font-size:11px}
.rev-auto .rev .st{font-size:13px}
.rev-auto .rev p{font-size:12.5px}
@keyframes revscroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.rev-auto__track{animation:none}}

/* ===== Beneficios: lista vertical (ícono izq + texto der) ===== */
.benefits{display:flex;flex-direction:column}
.bi{display:flex;align-items:center;gap:16px;text-align:left;padding:18px 4px;border-bottom:1px solid var(--line);transition:.3s}
.bi:last-child{border-bottom:0}
.bi .ico{flex:0 0 52px;width:52px;height:52px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--line2);background:radial-gradient(circle at 50% 35%,rgba(46,123,255,.2),transparent 70%);transition:.35s}
.bi:hover .ico{border-color:var(--pri);box-shadow:0 0 0 5px rgba(46,123,255,.12),0 0 26px rgba(46,123,255,.4)}
.bi .ico svg{width:26px;height:26px;stroke:var(--acc);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.bi .ico svg path,.bi .ico svg circle,.bi .ico svg line,.bi .ico svg rect,.bi .ico svg polyline,.bi .ico svg ellipse{stroke-dasharray:var(--dl,220);stroke-dashoffset:var(--dl,220);transition:stroke-dashoffset 1.2s ease}
.bi.in .ico svg path,.bi.in .ico svg circle,.bi.in .ico svg line,.bi.in .ico svg rect,.bi.in .ico svg polyline,.bi.in .ico svg ellipse{stroke-dashoffset:0}
.bi .txt{flex:1}
.bi h3{font-size:16px;font-weight:700;color:#fff;margin-bottom:4px;line-height:1.2}
.bi p{font-size:13.5px;color:var(--txt2);line-height:1.5}

/* ===== Sección INGREDIENTES (clara) ===== */
.ingredients{background:var(--light);color:var(--txt-dk)}
.ingredients h2.sec,.ingredients h3{color:var(--txt-dk)}
.ingredients .eyebrow{color:var(--pri)}.ingredients .eyebrow::before{background:var(--pri)}
.ingredients .sec-sub{color:var(--soft-dk)}
.ing-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 22px}
.ing{display:flex;gap:13px;align-items:flex-start}
.ing .cir{flex:0 0 46px;width:46px;height:46px;border-radius:50%;background:linear-gradient(140deg,#0d1c34,#13294a);display:grid;place-items:center;box-shadow:0 6px 16px rgba(13,28,52,.25)}
.ing .cir svg{width:22px;height:22px;stroke:var(--acc);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.ing b{display:block;font-family:var(--fh);font-size:14.5px;color:var(--txt-dk);margin-bottom:2px}
.ing p{font-size:12.8px;color:var(--soft-dk);line-height:1.5}

/* ===== Secciones CLARAS (esquema acordado) ===== */
.light{background:var(--light);color:var(--soft-dk)}
.light h2.sec,.light h3{color:var(--txt-dk)}
.light .sec-sub{color:var(--soft-dk)}
.light .eyebrow{color:var(--pri)}
.light .eyebrow::before{background:var(--pri)}
.light .statgrid .s{background:#fff;border:1px solid #e3e9f2}
.light .statgrid .s:hover{border-color:var(--pri);box-shadow:0 14px 34px rgba(13,28,52,.12)}
.light .statgrid .s b{color:var(--pri)}
.light .statgrid .s p{color:var(--soft-dk)}
.statgrid .s .em{display:flex;justify-content:center}
.statgrid .s .em svg{width:26px;height:26px;stroke:var(--pri);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.light .rev{background:#fff;border:1px solid #e3e9f2}
.light .rev:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(13,28,52,.10)}
.light .rev .who{color:var(--txt-dk)}
.light .rev p{color:#41506b}
.light .rev .st .off{color:#e3e9f2}
.light .rev-head .big{color:var(--txt-dk)}
.light .rev-head .cnt{color:var(--soft-dk)}
.light .btn-write{border-color:#c8d4e6;color:var(--txt-dk);background:#fff}
.light .btn-write:hover{border-color:var(--pri);color:var(--pri)}
.light .gbox{background:#fff;border-color:#e3e9f2;box-shadow:0 14px 38px rgba(13,28,52,.08)}
.light .gbox p{color:var(--soft-dk)}
.light .formcard{background:#fff;border-color:#e3e9f2;box-shadow:0 18px 50px rgba(13,28,52,.10)}
.light .cod-badge{background:#e9f9f1;color:#0f8a55;border-color:#bfe9d4}
.light .cod-badge svg{stroke:#0f8a55}
.light .pack{background:#fff;border-color:#dbe4f0}
.light .pack.sel{border-color:var(--pri);background:#f0f6ff;box-shadow:0 0 0 3px rgba(46,123,255,.12)}
.light .pack .radio{border-color:#c8d4e6}
.light .pack .info .t{color:var(--txt-dk)}
.light .pack .pr .n{color:var(--txt-dk)}
.light .pack .pr .w{color:#9aa8bf}
.light .summary{background:#f4f7fc;border-color:#e3e9f2;color:#41506b}
.light .summary .tot{color:var(--txt-dk);border-color:#e3e9f2}
.light .field label{color:#33415c}
.light .field input,.light .field select{background:#fff;border-color:#dbe4f0;color:var(--txt-dk)}
.light .field input::placeholder{color:#9aa8bf}
.light .field select option{background:#fff;color:var(--txt-dk)}
.light .cc-btn{background:#fff;border-color:#dbe4f0;color:var(--txt-dk)}
.light .cc-list{background:#fff;border-color:#dbe4f0}
.light .cc-list button{color:var(--txt-dk)}
.light .cc-list button:hover{background:#f4f7fc}
.light .formnote{color:#7e8da6}
.light .carriers .cl{color:#7e8da6}
.light .cbadges img{filter:none;opacity:.9}
.light .ok{color:var(--txt-dk)}
.light .ok h3{color:var(--txt-dk)}
.light .ok p{color:#41506b}
.light .ok .ic svg{stroke:#0f8a55}

/* efecto tarjetas (acordado) */
.ing,.rev,.gbox{transition:transform .3s,box-shadow .3s,border-color .3s}
.ing:hover{transform:translateY(-3px)}
.ing:hover .cir{box-shadow:0 10px 24px rgba(13,28,52,.3)}
.faq details:hover{border-color:var(--line2)}

/* CTA final (oscuro, acordado) */
.ctafinal{background:radial-gradient(120% 90% at 50% 0%,rgba(46,123,255,.16),transparent 60%),var(--bg2);border-top:1px solid var(--line);padding:72px 0}
.ctafinal .sec-sub{margin-bottom:22px}

/* ===== Cómo actúa / Ciencia ===== */
.science{background:var(--bg2);overflow:hidden}
.lead-c{color:var(--txt);font-size:16px;line-height:1.7;max-width:640px;margin-bottom:26px}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.step{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:24px 22px;position:relative;transition:.3s}
.step:hover{border-color:var(--line2);transform:translateY(-4px)}
.step .n{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,var(--pri),#1c63e8);color:#fff;font-family:var(--fh);font-weight:800;display:grid;place-items:center;margin-bottom:14px;box-shadow:0 8px 20px rgba(46,123,255,.4)}
.step h3{font-size:16.5px;color:#fff;margin-bottom:7px}
.step p{color:var(--txt);font-size:13.5px;line-height:1.55}

/* ===== Botón puente (rebote) entre tarjetas y oferta ===== */
.midcta{text-align:center;padding:18px 0}
.midcta .btn.bounce{animation:btnBounce 1.8s ease-in-out infinite}
@keyframes btnBounce{0%,18%,42%,68%,100%{transform:translateY(0)}30%{transform:translateY(-9px)}54%{transform:translateY(-4px)}}

/* ===== Oferta ===== */
.offsec{padding-top:16px;background:radial-gradient(120% 80% at 50% 0%,rgba(46,123,255,.14),transparent 60%),var(--bg2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.offer{color:#fff;text-align:center;position:relative}
.offer h2{font-size:26px;font-weight:800;margin-bottom:6px;position:relative}
.offer p{position:relative;color:var(--txt)}
.offer img{max-width:240px;margin:16px auto;border-radius:16px;position:relative}
.offer .prices{display:flex;flex-wrap:nowrap;gap:10px;justify-content:center;align-items:baseline;margin:10px 0 18px;position:relative}
.offer .was{text-decoration:line-through;color:var(--txt2);font-size:18px}
.offer__img{max-width:240px;margin:16px auto;border-radius:16px;position:relative;box-shadow:0 18px 40px rgba(0,0,0,.45)}
.offer .new{font-family:var(--fh);font-size:clamp(24px,7.2vw,32px);font-weight:800;color:#fff;white-space:nowrap}
.offer .new.pulse{animation:pricePulse 1.5s ease-in-out infinite;display:inline-block}
@keyframes pricePulse{0%,100%{transform:scale(1);color:#fff;text-shadow:0 0 0 transparent}50%{transform:scale(1.12);color:var(--acc);text-shadow:0 0 22px rgba(52,224,196,.7)}}
.offer .btn{position:relative}
p.cd-title{margin:22px 0 0;text-align:center;font-family:var(--fh);font-weight:700;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--acc)}
.cd{display:flex;gap:9px;justify-content:center;margin:12px auto 0;position:relative;max-width:360px}
.cd .u{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1 1 0;min-width:0}
.cd .b{width:100%;background:rgba(255,255,255,.06);border:1px solid var(--line2);border-radius:12px;padding:11px 4px;text-align:center}
.cd .b b{display:block;font-family:var(--fh);font-size:25px;font-weight:800;color:#fff;line-height:1;font-variant-numeric:tabular-nums}
.cd .u>span{font-size:11px;color:var(--txt2);letter-spacing:.05em;text-transform:uppercase}
.cd .b.sec{animation:cdBeat 1s ease-in-out infinite}
.cd .b.sec b{animation:cdBeatColor 1s ease-in-out infinite}
@keyframes cdBeat{0%,100%{transform:scale(1);border-color:var(--line2);box-shadow:none}45%{transform:scale(1.07);border-color:var(--acc);box-shadow:0 0 14px rgba(0,214,168,.5)}}
@keyframes cdBeatColor{0%,100%{color:#fff}45%{color:var(--acc)}}
@media(prefers-reduced-motion:reduce){.cd .b.sec,.cd .b.sec b{animation:none}}

/* galería */
.gallery{display:flex;gap:13px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 0 10px}
.gallery::-webkit-scrollbar{height:6px}.gallery::-webkit-scrollbar-thumb{background:var(--line2);border-radius:9px}
.gallery img{flex:0 0 78%;max-width:330px;scroll-snap-align:center;border-radius:var(--r);border:1px solid var(--line)}
.swipe-hint{text-align:center;color:var(--txt2);font-size:12.5px;margin-top:10px}

/* ===== Stats ===== */
.statgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.statgrid .s{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:24px 16px;text-align:center;transition:.3s}
.statgrid .s:hover{border-color:var(--pri);transform:translateY(-4px)}
.statgrid .s .em{font-size:22px}
.statgrid .s b{display:block;font-family:var(--fh);font-size:36px;font-weight:800;color:#fff;margin:6px 0 4px;letter-spacing:-.03em}
.statgrid .s p{color:var(--txt2);font-size:12.5px;line-height:1.5}

/* comparativa */
.compare table{width:100%;table-layout:fixed;border-collapse:collapse;background:var(--card);border:1px solid var(--line2);border-radius:var(--r);overflow:hidden;margin-top:18px}
.compare th,.compare td{padding:13px 9px;text-align:left;font-size:13px;border-bottom:1px solid var(--line2);border-right:1px solid var(--line2);color:var(--txt);vertical-align:middle;line-height:1.4}
.compare th:last-child,.compare td:last-child{border-right:0}
.compare tbody tr:last-child td{border-bottom:0}
.compare col.c-us{width:84px}
.compare col.c-ot{width:62px}
.compare thead th{background:var(--bg3);font-family:var(--fh);color:#fff;font-size:12.5px}
/* columna NAD+ resaltada */
.compare .us{color:var(--acc);font-weight:800;text-align:center;background:rgba(52,224,196,.07)}
.compare thead th.us{color:var(--acc)}
.compare .ot{color:var(--rojo);text-align:center}
.compare .cmpi{width:20px;height:20px;display:inline-block;vertical-align:middle}
/* efecto en las filas */
.compare tbody tr{transition:background .25s}
.compare tbody tr:hover,.compare tbody tr:active{background:rgba(46,123,255,.08)}

/* ===== Reseñas (dark) ===== */
.reviews .rev-head{display:flex;align-items:center;gap:16px;margin-bottom:18px}
.rev-head .big{font-family:var(--fh);font-size:48px;font-weight:800;color:#fff}
.rev-head .stars{color:#ffc24a;font-size:20px;letter-spacing:2px}
.rev-head .cnt{color:var(--txt2);font-size:13.5px}
.btn-write{display:block;margin:0 0 22px;background:transparent;border:1.5px solid var(--line2);color:#fff;font-family:var(--fh);font-weight:600;padding:11px 22px;border-radius:999px;cursor:pointer;transition:.2s}
.btn-write:hover{border-color:var(--pri)}
.rev-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.rev{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:18px}
.rev .top{display:flex;align-items:center;gap:11px;margin-bottom:9px}
.rev .av{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--pri),var(--acc));color:#04121f;font-family:var(--fh);font-weight:800;display:grid;place-items:center}
.rev .who{font-weight:700;font-size:14px;color:#fff;display:flex;gap:7px;align-items:center}
.rev .ver{color:var(--ok);font-size:11px;font-weight:600}
.rev .date{color:var(--txt2);font-size:12px}
.rev .st{color:#ffc24a;font-size:14px;margin-bottom:6px}
.rev .st .off{color:var(--line2)}
.rev p{font-size:13.5px;color:var(--txt);line-height:1.55}
.rev-img{display:block;max-width:120px;border-radius:10px;margin-top:10px;border:1px solid var(--line)}
.rev-auto .rev-img{display:none}

/* modal reseña (dark) */
.modal{position:fixed;inset:0;background:rgba(2,6,14,.7);backdrop-filter:blur(4px);display:grid;place-items:center;z-index:120;padding:18px}
.modal[hidden]{display:none}
.modal .box{background:var(--card);border:1px solid var(--line2);border-radius:var(--r-lg);padding:26px;max-width:420px;width:100%;position:relative}
.modal h3{margin-bottom:6px;color:#fff}.modal .close{position:absolute;top:12px;right:14px;background:none;border:0;font-size:24px;cursor:pointer;color:var(--txt2)}
.starpick{font-size:30px;color:var(--line2);cursor:pointer;display:flex;gap:4px;margin:12px 0}
.starpick span.on{color:#ffc24a}
.modal input,.modal textarea{width:100%;border:1.5px solid var(--line2);background:var(--bg2);color:#fff;border-radius:11px;padding:11px;margin-bottom:10px;font-family:var(--ff);font-size:14px}
.rev-msg{font-size:13px;text-align:center;min-height:18px}

/* ===== Garantía ===== */
.gbox{display:flex;align-items:center;gap:24px;background:var(--card);border:1px solid var(--line2);border-radius:var(--r-lg);padding:30px 26px}
.gbox .seal{flex:0 0 110px;width:110px;height:110px;border-radius:50%;background:linear-gradient(140deg,var(--pri),var(--acc));color:#04121f;display:grid;place-items:center;text-align:center;font-family:var(--fh);font-weight:800;line-height:1.05;box-shadow:0 0 0 6px rgba(46,123,255,.14)}
.gbox .seal b{font-size:32px}
.gbox h3{font-size:20px;color:#fff;margin-bottom:8px}
.gbox p{color:var(--txt);font-size:14px;line-height:1.6}

/* ===== FAQ ===== */
.faq details{background:var(--card);border:1px solid var(--line);border-radius:14px;margin-bottom:10px;overflow:hidden;transition:.2s}
.faq details[open]{border-color:var(--line2)}
.faq summary{padding:16px 18px;font-family:var(--fh);font-weight:600;font-size:15px;color:#fff;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:12px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--acc);font-size:22px;line-height:1}
.faq details[open] summary::after{content:"–"}
.faq .a{padding:0 18px 16px;color:var(--txt);font-size:14px;line-height:1.65}

/* ===== Formulario COD (misma estructura probada) ===== */
.formcard{background:var(--card);border:1px solid var(--line2);border-radius:var(--r-lg);padding:26px 22px;max-width:560px;margin:0 auto;box-shadow:var(--shadow)}
.cod-badge{background:rgba(47,217,139,.1);color:var(--ok);border:1px solid rgba(47,217,139,.3);border-radius:11px;padding:9px;text-align:center;font-weight:700;font-size:13px;margin-bottom:16px}
.packs{display:grid;gap:11px;margin-bottom:16px}
.pack{display:flex;align-items:center;gap:12px;border:1.5px solid var(--line2);border-radius:15px;padding:12px;cursor:pointer;position:relative;transition:.2s;background:var(--bg2)}
.pack:hover{border-color:var(--line2)}
.pack.sel{border-color:var(--pri);background:rgba(46,123,255,.08);box-shadow:0 0 0 3px rgba(46,123,255,.12)}
.pack .radio{width:20px;height:20px;border-radius:50%;border:2px solid var(--line2);flex:0 0 auto}
.pack.sel .radio{border-color:var(--pri);background:radial-gradient(circle,var(--pri) 42%,transparent 46%)}
.pack .thumb{width:46px;height:46px;border-radius:10px;object-fit:cover}
.pack .info{flex:1}.pack .info .t{display:block;font-weight:700;font-size:15px;color:#fff}.pack .info .s{font-size:12.5px;color:var(--ok);font-weight:600}
.pack .pr{text-align:right}.pack .pr .n{font-family:var(--fh);font-weight:800;font-size:16px;color:#fff}.pack .pr .w{display:block;font-size:12px;color:var(--txt2);text-decoration:line-through}
.pack .tag{position:absolute;top:-9px;left:14px;background:var(--acc);color:#04121f;font-size:10px;font-weight:800;padding:2px 8px;border-radius:7px;letter-spacing:.03em}
.summary{background:var(--bg2);border:1px solid var(--line);border-radius:13px;padding:14px;margin-bottom:16px;font-size:14px;color:var(--txt)}
.summary .r{display:flex;justify-content:space-between;padding:4px 0}
.summary .free{color:var(--ok);font-weight:700}
.summary .tot{font-family:var(--fh);font-weight:800;font-size:17px;color:#fff;border-top:1px solid var(--line);margin-top:6px;padding-top:10px}
.field{margin-bottom:13px}
.field label{display:block;font-weight:600;font-size:13px;margin-bottom:6px;color:var(--txt)}
.field input,.field select{width:100%;border:1.5px solid var(--line2);border-radius:12px;padding:12px;font-family:var(--ff);font-size:15px;background:var(--bg2);color:#fff}
.field input::placeholder{color:var(--txt2)}
.field input:focus,.field select:focus{outline:0;border-color:var(--pri);box-shadow:0 0 0 3px rgba(46,123,255,.16)}
.field select option{background:var(--bg2);color:#fff}
.field .err{display:none;color:var(--rojo);font-size:12.5px;margin-top:4px}
.field.invalid input,.field.invalid select{border-color:var(--rojo)}
.field.invalid .err{display:block}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.telrow{display:flex;gap:8px}
.cc{position:relative}
.cc-btn{display:flex;align-items:center;gap:6px;border:1.5px solid var(--line2);border-radius:12px;padding:11px;background:var(--bg2);color:#fff;cursor:pointer;height:100%}
.cc-flag{width:22px;border-radius:3px}.cc-code{font-weight:600;font-size:14px}.cc-caret{width:12px}
.cc-list{position:absolute;top:110%;left:0;background:var(--card);border:1px solid var(--line2);border-radius:12px;box-shadow:var(--shadow);width:220px;max-height:240px;overflow:auto;z-index:30;padding:6px}
.cc-list[hidden]{display:none}
.cc-list button{display:flex;align-items:center;gap:9px;width:100%;border:0;background:none;color:#fff;padding:9px;border-radius:9px;cursor:pointer;font-size:14px;text-align:left}
.cc-list button:hover{background:var(--bg2)}.cc-list img{width:22px;border-radius:3px}.cc-list .code{margin-left:auto;color:var(--txt2)}
.formnote{text-align:center;color:var(--txt2);font-size:12.5px;margin-top:10px}
.carriers{text-align:center;margin-top:18px}
.carriers .cl{display:block;color:var(--txt2);font-size:12.5px;margin-bottom:8px}
.cbadges{display:flex;gap:14px;justify-content:center;align-items:center}
.cbadges img{height:24px;opacity:.7;filter:brightness(0) invert(1)}
.ok{display:none;text-align:center;padding:20px;color:#fff}
.ok .ic{font-size:46px}.ok h3{margin:8px 0;color:#fff}.ok p{color:var(--txt)}

/* ===== Newsletter (formato Shilajit) ===== */
.newsletter{text-align:center}
.newsletter h2{font-size:26px;color:var(--txt-dk)}
.newsletter p{color:var(--soft-dk);margin:8px 0 16px;font-size:15px}
.newsletter .inp{display:flex;border:2px solid var(--txt-dk);border-radius:40px;overflow:hidden;max-width:420px;margin:0 auto;background:#fff}
.newsletter input{flex:1;border:none;padding:14px 18px;font-size:15px;font-family:inherit;color:var(--txt-dk);background:#fff}
.newsletter input:focus{outline:none}
.newsletter button{background:none;border:none;padding:0 20px;font-size:22px;cursor:pointer;color:var(--txt-dk)}

/* ===== Footer (idéntico a Shilajit) ===== */
.footer{background:#000;color:#e8e8e8;padding:34px 0 28px;text-align:center}
.footer .ftitle{font-family:var(--fh);color:#fff;font-size:21px;letter-spacing:.06em;margin-bottom:16px}
.footer p{font-size:14.5px;margin-bottom:7px;line-height:1.5}
.footer p b{color:#fff}
.footer a{color:#fff;text-decoration:underline;text-underline-offset:3px}
.footer .social{display:flex;justify-content:center;gap:34px;margin:26px 0}
.footer .social svg{width:26px;height:26px;display:block}
.footer .paylabel{font-size:13px;color:#bdbdbd;margin-bottom:10px}
.paycards{display:flex;justify-content:center;gap:9px;margin-bottom:22px;flex-wrap:wrap}
.pc{display:inline-flex;align-items:center;justify-content:center;gap:3px;background:#fff;border:1px solid #e6e6e6;border-radius:6px;width:54px;height:34px;padding:0;font-weight:900;font-size:12px;font-style:italic;overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,.12)}
.pc-amex{background:#1f72cd;color:#fff;font-style:normal;letter-spacing:.02em}
.pc-diners{color:#0a4fb5;font-style:normal;font-weight:800;font-size:9.5px}
.pc-diners i{width:13px;height:13px;border-radius:50%;background:radial-gradient(circle at 35% 50%, #0a4fb5 48%, #e8eef8 50%);flex:0 0 auto}
.pc-mc i{width:16px;height:16px;border-radius:50%;display:inline-block}
.pc-mc .c1{background:#eb001b;margin-right:-7px}
.pc-mc .c2{background:#f79e1b;mix-blend-mode:multiply}
.pc-visa{color:#1a1f71;letter-spacing:.04em;font-size:13px}
.footer .links{display:block;margin:10px 0;font-size:13.5px;line-height:2}
.footer .links a{color:#fff}
.footer .legal{font-size:12px;opacity:.65;border-top:1px solid rgba(255,255,255,.12);padding-top:14px;margin-top:12px;line-height:1.6}

/* float WA + sticky */
.wa{position:fixed;bottom:18px;right:18px;width:54px;height:54px;border-radius:50%;background:#25d366;display:grid;place-items:center;box-shadow:0 10px 26px rgba(37,211,102,.5);z-index:90}
.wa svg{width:30px;fill:#fff}
.stickycta{position:fixed;left:0;right:0;bottom:0;background:rgba(7,13,26,.92);backdrop-filter:blur(12px);border-top:1px solid var(--line2);padding:11px 16px;transform:translateY(120%);transition:.3s;z-index:80}
.stickycta.show{transform:none}
.stickycta .btn{width:100%}

/* responsive */
@media(max-width:860px){
  .steps{grid-template-columns:1fr}
  .statgrid{grid-template-columns:1fr 1fr}
  .ing-grid{grid-template-columns:1fr}
  .rev-list{grid-template-columns:1fr}
  .gbox{flex-direction:column;text-align:center}
  .trust .t span{display:none}
}
@media(max-width:520px){
  section{padding:50px 0}
  .statgrid,.row2{grid-template-columns:1fr 1fr}
}