:root{
  --ink:#111827;--ink2:#1f2937;--paper:#f7f7f4;--white:#fff;--red:#d71920;--red2:#b20f15;--gold:#f2b705;--line:#e5e7eb;--muted:#667085;--green:#0e9f6e;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink)}button,input{font:inherit}button,a{touch-action:manipulation}.hidden{display:none!important}
.site-header{height:76px;padding:10px clamp(18px,4vw,56px);display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #ececec;position:sticky;top:0;z-index:30}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink)}.brand-logo{width:54px;height:54px;object-fit:contain;border-radius:10px}.brand-fallback{display:none;line-height:1}.brand-fallback strong{display:block;font-size:16px;letter-spacing:.08em}.brand-fallback span{font-size:11px;letter-spacing:.13em;color:var(--red)}
.top-actions{display:flex;gap:8px}.icon-link{width:42px;height:42px;border:1px solid var(--line);display:grid;place-items:center;border-radius:999px;text-decoration:none;color:var(--ink);font-weight:800;background:#fff}
main{min-height:calc(100vh - 210px)}.screen{display:none}.screen.active{display:block}.narrow{max-width:840px;margin:0 auto;padding:36px 18px 64px}
#home{max-width:1180px;margin:0 auto;padding:42px 24px 70px}.hero{background:linear-gradient(125deg,#111827 0%,#1f2937 68%,#2a1114 100%);color:#fff;border-radius:28px;padding:clamp(28px,5vw,64px);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:34px;align-items:center;box-shadow:0 22px 60px rgba(17,24,39,.16);overflow:hidden;position:relative}.hero:after{content:"";position:absolute;width:280px;height:280px;border:46px solid rgba(215,25,32,.2);transform:rotate(45deg);right:-110px;top:-90px}.hero-copy{position:relative;z-index:1;max-width:720px}.eyebrow{font-size:12px;font-weight:900;letter-spacing:.15em;color:var(--red);text-transform:uppercase}.hero .eyebrow{color:#ff8a8f}.hero h1{font-size:clamp(42px,7vw,78px);line-height:.96;margin:14px 0 18px;letter-spacing:-.045em}.lead{font-size:clamp(18px,2vw,23px);line-height:1.5;color:#e5e7eb;margin:0}.hero-badges{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.hero-badges span{font-size:13px;font-weight:800;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.08);padding:9px 12px;border-radius:999px}.metro-mark{width:170px;height:170px;border:13px solid var(--red);transform:rotate(45deg);display:grid;place-items:center;position:relative;z-index:1;background:#fff;color:var(--ink);box-shadow:0 12px 35px rgba(0,0,0,.25)}.metro-mark>*{transform:rotate(-45deg)}.metro-mark span{font-weight:1000;letter-spacing:.08em;font-size:23px}.metro-mark b{position:absolute;margin-top:48px;color:var(--red)}
.exam-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:24px 0}.exam-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:26px;display:grid;grid-template-columns:auto 1fr;gap:18px;box-shadow:0 10px 30px rgba(17,24,39,.06)}.exam-card .primary{grid-column:1/-1}.exam-number{font-size:38px;font-weight:1000;color:#d0d5dd;line-height:1}.card-kicker{margin:0;color:var(--red);font-size:11px;font-weight:900;letter-spacing:.15em}.exam-card h2{font-size:30px;margin:6px 0 8px}.exam-card p{color:var(--muted);margin:0;line-height:1.45}
.primary,.secondary,.ghost,.finish{border:0;border-radius:12px;padding:13px 18px;font-weight:900;cursor:pointer;transition:.15s transform,.15s background}.primary{background:var(--red);color:#fff}.primary:hover{background:var(--red2);transform:translateY(-1px)}.secondary{background:#fff;color:var(--ink);border:1px solid #d0d5dd}.ghost{background:#f2f4f7;color:var(--ink)}.full{width:100%;font-size:17px;padding:16px}.link-button{text-decoration:none;display:inline-flex;justify-content:center;align-items:center}
.academy-cta{margin:24px 0;background:#fff3f3;border:1px solid #ffd7d9;border-radius:22px;padding:28px;display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center}.academy-cta h2{margin:7px 0 8px;font-size:30px}.academy-cta p{margin:0;color:#555f6d;line-height:1.5}.cta-buttons{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.compact{margin-top:24px}.ranking-card,.ranking-page,.intro-card,.result-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px;box-shadow:0 10px 30px rgba(17,24,39,.05)}.ranking-head{display:flex;justify-content:space-between;gap:20px;align-items:center}.ranking-head h2{margin:5px 0 0}.muted{color:var(--muted);line-height:1.45}.center{text-align:center}
.back-link{border:0;background:transparent;padding:0 0 18px;color:var(--muted);font-weight:800;cursor:pointer}.intro-card h1,.ranking-page h1,.result-card h1{font-size:42px;margin:8px 0 22px;letter-spacing:-.035em}.rules{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:22px}.rules div{background:#f9fafb;border:1px solid var(--line);border-radius:14px;padding:16px;text-align:center}.rules strong{display:block;font-size:25px}.rules span{font-size:12px;color:var(--muted)}.intro-card>p{line-height:1.55;color:#475467}.field{display:block;margin:22px 0}.field>span{display:block;font-weight:850;margin-bottom:7px}.field input{width:100%;padding:14px 15px;border:1px solid #cfd4dc;border-radius:11px;font-size:16px;outline:none}.field input:focus{border-color:var(--red);box-shadow:0 0 0 3px rgba(215,25,32,.1)}.field small{display:block;margin-top:6px;color:var(--muted)}.notice{padding:13px 15px;background:#fff8e8;border:1px solid #f6d77a;border-radius:10px;margin:14px 0;color:#6d5510}
.exam-screen{max-width:1240px;margin:0 auto;padding:0 18px 56px}.exam-topbar{display:flex;justify-content:space-between;align-items:center;padding:18px 2px 10px}.exam-topbar>div:first-child{display:flex;flex-direction:column}.exam-topbar span{font-weight:900}.exam-topbar small{color:var(--muted);margin-top:2px}.timer{font-variant-numeric:tabular-nums;font-weight:1000;font-size:26px;background:var(--ink);color:#fff;padding:9px 13px;border-radius:11px}.timer.warning{background:#9b1c1c}.progress-track{height:5px;background:#e5e7eb;border-radius:99px;margin-bottom:18px;overflow:hidden}.progress-track>div{height:100%;background:var(--red);width:2%;transition:width .2s}.exam-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:18px;align-items:start}.question-card,.question-map{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px}.question-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;font-weight:850;text-transform:uppercase;letter-spacing:.07em}.question-card h2{font-size:clamp(21px,2.7vw,31px);line-height:1.3;margin:20px 0 24px}.answers{display:grid;gap:10px}.answer{width:100%;text-align:left;border:1px solid #d8dde5;background:#fff;padding:15px;border-radius:13px;display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:start;cursor:pointer;color:var(--ink)}.answer-letter{width:30px;height:30px;border-radius:8px;background:#f2f4f7;display:grid;place-items:center;font-weight:1000}.answer:hover{border-color:#aab2bd;background:#fcfcfc}.answer.selected{border-color:var(--red);background:#fff5f5;box-shadow:0 0 0 2px rgba(215,25,32,.07)}.answer.selected .answer-letter{background:var(--red);color:#fff}.question-nav{display:flex;justify-content:space-between;gap:10px;margin-top:24px}.map-head{display:flex;justify-content:space-between;align-items:center;font-size:13px}.map-head span{font-size:10px;color:var(--muted)}.dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:4px}.dot.answered{background:var(--red)}.question-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin:16px 0}.qbtn{aspect-ratio:1;border-radius:8px;border:1px solid #d8dde5;background:#fff;font-size:12px;font-weight:900;cursor:pointer}.qbtn.done{background:#fff1f1;border-color:#f5a7aa;color:#a31318}.qbtn.current{background:var(--ink);color:#fff;border-color:var(--ink)}.finish{width:100%;background:#111827;color:#fff;margin-top:7px}.finish:hover{background:#000}
.result-card{text-align:center}.score-big{font-size:82px;font-weight:1000;line-height:1;color:var(--red);letter-spacing:-.055em}.score-caption{color:var(--muted);margin-top:5px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:24px 0}.stat{background:#f9fafb;border:1px solid var(--line);padding:14px 8px;border-radius:12px}.stat strong{display:block;font-size:24px}.stat span{font-size:11px;color:var(--muted)}.ranking-note{padding:13px;border-radius:11px;background:#f2f4f7;color:#475467}.result-actions{display:flex;gap:10px;justify-content:center;margin-top:20px}
.ranking-tabs{display:flex;gap:8px;border-bottom:1px solid var(--line);margin-bottom:16px}.tab{border:0;background:transparent;padding:11px 14px;font-weight:900;color:var(--muted);cursor:pointer;border-bottom:3px solid transparent}.tab.active{color:var(--red);border-bottom-color:var(--red)}.ranking-table{display:grid;gap:8px}.rank-row{display:grid;grid-template-columns:45px 1fr 80px 90px;gap:8px;align-items:center;padding:12px 14px;border:1px solid var(--line);border-radius:12px}.rank-pos{font-weight:1000;color:#98a2b3}.rank-name{font-weight:850}.rank-score{text-align:right;font-weight:1000}.rank-time{text-align:right;color:var(--muted);font-size:12px}.empty-ranking{padding:34px;text-align:center;color:var(--muted);background:#f9fafb;border-radius:14px}
footer{background:#111827;color:#d0d5dd;padding:30px clamp(18px,4vw,56px);display:grid;gap:9px}.footer-brand{color:#fff;font-weight:900}.footer-links{display:flex;flex-wrap:wrap;gap:14px}.footer-links a{color:#fff;text-decoration:none}.footer-address{font-size:13px;color:#98a2b3}
dialog{border:0;padding:0;border-radius:18px;box-shadow:0 24px 80px rgba(0,0,0,.25);max-width:480px;width:calc(100% - 32px)}dialog::backdrop{background:rgba(17,24,39,.64)}.dialog-card{padding:26px}.dialog-card h3{font-size:24px;margin:0 0 8px}.dialog-card p{color:var(--muted)}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}
@media(max-width:820px){.site-header{height:68px}.brand-logo{width:48px;height:48px}.hero{grid-template-columns:1fr;padding:30px 24px}.metro-mark{display:none}.exam-grid{grid-template-columns:1fr}.academy-cta{grid-template-columns:1fr}.cta-buttons{justify-content:flex-start}.exam-layout{grid-template-columns:1fr}.question-map{order:-1;padding:14px}.question-map .map-head,.question-grid{display:none}.question-map .finish{margin:0}.stats{grid-template-columns:repeat(2,1fr)}.rules{grid-template-columns:repeat(3,1fr)}.rank-row{grid-template-columns:36px 1fr 65px}.rank-time{display:none}.result-actions{flex-direction:column}.result-actions button{width:100%}}
@media(max-width:520px){#home{padding:24px 14px 48px}.hero{border-radius:20px}.hero h1{font-size:47px}.exam-card,.academy-cta,.ranking-card,.intro-card,.result-card,.ranking-page{border-radius:17px;padding:20px}.rules{gap:6px}.rules div{padding:12px 5px}.rules strong{font-size:21px}.question-card{padding:18px}.answer{padding:12px}.site-header{padding:8px 14px}.footer-links{flex-direction:column}.score-big{font-size:68px}}

/* V10 — revisión de diseño y UX */
.brand-button{border:0;background:transparent;padding:0;cursor:pointer}.brand-fallback{display:block}.brand-logo{display:block;max-width:180px;width:auto;height:52px;border-radius:0}[hidden]{display:none!important}
.icon-link.wa{font-size:12px;color:#0b7a52}
.hero-panel{width:180px;min-height:190px;border-radius:24px;background:#fff;color:var(--ink);position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 14px 40px rgba(0,0,0,.22);border-bottom:7px solid var(--red)}
.hero-panel small{font-weight:1000;letter-spacing:.16em;color:var(--red)}.hero-panel strong{font-size:72px;line-height:.9;margin:9px 0 2px}.hero-panel span{font-weight:900}.hero-panel b{margin-top:14px;background:var(--ink);color:#fff;border-radius:999px;padding:7px 13px;font-size:13px}
.consent-row{display:flex;gap:10px;align-items:flex-start;margin:-6px 0 18px;color:#475467;font-size:13px;line-height:1.4}.consent-row input{margin-top:2px;width:18px;height:18px;accent-color:var(--red);flex:0 0 auto}.form-error{padding:12px 14px;background:#fff0f0;border:1px solid #f4b4b7;color:#8b1116;border-radius:10px;margin:12px 0;font-weight:750}
.mobile-finish{display:none}
.review-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px;box-shadow:0 10px 30px rgba(17,24,39,.05)}.review-card h1{font-size:42px;margin:8px 0 22px;letter-spacing:-.035em}.review-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px}.review-summary div{background:#f9fafb;border:1px solid var(--line);border-radius:14px;padding:16px;text-align:center}.review-summary strong{display:block;font-size:27px}.review-summary span{font-size:12px;color:var(--muted)}.review-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:22px 0}.review-q{border:1px solid #d8dde5;background:#fff;border-radius:11px;padding:10px 6px;cursor:pointer;display:flex;flex-direction:column;gap:3px;align-items:center;color:var(--ink)}.review-q strong{font-size:17px}.review-q span{font-size:10px;color:#8a3440}.review-q.done{background:#f2fbf7;border-color:#b8e4d2}.review-q.done span{color:#0b7a52}.review-actions{display:flex;justify-content:flex-end;gap:10px}.footer-disclaimer{font-size:12px;color:#778193;max-width:780px}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);background:#111827;color:#fff;border-radius:999px;padding:11px 16px;font-weight:800;font-size:13px;opacity:0;pointer-events:none;transition:.2s;z-index:100}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:820px){.hero-panel{display:none}.question-map{order:initial;padding:12px 14px}.question-map .question-grid,.desktop-finish{display:none}.question-map .map-head{display:flex}.mobile-finish{display:block;margin-top:18px}.review-grid{grid-template-columns:repeat(4,1fr)}.review-actions{flex-direction:column}.review-actions button{width:100%}}
@media(max-width:520px){.review-card{border-radius:17px;padding:20px}.review-card h1{font-size:34px}.review-summary{gap:6px}.review-summary div{padding:12px 5px}.review-summary strong{font-size:22px}.review-grid{grid-template-columns:repeat(3,1fr)}.brand-fallback strong{font-size:14px}.brand-fallback span{font-size:9px}}
.consent-row a{color:var(--red);font-weight:800}.consent-row em{display:block;margin-top:4px;color:var(--muted);font-style:normal}.consent-row strong{color:var(--ink)}

/* V11 — ranking opcional y cabecera comercial */
.contact-pill{display:inline-flex;align-items:center;gap:6px;text-decoration:none;border:1px solid var(--line);background:#fff;color:var(--ink);padding:9px 12px;border-radius:999px;font-size:12px;font-weight:900}.contact-pill:hover{border-color:#b9c0ca}.contact-pill.wa{color:#08754f}.ranking-context{background:#f9fafb;border:1px solid var(--line);border-radius:12px;padding:11px 13px;color:#475467;font-size:13px}.rank-head-row{display:grid;grid-template-columns:45px 1fr 80px 90px;gap:8px;padding:0 14px 7px;color:var(--muted);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.rank-head-row span:nth-child(3),.rank-head-row span:nth-child(4){text-align:right}@media(max-width:820px){.rank-head-row{grid-template-columns:36px 1fr 65px}.rank-head-row span:nth-child(4){display:none}}@media(max-width:520px){.contact-pill{padding:8px 10px}.contact-pill:first-child span{display:none}}

.scoring-line{padding:12px 14px;border-radius:11px;background:#f9fafb;border:1px solid var(--line);color:#475467}


/* V12 — identidad real visible y copy comercial Metro 2026 */
.brand-logo{max-width:210px;height:56px;object-fit:contain;object-position:left center}
.footer-brand-wrap{display:flex;align-items:center;gap:12px}.footer-logo{width:54px;height:54px;object-fit:contain;background:#fff;border-radius:10px;padding:3px}.footer-brand-wrap span{font-weight:900}
@media(max-width:520px){.brand-logo{max-width:145px;height:46px}.footer-logo{width:46px;height:46px}}

/* feedback-v18 */
.feedback-card{margin-top:18px;padding:18px;border:1px solid rgba(148,163,184,.3);border-radius:16px;background:rgba(15,23,42,.03)}
.feedback-card h2{margin:0 0 8px}.feedback-list{display:grid;gap:12px;margin-top:14px}.feedback-item{padding:14px;border:1px solid rgba(148,163,184,.25);border-radius:12px}.feedback-item h3{font-size:1rem;margin:8px 0}.feedback-item p{margin:0}.feedback-tag{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}

/* Protección también en feedback de fallos */
#resultFeedback,
#resultFeedback * {
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
}

/* EXAM_COPY_PROTECTION_V2 */
#exam,
#exam *,
#review,
#review *,
#resultFeedback,
#resultFeedback * {
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
}