.hero{
  position:relative;overflow:hidden;
  padding:calc(var(--s-16) + 30px) 0 var(--s-12);
}
.hero:before{
  content:'';position:absolute;inset:0;z-index:0;
  background:
    radial-gradient(880px 420px at 76% 8%, color-mix(in srgb, var(--hivis) 11%, transparent), transparent 62%),
    repeating-linear-gradient(112deg, transparent 0 40px, rgba(255,255,255,.017) 40px 80px);
}
.hero-in{position:relative;z-index:1}

@media(max-width:999px){
  .hero{padding-top:calc(var(--s-12) + 24px);padding-bottom:var(--s-8)}
  .hero-in{
    min-height:calc(100svh - 150px);
    display:flex;flex-direction:column;justify-content:space-between;gap:var(--s-8);
  }
}
@media(min-width:1000px){
  .hero-in{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);
           gap:var(--s-16);align-items:center}
  .hero h1{font-size:clamp(52px,6.4vw,92px)}
}

.hero h1{font-size:clamp(52px,11.4vw,148px);max-width:13ch}
.hero h1 .hl{color:var(--hivis)}
.hero .lead{font-size:var(--t-md);max-width:44ch}

.hero-trust{
  display:flex;flex-wrap:wrap;gap:var(--s-2) var(--s-5);
  margin-top:var(--s-6);color:var(--bone-dim);font-size:var(--t-sm);
}
.hero-trust span{display:flex;align-items:center;gap:7px}
.hero-trust svg{width:16px;height:16px;color:var(--hivis);flex:none}

.hero-cta{display:flex;gap:var(--s-3);margin-top:var(--s-8);flex-wrap:wrap}
@media(max-width:560px){
  .hero-cta{margin-top:var(--s-6)}
  .hero-cta .btn-ghost{display:none}
  .hero-cta .btn{flex:1 1 100%}
}

.price-card{
  background:var(--slate);border:1.5px solid var(--hivis);border-radius:var(--r-xl);
  padding:var(--s-12) var(--s-8);box-shadow:var(--sh-hard-lime);text-align:center;
}
.price-card .eyebrow{margin-bottom:var(--s-2)}
.price-big{
  font-family:var(--font-display);font-weight:900;font-stretch:72%;
  font-size:clamp(72px,16vw,132px);line-height:.86;color:var(--hivis);
  display:block;letter-spacing:-.01em;
}
.price-big sup{font-size:.38em;vertical-align:.9em;margin-right:.06em;letter-spacing:0}
.price-card .unit{
  display:block;font-family:var(--font-display);font-weight:800;font-stretch:82%;
  text-transform:uppercase;letter-spacing:.07em;font-size:var(--t-sm);
  color:var(--bone-dim);margin-top:var(--s-3);
}
.price-card .note{
  color:var(--bone-dim);font-size:var(--t-sm);line-height:1.6;
  margin:var(--s-5) 0 0;max-width:34ch;margin-inline:auto;
}
.price-card .btn{width:100%;margin-top:var(--s-6)}

.strip{background:var(--hivis);color:var(--graphite);padding:var(--s-4) 0;overflow:hidden}
.strip-in{
  display:flex;gap:var(--s-6) var(--s-8);flex-wrap:wrap;justify-content:center;
  font-family:var(--font-display);font-weight:800;font-stretch:82%;
  text-transform:uppercase;font-size:var(--t-sm);letter-spacing:.05em;text-align:center;
}

.sec-dark{background:var(--graphite-2)}

.pain-wrap{overflow:hidden;padding:var(--s-sec) 0}
.pain-head{margin-bottom:var(--s-12)}

