@font-face{font-family:'Montserrat';font-style:normal;font-weight:600;font-display:swap;src:url('/assets/fonts/montserrat-latin-600-normal.woff2') format('woff2');}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:700;font-display:swap;src:url('/assets/fonts/montserrat-latin-700-normal.woff2') format('woff2');}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:800;font-display:swap;src:url('/assets/fonts/montserrat-latin-800-normal.woff2') format('woff2');}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:900;font-display:swap;src:url('/assets/fonts/montserrat-latin-900-normal.woff2') format('woff2');}
@font-face{font-family:'Source Sans 3';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/source-sans-3-latin-400-normal.woff2') format('woff2');}
@font-face{font-family:'Source Sans 3';font-style:normal;font-weight:600;font-display:swap;src:url('/assets/fonts/source-sans-3-latin-600-normal.woff2') format('woff2');}
@font-face{font-family:'Source Sans 3';font-style:normal;font-weight:700;font-display:swap;src:url('/assets/fonts/source-sans-3-latin-700-normal.woff2') format('woff2');}
@font-face{font-family:'Source Sans 3';font-style:italic;font-weight:400;font-display:swap;src:url('/assets/fonts/source-sans-3-latin-400-italic.woff2') format('woff2');}
@font-face{font-family:'Kaushan Script';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/kaushan-script-latin-400-normal.woff2') format('woff2');}

/* ============================================================
   MÁS CRÉDITO — Sistema de diseño
   Paleta y tipografía derivadas del logo y la papelería de marca
   ============================================================ */

:root{
  --ink:#0A0D0B;
  --ink-2:#111714;
  --forest:#0B3B2A;
  --forest-2:#0E4C36;
  --green:#0E8A45;
  --green-lit:#19B463;
  --gold:#C8A44D;
  --gold-lit:#E8CF95;
  --gold-deep:#9A7A2E;
  --cream:#F5F2E8;
  --bone:#FFFDF7;
  --paper:#FFFFFF;
  --slate:#5B6660;

  --f-display:"Montserrat",system-ui,sans-serif;
  --f-body:"Source Sans 3",system-ui,sans-serif;
  --f-script:"Kaushan Script",cursive;

  --wrap:1180px;
  --pad:clamp(20px,5vw,40px);
  --r:16px;
  --shadow:0 18px 50px -20px rgba(10,13,11,.45);
  --ease:cubic-bezier(.22,.7,.24,1);
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--bone);color:var(--ink);
  font-family:var(--f-body);font-size:17.5px;line-height:1.65;
  overflow-x:hidden;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit}

h1,h2,h3,h4,.display{
  font-family:var(--f-display);font-weight:800;
  letter-spacing:-.02em;line-height:1.03;margin:0 0 .5em;
  text-transform:uppercase;
}
h1{font-size:clamp(2.5rem,6.4vw,4.6rem);font-weight:900}
h2{font-size:clamp(1.9rem,4.2vw,3rem)}
h3{font-size:clamp(1.15rem,2vw,1.5rem);letter-spacing:-.01em}
h4{font-size:1.02rem;letter-spacing:.01em}
p{margin:0 0 1.1em}
.lead{font-size:clamp(1.06rem,1.7vw,1.28rem);line-height:1.6}
.script{font-family:var(--f-script);text-transform:none;letter-spacing:0;font-weight:400}
strong{font-weight:700}

/* ---------- utilidades de estructura ---------- */
.wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:var(--pad)}
.band{padding:clamp(64px,9vw,120px) 0;position:relative}
.band--dark{background:var(--ink);color:var(--cream)}
.band--forest{background:linear-gradient(160deg,var(--forest) 0%,#072A1E 100%);color:var(--cream)}
.band--cream{background:var(--cream)}
.band--bone{background:var(--bone)}
.band--dark h2,.band--forest h2,.band--dark h3,.band--forest h3{color:var(--paper)}
.center{text-align:center}
.mw-70{max-width:70ch}
.mw-60{max-width:60ch}
.center .mw-70,.center .mw-60{margin-inline:auto}

.eyebrow{
  font-family:var(--f-display);font-weight:700;font-size:.74rem;
  letter-spacing:.22em;text-transform:uppercase;color:var(--gold);
  display:flex;align-items:center;gap:12px;margin:0 0 18px;
}
.eyebrow::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--gold),transparent);max-width:120px}
.center .eyebrow{justify-content:center}
.center .eyebrow::after{display:none}
.center .eyebrow::before{content:"";width:26px;height:1px;background:var(--gold)}

