@font-face{font-family:'Barlow Condensed';font-weight:600;font-display:swap;src:url(/fonts/barlow-condensed-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'Barlow Condensed';font-weight:700;font-display:swap;src:url(/fonts/barlow-condensed-latin-700-normal.woff2) format('woff2')}
@font-face{font-family:'Barlow Condensed';font-weight:800;font-display:swap;src:url(/fonts/barlow-condensed-latin-800-normal.woff2) format('woff2')}
@font-face{font-family:'Source Sans 3';font-weight:400;font-display:swap;src:url(/fonts/source-sans-3-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Source Sans 3';font-weight:600;font-display:swap;src:url(/fonts/source-sans-3-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'Source Sans 3';font-weight:700;font-display:swap;src:url(/fonts/source-sans-3-latin-700-normal.woff2) format('woff2')}
:root{--navy:#0F2A44;--navy2:#17395C;--yel:#FFC20E;--ink:#1B2430;--muted:#5B6675;--bg:#F4F6F9;--card:#fff;--line:#DCE2EA;--ok:#1E8E5A;--ko:#C8372D;--okbg:#E6F5EC;--kobg:#FBEAE8;--warnbg:#FFF6DB;--r:14px}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--ink);font-family:'Source Sans 3',system-ui,sans-serif;font-size:17px;line-height:1.45;-webkit-text-size-adjust:100%}
a{color:var(--navy);font-weight:600}
h1,h2,h3{font-family:'Barlow Condensed',sans-serif;color:var(--navy);text-transform:uppercase;letter-spacing:.01em;line-height:1.05;margin:0 0 .5em}
h1{font-size:32px;font-weight:800}h2{font-size:24px;font-weight:800}h3{font-size:19px;font-weight:700}
p{margin:0 0 .8em}
.top{position:sticky;top:0;z-index:20;background:var(--navy);color:#fff;display:flex;align-items:center;gap:12px;padding:10px 16px;padding-top:max(10px,env(safe-area-inset-top))}
.top .logo{height:30px;display:block}.top .sp{flex:1}
.top button.link{color:#fff;font-weight:600;background:none;border:0;font-size:15px;padding:6px 4px;cursor:pointer}
main{max-width:760px;margin:0 auto;padding:18px 16px 90px}
.card{background:var(--card);border-radius:var(--r);padding:18px;margin:0 0 14px;box-shadow:0 1px 2px rgba(15,42,68,.08)}
.card.navy{background:var(--navy);color:#fff}.card.navy h1,.card.navy h2,.card.navy h3{color:#fff}
.card.warn{background:var(--warnbg);border-left:5px solid var(--yel)}
.card.ok{background:var(--okbg);border-left:5px solid var(--ok)}
.card.ko{background:var(--kobg);border-left:5px solid var(--ko)}
.muted{color:var(--muted)}.small{font-size:14px}.center{text-align:center}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:12px 20px;border-radius:12px;border:0;font:700 18px 'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:.03em;cursor:pointer;text-decoration:none;background:var(--yel);color:var(--navy);width:100%}
.btn.sec{background:#fff;color:var(--navy);border:2px solid var(--navy)}
.btn.dark{background:var(--navy);color:#fff}
.btn.red{background:var(--ko);color:#fff}
.btn.ghost{background:transparent;color:var(--navy);border:0;min-height:40px;width:auto;padding:8px 10px}
.btn:disabled{opacity:.5;cursor:default}
.row{display:flex;gap:10px;flex-wrap:wrap}.row>*{flex:1 1 0;min-width:0}
.stack>*+*{margin-top:10px}
label{display:block;font-weight:600;margin:12px 0 4px}
input,select,textarea{width:100%;font:inherit;padding:12px;border-radius:10px;border:1.5px solid var(--line);background:#fff;color:var(--ink)}
input:focus,select:focus,textarea:focus{outline:3px solid rgba(255,194,14,.6);border-color:var(--navy)}
.check{display:flex;gap:10px;align-items:flex-start;font-weight:400;margin:12px 0}
.check input{width:22px;height:22px;flex:0 0 22px;margin-top:2px}
.err{color:var(--ko);font-weight:600;min-height:1.2em;margin:8px 0}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin:10px 0}
.stat{background:var(--navy);color:#fff;border-radius:12px;padding:12px}
.stat b{display:block;font:800 30px 'Barlow Condensed';color:var(--yel);line-height:1}
.stat span{font-size:14px;color:#E6ECF2}
.pill{display:inline-block;padding:3px 10px;border-radius:99px;font-size:13px;font-weight:700;background:var(--bg);color:var(--navy)}
.pill.ok{background:var(--okbg);color:var(--ok)}.pill.ko{background:var(--kobg);color:var(--ko)}.pill.warn{background:var(--warnbg);color:#8a6400}
.progress{height:10px;background:var(--line);border-radius:99px;overflow:hidden}.progress>i{display:block;height:100%;background:var(--yel)}
.brands{display:flex;gap:14px;justify-content:center;align-items:center;flex-wrap:wrap;margin:10px 0}.brands img{height:72px}
.hero{background:var(--navy);color:#fff;border-radius:0 0 26px 26px;margin:-18px -16px 18px;padding:28px 20px 30px}
.hero h1{color:#fff;font-size:40px}.hero .price{font:800 44px 'Barlow Condensed';color:var(--yel)}
ul.clean{list-style:none;padding:0;margin:0}ul.clean li{padding:8px 0;border-bottom:1px solid var(--line)}
.list a.item,.list .item{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink);font-weight:400}
.item .grow{flex:1;min-width:0}.item b{color:var(--navy)}
/* test */
.testbar{position:sticky;top:0;z-index:30;background:var(--navy);color:#fff;padding:10px 16px;padding-top:max(10px,env(safe-area-inset-top));display:flex;align-items:center;gap:12px}
.timer{font:800 28px 'Barlow Condensed';color:var(--yel);font-variant-numeric:tabular-nums;min-width:96px}
.timer.low{color:#ff8a80}
.testbar .count{flex:1;font-size:15px}
.qcard{background:#fff;border-radius:var(--r);padding:18px;box-shadow:0 1px 2px rgba(15,42,68,.08)}
.qnum{font:800 15px 'Barlow Condensed';text-transform:uppercase;color:var(--muted);letter-spacing:.05em;margin-bottom:6px}
.qtext{font-size:19px;font-weight:600;margin-bottom:14px}
.opt{display:flex;gap:12px;align-items:flex-start;width:100%;text-align:left;background:#fff;border:2px solid var(--line);border-radius:12px;padding:12px 14px;margin:0 0 10px;font:inherit;color:var(--ink);cursor:pointer;min-height:54px}
.opt .l{flex:0 0 30px;height:30px;border-radius:50%;background:var(--bg);color:var(--navy);font:800 18px 'Barlow Condensed';display:flex;align-items:center;justify-content:center}
.opt.sel{border-color:var(--navy);background:#EEF3F8}.opt.sel .l{background:var(--navy);color:var(--yel)}
.opt.right{border-color:var(--ok);background:var(--okbg)}.opt.right .l{background:var(--ok);color:#fff}
.opt.wrong{border-color:var(--ko);background:var(--kobg)}.opt.wrong .l{background:var(--ko);color:#fff}
.dudo{display:inline-flex;align-items:center;gap:8px;border:2px dashed var(--muted);border-radius:10px;padding:8px 12px;background:#fff;font:700 15px 'Source Sans 3';color:var(--muted);cursor:pointer}
.dudo.on{border-style:solid;border-color:#c99700;background:var(--warnbg);color:#7a5a00}
.grid{display:grid;grid-template-columns:repeat(10,1fr);gap:5px}
.grid button{aspect-ratio:1;border:1.5px solid var(--line);border-radius:7px;background:#fff;font:700 13px 'Source Sans 3';color:var(--muted);cursor:pointer;padding:0}
.grid button.ans{background:var(--navy);color:#fff;border-color:var(--navy)}
.grid button.d{box-shadow:inset 0 -4px 0 var(--yel)}
.grid button.cur{outline:3px solid var(--yel)}
.navbtns{display:flex;gap:10px;margin:12px 0}
.bar{display:flex;align-items:center;gap:10px;margin:8px 0}.bar .lbl{flex:0 0 46%;font-size:15px}.bar .track{flex:1;height:14px;background:var(--line);border-radius:99px;overflow:hidden}.bar .track i{display:block;height:100%}
.bar .v{flex:0 0 52px;text-align:right;font-weight:700;font-variant-numeric:tabular-nums}
.big{font:800 64px 'Barlow Condensed';line-height:1;color:var(--yel)}
.review .rq{border-top:1px solid var(--line);padding:14px 0}
.glos{background:var(--bg);border-radius:10px;padding:8px 12px;font-size:14px;margin-top:8px}
.tabs{display:flex;gap:6px;margin:0 0 12px;overflow-x:auto}.tabs button{border:0;background:#fff;border-radius:99px;padding:8px 14px;font:700 15px 'Source Sans 3';color:var(--navy);cursor:pointer;white-space:nowrap}
.tabs button.on{background:var(--navy);color:#fff}
/* modal */
.modal{position:fixed;inset:0;background:rgba(10,22,36,.6);display:flex;align-items:flex-end;justify-content:center;z-index:100;padding:16px}
.modal .box{background:#fff;border-radius:18px;max-width:520px;width:100%;padding:20px;max-height:90vh;overflow:auto}
@media(min-width:700px){.modal{align-items:center}}
/* visor de manuales */
.viewer{background:#525b66;margin:0 -16px;padding:12px 0;min-height:70vh;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.viewer canvas{display:block;margin:0 auto 12px;max-width:100%;height:auto;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.3)}
.viewer .ph{margin:0 auto 12px;background:#fff;opacity:.25}
.vtools{position:sticky;top:50px;z-index:15;display:flex;gap:8px;align-items:center;background:var(--bg);padding:8px 0}
.table{width:100%;border-collapse:collapse;font-size:15px}.table th,.table td{text-align:left;padding:8px 6px;border-bottom:1px solid var(--line);vertical-align:top}
.table th{font:700 14px 'Barlow Condensed';text-transform:uppercase;color:var(--muted)}
.tabbar{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--line);display:flex;z-index:20;padding-bottom:env(safe-area-inset-bottom)}
.tabbar a{flex:1;text-align:center;padding:10px 4px;font:700 13px 'Source Sans 3';color:var(--muted);text-decoration:none}
.tabbar a.on{color:var(--navy);box-shadow:inset 0 3px 0 var(--yel)}
.tabbar a i{display:block;font-style:normal;font-size:20px;line-height:1.1}
.toast{position:fixed;left:50%;bottom:84px;transform:translateX(-50%);background:var(--navy);color:#fff;padding:10px 16px;border-radius:10px;z-index:200;font-weight:600;max-width:90vw}
.spark{width:100%;height:90px}
.legal h3{margin-top:1.2em}
@media print{.viewer{display:none}}

/* ---------- portada, guía y extras ---------- */
.kick{margin:0 0 6px;color:var(--yel);font:800 16px 'Barlow Condensed';text-transform:uppercase;letter-spacing:.05em}
.hero .price s{font-size:26px;color:#AFC0D3}.hero .price span{font-size:22px;color:#fff}
.sub{color:#D7DEE7;margin:2px 0 0}.sub b{color:#fff}
.card.navy .price{font:800 40px 'Barlow Condensed';color:var(--yel)}.card.navy .price s{font-size:24px;color:#AFC0D3}.card.navy .price span{font-size:20px;color:#fff}
.heroimg{display:none}
.mock{background:#fff;border-radius:18px;padding:16px;color:var(--ink);box-shadow:0 10px 30px rgba(0,0,0,.35);transform:rotate(2deg)}
.mock .mt{background:var(--navy);color:var(--yel);font:800 15px 'Barlow Condensed';border-radius:10px;padding:8px 12px;margin:-4px -4px 12px}
.mock .mq{font-weight:700;margin-bottom:10px}.mock .mo{border:2px solid var(--line);border-radius:10px;padding:8px 10px;margin-bottom:8px;font-size:15px}
.mock .mo.sel{border-color:var(--navy);background:#EEF3F8;font-weight:600}
.cards3{display:grid;grid-template-columns:1fr;gap:12px;margin-bottom:14px}.cards3 .card{margin:0}
.stepn{width:40px;height:40px;border-radius:50%;background:var(--yel);color:var(--navy);font:800 22px 'Barlow Condensed';display:flex;align-items:center;justify-content:center;margin-bottom:8px}
main>h2{margin:24px 0 12px}
.faq details{border-bottom:1px solid var(--line);padding:12px 0}.faq summary{font-weight:700;color:var(--navy);cursor:pointer}.faq details p{margin:8px 0 0}
.lead{font-size:19px;color:var(--muted)}
.wa{position:fixed;right:16px;bottom:84px;z-index:25;background:#1E8E5A;color:#fff;font:700 15px 'Source Sans 3';text-decoration:none;padding:12px 16px;border-radius:99px;box-shadow:0 4px 14px rgba(0,0,0,.25)}
main:not(.withtab)~.wa{bottom:20px}
nav.desk{display:none}
.list button.item:hover{background:var(--bg)}

/* ---------- tableta ---------- */
@media (min-width:700px){
  main{padding-left:24px;padding-right:24px}
  .cards3{grid-template-columns:repeat(3,1fr)}
  .hero{margin:-18px -24px 24px;padding:40px 32px}
  .grid{grid-template-columns:repeat(20,1fr)}
}
/* ---------- ordenador ---------- */
@media (min-width:980px){
  main{max-width:1080px;padding-bottom:40px}
  .tabbar{display:none}
  .wa{bottom:24px}
  nav.desk{display:flex;gap:4px;margin-left:24px}
  nav.desk a{color:#D7DEE7;text-decoration:none;font-weight:600;font-size:15px;padding:8px 12px;border-radius:8px}
  nav.desk a:hover{background:var(--navy2);color:#fff}
  nav.desk a.on{background:var(--navy2);color:#fff;box-shadow:inset 0 -3px 0 var(--yel)}
  .top{padding-left:max(24px,calc((100vw - 1080px)/2 + 24px));padding-right:max(24px,calc((100vw - 1080px)/2 + 24px))}
  .hero{border-radius:0 0 30px 30px}
  .heroin{display:grid;grid-template-columns:1.25fr 1fr;gap:40px;align-items:center}
  .heroimg{display:block}
  .hero h1{font-size:52px}
  .testwrap{display:grid;grid-template-columns:1fr 360px;gap:20px;align-items:start}
  .testwrap .tside{position:sticky;top:76px}
  .testwrap .grid{grid-template-columns:repeat(10,1fr)}
  .stats{grid-template-columns:repeat(4,1fr)}
  .viewer{margin:0;border-radius:12px}
  .modal .box{padding:28px}
}

.video{position:relative;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#0F2A44}.video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}