:root{
  --navy:#071324;--navy-2:#0d1d38;--blue:#1D4E89;--blue-2:#2F6DB5;--blue-3:#5B9BE6;--sky:#EAF1FA;
  --paper:#FAF9F5;--yellow:#F7C948;--yellow-2:#FFD966;--ink:#142033;--muted:#4f5b6e;
  --r:22px;--shadow:0 10px 30px rgba(7,19,36,.10);--shadow-2:0 24px 60px rgba(7,19,36,.20);
  --ease:cubic-bezier(.22,.8,.26,1);--spring:cubic-bezier(.34,1.56,.64,1);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font-family:"DM Sans",system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:18px;line-height:1.6;color:var(--ink);background:var(--paper);padding-bottom:86px;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:var(--blue)}
h1,h2,h3{font-family:"Playfair Display",Georgia,serif;color:var(--navy);line-height:1.1;margin:0 0 .45em;letter-spacing:-.01em}
h1{font-size:clamp(2.1rem,7vw,4rem)}
h2{font-size:clamp(1.8rem,5.4vw,2.9rem)}
h3{font-size:1.28rem;line-height:1.25}
p{margin:0 0 1em}
.wrap{width:min(1160px,100% - 36px);margin-inline:auto}
.wrap--mid{width:min(960px,100% - 36px)}
.wrap--narrow{width:min(780px,100% - 36px)}
.skip{position:absolute;left:-999px;top:8px;background:var(--navy);color:#fff;padding:10px 14px;border-radius:10px;z-index:100}
.skip:focus{left:8px}
:focus-visible{outline:3px solid var(--blue-3);outline-offset:3px;border-radius:10px}
.ico{width:22px;height:22px;flex:none}
.hl{position:relative;white-space:nowrap;z-index:0}
.hl::after{content:"";position:absolute;left:-.08em;right:-.08em;bottom:.04em;height:.38em;background:var(--yellow);border-radius:.15em;z-index:-1;transform-origin:left;animation:hl 1s .5s var(--ease) both}
@keyframes hl{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.hero .hl,.close .hl{color:var(--navy)}
.hero .hl::after,.close .hl::after{height:auto;top:.08em;bottom:.02em}

/* Botones */
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:14px 24px;border-radius:999px;font-weight:700;font-size:1.03rem;text-decoration:none;border:2px solid transparent;transition:transform .25s var(--spring),box-shadow .25s var(--ease),background .2s;cursor:pointer;line-height:1.2;font-family:inherit}
.btn:hover{transform:translateY(-3px)}
.btn:active{transform:translateY(0) scale(.98)}
.btn--lg{min-height:60px;padding:16px 28px;font-size:1.08rem}
.btn--sm{min-height:44px;padding:10px 16px;font-size:.95rem}
.btn--block{width:100%}
.btn--wa{background:var(--yellow);color:var(--navy);box-shadow:0 10px 26px rgba(247,201,72,.45)}
.btn--wa .ico{color:#128C4A}
.btn--wa:hover{box-shadow:0 16px 34px rgba(247,201,72,.6);background:var(--yellow-2)}
.btn--pulse::before{content:"";position:absolute;inset:-4px;border-radius:inherit;border:2px solid var(--yellow);opacity:0;animation:pulse 2.4s var(--ease) infinite}
@keyframes pulse{0%{opacity:.8;transform:scale(1)}100%{opacity:0;transform:scale(1.12)}}
.btn--ghost{background:#fff;color:var(--navy);border-color:var(--navy)}
.btn--ghost-light{background:transparent;color:#fff;border-color:rgba(255,255,255,.6)}
.btn--link{background:none;color:#dbe7f8;padding:12px 4px;min-height:48px;text-decoration:underline;text-underline-offset:4px;text-decoration-color:rgba(247,201,72,.8)}
.btn--icon{padding:0;width:54px}
.cta-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin:24px 0 20px}
.center{text-align:center;margin-top:30px}

/* Encabezado */
.top{position:sticky;top:0;z-index:40;background:rgba(7,19,36,.86);backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid rgba(255,255,255,.08)}
.top__in{display:flex;align-items:center;justify-content:space-between;min-height:64px}
.brand{display:flex;align-items:center;gap:10px;font-family:"Playfair Display",Georgia,serif;font-weight:700;font-size:1.18rem;color:#fff;text-decoration:none}
.brand__dot{width:12px;height:12px;border-radius:50%;background:var(--yellow);box-shadow:0 0 0 4px rgba(247,201,72,.25)}

/* Hero */
.hero{position:relative;overflow:hidden;background:radial-gradient(900px 520px at 80% 20%,#1e4f93 0%,transparent 60%),radial-gradient(700px 500px at 0% 100%,#12305e 0%,transparent 60%),var(--navy);color:#cfdcef;padding:22px 0 56px}
.hero__glow{position:absolute;width:520px;height:520px;right:-160px;top:-160px;background:radial-gradient(circle,rgba(247,201,72,.22),transparent 65%);pointer-events:none}
.hero__in{position:relative;display:grid;gap:18px;align-items:center}
.hero h1{color:#fff}
.chip{display:inline-flex;align-items:center;gap:10px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);color:#fff;font-weight:700;font-size:.74rem;letter-spacing:.06em;text-transform:uppercase;padding:8px 14px;border-radius:999px;margin-bottom:18px;line-height:1.35}
.chip__dot{width:8px;height:8px;border-radius:50%;background:var(--yellow);flex:none;animation:blink 2s infinite}
@keyframes blink{50%{opacity:.35}}
.lead{font-size:1.12rem;max-width:34em;color:#cfdcef}
.lead strong{color:#fff}
.hero__facts{list-style:none;padding:0;margin:8px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.hero__facts li{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:12px 8px;text-align:center}
.hero__facts strong{display:block;color:var(--yellow);font-size:1.15rem;font-weight:800;line-height:1.2}
.hero__facts span{font-size:.76rem;color:#aec0db;line-height:1.3;display:block}
.hero__media{position:relative;justify-self:center;width:min(60vw,260px);order:-1;margin-top:10px}
.hero__ring{position:absolute;inset:14% 4% 2% 4%;border-radius:50%;background:conic-gradient(from 210deg,var(--yellow),var(--blue-3),var(--blue-2),var(--yellow));animation:spin 18s linear infinite}
.hero__ring::after{content:"";position:absolute;inset:6px;border-radius:50%;background:radial-gradient(circle at 50% 35%,#2a5ea8,#0b1a33)}
@keyframes spin{to{transform:rotate(360deg)}}
.hero__photo{position:relative;width:100%;-webkit-mask-image:linear-gradient(#000 80%,transparent);mask-image:linear-gradient(#000 80%,transparent);animation:rise .9s var(--ease) both}
@keyframes rise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
.float{position:absolute;display:flex;gap:8px;align-items:center;background:#fff;color:var(--navy);border-radius:14px;padding:8px 11px;box-shadow:var(--shadow-2);font-size:.72rem;line-height:1.2;animation:bob 5s ease-in-out infinite;white-space:nowrap}
.float strong{display:block;font-size:.8rem}
.float span{color:var(--muted)}
.float .ico{width:18px;height:18px;color:var(--blue)}
.float--a{left:-26%;top:32%}
.float--b{right:-22%;top:12%;animation-delay:1.2s}
.float--c{right:-20%;bottom:14%;animation-delay:2.2s}
@keyframes bob{50%{transform:translateY(-8px)}}

/* Cinta */
.ticker{background:var(--yellow);color:var(--navy);overflow:hidden;white-space:nowrap;border-block:2px solid var(--navy);transform:rotate(-1.2deg);margin:-14px -10px 0;position:relative;z-index:2}
.ticker__track{display:inline-flex;gap:22px;padding:13px 0;font-weight:800;text-transform:uppercase;letter-spacing:.04em;font-size:.95rem;animation:tick 28s linear infinite}
@keyframes tick{to{transform:translateX(-50%)}}

/* Secciones */
.sec{padding:72px 0}
.sec--soft{background:var(--sky)}
.sec--navy{background:linear-gradient(180deg,var(--navy),var(--navy-2));color:#cfdcef}
.sec--navy h2,.sec--navy h3{color:#fff}
.sec__head{text-align:center;margin-bottom:28px}
.sub{color:var(--muted);font-size:.95rem}
.kicker{font-size:.8rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--blue);margin-bottom:10px}
.kicker--light{color:var(--yellow)}

/* Test */
.quiz{display:grid;gap:10px}
.opt{display:flex;align-items:center;gap:12px;text-align:left;width:100%;min-height:58px;padding:14px 16px;background:#fff;border:2px solid #d7e3f3;border-radius:16px;font:inherit;font-size:1rem;font-weight:500;color:var(--ink);cursor:pointer;transition:transform .2s var(--spring),border-color .2s,background .2s,box-shadow .2s;box-shadow:0 4px 12px rgba(7,19,36,.05)}
.opt .ico{color:var(--blue);transition:transform .3s var(--spring)}
.opt:hover{border-color:var(--blue-3);transform:translateY(-2px)}
.opt[aria-pressed="true"]{background:var(--navy);border-color:var(--navy);color:#fff;box-shadow:0 10px 24px rgba(7,19,36,.25)}
.opt[aria-pressed="true"] .ico{color:var(--yellow);transform:rotate(-10deg) scale(1.15)}
.result{margin-top:18px;background:#fff;border-radius:var(--r);padding:20px;box-shadow:var(--shadow);text-align:center;border:2px dashed #c9d8ee;transition:border-color .3s,box-shadow .3s}
.result.on{border:2px solid var(--yellow);box-shadow:0 18px 40px rgba(247,201,72,.28)}
.result__meter{height:10px;border-radius:99px;background:#e6edf7;overflow:hidden;margin-bottom:12px}
.result__bar{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--yellow),#f3a93b);border-radius:99px;transition:width .5s var(--spring)}
.result__count{margin:0 0 6px;color:var(--muted);font-weight:700}
.result__count strong{font-size:2rem;color:var(--navy);vertical-align:-3px}
.result__msg{font-family:"Playfair Display",Georgia,serif;font-size:1.25rem;color:var(--navy);font-weight:700;line-height:1.3;max-width:28em;margin:0 auto 16px}
.result__cta{opacity:.55;transition:opacity .3s}
.result.on .result__cta{opacity:1}

/* Split */
.split{display:grid;gap:22px;align-items:center}
.split__art{margin:0;justify-self:center;width:min(40vw,170px);position:relative}
.split__art::before{content:"";position:absolute;inset:16% -10% 0;background:radial-gradient(circle,var(--sky),transparent 70%);z-index:-1}
.big{font-size:1.15rem;color:var(--navy)}
.src{font-size:.8rem;color:var(--muted);font-style:italic}

/* Comparativa */
.vs{font-family:"DM Sans",sans-serif;font-size:.5em;background:var(--yellow);color:var(--navy);padding:.15em .55em;border-radius:99px;vertical-align:.3em}
.vs-table{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);border-radius:var(--r);overflow:hidden}
.vs-row{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,.7fr) minmax(0,.9fr);align-items:stretch;border-top:1px solid rgba(255,255,255,.08)}
.vs-row>span{padding:14px 12px;font-size:.95rem;display:flex;align-items:center}
.vs-row>span:not(:first-child){justify-content:center;text-align:center}
.vs-row--head{border-top:0;font-weight:800;color:#aec0db;text-transform:uppercase;letter-spacing:.04em}
.vs-row--head>span{font-size:.72rem;line-height:1.25}
.vs-me{background:rgba(247,201,72,.12)}
.vs-row--head .vs-me{color:var(--yellow)}
.ico.no{color:#e8758a;width:24px;height:24px}
.ico.yes{color:var(--navy);background:var(--yellow);border-radius:50%;padding:3px;width:28px;height:28px}

/* Números */
.stats{background:var(--yellow);padding:34px 0}
.stats__in{display:grid;grid-template-columns:repeat(2,1fr);gap:22px 14px}
.stat{text-align:center}
.stat strong{display:block;font-family:"Playfair Display",Georgia,serif;font-size:clamp(2.6rem,9vw,3.6rem);color:var(--navy);line-height:1}
.stat span{display:block;font-weight:600;color:var(--navy);font-size:.92rem;line-height:1.3;margin-top:6px}

/* Timeline */
.timeline{list-style:none;padding:0;margin:0;position:relative;display:grid;gap:18px}
.timeline::before{content:"";position:absolute;left:44px;top:30px;bottom:30px;width:3px;background:linear-gradient(var(--yellow),var(--blue-3));border-radius:3px}
.tl{position:relative;display:grid;grid-template-columns:54px 1fr;gap:14px;align-items:start;background:#fff;border-radius:var(--r);padding:18px;box-shadow:var(--shadow)}
.tl__n{position:relative;z-index:1;display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:var(--navy);color:var(--yellow);font-weight:800;font-size:1.3rem;box-shadow:0 0 0 6px #fff}
.tl p{margin:0;color:var(--muted)}
.note{font-size:.9rem;color:var(--muted);text-align:center;margin:20px 0 0}

/* Quién */
.about{display:grid;gap:30px;align-items:center}
.about__photo{margin:0 0 30px;position:relative}
.about__photo>img{border-radius:26px;box-shadow:var(--shadow-2);border:6px solid #fff;transform:rotate(-2deg)}
.about__photo figcaption{position:absolute;right:-6px;bottom:-40px;width:min(26vw,120px)}
.about__role{font-weight:700;color:var(--blue)}
.creds{list-style:none;padding:0;margin:18px 0;display:grid;gap:10px;font-size:.98rem}
.creds li{display:flex;gap:10px;align-items:flex-start}
.creds .ico{color:var(--blue)}
.logos{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin:6px 0 16px}
.logos img{height:44px;width:auto;filter:grayscale(1) contrast(1.1);opacity:.8;transition:filter .3s,opacity .3s}
.logos img:hover{filter:none;opacity:1}
.ced{font-size:.85rem;color:var(--muted);border-top:1px solid rgba(7,19,36,.12);padding-top:12px;margin:0}

/* Ticket de precio */
.ticket{display:grid;background:#fff;border-radius:28px;box-shadow:var(--shadow-2);overflow:hidden;max-width:920px;margin-inline:auto}
.ticket__left{background:linear-gradient(160deg,var(--navy),#163a6e);color:#cfdcef;padding:28px 24px;position:relative}
.ticket__left h2{color:#fff;margin-bottom:6px}
.ticket__left .kicker{color:var(--yellow)}
.ticket__price{font-family:"DM Sans",sans-serif;font-weight:800;font-size:clamp(3.2rem,12vw,4.6rem);color:#fff;line-height:1;margin:8px 0 10px}
.ticket__cur{font-size:.5em;vertical-align:.7em;color:var(--yellow);margin-right:2px}
.ticket__mxn{font-size:.26em;color:#aec0db;margin-left:8px;letter-spacing:.08em}
.ticket__small{font-size:.9rem;margin:0}
.ticket__right{padding:26px 24px;position:relative}
.ticket__right::before{content:"";position:absolute;left:0;right:0;top:0;border-top:3px dashed #dbe5f2}
.ticket__title{font-weight:800;color:var(--navy);margin-bottom:10px}
.incl{list-style:none;padding:0;margin:0 0 20px;display:grid;gap:10px}
.incl li{display:flex;gap:10px;align-items:flex-start;font-weight:500}
.incl .ico{color:var(--navy);background:var(--yellow);border-radius:50%;padding:3px;width:24px;height:24px;margin-top:2px}
.ticket__note{font-size:.85rem;color:var(--muted);margin:14px 0 0}
.honest{display:flex;gap:12px;align-items:flex-start;max-width:760px;margin:28px auto 0;color:var(--muted);font-size:.98rem;background:var(--sky);border-radius:16px;padding:16px 18px}
.honest .ico{color:var(--blue);margin-top:3px}

/* Dónde */
.where{display:grid;gap:24px;align-items:center}
.addr{display:flex;gap:10px;align-items:flex-start;font-weight:500}
.addr .ico{color:var(--blue);margin-top:3px}
.where__map{border-radius:26px;overflow:hidden;box-shadow:var(--shadow-2);border:6px solid #fff;aspect-ratio:4/3;background:#dfe7f2}
.where__map iframe{width:100%;height:100%;border:0;display:block}

/* FAQ */
.faq{display:grid;gap:12px}
.faq details{background:#fff;border-radius:18px;box-shadow:var(--shadow);padding:0 20px;border:2px solid transparent;transition:border-color .2s}
.faq details[open]{border-color:var(--yellow)}
.faq summary{cursor:pointer;list-style:none;font-weight:700;color:var(--navy);padding:18px 40px 18px 0;position:relative;min-height:52px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:0;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:50%;background:var(--sky);color:var(--blue);display:grid;place-items:center;font-size:1.2rem;transition:transform .3s var(--spring),background .2s}
.faq details[open] summary::after{transform:translateY(-50%) rotate(45deg);background:var(--yellow);color:var(--navy)}
.faq details p{margin:0 0 18px;color:var(--muted)}

/* Cierre */
.close{position:relative;overflow:hidden;background:radial-gradient(700px 420px at 90% 0%,#1e4f93,transparent 60%),var(--navy);color:#cfdcef;padding:64px 0 70px}
.close h2{color:#fff;font-size:clamp(2.1rem,6.5vw,3.4rem)}
.close__in{display:grid;gap:14px;align-items:center}
.close__art{width:min(38vw,170px);justify-self:center;animation:bob 4s ease-in-out infinite}

/* Pie */
.foot{background:#040b16;color:#9fb0c7;font-size:.9rem;padding:34px 0 28px}
.foot a{color:#d5e1f1}
.foot__name{color:#fff;font-weight:700}
.foot__links{display:flex;flex-wrap:wrap;gap:4px 16px;margin:12px 0}
.foot__links a{min-height:44px;display:inline-flex;align-items:center}
.foot__legal{font-size:.82rem;color:#7e90a8;margin:0}

/* Barra fija */
.sticky{position:fixed;left:0;right:0;bottom:0;z-index:50;display:flex;gap:10px;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:rgba(255,255,255,.96);backdrop-filter:blur(10px);box-shadow:0 -8px 24px rgba(7,19,36,.14)}
.sticky .btn--wa{flex:1;min-height:54px}

/* Aparición */
.js .reveal{opacity:0;transform:translateY(18px);transition:opacity .6s var(--ease),transform .6s var(--ease)}
.js .reveal.in{opacity:1;transform:none}
.js .timeline .reveal:nth-child(2){transition-delay:.12s}
.js .timeline .reveal:nth-child(3){transition-delay:.24s}
.js .stats .reveal:nth-child(2){transition-delay:.1s}
.js .stats .reveal:nth-child(3){transition-delay:.2s}
.js .stats .reveal:nth-child(4){transition-delay:.3s}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Escritorio */
@media (min-width:900px){
  body{padding-bottom:0}
  .sticky{left:auto;right:24px;bottom:24px;background:transparent;box-shadow:none;padding:0}
  .sticky .btn--icon{display:none}
  .sticky .btn--wa{min-height:60px;padding:16px 26px;box-shadow:var(--shadow-2)}
  .hero{padding:64px 0 96px}
  .hero__in{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:56px}
  .hero__media{order:0;width:100%;max-width:420px;margin-top:0}
  .float{font-size:.85rem;padding:10px 14px}
  .float strong{font-size:.95rem}
  .float .ico{width:22px;height:22px}
  .float--a{left:-16%}
  .float--b{right:-8%}
  .float--c{right:-6%}
  .hero__facts{max-width:540px}
  .sec{padding:104px 0}
  .quiz{grid-template-columns:repeat(2,1fr)}
  .quiz .opt:last-child{grid-column:1/-1;max-width:calc(50% - 5px);justify-self:center}
  .split{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:56px}
  .split__art{width:100%;max-width:280px}
  .vs-row>span{padding:18px 22px;font-size:1.02rem}
  .vs-row--head>span{font-size:.8rem}
  .stats__in{grid-template-columns:repeat(4,1fr)}
  .timeline{grid-template-columns:repeat(3,1fr);gap:22px}
  .timeline::before{left:12%;right:12%;top:50px;bottom:auto;width:auto;height:3px;background:linear-gradient(90deg,var(--yellow),var(--blue-3))}
  .tl{grid-template-columns:1fr;padding:24px}
  .about{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:64px}
  .about__photo figcaption{width:150px;right:-30px;bottom:-50px}
  .ticket{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}
  .ticket__left{padding:44px 40px;display:flex;flex-direction:column;justify-content:center}
  .ticket__right{padding:40px}
  .ticket__right::before{left:0;top:0;bottom:0;right:auto;border-top:0;border-left:3px dashed #dbe5f2}
  .where{grid-template-columns:1fr 1fr;gap:56px}
  .close__in{grid-template-columns:auto 1fr;gap:48px}
  .close__art{width:220px}
}

/* v3: test con resultado, por qué fallan, cierre */
.btn--navy{background:var(--navy);color:#fff;box-shadow:0 10px 24px rgba(7,19,36,.25)}
.btn--navy:disabled{background:#b9c6d8;box-shadow:none;cursor:not-allowed;transform:none}
.testbox{background:#fff;border-radius:26px;padding:16px;box-shadow:var(--shadow-2)}
.testbar{margin-top:16px}
.testbar .result__meter{margin-bottom:14px}
.verdict{background:linear-gradient(160deg,var(--navy),#163a6e);color:#cfdcef;border-radius:26px;padding:28px 22px;box-shadow:var(--shadow-2);text-align:left;outline:none}
.verdict.show{animation:pop2 .6s var(--spring) both}
@keyframes pop2{from{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:none}}
.verdict__tag{display:inline-block;background:var(--yellow);color:var(--navy);font-weight:800;font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;padding:6px 12px;border-radius:99px}
.verdict__title{font-family:"Playfair Display",Georgia,serif;color:#fff;font-size:clamp(1.6rem,5vw,2.3rem);line-height:1.15;margin:14px 0 10px}
.verdict__text{color:#cfdcef}
.verdict__list{list-style:none;padding:0;margin:0 0 18px;display:grid;gap:10px}
.verdict__list li{display:flex;gap:10px;align-items:flex-start;color:#fff;font-weight:500}
.verdict__list .ico{color:var(--navy);background:var(--yellow);border-radius:50%;padding:3px;width:24px;height:24px;margin-top:2px}
.verdict__price{color:#fff;margin-bottom:14px}
.verdict__price strong{color:var(--yellow);font-size:1.25rem}
.verdict__redo{display:inline-flex;align-items:center;gap:8px;margin-top:12px;background:none;border:0;color:#aec0db;font:inherit;font-size:.92rem;text-decoration:underline;cursor:pointer;min-height:44px}
.fails{display:grid;gap:14px}
.fail{background:#fff;border-radius:var(--r);padding:22px;box-shadow:var(--shadow);border-top:5px solid var(--yellow);position:relative;overflow:hidden}
.fail__n{position:absolute;right:14px;top:4px;font-family:"Playfair Display",Georgia,serif;font-size:3.6rem;font-weight:700;color:var(--sky);line-height:1}
.fail h3{position:relative}
.fail p{margin:0;color:var(--muted);position:relative}
.turn{text-align:center;font-size:1.2rem;color:var(--navy);max-width:34em;margin:30px auto 0}
.cta-row--center{justify-content:center}
.close{text-align:center}
.close p{font-size:1.1rem}
.close strong{color:#fff}
#t-fallan .hl{white-space:normal}
@media (min-width:900px){
  .testbox{padding:24px}
  .verdict{padding:40px 44px}
  .fails{grid-template-columns:repeat(3,1fr);gap:22px}
  .close__in{grid-template-columns:1fr;gap:6px}
}
#verdict,#testbox,#test{scroll-margin-top:80px}
.stars{color:var(--yellow);letter-spacing:1px;font-size:.9rem;-webkit-text-stroke:.4px #c99a16}
.float .stars{font-size:.8rem}
.cases{display:grid;gap:14px}
.case{background:#fff;border-radius:var(--r);padding:22px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:12px}
.case__who{display:flex;align-items:center;gap:10px;font-weight:700;color:var(--navy);margin:0}
.case__av{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--blue-2),var(--navy));color:var(--yellow);display:grid;place-items:center;font-weight:800}
.case__quote{font-family:"Playfair Display",Georgia,serif;font-size:1.2rem;line-height:1.35;color:var(--navy);margin:0}
.case__work{margin:0;font-size:.95rem;color:var(--muted);border-top:1px dashed #d4dfee;padding-top:12px}
.gbadge{margin:28px auto 0;max-width:640px;background:#fff;border-radius:var(--r);box-shadow:var(--shadow);padding:20px;text-align:center}
.gbadge p{margin:6px 0 14px}
.stars--lg{font-size:1.6rem}
@media (min-width:900px){.cases{grid-template-columns:repeat(3,1fr);gap:22px}}
.stars{-webkit-text-stroke:0;color:#F5B400!important}
.float--a{left:-24%;top:auto;bottom:30%}
.float--b{right:-22%;top:6%}
.float--c{right:-20%;bottom:4%}
@media (min-width:900px){.float--a{left:-18%;bottom:34%}.float--b{right:-10%;top:10%}.float--c{right:-8%;bottom:8%}}
.hello{color:#fff;font-size:1.15rem;margin:0 0 6px}
.hello strong{color:var(--yellow)}
.motiva{background:#fff;border-radius:28px;box-shadow:var(--shadow-2);padding:30px 24px;border-left:8px solid var(--yellow)}
.motiva h2 .hl{white-space:normal}
.case__work strong{color:var(--navy)}
/* resaltado que sí parte en varias líneas */
.hl{white-space:normal!important;color:inherit;background:linear-gradient(transparent 58%,var(--yellow) 58%);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0 .08em}
.hl::after{display:none}
.hero .hl,.close .hl{color:var(--navy);background:var(--yellow);border-radius:.12em;padding:0 .14em}
.hero__text{min-width:0}
.chip{max-width:100%}
.testis{display:grid;gap:16px}
.testi{margin:0;background:#fff;border-radius:24px;padding:24px 22px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:16px;position:relative}
.testi::before{content:"“";position:absolute;right:18px;top:-6px;font-family:"Playfair Display",Georgia,serif;font-size:6rem;line-height:1;color:var(--yellow);opacity:.55}
.testi__tag{align-self:flex-start;background:var(--sky);color:var(--blue);font-weight:800;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;padding:5px 10px;border-radius:99px}
.testi__quote{margin:0;font-size:1.06rem;line-height:1.6;color:var(--ink);font-weight:500}
.testi__who{display:flex;align-items:center;gap:12px;margin-top:auto;border-top:1px dashed #d4dfee;padding-top:14px}
.testi__who strong{display:block;color:var(--navy)}
.testi__who span span{font-size:.85rem;color:var(--muted)}
.testi__av{width:52px;height:52px;border-radius:50%;flex:none;background:linear-gradient(135deg,var(--blue-2),var(--navy));color:var(--yellow);display:grid;place-items:center;font-weight:800;font-size:1.2rem;overflow:hidden;border:3px solid var(--yellow)}
.testi__av img{width:100%;height:100%;object-fit:cover}
.testi__legal{text-align:center;font-size:.8rem;color:var(--muted);margin:18px 0 0}
@media (min-width:900px){.testis{grid-template-columns:repeat(2,1fr);gap:22px}}
.sub--wide{max-width:40em;margin-inline:auto;font-size:1.05rem}
.pieces{display:grid;gap:14px}
.piece{background:#fff;border-radius:var(--r);padding:22px;box-shadow:var(--shadow);border:1px solid #e3ebf6;transition:transform .3s var(--spring),box-shadow .3s}
.piece:hover{transform:translateY(-4px);box-shadow:var(--shadow-2)}
.piece__ico{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:var(--navy);color:var(--yellow);margin-bottom:14px}
.piece__ico svg{width:26px;height:26px}
.piece p{margin:0;color:var(--muted)}
#t-vision .hl{white-space:normal}
@media (min-width:900px){.pieces{grid-template-columns:repeat(6,1fr)}.piece{grid-column:span 2}.piece:nth-child(4){grid-column:2/span 2}.piece:nth-child(5){grid-column:4/span 2}}
@media (max-width:899px){.piece{display:grid;grid-template-columns:48px 1fr;column-gap:14px;padding:18px}.piece__ico{grid-row:1/3;width:48px;height:48px;margin:0}.piece h3{margin:0 0 4px;font-size:1.15rem}}
/* resaltado con aire */
h1,h2{line-height:1.22}
.hl{padding:.02em .2em!important;margin:0 .04em;border-radius:.14em;line-height:1.5}
.hero h1{line-height:1.28}
.hero .hl,.close .hl{padding:.04em .22em!important}