/* ---------- FIRMA: el arco dorado ---------- */
/* Eco del swoosh del logo y de la curva dorada de la papelería.
   Recorre el sitio como separador entre bandas. */
.arc{position:absolute;left:0;right:0;height:70px;pointer-events:none;overflow:hidden;line-height:0}
.arc svg{width:102%;height:100%;display:block;margin-left:-1%}
.arc--top{top:-1px}
.arc--bottom{bottom:-1px}

/* ---------- botones ---------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  font-family:var(--f-display);font-weight:800;font-size:.94rem;
  letter-spacing:.03em;text-transform:uppercase;
  padding:16px 28px;border-radius:100px;border:2px solid transparent;
  cursor:pointer;transition:transform .18s var(--ease),box-shadow .22s var(--ease),background .2s,color .2s,border-color .2s;
  text-align:center;
}
.btn:hover{transform:translateY(-2px)}
.btn:active{transform:translateY(0)}
.btn--wa{background:var(--green);color:#fff;box-shadow:0 10px 26px -10px rgba(14,138,69,.85)}
.btn--wa:hover{background:var(--green-lit);box-shadow:0 16px 34px -12px rgba(25,180,99,.9)}
.btn--gold{background:linear-gradient(140deg,var(--gold-lit),var(--gold) 55%,var(--gold-deep));color:#241A05;box-shadow:0 10px 26px -12px rgba(200,164,77,.9)}
.btn--ghost{border-color:rgba(232,207,149,.55);color:var(--gold-lit);background:transparent}
.btn--ghost:hover{background:rgba(200,164,77,.12);border-color:var(--gold)}
.btn--dark{background:var(--ink);color:var(--cream)}
.btn--dark:hover{background:var(--forest)}
.btn--sm{padding:11px 20px;font-size:.82rem}
.btn--block{width:100%}
.btn-row{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.center .btn-row{justify-content:center}
.wa-ico{width:19px;height:19px;flex:none}

/* ---------- barra de navegación ---------- */
.nav{
  position:sticky;top:0;z-index:60;background:rgba(10,13,11,.88);
  backdrop-filter:blur(14px);border-bottom:1px solid rgba(200,164,77,.22);
}
.nav__in{display:flex;align-items:center;gap:22px;height:76px;max-width:var(--wrap);margin-inline:auto;padding-inline:var(--pad)}
.nav__logo{display:flex;align-items:center;flex:none}
.nav__logo img{height:42px;width:auto}
.nav__links{display:flex;gap:4px;margin-left:auto;align-items:center}
.nav__links a{
  font-family:var(--f-display);font-weight:600;font-size:.79rem;letter-spacing:.07em;
  text-transform:uppercase;color:#D8DED9;padding:9px 13px;border-radius:8px;transition:color .18s,background .18s;
}
.nav__links a:hover{color:var(--gold-lit);background:rgba(200,164,77,.09)}
.nav__links a.is-on{color:var(--gold);box-shadow:inset 0 -2px 0 var(--gold)}
.nav__cta{margin-left:10px}
.nav__burger{display:none;margin-left:auto;background:none;border:0;color:var(--cream);padding:8px;cursor:pointer}
.nav__burger svg{width:28px;height:28px}