.pain-container{position:relative;height:100svh;display:flex;align-items:center;overflow:hidden}
.pain-track{
  display:flex;align-items:center;gap:clamp(56px,6vw,120px);
  padding:0 100vw 0 var(--gutter);width:max-content;
}
.pain-card{
  flex:none;width:clamp(320px,30vw,600px);aspect-ratio:4.9/4.2;
  border-radius:var(--r-xl);border:1.5px solid #000;box-shadow:6px 6px 0 #000;
  padding:var(--s-12) var(--s-8);
  display:flex;flex-direction:column;justify-content:space-between;
  color:#fff;background:var(--card-steel);
}
.pain-card:nth-child(1){background:var(--card-1)}
.pain-card:nth-child(2){background:var(--card-2)}
.pain-card:nth-child(3){background:var(--card-3)}
.pain-card:before{
  content:'';position:absolute;top:0;left:var(--s-8);right:var(--s-8);height:4px;
  background:var(--hivis);border-radius:0 0 4px 4px;
}
.pain-card{position:relative}
.pain-card b{
  display:block;font-family:var(--font-display);font-weight:900;font-stretch:78%;
  text-transform:uppercase;font-size:clamp(26px,2.2vw,42px);line-height:1;
  margin-bottom:0;color:#fff;
}
.pain-card p{color:rgba(255,255,255,.92);font-size:16px;line-height:1.55;margin:0;max-width:32ch}
.pain-hint{
  text-align:center;color:var(--slate-2);font-size:var(--t-xs);
  margin-top:var(--s-8);text-transform:uppercase;letter-spacing:.1em;
}

@media(max-width:820px){
  .pain-container{height:auto;display:block;overflow:visible}
  .pain-track{
    flex-wrap:wrap;width:auto;justify-content:center;
    padding:0 var(--gutter);gap:var(--s-6);
  }
  .pain-card{width:100%;aspect-ratio:auto;min-height:0;gap:var(--s-5)}
  .pain-hint{display:none}
}

