/* Reset y utilidades globales. */
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;font-family:var(--font);color:var(--text);display:flex;justify-content:center;align-items:stretch;background:var(--bg);background-image:radial-gradient(ellipse at 20% 0%,rgba(73,129,214,.14),transparent 55%),radial-gradient(ellipse at 100% 100%,rgba(28,49,112,.12),transparent 50%);background-attachment:fixed;font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased}
/* Títulos: cada línea se llena hasta donde cabe. balance los partía a la mitad y el pretty de Safari también empareja las líneas (spec 28) */
h1,h2,h3,h4{margin:0;line-height:1.15;text-wrap:wrap}
p{margin:0}
button{font:inherit;cursor:pointer;border:0;background:none;color:inherit;padding:0}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
input,select{font:inherit}
/* Foco de teclado en toda la app: anillo eléctrico con brillo */
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--electric);outline-offset:2px;box-shadow:0 0 0 4px rgba(61,139,255,.25)}
::selection{background:var(--celeste);color:var(--navy-g1)}
input{caret-color:var(--p2143)}
input[type="checkbox"],input[type="radio"]{accent-color:var(--p2143)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.hide{display:none!important}
.i{width:1em;height:1em;vertical-align:-.15em;display:inline-block}
.hero-live{display:block}
.jersey-mini svg{width:100%;height:auto}
.vod .tx{display:block}