@media (max-width:1020px){
  .nav__links{
    position:fixed;inset:76px 0 auto 0;background:var(--ink);flex-direction:column;
    gap:0;padding:10px var(--pad) 26px;border-bottom:1px solid rgba(200,164,77,.25);
    transform:translateY(-130%);transition:transform .34s var(--ease);align-items:stretch;
  }
  .nav__links.is-open{transform:translateY(0)}
  .nav__links a{padding:15px 4px;font-size:.95rem;border-bottom:1px solid rgba(255,255,255,.07)}
  .nav__links a.is-on{box-shadow:none}
  .nav__cta{margin:16px 0 0}
  .nav__burger{display:block}
  .nav__logo img{height:34px}
}

/* ---------- HERO ---------- */
.hero{position:relative;background:var(--ink);color:var(--cream);overflow:hidden;padding:clamp(56px,8vw,96px) 0 clamp(96px,11vw,150px)}
.hero::before{
  content:"";position:absolute;width:min(115vw,1500px);aspect-ratio:1;border-radius:50%;
  right:-38%;top:-58%;background:radial-gradient(circle at 34% 62%,rgba(14,76,54,.95),rgba(10,13,11,0) 62%);
}
.hero::after{
  content:"";position:absolute;inset:0;opacity:.35;pointer-events:none;
  background:repeating-linear-gradient(115deg,transparent 0 3px,rgba(200,164,77,.045) 3px 4px);
}
.hero__in{position:relative;z-index:2;display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(32px,5vw,68px);align-items:center}
.hero h1{margin-bottom:.32em}
.hero h1 em{font-style:normal;color:var(--gold);display:block}
.hero .lead{color:#C9D2CC;max-width:46ch}
.hero__trust{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:26px;padding-top:22px;border-top:1px solid rgba(200,164,77,.2)}
.hero__trust span{display:flex;align-items:center;gap:8px;font-size:.9rem;color:#AFBBB4;font-weight:600}
.hero__trust span::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--gold)}