.how{background:var(--slate);color:#fff;overflow:hidden;padding:var(--s-sec) 0}
.how .eyebrow{color:var(--hivis)}
.how h2{color:#fff}
.how .lead{color:rgba(255,255,255,.82);margin-inline:auto}

.how-flow{position:relative;margin-top:var(--s-12)}
.how-squiggle{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:0}
.how-squiggle path{fill:none;stroke:rgba(255,255,255,.55);stroke-width:11;
  stroke-linecap:round;vector-effect:non-scaling-stroke}

.how-row{position:relative;z-index:2;display:grid;grid-template-columns:1fr;
  gap:var(--s-10);align-items:center;padding:var(--s-16) 0}
@media(min-width:880px){
  .how-row{grid-template-columns:1fr 1fr;gap:var(--s-16)}
  .how-row.flip .how-card{order:2}
  .how-row.flip .how-phone-wrap{order:1}
}

.how-card{
  background:var(--graphite);border-radius:44px;padding:var(--s-12) var(--s-10);
  aspect-ratio:1.1;width:100%;max-width:600px;margin:0 auto;
  display:flex;flex-direction:column;justify-content:space-between;
  box-shadow:0 34px 64px -32px rgba(0,0,0,.7);
}
.how-card .step-tag{
  font-family:var(--font-display);font-weight:900;font-stretch:76%;
  text-transform:uppercase;color:var(--hivis);font-size:14px;letter-spacing:.09em;
}
.how-card h3{
  font-family:var(--font-display);font-weight:900;font-stretch:76%;
  text-transform:uppercase;font-size:clamp(32px,4.2vw,58px);line-height:.94;
  margin:var(--s-4) 0 0;max-width:14ch;color:#fff;
}
.how-card p{color:rgba(255,255,255,.75);font-size:16px;max-width:38ch;margin:0}
@media(max-width:560px){
  .how-card{aspect-ratio:auto;border-radius:32px;padding:var(--s-10) var(--s-8);gap:var(--s-8)}
}

.how-phone-wrap{display:flex;justify-content:center}
.how-phone{
  width:min(80vw,300px);aspect-ratio:1/2;background:var(--graphite);
  border-radius:30px;border:10px solid #0a0b0c;overflow:hidden;
  display:flex;flex-direction:column;
  box-shadow:0 34px 64px -26px rgba(0,0,0,.75);transform:rotate(2deg);
}
.how-row.flip .how-phone{transform:rotate(-2deg)}

.mk{display:flex;flex-direction:column;height:100%;background:var(--graphite-2);
  font-family:var(--font-body);color:var(--bone);font-size:13px}
.mk-top{display:flex;justify-content:space-between;align-items:center;
  background:var(--graphite);padding:11px 13px;border-radius:0 0 14px 14px}
.mk-logo{font-family:var(--font-display);font-weight:900;font-stretch:74%;
  font-size:13px;text-transform:uppercase;color:var(--bone)}
.mk-x{font-size:9.5px;color:var(--slate-2)}
.mk-prog{height:4px;background:var(--slate);border-radius:4px;margin:12px 14px 4px}
.mk-prog i{display:block;height:100%;width:18%;background:var(--hivis);border-radius:4px}
.mk-body{position:relative;flex:1;overflow:hidden}
.mk-scr{position:absolute;inset:10px 14px}
.mk-scr h4{font-family:var(--font-display);font-weight:900;font-stretch:76%;
  text-transform:uppercase;font-size:18px;line-height:1.02;margin:4px 0 12px;color:#fff}
.mk-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.mk-chip{background:var(--slate);border-radius:12px;box-shadow:inset 0 0 0 1.5px var(--slate-2);
  padding:11px 4px;text-align:center;font-weight:700;font-size:14px;position:relative}
.mk-chip small{display:block;font-weight:500;font-size:8.5px;color:var(--bone-dim);margin-top:2px}
.mk-chip.on{box-shadow:inset 0 0 0 2px var(--hivis)}
.mk-chip.on:after,.mk-row.on:after,.mk-day.on:after{
  content:'\2713';position:absolute;top:-6px;right:-6px;width:17px;height:17px;
  border-radius:50%;background:var(--hivis);color:var(--graphite);
  font-size:10px;line-height:17px;text-align:center;font-weight:800}
.mk-row{background:var(--slate);border-radius:12px;box-shadow:inset 0 0 0 1.5px var(--slate-2);
  padding:12px;font-weight:700;font-size:13px;margin-bottom:8px;position:relative}
.mk-row em{font-style:normal;color:var(--bone-dim);font-weight:500;font-size:11px;float:right}
.mk-row.on{box-shadow:inset 0 0 0 2px var(--hivis)}
.mk-days{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.mk-day{background:var(--slate);border-radius:10px;box-shadow:inset 0 0 0 1.5px var(--slate-2);
  padding:8px 2px;text-align:center;position:relative;display:block}
.mk-day small{display:block;font-size:8.5px;color:var(--bone-dim)}
.mk-day b{display:block;font-size:15px;margin-top:1px}
.mk-day.on{box-shadow:inset 0 0 0 2px var(--hivis)}
.mk-lab{font-size:9.5px;text-transform:uppercase;letter-spacing:.09em;color:var(--bone-dim)}
.mk-price{font-family:var(--font-display);font-weight:900;font-stretch:72%;
  font-size:60px;line-height:1;color:var(--hivis);margin:2px 0 8px}
.mk-pill{display:inline-block;background:var(--slate);border-radius:999px;
  padding:5px 12px;font-size:10px;font-weight:700;box-shadow:inset 0 0 0 1.5px var(--hivis);
  color:var(--hivis)}
.mk-line{height:9px;background:var(--slate);border-radius:5px;margin-top:8px}
.mk-bar{display:flex;justify-content:space-between;align-items:center;
  background:var(--graphite);border-radius:15px;margin:10px 12px 12px;
  padding:9px 9px 9px 14px;color:var(--bone);font-size:11px}
.mk-bar b{background:var(--hivis);color:var(--graphite);border-radius:10px;
  padding:7px 13px;font-family:var(--font-display);font-weight:900;font-stretch:78%;
  text-transform:uppercase;font-size:11px;letter-spacing:.03em}

.coin-test{display:grid;gap:var(--s-4);margin-top:var(--s-10)}
@media(min-width:700px){.coin-test{grid-template-columns:1fr 1fr}}
.coin-card{
  background:var(--slate);border:1.5px solid var(--slate-2);border-radius:var(--r-xl);
  padding:var(--s-10) var(--s-8);text-align:center;box-shadow:var(--sh-hard);
}
.coin-card.yes{border-color:var(--hivis)}
.coin-card svg{width:100%;max-width:250px;margin:0 auto var(--s-4)}
.coin-card b{
  display:block;font-family:var(--font-display);font-weight:900;font-stretch:78%;
  text-transform:uppercase;font-size:var(--t-lg);letter-spacing:.02em;
}
.coin-card.yes b{color:var(--hivis)}
.coin-card.no b{color:#ff8a8a}
.coin-card p{color:var(--bone-dim);font-size:var(--t-sm);margin:var(--s-3) 0 0;line-height:1.6}

.g-pane{fill:#191d21}
.g-edge{stroke:#3A4047;stroke-width:1.5;fill:none}
.i-core{fill:#F4F5F3}
.i-leg{stroke:#F4F5F3;stroke-width:2.2;stroke-linecap:round;fill:none}
.i-leg-out{stroke:#ff8a8a}
.c-disc{fill:rgba(244,245,243,.14);stroke:#F4F5F3;stroke-width:2}
.c-rim{fill:none;stroke:rgba(244,245,243,.45);stroke-width:1}
.c-txt{fill:#F4F5F3;font-family:var(--font-body);font-size:15px;font-weight:600;text-anchor:middle}

.zonefig{margin-top:var(--s-8)}
.zonefig svg{width:100%;max-width:560px;display:block;margin:0 auto}
.w-body{fill:#20252a;stroke:#3A4047;stroke-width:2.5}
.w-wiped{fill:#262b31}
.w-crit{fill:color-mix(in srgb, var(--hivis) 9%, transparent);stroke:var(--hivis);stroke-width:2;stroke-dasharray:7 5}
.w-wiper{stroke:#3A4047;stroke-width:3;stroke-linecap:round;fill:none}
.w-mirror{fill:#2A2E33;stroke:#3A4047;stroke-width:1.5}
.w-lbl{fill:#A8AEB2;font-family:var(--font-body);font-size:13px}
.w-hi{fill:var(--hivis);font-family:var(--font-body);font-size:13px;font-weight:600}
.w-tick{stroke:#3A4047;stroke-width:1.2}

@media(max-width:620px){
  .w-lbl,.w-hi{font-size:23px}    
}

.guarantee{background:var(--hivis);color:var(--graphite);border-radius:var(--r-xl);
  border:1.5px solid var(--graphite);box-shadow:var(--sh-hard-bone);
  padding:var(--s-12);margin-top:var(--s-16)}
.guarantee p{margin:0;font-size:var(--t-md);line-height:1.6;color:var(--graphite)}  
.guarantee .eyebrow{font-size:var(--t-sm);line-height:1.6;margin-bottom:var(--s-4)}
.guarantee strong{color:var(--graphite);font-weight:700}
.guarantee .g-sub{font-size:var(--t-sm);margin-top:var(--s-4);color:#3c4a00}

.ins-box{
  background:var(--slate);border:1.5px solid var(--slate-2);border-radius:var(--r-xl);
  padding:var(--s-12);margin-top:var(--s-10);display:grid;gap:var(--s-8);
  box-shadow:var(--sh-hard);
}
@media(min-width:860px){.ins-box{grid-template-columns:1.1fr .9fr;gap:var(--s-10)}}
.ins-box p{color:var(--bone-dim);font-size:var(--t-sm);line-height:1.75;margin:0 0 var(--s-4)}
.ins-box .ins-fine{margin-top:var(--s-5)}
.ins-box p:last-child{margin-bottom:0}
.ins-box strong{color:var(--bone);font-weight:600}
.ins-sum{background:var(--graphite);border-radius:var(--r-lg);padding:var(--s-6)}
.ins-row{
  display:flex;justify-content:space-between;gap:var(--s-4);align-items:baseline;
  padding:var(--s-4) 0;border-bottom:1px solid var(--slate-2);font-size:var(--t-sm);
  color:var(--bone-dim);
}
.ins-row:last-of-type{border-bottom:0}
.ins-row b{color:var(--bone);white-space:nowrap;font-weight:600}
.ins-row.good b{color:var(--hivis);font-size:var(--t-lg);font-family:var(--font-display);
  font-weight:900;font-stretch:76%}
.ins-fine{color:var(--slate-2);font-size:var(--t-xs);line-height:1.6;margin:var(--s-5) 0 0}

.scope{display:grid;gap:var(--s-4);margin-top:var(--s-10)}
@media(min-width:760px){.scope{grid-template-columns:1fr 1fr}}
.scope-col{background:var(--slate);border:1.5px solid var(--slate-2);
  border-radius:var(--r-xl);padding:var(--s-10) var(--s-8);box-shadow:var(--sh-hard)}
.scope-col h3{
  font-family:var(--font-display);font-weight:900;font-stretch:78%;
  text-transform:uppercase;font-size:var(--t-lg);margin:0 0 var(--s-5);
}
.scope-col.yes h3{color:var(--hivis)}
.scope-col ul{list-style:none;padding:0;margin:0;display:grid;gap:var(--s-4)}
.scope-col li{display:flex;gap:var(--s-3);color:var(--bone-dim);font-size:var(--t-sm);line-height:1.6}
.scope-col li svg{width:19px;height:19px;flex:none;margin-top:2px}
.scope-col.yes li svg{color:var(--hivis)}
.scope-col.no li svg{color:var(--bone-dim)}

.area-note{
  background:var(--slate);border:1.5px solid var(--slate-2);border-left:5px solid var(--hivis);
  border-radius:var(--r-lg);padding:var(--s-8);margin-top:var(--s-8);
  box-shadow:var(--sh-hard);
}
.area-note p{color:var(--bone-dim);font-size:var(--t-sm);line-height:1.7;margin:0}

.faq details{
  background:var(--slate);border:1.5px solid var(--slate-2);border-radius:var(--r-lg);
  margin-bottom:var(--s-3);box-shadow:var(--sh-hard);
}
.faq summary{
  cursor:pointer;font-weight:600;font-size:var(--t-base);list-style:none;
  display:flex;justify-content:space-between;gap:var(--s-4);align-items:center;
  padding:var(--s-6) var(--s-8);min-height:56px;
  border-radius:var(--r-lg);
}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:'+';color:var(--hivis);font-size:26px;line-height:1;flex:none}
.faq details[open] summary{padding-bottom:var(--s-3)}
.faq details[open] summary:after{content:'\2212'}
.faq details p{color:var(--bone-dim);font-size:var(--t-sm);line-height:1.75;
  margin:0;padding:0 var(--s-8) var(--s-6)}

.final{background:var(--hivis);color:var(--graphite);text-align:center}
.final h2{color:var(--graphite)}
.final p{color:#3c4a00;max-width:44ch;margin:var(--s-5) auto 0;font-size:var(--t-md)}
.final .btn{margin-top:var(--s-8)}

.coin-cta{
  margin-top:var(--s-8);
  padding:var(--s-8) var(--s-6);
  border:1.5px solid var(--slate-2);
  border-radius:var(--r-xl);
  box-shadow:var(--sh-hard);
  text-align:center;
  display:flex;flex-direction:column;align-items:center;gap:var(--s-4)
}
.coin-cta p{
  margin:0;max-width:34ch;
  font-size:var(--t-md);font-weight:500;line-height:1.45;color:var(--bone)
}
.coin-cta-note{
  font-size:14.5px;font-weight:600;color:var(--hivis);max-width:34ch
}
@media (max-width:560px){
  .coin-cta{padding:var(--s-6) var(--s-4)}
  .coin-cta .btn{width:100%}
}

@media(min-width:900px){.coin-test.tres{grid-template-columns:1fr 1fr 1fr}}
.coin-card figure.fig{width:100%;margin:0 0 var(--s-4)}
.coin-card figure.fig svg{width:100%;max-width:250px;margin:0 auto;display:block}
.coin-card figcaption{font-size:var(--t-sm);color:var(--bone-dim);line-height:1.45;margin-top:var(--s-3);text-wrap:pretty}
.f-bg{fill:#191d21}
.f-edge{stroke:var(--slate-2);stroke-width:1.5;fill:none}
.f-linea{stroke:var(--bone);stroke-width:2.2;fill:none;stroke-linecap:round;stroke-linejoin:round}
.f-acento{stroke:var(--hivis);stroke-width:2.6;fill:none;stroke-linecap:round;stroke-linejoin:round}
.f-relleno{fill:var(--hivis)}
.f-suave{fill:var(--bone-dim)}

.pain-container { touch-action: pan-x pan-y; overscroll-behavior-x: contain; }

@media (max-width: 560px) {
  .coin-card { padding: var(--s-6) var(--s-5); }
  .coin-card figure.fig svg, .coin-card > svg { max-width: 168px; }
  .coin-card p { font-size: 14px; }
  .coin-test { gap: var(--s-3); }
}

@media (max-width: 999px) {
  .hero-in.sin-precio {
    min-height: 0;
    justify-content: flex-start;
    gap: 0;
  }
  .hero.sin-precio-h { padding-bottom: var(--s-12); }
}

@media (max-width: 560px) {
  .hero h1 { font-size: clamp(38px, 9.2vw, 96px); max-width: 16ch; }
  .hero .lead { font-size: 16px; }
}

.guarantee .g-sub, .final p { color: color-mix(in srgb, var(--graphite) 78%, var(--hivis)); }


@media (min-width: 1000px) {
  .hero-in.sin-precio { grid-template-columns: minmax(0, 1fr); }
  .hero-in.sin-precio > div { max-width: 820px; }
}

@media (min-width: 1000px) {
  .hero h1 { font-size: clamp(52px, 6.4vw, 92px); }
}

@media (min-width: 880px) {
  .how-row:not(:has(.how-phone-wrap)) {
    grid-template-columns: minmax(0, 1fr);
    max-width: 820px;
    margin-inline: auto;
  }
  .how-row:not(:has(.how-phone-wrap)) .how-card { aspect-ratio: auto; min-height: 0; }
}

.guarantee p, .area-note p, .faq details p, .ins-box p { max-width: 64ch; }

@media (min-width: 760px) { .coin-test.tres { grid-template-columns: repeat(3, minmax(0, 1fr)); } }

@media (max-width: 999px) { .how-squiggle { display: none; } }

@media (max-width: 759px) {
  .faq details p, .scope-col li, .scope-col p, .area-note p,
  .coin-card p, .ins-box p, .pain-card p { font-size: 16px; line-height: 1.6; }

  .pain-card, .scope-col, .area-note, .guarantee, .ins-box, .coin-card, .coin-cta {
    padding-inline: var(--s-5);
  }

  .strip-in {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--s-2);
    text-align: left;
  }

  .coin-card .c-txt { font-size: 20px; }

  .how-phone { width: min(62vw, 220px); }

  .u-sec h3.display { margin-top: var(--s-10) !important; }
}

.display, .eyebrow { text-wrap: balance; }
.lead, .faq summary, .coin-card p, .pain-card p { text-wrap: pretty; }

.pain-hint { color: var(--bone-dim); }

.ins-box > * { min-width: 0; }
.ins-row { flex-wrap: wrap; }
.ins-row b { white-space: normal; }

@media (prefers-reduced-motion: reduce) {
  .pain-container { height: auto; overflow: visible; }
  .pain-track { display: flex; flex-wrap: wrap; width: auto; transform: none; gap: 16px; }
}

@media (max-width: 560px) {
  .hero h1 { font-size: clamp(44px, 11vw, 96px); max-width: none; }
}

.scope-col .detalle-h { font-family: var(--font-display); font-weight: 900; font-stretch: 78%; text-transform: uppercase; font-size: var(--t-base); color: var(--bone); margin: 0 0 var(--s-5); }
.scope-col .detalle-p { color: var(--bone-dim); font-size: var(--t-sm); line-height: 1.7; margin: 0; }
@media (max-width: 759px) {
  .how-card h3 { max-width: none; }
  .how-row { padding: var(--s-3) 0; }
  .how-flow { margin-top: var(--s-8); }
  .scope-col .detalle-p { font-size: 16px; line-height: 1.6; }
}

@media (min-width: 821px) { .pain-track { will-change: transform; } }