/* FrameCheck · estilos. Tokens tomados del tema de reparacionpc.net (Inter, azul #2563EB, azul noche #0F172A). */
.fc{--fc-blue:#2563EB;--fc-blue-d:#1D4ED8;--fc-sky:#60A5FA;--fc-ice:#EAF2FF;--fc-ice2:#DBEAFE;--fc-ink:#0F172A;--fc-ink2:#101B33;
  --fc-text:#0B1320;--fc-muted:#5B6B82;--fc-line:#E3EAF5;--fc-card:#FFFFFF;--fc-bg:#F7FAFF;
  --fc-good:#16A34A;--fc-ok:#0EA5E9;--fc-warn:#F59E0B;--fc-bad:#DC2626;--fc-gpu:#2563EB;--fc-cpu:#A855F7;
  --fc-r:16px;--fc-shadow:0 12px 30px rgba(15,23,42,.06);--fc-shadow-l:0 24px 70px rgba(15,23,42,.16);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--fc-text);line-height:1.5;-webkit-font-smoothing:antialiased}
/* Modo oscuro: sigue el interruptor claro/oscuro del sitio (html[data-rpc-theme]). */
html[data-rpc-theme=dark] .fc{--fc-text:#E7EEF9;--fc-muted:#9BAAC2;--fc-line:#22304A;--fc-card:#111B2E;--fc-bg:#0B1324;--fc-ice:#16233D;--fc-ice2:#1C2C4C}
html[data-rpc-theme=dark] .fc a{color:#93C5FD}
html[data-rpc-theme=dark] .fc-btn-ghost{color:#BFD7FF!important}
html[data-rpc-theme=dark] .fc-res button[aria-pressed=true],html[data-rpc-theme=dark] .fc-chips a,html[data-rpc-theme=dark] .fc-tag,html[data-rpc-theme=dark] .fc-kicker{color:#93C5FD}
html[data-rpc-theme=dark] .fc-error{background:#3B1212;color:#FECACA}
body.framecheck-page #ast-scroll-top{display:none!important}
.fc[data-theme=dark]{--fc-text:#E7EEF9;--fc-muted:#9BAAC2;--fc-line:#22304A;--fc-card:#111B2E;--fc-bg:#0B1324;--fc-ice:#16233D;--fc-ice2:#1C2C4C}
.fc *{box-sizing:border-box}
.fc a{color:var(--fc-blue)}
.fc-wrap{max-width:1120px;margin:0 auto;padding:0 20px}
.fc-kicker{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--fc-blue)}
.fc-kicker b{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:7px;background:linear-gradient(135deg,var(--fc-sky),var(--fc-blue));color:#fff;font-size:12px}
.fc h1{font-size:clamp(34px,4.4vw,56px);line-height:1.05;letter-spacing:-.02em;margin:.25em 0 .3em;font-weight:800}
.fc h1 em{font-style:normal;background:linear-gradient(90deg,var(--fc-sky),var(--fc-blue));-webkit-background-clip:text;background-clip:text;color:transparent}
.fc h2{font-size:clamp(22px,2.4vw,30px);letter-spacing:-.01em;margin:0 0 .4em;font-weight:800}
.fc h3{font-size:17px;margin:0 0 .3em}
.fc-lead{font-size:18px;color:var(--fc-muted);max-width:640px}
.fc-section{padding:44px 0}
.fc-card{background:var(--fc-card);border:1px solid var(--fc-line);border-radius:var(--fc-r);box-shadow:var(--fc-shadow)}
.fc-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:999px;padding:14px 26px;font:700 16px/1 Inter,system-ui,sans-serif;cursor:pointer;text-decoration:none;transition:transform .15s,box-shadow .15s,background .15s}
.fc-btn-primary{background:var(--fc-blue);color:#fff!important;box-shadow:0 10px 24px rgba(37,99,235,.28)}
.fc-btn-primary:hover{background:var(--fc-blue-d);transform:translateY(-1px)}
.fc-btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}
.fc-btn-ghost{background:transparent;color:var(--fc-blue)!important;border:1.5px solid var(--fc-ice2)}
.fc-btn-wa{background:#16A34A;color:#fff!important}
.fc-btn-amz{background:#FFB020;color:#111!important}
.fc-btn-block{width:100%}

/* ---------- Página 1: calculadora ---------- */
.fc-hero-light{background:radial-gradient(1200px 400px at 80% -10%,var(--fc-ice2),transparent 60%),linear-gradient(180deg,var(--fc-card) 0%,var(--fc-bg) 100%);padding:48px 0 28px}
.fc-form{padding:22px;margin-top:22px}
.fc-grid2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}
.fc-field{position:relative;background:var(--fc-bg);border:1px solid var(--fc-line);border-radius:14px;padding:14px 14px 12px}
.fc-field label{display:flex;align-items:center;gap:8px;font-weight:700;font-size:14px;margin-bottom:8px}
.fc-field label .fc-ico{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:var(--fc-ice);color:var(--fc-blue);font-size:14px}
.fc-input{width:100%;border:1.5px solid var(--fc-line);background:var(--fc-card);color:var(--fc-text);border-radius:12px;padding:13px 40px 13px 14px;font:500 16px Inter,system-ui,sans-serif;outline:none}
.fc-input:focus{border-color:var(--fc-blue);box-shadow:0 0 0 4px rgba(37,99,235,.12)}
.fc-field.is-picked .fc-input{border-color:var(--fc-good)}
.fc-clear{position:absolute;right:24px;top:52px;border:0;background:none;color:var(--fc-muted);font-size:18px;cursor:pointer}
.fc-menu{position:absolute;left:14px;right:14px;top:calc(100% - 6px);z-index:40;background:var(--fc-card);border:1px solid var(--fc-line);border-radius:12px;box-shadow:var(--fc-shadow-l);max-height:320px;overflow:auto;padding:6px;list-style:none;margin:0}
.fc-menu li{padding:10px 12px;border-radius:9px;cursor:pointer;display:flex;align-items:center;gap:10px;font-size:15px}
.fc-menu li[aria-selected=true],.fc-menu li:hover{background:var(--fc-ice)}
.fc-menu small{color:var(--fc-muted);margin-left:auto;font-size:12px;white-space:nowrap}
.fc-menu img{width:46px;height:22px;object-fit:cover;border-radius:5px;flex:none}
.fc-mini-ph{width:46px;height:22px;flex:none;border-radius:5px;display:grid;place-items:center;font-size:11px;font-weight:800;color:#fff;background:linear-gradient(135deg,#60A5FA,#2563EB 55%,#0F172A)}
.fc-hint{font-size:12.5px;color:var(--fc-muted);margin-top:6px}
.fc-thumb{display:flex;align-items:center;gap:10px;margin-top:10px}
.fc-thumb img{width:92px;height:43px;border-radius:8px;object-fit:cover;box-shadow:var(--fc-shadow)}
.fc-res{display:flex;gap:8px;flex-wrap:wrap}
.fc-res button{flex:1;min-width:90px;border:1.5px solid var(--fc-line);background:var(--fc-card);color:var(--fc-text);border-radius:12px;padding:11px 8px;font:600 14px Inter,system-ui,sans-serif;cursor:pointer}
.fc-res button[aria-pressed=true]{border-color:var(--fc-blue);background:var(--fc-ice);color:var(--fc-blue)}
.fc-res small{display:block;font-weight:500;color:var(--fc-muted);font-size:12px}
.fc-submit{margin-top:18px}
.fc-trust{display:flex;gap:18px;flex-wrap:wrap;margin-top:14px;font-size:13px;color:var(--fc-muted)}
.fc-trust span::before{content:"✓ ";color:var(--fc-good);font-weight:800}
.fc-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.fc-step{padding:20px}
.fc-step b{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:10px;background:var(--fc-ice);color:var(--fc-blue);margin-bottom:8px}
.fc-tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.fc-faq details{border-bottom:1px solid var(--fc-line);padding:14px 0}
.fc-faq summary{font-weight:700;cursor:pointer;list-style:none}
.fc-faq summary::after{content:"+";float:right;color:var(--fc-blue);font-weight:800}
.fc-faq details[open] summary::after{content:"–"}
.fc-chips{display:flex;flex-wrap:wrap;gap:8px}
.fc-chips a{display:inline-block;padding:8px 14px;border-radius:999px;background:var(--fc-ice);color:var(--fc-blue);text-decoration:none;font-weight:600;font-size:14px}

/* ---------- Página 2: resultado (portada oscura tipo versus) ---------- */
.fc-dark{background:radial-gradient(900px 380px at 15% 0%,rgba(96,165,250,.22),transparent 60%),radial-gradient(700px 300px at 90% 10%,rgba(168,85,247,.16),transparent 60%),linear-gradient(180deg,var(--fc-ink) 0%,var(--fc-ink2) 100%);color:#E7EEF9;padding:28px 0 34px}
.fc-dark a{color:#BFD7FF}
.fc-crumbs{font-size:13px;color:#9BAAC2;margin-bottom:14px}
.fc-crumbs a{color:#BFD7FF;text-decoration:none}
.fc-res-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:28px;align-items:center}
.fc-game{display:flex;gap:16px;align-items:center}
.fc-game img{width:184px;height:86px;border-radius:12px;object-fit:cover;box-shadow:0 14px 40px rgba(0,0,0,.35)}
.fc-game h1{color:#fff;font-size:clamp(28px,3.4vw,44px);margin:0}
.fc-setup{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.fc-pill{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:7px 12px;font-size:13.5px;color:#DCE6F6}
.fc-pill i{font-style:normal;color:#93C5FD;font-weight:700}
.fc-verdict{display:flex;align-items:center;gap:20px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:20px}
.fc-ring{--v:0;--c:var(--fc-good);width:132px;height:132px;flex:0 0 132px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--c) calc(var(--v)*1%),rgba(255,255,255,.08) 0)}
.fc-ring>div{width:108px;height:108px;border-radius:50%;background:var(--fc-ink2);display:grid;place-items:center;text-align:center}
.fc-ring strong{display:block;font-size:38px;line-height:1;color:#fff;font-weight:800}
.fc-ring span{font-size:12px;color:#9BAAC2;font-weight:600}
.fc-verdict h2{color:#fff;margin:0 0 4px;font-size:24px}
.fc-verdict p{margin:0;color:#B9C6DA;font-size:14.5px}
.fc-range{display:inline-block;margin-top:8px;font-size:13px;color:#DCE6F6;background:rgba(96,165,250,.14);border-radius:8px;padding:4px 9px}
.fc-badge{display:inline-flex;align-items:center;gap:6px;margin-top:10px;font-size:12.5px;padding:5px 10px;border-radius:999px;font-weight:600}
.fc-badge.t-A,.fc-badge.t-A1{background:rgba(22,163,74,.16);color:#86EFAC}
.fc-badge.t-B{background:rgba(14,165,233,.16);color:#7DD3FC}
.fc-badge.t-C,.fc-badge.t-C0{background:rgba(245,158,11,.16);color:#FCD34D}
.fc-sub{background:var(--fc-bg)}
.fc-cols{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:20px;align-items:start}
.fc-cols>*,.fc-res-hero>*,.fc-grid2>*{min-width:0}
.fc-panel{padding:22px}
.fc-panel>header{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:14px}
.fc-panel>header p{margin:0;color:var(--fc-muted);font-size:13px}
/* barras por calidad con rango */
.fc-q{display:grid;grid-template-columns:72px 1fr 92px;gap:12px;align-items:center;padding:10px 0;border-bottom:1px dashed var(--fc-line)}
.fc-q:last-child{border-bottom:0}
.fc-q .lbl{font-weight:700;font-size:14px}
.fc-track{position:relative;height:14px;border-radius:999px;background:var(--fc-ice)}
.fc-track .band{position:absolute;top:0;bottom:0;border-radius:999px;opacity:.35}
.fc-track .bar{position:absolute;left:0;top:3px;bottom:3px;border-radius:999px}
.fc-track .dot{position:absolute;top:-4px;width:22px;height:22px;margin-left:-11px;border-radius:50%;border:4px solid var(--fc-card);box-shadow:0 2px 8px rgba(15,23,42,.25)}
.fc-q .val{text-align:right}
.fc-q .val strong{font-size:22px;font-weight:800}
.fc-q .val small{display:block;font-size:11.5px;color:var(--fc-muted)}
.fc-scale{display:flex;justify-content:space-between;font-size:11px;color:var(--fc-muted);margin:6px 0 0 84px;padding-right:104px}
.fc-legend{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;color:var(--fc-muted);margin-top:12px}
.fc-legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:5px;vertical-align:-1px}
/* qué limita */
.fc-limit .row{display:grid;grid-template-columns:96px minmax(0,1fr) 72px;gap:10px;align-items:center;margin:10px 0}
.fc-limit .row b{font-size:13px}
.fc-limit .meter{height:12px;border-radius:999px;background:var(--fc-ice);overflow:hidden}
.fc-limit .meter span{display:block;height:100%;border-radius:999px}
.fc-limit .row em{font-style:normal;text-align:right;font-weight:700;font-size:14px}
.fc-limit p{font-size:14px;margin:10px 0 0}
.fc-limit p.sub{font-size:12.5px;color:var(--fc-muted);margin:0 0 4px}
/* tabla resoluciones */
.fc-table{width:100%;border-collapse:separate;border-spacing:0;font-size:14px}
.fc-table th,.fc-table td{padding:10px 8px;text-align:center;border-bottom:1px solid var(--fc-line)}
.fc-table th:first-child,.fc-table td:first-child{text-align:left}
.fc-table tr.is-sel td{background:var(--fc-ice);font-weight:700}
.fc-chip{display:inline-block;min-width:44px;padding:3px 8px;border-radius:8px;font-weight:700;color:#fff}
/* juegos populares */
.fc-games{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.fc-gcard{display:block;text-decoration:none;color:inherit;border-radius:14px;overflow:hidden;background:var(--fc-card);border:1px solid var(--fc-line);transition:transform .15s,box-shadow .15s}
.fc-gcard:hover{transform:translateY(-2px);box-shadow:var(--fc-shadow-l)}
.fc-gcard img,.fc-gcard .ph{width:100%;height:auto;aspect-ratio:460/215;object-fit:cover;display:block;background:linear-gradient(135deg,var(--fc-ice),var(--fc-ice2))}
.fc .ph{display:grid!important;place-items:center;padding:10px;text-align:center;background:radial-gradient(120% 120% at 0% 0%,#60A5FA 0%,#2563EB 45%,#0F172A 100%)!important;color:#fff}
.fc .ph b{font-size:clamp(14px,1.6vw,20px);font-weight:800;letter-spacing:-.01em;line-height:1.1;text-shadow:0 2px 12px rgba(0,0,0,.35)}
.fc-game .ph{width:184px;height:86px;border-radius:12px}
.fc-thumb .ph{width:92px;height:43px;border-radius:8px}.fc-thumb .ph b{font-size:11px}
.fc-gcard>div:not(.ph){padding:10px 12px;display:flex;justify-content:space-between;align-items:center;gap:8px}
.fc-gcard span{font-size:13.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* versus de mejoras */
.fc-ups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.fc-vs{border-radius:18px;overflow:hidden;border:1px solid var(--fc-line);background:var(--fc-card)}
.fc-vs-top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;padding:16px;background:linear-gradient(180deg,var(--fc-ink),var(--fc-ink2));color:#fff}
.fc-vs-side{text-align:center}
.fc-vs-side small{display:block;color:#9BAAC2;font-size:11.5px;text-transform:uppercase;letter-spacing:.05em}
.fc-vs-side strong{display:block;font-size:15px;margin:2px 0 8px}
.fc-mini{--v:0;--c:var(--fc-sky);width:62px;height:62px;margin:0 auto;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--c) calc(var(--v)*1%),rgba(255,255,255,.1) 0)}
.fc-mini span{width:50px;height:50px;border-radius:50%;background:var(--fc-ink2);display:grid;place-items:center;font-weight:800;font-size:18px}
.fc-vs-side em{display:block;font-style:normal;font-size:11px;color:#9BAAC2;margin-top:6px}
.fc-vs-x{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--fc-sky),#A855F7);font-weight:800;font-size:12px}
.fc-vs-body{padding:16px}
.fc-gain{display:flex;align-items:baseline;gap:8px}
.fc-gain strong{font-size:30px;font-weight:800;color:var(--fc-good)}
.fc-vs-body p{margin:4px 0 12px;color:var(--fc-muted);font-size:14px}
.fc-tag{display:inline-block;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:3px 8px;border-radius:6px;background:var(--fc-ice);color:var(--fc-blue);margin-bottom:6px}
.fc-cta-row{display:flex;gap:8px;flex-wrap:wrap}
.fc-cta-row .fc-btn{padding:11px 18px;font-size:14.5px}
.fc-disclosure{font-size:12px;color:var(--fc-muted);margin-top:12px}
.fc-note{background:var(--fc-ice);border-radius:12px;padding:12px 14px;font-size:14px}
.fc-warn{font-size:13.5px;color:var(--fc-muted);margin:6px 0 0;padding-left:18px}
.fc-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.fc-method{font-size:14px;color:var(--fc-muted)}
.fc-loading{padding:60px 0;text-align:center;color:var(--fc-muted)}
.fc-error{padding:20px;border-radius:14px;background:#FEF2F2;color:#991B1B}
@media (max-width:900px){.fc-res-hero,.fc-cols{grid-template-columns:minmax(0,1fr)}.fc-games{grid-template-columns:repeat(2,minmax(0,1fr))}.fc-ups{grid-template-columns:minmax(0,1fr)}.fc-steps,.fc-tiers{grid-template-columns:1fr}}
@media (max-width:640px){.fc-grid2{grid-template-columns:minmax(0,1fr)}.fc-panel{padding:16px}.fc-panel>header{flex-direction:column;align-items:flex-start;gap:4px}.fc-table{font-size:13.5px}.fc-table th,.fc-table td{padding:9px 3px}.fc-chip{min-width:40px;padding:3px 6px}.fc-gcard span:first-child{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.25}.fc-gcard .fc-chip{flex:none}.fc-section{padding:32px 0}.fc-wrap{padding:0 16px}.fc-game{flex-direction:column;align-items:flex-start}.fc-game img,.fc-game .ph{width:100%;height:auto;aspect-ratio:460/215}.fc-game h1{font-size:30px;overflow-wrap:anywhere}.fc-verdict{flex-direction:column;text-align:center}.fc-q{grid-template-columns:58px 1fr 74px}.fc-scale{margin-left:70px;padding-right:84px}.fc-res-hero{gap:18px}}
