
:root{
 --pink:#ff4f87;--orange:#ff7a32;--dark:#101116;--dark2:#171920;
 --card:#20232c;--muted:#aeb2bd;--white:#fff;--border:rgba(255,255,255,.10);
 --max:1180px;--shadow:0 16px 45px rgba(0,0,0,.28);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Inter,Arial,sans-serif;background:var(--dark);color:var(--white);line-height:1.55}
a{color:inherit;text-decoration:none} img{max-width:100%;display:block}
.f90-header{background:#0c0d11;border-bottom:1px solid var(--border);position:relative;z-index:20}
.f90-header-inner{max-width:var(--max);margin:auto;padding:14px 22px}
.f90-header-row{display:grid;grid-template-columns:180px minmax(0,1fr) auto;gap:18px;align-items:center}
.f90-brand img{width:145px}
.f90-player{min-height:76px;background:linear-gradient(110deg,#242731,#171920);border:1px solid rgba(255,255,255,.12);border-radius:15px;padding:9px 12px;display:grid;grid-template-columns:56px 1fr auto;gap:12px;align-items:center;box-shadow:0 8px 28px rgba(0,0,0,.25)}
.f90-cover{width:56px;height:56px;object-fit:cover;border-radius:9px;background:#111}
.f90-label{color:var(--pink);font-size:9px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
#now-playing{font-size:14px;font-weight:800;line-height:1.2;text-transform:uppercase;margin-top:2px}
.f90-sub{font-size:9px;color:var(--muted);margin-top:3px}
.f90-controls{display:flex;align-items:center;gap:8px}
.f90-play{width:43px;height:43px;border:0;border-radius:50%;cursor:pointer;color:#fff;background:linear-gradient(135deg,var(--pink),var(--orange));display:grid;place-items:center}
.f90-pause{width:32px;height:32px;border:1px solid var(--border);border-radius:50%;cursor:pointer;color:#fff;background:#2b2e37;display:grid;place-items:center}
#volume{width:70px;accent-color:var(--pink)}
.f90-live{display:flex;align-items:center;gap:7px;padding:9px 12px;border-radius:999px;background:linear-gradient(135deg,var(--pink),var(--orange));font-size:10px;font-weight:900;text-transform:uppercase;white-space:nowrap}
.f90-dot{width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.16)}
.f90-nav{max-width:var(--max);margin:auto;padding:0 22px;height:38px;display:flex;align-items:center;gap:22px;border-top:1px solid rgba(255,255,255,.06)}
.f90-nav a{font-size:11px;font-weight:700;color:#c9cbd2}.f90-nav a:hover{color:var(--pink)}
.f90-hero{position:relative;overflow:hidden;min-height:285px;display:flex;align-items:center;background:linear-gradient(90deg,rgba(9,10,14,.97),rgba(9,10,14,.68),rgba(9,10,14,.22)),url('https://oldiesfm.net/formula90/FondoPortada.png') center/cover no-repeat}
.f90-hero-inner{width:100%;max-width:var(--max);margin:auto;padding:48px 22px}
.f90-hero-logo{width:min(280px,70vw);margin-bottom:14px}
.f90-kicker,.article-category{color:var(--pink);font-size:10px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.f90-hero h1{font-size:clamp(27px,5vw,52px);line-height:1.03;letter-spacing:-.04em}
.f90-hero p{color:#d0d2d9;max-width:560px;margin-top:10px;font-size:15px}
.f90-main{max-width:var(--max);margin:auto;padding:45px 22px 65px}
.f90-section{margin-top:42px}.f90-section:first-child{margin-top:0}
.f90-section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px}
.f90-section h2{font-size:27px;line-height:1.1;letter-spacing:-.035em;margin-top:3px}
.f90-note{color:var(--muted);font-size:11px}
.f90-history{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}
.f90-track{min-height:80px;display:flex;align-items:center;gap:12px;padding:10px;background:var(--card);border:1px solid var(--border);border-radius:13px}
.f90-track img{width:58px;height:58px;border-radius:8px;object-fit:cover;flex:none}
.f90-track .title{font-size:12px;line-height:1.35;font-weight:700;text-transform:uppercase}
.f90-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}
.f90-card{background:var(--card);border:1px solid var(--border);border-radius:17px;padding:23px}
.f90-card h3{font-size:18px;margin:5px 0 7px}.f90-card p{color:var(--muted);font-size:13px}
.f90-socials{display:flex;gap:8px;margin-top:16px}.f90-social{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#2a2d36;border:1px solid var(--border)}
.f90-social:hover{background:linear-gradient(135deg,var(--pink),var(--orange))}
.f90-apps{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}.f90-app{display:flex;align-items:center;gap:9px;padding:10px 12px;background:#292c35;border:1px solid var(--border);border-radius:10px;font-size:11px;font-weight:700}.f90-app img{width:34px;height:34px;object-fit:contain;border-radius:7px}
.f90-article{max-width:820px;margin:0 auto}.f90-article h1{font-size:clamp(31px,5vw,52px);line-height:1.05;letter-spacing:-.04em;margin:7px 0 15px}.f90-lead{font-size:18px;color:#c7cad2}.f90-body{margin-top:28px;color:#d5d7dd;font-size:16px}.f90-body p{margin-bottom:20px}.f90-body h2{font-size:25px;margin:32px 0 12px}.f90-body img{border-radius:14px;margin:24px 0}
.f90-footer{border-top:1px solid var(--border);background:#0c0d11;color:#858994;font-size:11px}.f90-footer-inner{max-width:var(--max);margin:auto;padding:27px 22px;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}
@media(max-width:850px){.f90-header-row{grid-template-columns:140px 1fr}.f90-live{display:none}.f90-history{grid-template-columns:repeat(2,1fr)}.f90-grid{grid-template-columns:1fr}}
@media(max-width:650px){
 .f90-header-inner{padding:10px 13px}.f90-header-row{grid-template-columns:92px 1fr;gap:9px}.f90-brand img{width:92px}
 .f90-player{min-height:64px;grid-template-columns:43px 1fr auto;gap:8px;padding:7px 8px;border-radius:12px}.f90-cover{width:43px;height:43px}
 .f90-label{font-size:7px}#now-playing{font-size:10px}.f90-sub{display:none}.f90-play{width:37px;height:37px}.f90-pause{display:none}#volume{display:none}
 .f90-nav{height:34px;padding:0 13px;gap:17px}.f90-nav a{font-size:9px}.f90-hero{min-height:250px}.f90-hero-inner{padding:40px 15px}.f90-hero-logo{width:210px}
 .f90-main{padding:34px 14px 50px}.f90-history{grid-template-columns:1fr}.f90-grid{grid-template-columns:1fr}
 .f90-section h2{font-size:23px}.f90-section-head{align-items:start;flex-direction:column;gap:4px}
}
