/* RADIO RTVR 26.10 · Diseño A. Sobrecapa visual: la emisión y el CMS no se modifican. */
:root{--wine:#0B3D91;--wine2:#2A72CD;--cream:#F2F6FD;--ink:#071326;--muted:#B9CCE7;--line:rgba(177,209,255,.16)}
body{background:#071326;color:#fff;font-family:"Crave Sans","Arial Black",Inter,ui-sans-serif,system-ui,sans-serif}
.top{background:rgba(6,16,35,.92);border-bottom:1px solid #24518D}
.logo{font-size:clamp(24px,2.8vw,33px);font-weight:950;letter-spacing:-1.7px;text-transform:lowercase;font-style:normal;transform:none;white-space:nowrap}
.logo::first-letter{text-transform:lowercase}
.navlinks a{color:#C6D9F5}.navlinks a:hover{background:#113366;color:#fff}
.btn{background:#0B2348;border-color:#315F9D;color:#F7FAFF;transition:background .2s,transform .2s}.btn:hover{background:#164A96;transform:translateY(-1px)}
.btn.primary{background:linear-gradient(120deg,#0B3D91,#258DEB);box-shadow:0 10px 30px rgba(25,108,221,.26)}
.hero{background:radial-gradient(circle at 78% 20%,rgba(26,117,232,.3),transparent 33%),radial-gradient(circle at 0% 75%,rgba(20,65,142,.35),transparent 36%),linear-gradient(155deg,#091C3B,#050C1D 80%)}
.hero h1{font-size:clamp(58px,8vw,112px);letter-spacing:-.055em;font-weight:950;font-style:normal;transform:none;text-transform:lowercase;line-height:.95;text-shadow:none}
.hero h1::after{content:"DONDE TODO EMPIEZA";display:block;margin-top:22px;letter-spacing:.19em;color:#73B9FF;font-size:clamp(11px,1.18vw,14px);font-weight:900}
.hero p{color:#D0E0F7}.eyebrow{color:#75BFFF}
.radio-card{background:linear-gradient(155deg,rgba(14,54,113,.95),rgba(6,20,46,.98));border:1px solid rgba(132,188,255,.35);box-shadow:0 36px 100px rgba(0,0,0,.4)}
.cover{background:radial-gradient(circle at 28% 24%,#4A9DE7 0%,#144B98 38%,#081B3B 94%);position:relative}
.cover:has(.cover-logo)::before,.cover:has(.cover-logo)::after{content:"";position:absolute;border:1px solid rgba(211,234,255,.18);width:78%;aspect-ratio:1;border-radius:50%}
.cover:has(.cover-logo)::after{width:55%}
.cover-logo{font-size:clamp(26px,4vw,53px);font-style:normal;transform:none;letter-spacing:-.05em;text-transform:lowercase;z-index:1;text-align:center;padding:8px}
.now p,.time{color:#BCD1F1}.play{color:#0B3D91}.progress i{background:#75BFFF}
.section.light{background:#F1F6FD;color:#0A1730}.section.light+.section.light{background:#E8F0FB}
.section-head h2{color:inherit}.light .tile,.track{border-color:#D5E5F8;box-shadow:0 8px 18px rgba(11,61,145,.045)}
.tile p,.track small{color:#566B89}.track-art{background:linear-gradient(135deg,#0B3D91,#2B8FEA)}
.next-badge{color:#0B3D91;background:#DBEAFF}
.account-card{background:#081A35;border-color:#2C5791}.field input{background:#071428;border-color:#365D91}.status{color:#C2D7F3}.apps a{border-color:#356199}
.rtvr-footer{background:#F0F5FC}.wordmark--radio-rtvr{font-size:clamp(28px,3vw,38px);font-weight:950;letter-spacing:-.06em;color:#0B3D91;filter:none;text-transform:lowercase;font-style:normal;transform:none}
.brand-link:hover .wordmark--radio-rtvr{color:#126ED0}
@media(max-width:900px){.hero-grid{gap:26px}}
@media(max-width:600px){.hero h1{font-size:clamp(48px,14vw,75px)}.logo{font-size:25px}.cover-logo{font-size:35px}.hero-grid{padding:36px 0}.radio-card{border-radius:23px}}