/* Capa de estilo de gamestrategies.io sobre las calculadoras Kepler (se carga después de su style.css).
   No cambia la estructura de la app, solo la pone en el sistema de diseño del sitio: Archivo en vez de
   Poppins/Open Sans (sin llamada a Google Fonts), tinta/azul/oro, botones con "suelo" de recreativa y fondo
   transparente para que la tarjeta se asiente sobre la sección de la página. */
@font-face{font-family:Archivo;font-style:normal;font-weight:100 900;font-stretch:62% 125%;font-display:swap;src:url(/assets/fonts/archivo-var.woff2) format("woff2")}
:root{
  --navy:#0B1B30; --blue:#0064D1; --blue-bright:#0073F0; --primary:#0064D1; --primary-2:#0073F0; --primary-dark:#0B1B30;
  --text:#0B1B30; --muted:#566A82; --gray-dark:#2A3A4E; --gray-mid:#566A82; --border:#D9E1EB;
  --orange:#FFB547; --orange-2:#FFC46B; --accent:#FFB547; --accent-2:#FFC46B;
}
html,body{height:auto!important;min-height:0!important;background:transparent!important;overflow:hidden}
body,button,input,select,textarea{font-family:Archivo,system-ui,-apple-system,"Segoe UI",sans-serif!important}
h1,h2,h3,.big,.brand-name,.result-card .value,.result-card .label,.btn,.pill{font-family:Archivo,system-ui,sans-serif!important}
h1,h2{font-stretch:112%;font-weight:800;letter-spacing:-.02em;color:#0B1B30}
h3{font-stretch:106%;font-weight:720;color:#0B1B30}
.bg{display:none}
.container{max-width:none;padding:0 0 8px}
/* el idioma lo marca la página y el titular ya está en su cabecera: la app no los repite */
.lang{display:none!important}
#screen-welcome > h1,#screen-welcome > .lead{display:none}
.card{background:#fff;border:1px solid #D9E1EB;box-shadow:0 30px 60px -44px rgba(11,27,48,.45);border-radius:22px;-webkit-backdrop-filter:none;backdrop-filter:none}
.info-box{border-color:#D9E1EB;border-radius:16px;background:#F3F6FA}
.pill{background:#fff;border:1px solid #D9E1EB;color:#0B1B30}
.brand-name{color:#0064D1}
.brand-sub{color:#0B1B30;font-stretch:108%}
.btn{border-radius:999px;font-weight:680;border:1px solid #D9E1EB;background:#fff;color:#0B1B30;box-shadow:none;transform:none}
.btn:hover{transform:none;border-color:#0064D1}
.btn-primary,a.btn.btn-primary#cta-link{background:#0064D1!important;color:#fff!important;border:0;box-shadow:0 4px 0 #003F86!important}
.btn-primary:hover{background:#0073F0!important}
.btn-primary:active{transform:translateY(3px);box-shadow:0 1px 0 #003F86!important}
.progress-bar{background:#FFB547}
.field:focus-within{border-color:#0064D1;box-shadow:0 0 0 3px rgba(0,100,209,.15)}
.result-card{border-radius:18px;border-color:#D9E1EB}
.result-card .value{font-stretch:120%;font-weight:820;letter-spacing:-.02em;color:#0B1B30}
.result-card.highlight{background:#0B1B30;border-color:#0B1B30}
.result-card.highlight .label,.result-card.highlight .small,.result-card.highlight .muted{color:#C3D0E0}
.result-card.highlight .value{color:#fff}
.bench-row.active{border-color:#FFB547;background:rgba(255,181,71,.12)}
.bench-row.active .dot{background:#FFB547;box-shadow:0 0 0 4px rgba(255,181,71,.25)}
.cta-box{background:#0B1B30;border:0;border-radius:18px;color:#fff}
.cta-box h3{color:#fff}
.cta-box p,.cta-box .muted{color:#C3D0E0}
.footer{display:none}
/* añadidos de la versión publicada (titular del resultado y notas) */
.kc-headline{font-weight:650;font-size:16px;line-height:1.55;color:#0B1B30;background:rgba(255,181,71,.14);border:1px solid rgba(255,181,71,.5);border-radius:14px;padding:14px 16px;margin:0 0 16px}
.kc-headline strong{color:#0B1B30;font-weight:820}
.kc-micro{display:block;margin-top:4px;font-size:11.5px;color:#566A82;font-weight:400}