/* Medidor de score — pieza protagonista */
.gauge{background:linear-gradient(165deg,#121915,#0A0D0B);border:1px solid rgba(200,164,77,.3);border-radius:24px;padding:30px 26px 26px;box-shadow:var(--shadow);position:relative}
.gauge::before{content:"";position:absolute;inset:0;border-radius:24px;padding:1px;background:linear-gradient(150deg,rgba(200,164,77,.7),transparent 45%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.gauge__label{font-family:var(--f-display);font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);text-align:center;margin-bottom:6px}
.gauge__svg{width:100%;height:auto;display:block}
.gauge__needle{transform-origin:200px 175px;transition:transform 1.5s var(--ease)}
.gauge__num{font-family:var(--f-display);font-weight:900;font-size:3.4rem;fill:var(--paper)}
.gauge__cap{font-family:var(--f-body);font-size:.95rem;fill:#8E9A93;letter-spacing:.06em}
.gauge__legend{display:flex;justify-content:space-between;margin-top:14px;font-size:.78rem;color:#8E9A93;font-weight:600}
.gauge__note{margin:16px 0 0;text-align:center;font-size:.88rem;color:#9FAAA3;line-height:1.45}
.gauge__note b{color:var(--gold-lit);font-weight:700}

@media (max-width:900px){
  .hero__in{grid-template-columns:1fr}
  .gauge{max-width:430px;margin-inline:auto}
}

/* ---------- tarjetas ---------- */
.grid{display:grid;gap:22px}
.g2{grid-template-columns:repeat(2,1fr)}
.g3{grid-template-columns:repeat(3,1fr)}
.g4{grid-template-columns:repeat(4,1fr)}
@media (max-width:940px){.g3,.g4{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.g2,.g3,.g4{grid-template-columns:1fr}}

.card{
  background:var(--paper);border:1px solid rgba(11,59,42,.14);border-radius:var(--r);
  padding:30px 26px;position:relative;transition:transform .25s var(--ease),box-shadow .25s var(--ease),border-color .25s;
}
.card:hover{transform:translateY(-4px);box-shadow:0 22px 44px -24px rgba(10,13,11,.35);border-color:rgba(200,164,77,.6)}
.card--dark{background:rgba(255,255,255,.035);border-color:rgba(200,164,77,.24);color:#C9D2CC}
.card--dark h3{color:var(--paper)}
.card--flat:hover{transform:none;box-shadow:none}
.card--stack{display:flex;flex-direction:column}
.card--stack .checks{flex:1}
.card--stack .card__foot{margin-top:auto}
.card__ico{
  width:58px;height:58px;border-radius:50%;background:var(--forest);
  display:grid;place-items:center;margin-bottom:20px;border:2px solid var(--gold);
}
.card__ico svg{width:28px;height:28px;stroke:var(--gold-lit);fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.card__foot{
  margin-top:22px;background:var(--forest);color:var(--cream);border-radius:12px;
  padding:16px 18px;font-size:.94rem;line-height:1.5;
}
.card__foot b{color:var(--gold-lit)}

/* listas con palomita */
.checks{list-style:none;margin:0;padding:0;display:grid;gap:11px}
.checks li{position:relative;padding-left:32px;font-size:1rem;line-height:1.5}
.checks li::before{
  content:"";position:absolute;left:0;top:.28em;width:19px;height:19px;border-radius:50%;
  background:var(--green);
  -webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><circle cx='12' cy='12' r='11'/></svg>") center/contain no-repeat;
}
.checks li::after{
  content:"";position:absolute;left:5px;top:.62em;width:9px;height:5px;
  border-left:2.2px solid #fff;border-bottom:2.2px solid #fff;transform:rotate(-45deg);
}
.checks--gold li::before{background:var(--gold)}
.checks--gold li::after{border-color:#241A05}
.checks--no li::before{background:#C4553F}
.checks--no li::after{
  left:5.5px;top:.52em;width:8px;height:8px;border:0;transform:none;
  background:
    linear-gradient(45deg,transparent 44%,#fff 44% 56%,transparent 56%),
    linear-gradient(-45deg,transparent 44%,#fff 44% 56%,transparent 56%);
}

/* ---------- sección de dolor ---------- */
.pain{display:grid;gap:14px}
.pain li{
  list-style:none;background:rgba(255,255,255,.04);border-left:3px solid var(--gold);
  padding:18px 22px;border-radius:0 12px 12px 0;font-size:1.05rem;color:#D6DDD8;
}

/* ---------- proceso ---------- */
.steps{counter-reset:s;display:grid;gap:0}
.step{
  counter-increment:s;position:relative;padding:0 0 40px 74px;border-left:2px solid rgba(200,164,77,.35);margin-left:26px;
}
.step:last-child{border-left-color:transparent;padding-bottom:0}
.step::before{
  content:counter(s,decimal-leading-zero);position:absolute;left:-27px;top:-6px;
  width:54px;height:54px;border-radius:50%;background:var(--gold);color:#241A05;
  display:grid;place-items:center;font-family:var(--f-display);font-weight:900;font-size:1rem;
  box-shadow:0 0 0 8px var(--bone);
}
.band--dark .step::before,.band--forest .step::before{box-shadow:0 0 0 8px var(--ink)}
.band--forest .step::before{box-shadow:0 0 0 8px #0A3324}
.band--cream .step::before{box-shadow:0 0 0 8px var(--cream)}
.step h3{margin-bottom:.35em}
.step p{margin-bottom:0;color:var(--slate)}
.band--dark .step p,.band--forest .step p{color:#AFBBB4}
.step__tag{
  display:inline-block;font-family:var(--f-display);font-size:.68rem;letter-spacing:.16em;
  text-transform:uppercase;color:var(--gold-deep);background:rgba(200,164,77,.16);
  padding:4px 11px;border-radius:100px;margin-bottom:10px;
}
.band--dark .step__tag,.band--forest .step__tag{color:var(--gold-lit)}
@media (max-width:560px){.step{padding-left:56px;margin-left:20px}.step::before{width:44px;height:44px;left:-23px;font-size:.85rem}}

/* ---------- Claudia / autoridad ---------- */
.bio{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(28px,5vw,60px);align-items:center}
.bio__img{position:relative}
.bio__img img{border-radius:20px;width:100%;object-fit:cover;box-shadow:var(--shadow);position:relative;z-index:2}
.bio__img::after{
  content:"";position:absolute;inset:16px -16px -16px 16px;border:2px solid var(--gold);
  border-radius:20px;z-index:1;
}
.bio blockquote{margin:0 0 20px;font-size:clamp(1.08rem,1.9vw,1.3rem);line-height:1.55;border-left:3px solid var(--gold);padding-left:20px;font-style:italic;color:#DDE3DF}
@media (max-width:820px){.bio{grid-template-columns:1fr}.bio__img{max-width:340px;margin-inline:auto}}

/* ---------- herramientas interactivas ---------- */
.tool{background:var(--paper);border:1px solid rgba(11,59,42,.15);border-radius:20px;padding:clamp(24px,4vw,40px);box-shadow:0 20px 50px -34px rgba(10,13,11,.5)}
.tool__head{display:flex;align-items:flex-start;gap:16px;margin-bottom:26px}
.tool__head .card__ico{margin-bottom:0;flex:none;width:50px;height:50px}
.tool__head h3{margin-bottom:.2em}
.tool__head p{margin:0;color:var(--slate);font-size:.96rem}

.field{margin-bottom:18px}
.field label{display:block;font-family:var(--f-display);font-size:.76rem;letter-spacing:.13em;text-transform:uppercase;font-weight:700;margin-bottom:7px;color:var(--forest)}
.field input,.field select,.field textarea{
  width:100%;padding:13px 15px;border:1.5px solid rgba(11,59,42,.22);border-radius:10px;
  font:inherit;font-size:1rem;background:var(--bone);color:var(--ink);transition:border-color .18s,box-shadow .18s;
}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 3px rgba(14,138,69,.15)}
.field small{display:block;margin-top:6px;color:var(--slate);font-size:.85rem}

.calc__out{background:var(--forest);color:var(--cream);border-radius:14px;padding:24px;margin-top:8px}
.calc__big{font-family:var(--f-display);font-weight:900;font-size:clamp(2.6rem,7vw,3.6rem);line-height:1;color:var(--gold-lit);margin:0}
.calc__stat{font-size:.98rem;color:#BFCAC3;margin:8px 0 0}
.calc__bar{height:14px;border-radius:100px;background:rgba(255,255,255,.13);overflow:hidden;margin:20px 0 10px;position:relative}
.calc__fill{height:100%;width:0;border-radius:100px;transition:width .55s var(--ease),background .35s}
.calc__marks{display:flex;justify-content:space-between;font-size:.75rem;color:#8E9A93;font-weight:600}
.calc__verdict{margin:18px 0 0;padding-top:16px;border-top:1px solid rgba(200,164,77,.25);font-size:.98rem;line-height:1.55}
.calc__verdict b{color:var(--gold-lit)}
.calc__rows{display:grid;gap:10px;margin-top:18px}
.calc__row{display:flex;gap:10px;align-items:center}
.calc__row input{flex:1;min-width:0}
.calc__row button{background:none;border:0;color:#B44;cursor:pointer;font-size:1.4rem;line-height:1;padding:4px 8px}
.link-add{background:none;border:1.5px dashed rgba(11,59,42,.3);border-radius:10px;padding:11px;width:100%;cursor:pointer;font-family:var(--f-display);font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--forest);transition:border-color .18s,color .18s}
.link-add:hover{border-color:var(--green);color:var(--green)}

/* quiz */
.quiz__bar{height:6px;background:rgba(11,59,42,.12);border-radius:100px;overflow:hidden;margin-bottom:26px}
.quiz__bar span{display:block;height:100%;background:linear-gradient(90deg,var(--green),var(--gold));width:0;transition:width .4s var(--ease)}
.quiz__q{font-family:var(--f-display);font-weight:800;font-size:clamp(1.2rem,2.4vw,1.55rem);text-transform:uppercase;letter-spacing:-.01em;margin-bottom:20px}
.quiz__opts{display:grid;gap:11px}
.quiz__opt{
  text-align:left;padding:16px 20px;border:1.5px solid rgba(11,59,42,.2);border-radius:12px;
  background:var(--bone);cursor:pointer;font-size:1rem;transition:all .18s var(--ease);
}
.quiz__opt:hover{border-color:var(--green);background:#fff;transform:translateX(3px)}
.quiz__step{font-family:var(--f-display);font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-deep);margin-bottom:10px;font-weight:700}
.quiz__score{font-family:var(--f-display);font-weight:900;font-size:clamp(2.4rem,6vw,3.2rem);color:var(--gold-lit);line-height:1;margin:0 0 6px}

/* ---------- FAQ ---------- */
.faq{border-top:1px solid rgba(11,59,42,.16)}
.faq details{border-bottom:1px solid rgba(11,59,42,.16)}
.faq summary{
  cursor:pointer;list-style:none;padding:22px 44px 22px 0;position:relative;
  font-family:var(--f-display);font-weight:700;font-size:1.03rem;letter-spacing:-.005em;
}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{
  content:"";position:absolute;right:8px;top:50%;width:12px;height:12px;
  border-right:2.4px solid var(--gold-deep);border-bottom:2.4px solid var(--gold-deep);
  transform:translateY(-70%) rotate(45deg);transition:transform .25s var(--ease);
}
.faq details[open] summary::after{transform:translateY(-25%) rotate(-135deg)}
.faq details p{padding:0 8px 22px 0;margin:0;color:var(--slate);max-width:78ch}
.faq details p + p{padding-top:0}

/* ---------- cifras ---------- */
.stat{text-align:center;padding:8px}
.stat b{display:block;font-family:var(--f-display);font-weight:900;font-size:clamp(2.2rem,5vw,3.1rem);color:var(--gold);line-height:1}
.stat span{display:block;font-size:.92rem;color:#AFBBB4;margin-top:8px;line-height:1.4}

/* ---------- banda de garantías ---------- */
.assure{display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:var(--ink);border-radius:14px;overflow:hidden}
.assure div{padding:22px 20px;display:flex;align-items:center;gap:12px;border-right:1px solid rgba(200,164,77,.22)}
.assure div:last-child{border-right:0}
.assure b{font-family:var(--f-display);font-size:.82rem;letter-spacing:.05em;text-transform:uppercase;color:var(--cream);line-height:1.3}
.assure svg{width:26px;height:26px;flex:none;stroke:var(--gold);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@media (max-width:860px){.assure{grid-template-columns:repeat(2,1fr)}.assure div{border-bottom:1px solid rgba(200,164,77,.22)}}
@media (max-width:480px){.assure{grid-template-columns:1fr}}

/* ---------- CTA final ---------- */
.cta-final{text-align:center;position:relative;z-index:2}
.cta-final .script{font-size:clamp(1.7rem,4.4vw,2.6rem);color:var(--gold-lit);display:block;margin-bottom:.1em}
.cta-final h2{margin-bottom:.4em}
.cta-final .gift{
  display:inline-flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;
  background:var(--cream);color:var(--ink);
  border:2px solid var(--gold);border-radius:100px;padding:13px 28px;margin-bottom:26px;
  font-family:var(--f-display);font-weight:800;text-transform:uppercase;letter-spacing:.04em;
  font-size:.9rem;line-height:1.2;max-width:100%;
}
.cta-final .gift span{white-space:nowrap}
.cta-final .gift b{color:var(--green);font-size:1.2rem;font-weight:900;white-space:nowrap}
.gift__ico{display:inline-flex;flex:none}
.gift__ico svg{
  width:24px;height:24px;stroke:var(--green);fill:none;
  stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;
}
.cta-final .btn-row{justify-content:center}
@media (max-width:480px){
  .cta-final .gift{font-size:.78rem;padding:12px 20px;gap:9px;border-radius:22px}
  .cta-final .gift b{font-size:1rem}
}

/* ---------- pie ---------- */
.foot{background:#060907;color:#93A099;padding:64px 0 110px;font-size:.94rem}
.foot__grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.2fr;gap:36px}
.foot img{height:56px;width:auto;margin-bottom:16px}
.foot h4{color:var(--gold);font-size:.76rem;letter-spacing:.18em;margin-bottom:16px}
.foot ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.foot a:hover{color:var(--gold-lit)}
.foot__contact li{display:flex;gap:10px;align-items:flex-start}
.foot__contact svg{width:17px;height:17px;flex:none;margin-top:4px;stroke:var(--gold);fill:none;stroke-width:1.8}
.foot__legal{margin-top:44px;padding-top:26px;border-top:1px solid rgba(255,255,255,.09);font-size:.8rem;line-height:1.65;color:#6F7A74}
.foot__legal a{text-decoration:underline;text-underline-offset:3px}
@media (max-width:900px){.foot__grid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.foot__grid{grid-template-columns:1fr}}

/* ---------- barra móvil pegajosa ---------- */
.dock{
  position:fixed;left:0;right:0;bottom:0;z-index:70;display:none;
  background:rgba(10,13,11,.94);backdrop-filter:blur(12px);
  border-top:1px solid rgba(200,164,77,.3);padding:10px 12px calc(10px + env(safe-area-inset-bottom));
  gap:10px;
}
.dock .btn{flex:1;padding:14px 10px;font-size:.82rem}
@media (max-width:1020px){.dock{display:flex}}

/* botón flotante escritorio */
.float-wa{
  position:fixed;right:26px;bottom:26px;z-index:70;width:62px;height:62px;border-radius:50%;
  background:var(--green);display:grid;place-items:center;box-shadow:0 14px 34px -10px rgba(14,138,69,.9);
  transition:transform .2s var(--ease);
}
.float-wa:hover{transform:scale(1.08)}
.float-wa svg{width:31px;height:31px}
@media (max-width:1020px){.float-wa{display:none}}

/* ---------- página interior: encabezado ---------- */
.phead{background:var(--ink);color:var(--cream);padding:clamp(46px,7vw,80px) 0 clamp(66px,9vw,110px);position:relative;overflow:hidden}
.phead::before{content:"";position:absolute;width:min(100vw,1100px);aspect-ratio:1;border-radius:50%;right:-30%;top:-70%;background:radial-gradient(circle at 40% 65%,rgba(14,76,54,.9),transparent 62%)}
.phead__in{position:relative;z-index:2;max-width:62ch}
.phead .lead{color:#C2CCC6}
.crumb{font-family:var(--f-display);font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:#7E8B84;margin-bottom:18px}
.crumb a:hover{color:var(--gold)}

/* ---------- misc ---------- */
.note{
  background:rgba(200,164,77,.1);border:1px solid rgba(200,164,77,.4);border-radius:12px;
  padding:18px 22px;font-size:.93rem;line-height:1.55;
}
.note b{color:var(--gold-deep)}
.band--dark .note b,.band--forest .note b{color:var(--gold-lit)}
.legal-copy h3{margin-top:2em}
.legal-copy ul{padding-left:20px}
.legal-copy li{margin-bottom:8px}
.hr{height:1px;background:rgba(11,59,42,.15);border:0;margin:clamp(40px,6vw,64px) 0}

.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.reveal.is-in{opacity:1;transform:none}

:focus-visible{outline:3px solid var(--gold);outline-offset:3px;border-radius:4px}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .reveal{opacity:1;transform:none}
}