/* Tema fino (30/10/2026): capa de estilo sobre todo el sitio. Mismos colores (verde, negro, oro), más aire, letra más fina,
   bordes más suaves. No quita ni mueve contenido: solo cambia el aspecto. Se carga después de cabecera.css. */
:root{--r:14px;--fino-ln:rgba(255,255,255,.09);--fino-oro:#f0c040}
html{-webkit-text-size-adjust:100%}
body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}

/* Cabecera de cristal */
.cab-sitio{background:rgba(5,10,6,.74)!important;-webkit-backdrop-filter:blur(18px) saturate(1.5);backdrop-filter:blur(18px) saturate(1.5);border-bottom:1px solid var(--fino-ln)!important}
.cab-sitio .cs-in a.cs-logo,.cab-sitio .cs-logo{letter-spacing:.2px}

/* Títulos: Archivo en negrita con el espaciado cerrado (en vez de mayúsculas estrechas) */
h1,h2,.section-title,.lname,.hero-predictor-title{font-family:'Archivo',-apple-system,system-ui,sans-serif!important;font-weight:700!important;letter-spacing:-.03em!important;text-transform:none!important}
h3{letter-spacing:-.02em}
h1{line-height:1.04}
h2{line-height:1.1}

/* Bordes y superficies más suaves */
input[type=text],input[type=search],input[type=email],input[type=password],input[type=number],textarea,select{border-radius:14px}
.svc-card,.mrh-card,.hero-predictor-link,[class$="-card"],[class*="-card "],.card,.caja,.pred-card{border-radius:20px}
.sbox{border-radius:999px!important;padding:6px 22px!important;background:rgba(255,255,255,.07)!important;border:1px solid var(--fino-ln)!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.sbox input{padding:12px 0!important;font-size:17px!important}
.sbox:focus-within{border-color:rgba(240,192,64,.55)!important;box-shadow:0 0 0 4px rgba(240,192,64,.12)}
a.btn,.btn,button.btn,.hero-predictor-cta,.mrh-cta,.cs-entrar,.nav-highlight{border-radius:999px!important}
.cab-sitio a[href="/login"],.cab-sitio .cs-btn,.cab-sitio button{border-radius:999px}

/* Enlaces dentro de párrafos: color de marca (nunca azul por defecto) */
p a:not([class]){color:var(--fino-oro)}

/* Movimiento suave solo si el usuario no pidió menos */
@media (prefers-reduced-motion:no-preference){.svc-card,.hero-predictor-link,a[class*="card"]{transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .35s,background .35s}}

/* ===== PORTADA ===== */
#home .hero{max-width:820px;padding:clamp(28px,6vw,72px) 20px 28px}
#home .ltag{font-size:12px;letter-spacing:.2em;font-weight:600;opacity:1;margin-bottom:18px}
#home .lname{font-size:clamp(50px,11vw,112px)!important;line-height:.98!important;letter-spacing:-.045em!important;margin-bottom:18px;color:transparent;background:linear-gradient(180deg,#fff 30%,#b9c4bb);-webkit-background-clip:text;background-clip:text}
#home .lname em{font-style:normal;background:linear-gradient(180deg,#ffe28a,#f0c040 60%,#c8921a);-webkit-background-clip:text;background-clip:text;color:transparent}
#home .lname .lk{display:block;font-size:clamp(13px,1.8vw,16px);letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:rgba(242,244,239,.6);-webkit-text-fill-color:rgba(242,244,239,.6);margin-top:18px}
#home .lsub{font-size:clamp(17px,2.4vw,22px);line-height:1.45;color:rgba(245,246,242,.68);max-width:620px;letter-spacing:-.01em}
#home .shint{color:rgba(245,246,242,.5)}
#home .hero-predictor-link{border-radius:26px!important;background:linear-gradient(180deg,rgba(240,192,64,.12),rgba(240,192,64,.04))!important;border:1px solid rgba(240,192,64,.4)!important}
#home .hero-predictor-title{font-size:clamp(24px,3.4vw,32px)!important}
#home .hero-predictor-cta{background:var(--fino-oro);color:#111;display:inline-block;padding:12px 24px;font-weight:700}
#home .sec-tools{border-radius:36px 36px 0 0;padding:clamp(56px,9vw,104px) 0}
#home .section-title{font-size:clamp(30px,5vw,52px)!important;line-height:1.05;margin-bottom:34px}
#home .section-eyebrow{letter-spacing:.18em;font-weight:600}
#home .svc-card{padding:28px 24px;border-radius:24px;box-shadow:0 1px 0 rgba(20,25,23,.04)}
#home .svc-title{font-size:19px;letter-spacing:-.02em}
#home .svc-desc{font-size:15px;line-height:1.5}
#home .svc-icon{width:46px;height:46px;border-radius:14px;font-size:21px}

/* El Once de Datos en portada */
.od-home{padding:clamp(56px,9vw,104px) 20px;background:linear-gradient(180deg,#040805,#07120a);position:relative;z-index:5}
.od-home .w{max-width:1000px;margin:0 auto}
.od-home .eye{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--fino-oro);font-weight:600;margin:0 0 16px}
.od-home h2{font-size:clamp(32px,6vw,60px);color:#f5f6f2;margin:0 0 12px;border:0;padding:0;text-align:left}
.od-home .lead{color:rgba(245,246,242,.64);font-size:clamp(16px,2.1vw,20px);max-width:560px;margin:0 0 32px;line-height:1.5}
.od-home .odc{background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));border:1px solid var(--fino-ln);border-radius:28px;padding:clamp(22px,4vw,40px)}
.od-home .big{font-size:clamp(68px,15vw,150px);font-weight:700;letter-spacing:-.06em;line-height:.9;background:linear-gradient(180deg,#ffe28a,#f0c040 60%,#c8921a);-webkit-background-clip:text;background-clip:text;color:transparent;font-family:'Archivo',system-ui,sans-serif}
.od-home .big small{font-size:.22em;letter-spacing:0;font-weight:600;color:rgba(245,246,242,.64);-webkit-text-fill-color:rgba(245,246,242,.64);margin-left:10px}
.od-home .xi{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 26px}
.od-home .xi a{padding:9px 14px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid var(--fino-ln);color:#f5f6f2;text-decoration:none;font-size:15px;font-weight:500}
.od-home .xi a b{color:var(--fino-oro);margin-left:6px}
.od-home .btn2{display:inline-block;background:var(--fino-oro);color:#111;font-weight:700;padding:13px 26px;border-radius:999px;text-decoration:none}
.od-home .stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:18px;margin-top:36px}
.od-home .st{padding:4px 0 4px 16px;border-left:2px solid var(--fino-oro)}
.od-home .st b{display:block;font-size:clamp(30px,4.6vw,46px);letter-spacing:-.04em;line-height:1;color:#f5f6f2}
.od-home .st span{color:rgba(245,246,242,.64);font-size:14px}

/* Buscador de la portada: más grande y con aire respecto al texto de arriba */
#home .sbox{margin-top:40px!important;padding:12px 30px!important;gap:16px!important;box-shadow:0 10px 40px rgba(0,0,0,.28)}
#home .sbox input{font-size:clamp(18px,2.4vw,21px)!important;padding:16px 0!important}
#home .sbox>span{font-size:24px!important}
#home .shint{margin-top:14px;font-size:14px}
@media (max-width:480px){#home .sbox{padding:8px 18px!important;gap:10px!important}#home .sbox input{font-size:16px!important}#home .sbox>span{font-size:20px!important}}

/* Portada: menos hueco entre el buscador y las herramientas */
#home .hero{padding-bottom:6px!important}
#home .hero>div[style*=max-width:500px]{margin-top:10px!important}
#home .halfway{margin:14px auto!important}
#home .halfway::after{width:22px;height:22px}
#home .sec-tools{padding-top:clamp(32px,5vw,60px)!important}
@media (max-width:700px){#home .hero>div[style*=max-width:500px]{margin-top:4px!important}#home .halfway{margin:8px auto!important}#home .sec-tools{padding-top:34px!important;border-radius:28px 28px 0 0}}

/* Botones de los artículos: texto oscuro sobre el dorado (antes dorado sobre dorado) */
a.cta,a.cta.gold,a.cta:visited{color:#111!important}
a.cta:hover,a.cta:focus-visible{color:#111!important}