*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:15px Arial,Helvetica,sans-serif;background:#070c19;color:#fff}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}.topbar{height:36px;display:flex;align-items:center;gap:24px;padding:0 5%;background:linear-gradient(90deg,#071444,#0a1742);font-size:12px}.bars{font-size:24px;color:#ae2aff;letter-spacing:2px}.social-top{margin-left:auto;display:flex;gap:9px}.social-top a{background:#125bd7;border-radius:50%;width:25px;height:25px;display:grid;place-items:center}.main-header{height:74px;background:#030914ed;display:flex;align-items:center;justify-content:flex-end;gap:25px;padding:0 3%;position:sticky;top:0;z-index:20;border-bottom:1px solid #1933a1}.brand{margin-right:auto}.brand img{height:67px;width:125px;object-fit:cover;object-position:center}.main-header nav{display:flex;gap:7px;align-items:center}.main-header nav a{font-size:12px;font-weight:800;padding:13px 10px;white-space:nowrap}.main-header nav a:hover,.main-header nav .current{background:#f100ec;color:#090b16;border-radius:6px}.hamburger{display:none;background:none;border:0;color:white;font-size:27px}.hero{min-height:390px;position:relative;display:grid;grid-template-columns:1.2fr .8fr;align-items:end;padding:40px 4% 28px;gap:22px;overflow:hidden;background:radial-gradient(circle at 20% 20%,#1821a8 0%,#040816 60%)}.hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.7;filter:saturate(1.5)}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#020a1f44,#07041c99);pointer-events:none}.hero-content,.tv-panel{position:relative;z-index:1}.hero-content{max-width:650px}.hero-logo{height:118px;width:215px;object-fit:cover;border-radius:10px;border:1px solid #eabf2580;box-shadow:0 0 20px #f100ec60}.eyebrow{font-size:13px;font-weight:bold;letter-spacing:3px;color:#ffdb36}.hero h1{font-size:clamp(42px,6vw,76px);font-weight:1000;font-style:italic;text-transform:uppercase;color:#f100ec;line-height:1;margin:13px 0 7px;text-shadow:3px 4px #0929c7,0 0 24px #f2b820}.hero p{font-size:18px;letter-spacing:2px;text-transform:uppercase}.tv-panel{border:2px solid #ffcb16;border-radius:12px;background:#040819;box-shadow:0 0 19px #0037f6,0 0 20px #ffbf0080;overflow:hidden}.panel-head{background:#060c1d;padding:11px 15px;display:flex;justify-content:space-between}.panel-head b{color:#ffde34}.panel-head span{background:#e82239;border-radius:4px;padding:5px;font-size:11px;font-weight:bold}.tv-frame{position:relative;aspect-ratio:16/9;background:#03050e}.tv-frame video{width:100%;height:100%;display:none;object-fit:contain}.tv-placeholder{position:absolute;inset:0;display:grid;place-content:center;text-align:center;font-size:30px;font-weight:bold;background:linear-gradient(#07103344,#03040dbb),url('../img/tv.jpg') center/cover}.tv-placeholder small{font-size:12px;font-weight:normal;margin-top:8px}.listen{margin:-1px 3% 0;position:relative;z-index:2;display:flex;align-items:center;gap:23px;background:linear-gradient(95deg,#040c1f,#071b3b,#040914);padding:12px 22px;border:2px solid #ffcf23;border-radius:12px;box-shadow:0 0 14px #f100ec50}.listen>img{width:100px;height:83px;object-fit:cover;border-radius:7px}.listen>button{height:64px;width:64px;flex-shrink:0;border:2px solid #fff;border-radius:50%;background:#0646ef;color:#fff;font-size:28px;box-shadow:0 0 16px #126dff}.listen-name{flex:1;display:flex;flex-direction:column;gap:4px}.listen-name small{color:#f100ec}.listen-name strong{font-size:19px}.listen-name span{color:#ccc}.equalizer{color:#1372ff;letter-spacing:3px;font-size:18px}.volume{white-space:nowrap}.volume input{accent-color:#ffcf21;width:110px}.apps-social{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;padding:20px 4%}.app-links,.social-links{display:flex;gap:10px;flex-wrap:wrap}.app-links a{padding:14px 17px;border:1px solid #f3c51d;border-radius:8px;background:#020611;font-weight:bold}.social-links a{padding:12px 7px;color:#ddd}.whatsapp{background:#0cc75c;border-radius:8px;padding:16px;font-weight:bold}.section{padding:15px 3% 24px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:2px solid #1d44c2;margin-bottom:18px}.section-title h2{font-size:27px;font-style:italic;text-transform:uppercase;margin:5px 0 10px;color:#fff;text-shadow:2px 2px #144be5}.section-title span{color:#ffcf25;font-size:12px}.program-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.program-card{border:1px solid #e6b914;border-radius:9px;overflow:hidden;background:#06142a}.program-card img{width:100%;aspect-ratio:3/3.3;object-fit:cover;display:block}.program-info{padding:12px;text-align:center}.program-info h3{margin:0 0 8px;font-size:17px;color:#f100ec}.program-info strong,.program-info small{display:block;margin-top:6px}.program-info small{color:#bfc7e1;font-size:11px}.news-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.news-card{border:1px solid #294fbb;border-radius:8px;overflow:hidden;background:#0b1730}.news-card img{width:100%;height:145px;object-fit:cover}.news-card>div{padding:14px}.news-card h3{margin:10px 0}.news-card p{color:#c5cde3;font-size:13px}.pill{background:#e72a33;color:white;padding:5px 10px;border-radius:30px;font-size:11px}.media-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px}.gallery-grid{display:flex;gap:9px;overflow-x:auto}.gallery-grid a{min-width:calc(20% - 8px);height:95px;position:relative}.gallery-grid img{width:100%;height:100%;object-fit:cover;border-radius:7px;border:1px solid #edc22b}.video-card span{position:absolute;inset:0;display:grid;place-items:center;font-size:29px;text-shadow:0 0 12px #000}.about{padding:25px 4%;background:#0b1940}.about h2{color:#ffdb2e}footer{background:#040b1c;display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:25px;padding:35px 4%;border-top:2px solid #e2b90b}footer h3{color:#f100ec;font-size:15px}footer a{display:block;margin:10px 0;color:#cfd7ef}footer p{color:#d5dbec}.footer-logo{width:180px;height:100px;object-fit:cover}.copyright{text-align:center;background:#020611;padding:18px;font-size:12px;color:#aaa}.login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle,#1835a4,#020716)}.login-box{width:min(430px,92vw);padding:30px;background:#101e37;border:1px solid #445dc5;border-radius:12px;display:flex;flex-direction:column;gap:13px}.login-box img{height:130px;object-fit:contain}.login-box label,.admin-card label{display:block;color:#c8d7f1;margin:12px 0}.login-box input,.admin-card input,.admin-card textarea{width:100%;background:#fff;border:1px solid #afc2dc;border-radius:5px;padding:11px;color:#1d2b45;margin-top:7px}.button{background:linear-gradient(90deg,#125cf8,#7b24f5);color:white;padding:11px 15px;border:0;border-radius:6px;font-weight:bold;display:inline-block}.button.secondary{background:#304566}.button.danger{background:#d72845}.button.small{padding:7px 10px;font-size:12px}.admin-body{display:flex;background:#091428;color:#fff;min-height:100vh}.sidebar{width:240px;flex-shrink:0;background:#071123;border-right:1px solid #203e71;display:flex;flex-direction:column}.sidebar img{width:100%;height:140px;object-fit:contain}.sidebar h3{text-align:center;font-size:13px}.sidebar a{padding:15px 18px;border-bottom:1px solid #182b4a;font-size:14px}.sidebar a:hover{background:#252c9c}.admin-main{flex:1;padding:28px;min-width:0}.admin-main>header{display:flex;justify-content:space-between;align-items:center;gap:20px}.admin-main>header h1{margin:0 0 22px}.admin-card{background:#12233e;border:1px solid #2b4166;border-radius:9px;padding:23px;margin:18px 0}.admin-card h2{margin:0 0 18px}.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.stats a{background:linear-gradient(135deg,#17368b,#421c86);padding:20px;border-radius:9px}.stats b{display:block;font-size:30px}.stats span{font-size:12px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px 20px}.admin-thumb{height:60px;width:95px;object-fit:cover;border-radius:5px}.admin-table-wrap{overflow-x:auto}.admin-card table{width:100%;border-collapse:collapse}.admin-card th,.admin-card td{padding:10px;border-bottom:1px solid #304462;text-align:left}.inline{display:inline;margin-left:7px}.flash{padding:14px;border-radius:6px;margin:12px 0}.success{background:#13583d}.error{background:#742332}@media(max-width:1100px){.main-header nav a{font-size:10px;padding:12px 5px}.program-grid{grid-template-columns:repeat(3,1fr)}.news-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.topbar{gap:10px;padding:0 10px;font-size:10px}.topbar>span:nth-child(3){display:none}.hamburger{display:block}.main-header nav{display:none;position:absolute;top:74px;left:0;right:0;background:#030914;flex-direction:column;align-items:stretch}.main-header nav.open{display:flex}.main-header nav a{font-size:13px;padding:12px}.hero{grid-template-columns:1fr;padding-top:30px}.hero h1{font-size:42px}.listen{gap:12px;padding:8px}.listen>img{width:60px;height:60px}.listen>button{width:48px;height:48px}.volume{display:none}.program-grid{grid-template-columns:repeat(2,1fr)}.news-grid{grid-template-columns:1fr}.media-columns{grid-template-columns:1fr}.gallery-grid a{min-width:25%}footer{grid-template-columns:repeat(2,1fr)}.admin-body{display:block}.sidebar{width:100%;height:auto}.sidebar img{height:85px}.sidebar a{padding:9px 15px}.admin-main{padding:15px}.stats{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr}}

:root{--furiosa-pink:#f100ec;--furiosa-blue:#1269ff}
.brand img,.hero-logo,.listen>img,.footer-logo,.sidebar>img{object-fit:contain!important;background:transparent!important}
.hero-logo{filter:drop-shadow(0 3px 14px #e000ff77)}
.main-header nav a:hover,.main-header nav .current{color:#fff!important;background:linear-gradient(135deg,#fc00ed,#7225ff)!important}
.section-title h2{color:#14257a}
.admin-body .sidebar img{max-width:175px}

/* Versión corregida: el reproductor de TV ya no tapa a la locutora del banner. */
.hero{display:block;min-height:clamp(310px,34vw,550px);padding:0;overflow:hidden;background:#05071a}
.hero-bg{opacity:1;background-size:cover;background-position:center center;filter:none}
.hero:after{background:none}
.hero-content{display:none}
.broadcast-row{padding:20px 4% 8px;display:flex;justify-content:center;background:linear-gradient(110deg,#050923,#170a3b,#050923)}
.broadcast-row .tv-panel{width:min(740px,100%);border-color:#c400ff;box-shadow:0 0 20px #b100ef60}
.broadcast-row .panel-head b{color:#e7dfff}
.listen{border-color:#ae22ff}
@media(max-width:760px){.hero{min-height:240px;background:#080724}.hero-bg{background-size:cover;background-position:48% center}.broadcast-row{padding:12px}}

/* FURIOSA URBAN: TV a la derecha, locutora visible al centro */
.hero{height:clamp(330px,27vw,570px);min-height:0;position:relative;display:block;padding:0;background:#090321;overflow:hidden}
.hero-bg{position:absolute;inset:0;background-image:url('../img/banner-furiosa-urban.jpg')!important;background-size:100% 100%;background-position:center;opacity:1;filter:none}
.hero:after{display:none}
.hero-content{display:none}
.hero>.tv-panel{position:absolute;z-index:3;top:8%;right:2.1%;width:36.5%;height:80%;border:2px solid #db11ff;border-radius:12px;background:#050719;box-shadow:0 0 18px #9b18ffbb}
.hero>.tv-panel .panel-head{min-height:15%;display:flex;align-items:center}
.hero>.tv-panel .panel-head b{color:#ffdc24}
.hero>.tv-panel .tv-frame{height:85%;aspect-ratio:auto}
.hero>.tv-panel .tv-placeholder{background:linear-gradient(#06081844,#020415dd),url('../img/tv.jpg') center/cover}
@media(max-width:800px){.hero{height:auto;min-height:0;overflow:visible;padding-top:30%;background:#05091b}.hero-bg{height:clamp(185px,30vw,320px);bottom:auto;background-size:cover;background-position:40% center}.hero>.tv-panel{position:relative;top:auto;right:auto;width:min(94%,560px);height:auto;margin:0 auto 12px}.hero>.tv-panel .tv-frame{height:auto;aspect-ratio:16/9}}

/* Diseño Furiosa Urban aprobado: interfaz nocturna azul, violeta y magenta. */
body{background:linear-gradient(120deg,#030a22,#061637 50%,#040a1d);color:#fff}
.topbar{background:#05123d;border-bottom:1px solid #1e44a3}
.social-top a,.social-links .social-icon{display:flex;align-items:center;justify-content:center;border-radius:50%;font-weight:900;color:white;box-shadow:0 0 14px #0c3dcb70}
.social-top a{width:30px;height:30px;font-size:17px}
.social-facebook{background:#0967ed!important}.social-instagram{background:linear-gradient(35deg,#f90,#f04,#a03bea)!important}
.social-tiktok{background:#02040c!important}.social-youtube{background:#ff102b!important}.social-whatsapp{background:#09bd4d!important}
.apps-social{justify-content:space-around;gap:12px;padding:14px 3%;border-bottom:1px solid #2448a4}
.app-links{gap:8px}.app-links a{border:1px solid #5270b8;background:#030814;border-radius:7px;padding:12px 18px;box-shadow:0 0 12px #163e8c45}
.social-links{gap:12px;align-items:center}.social-links .social-icon{width:52px;height:52px;position:relative;font-size:26px}
.social-links .social-icon small{position:absolute;top:53px;font-size:10px;font-weight:400;white-space:nowrap}
.whatsapp{background:#00c765;color:white;border-radius:8px;padding:16px 20px;box-shadow:0 0 14px #06ca5d55}
.listen{border-color:#2b76ff;background:linear-gradient(100deg,#040e2c,#0b1b48,#020817);box-shadow:0 0 20px #174aff5c}
.listen>button{background:linear-gradient(135deg,#d400fa,#7a09f3);box-shadow:0 0 15px #dc0fff}
.hero>.tv-panel{border-color:#e500ff;box-shadow:0 0 16px #d200ff9c}
.program-card{border-color:#5574ff;background:#071331}
.news-card{border-color:#356bf4}
.section-title{border-color:#1b43c4}
.section-title h2{color:#fff}
.pill{background:#d900f4}
.gallery-grid img{border-color:#255ff2}
footer{border-top:1px solid #396df3;background:#03112f}
footer h3{color:#fff}
@media(max-width:760px){.apps-social{justify-content:center;padding-bottom:34px}.social-links{gap:14px}.hero>.tv-panel{right:2%;width:46%}}

/* Corrección final de los dos reproductores para coincidir con la maqueta aprobada.
   Audio en la esquina inferior izquierda del banner, TV en la inferior derecha. */
.hero{height:clamp(450px,36vw,610px)!important;min-height:0!important;display:block!important;position:relative!important;overflow:hidden!important;padding:0!important}
.hero-bg{inset:0!important;height:100%!important;background-size:cover!important;background-position:center center!important;opacity:1!important}
.hero>.listen{position:absolute!important;left:1.5%!important;bottom:3%!important;top:auto!important;right:auto!important;width:56.8%!important;height:104px!important;min-height:0!important;margin:0!important;padding:10px 12px!important;z-index:4!important;gap:12px!important;border:2px solid #3178ff!important;border-radius:9px!important;box-shadow:0 0 16px #205cff7a!important;background:linear-gradient(105deg,#04102af0,#061638ef,#020b26f0)!important}
.hero>.listen>img{width:108px!important;height:77px!important;object-fit:contain!important;flex-shrink:0!important}
.hero>.listen>button{width:63px!important;height:63px!important;font-size:27px!important;background:linear-gradient(135deg,#df08f5,#7204ff)!important;border:2px solid white!important}
.hero>.listen .listen-name{min-width:0!important;gap:3px!important}
.hero>.listen .listen-name strong{font-size:16px!important}
.hero>.listen .listen-name span{font-size:12px!important}
.hero>.listen .equalizer{font-size:18px!important;letter-spacing:1px!important;color:#ed12ff!important;overflow:hidden;white-space:nowrap}
.hero>.listen .volume{display:flex!important;align-items:center!important;font-size:13px!important;gap:3px!important}
.hero>.listen .volume input{width:65px!important;accent-color:#cf15f7!important}
.hero>.tv-panel{position:absolute!important;z-index:3!important;top:auto!important;bottom:3%!important;right:1.5%!important;left:auto!important;width:39.5%!important;height:auto!important;min-height:0!important;border:2px solid #dc09f8!important;border-radius:10px!important;box-shadow:0 0 18px #db07f6a8!important;background:#03091d!important}
.hero>.tv-panel .panel-head{height:39px!important;min-height:39px!important;padding:7px 12px!important;align-items:center!important}
.hero>.tv-panel .panel-head b{font-size:14px!important;color:#ffdf17!important}
.hero>.tv-panel .tv-frame{height:auto!important;aspect-ratio:16/9!important}
.hero>.tv-panel .tv-frame video{width:100%!important;height:100%!important;object-fit:cover!important}
@media(max-width:900px){.hero{height:clamp(390px,58vw,530px)!important}.hero>.listen{width:54%!important;height:85px!important;padding:7px!important;gap:7px!important}.hero>.listen>img{width:68px!important;height:55px!important}.hero>.listen>button{width:48px!important;height:48px!important}.hero>.listen .volume{display:none!important}.hero>.tv-panel{width:43%!important}.hero>.tv-panel .panel-head b{font-size:11px!important}}
@media(max-width:620px){.hero{height:auto!important;min-height:0!important;padding-top:65vw!important;padding-bottom:12px!important;overflow:visible!important;background:#060b25!important}.hero-bg{height:65vw!important;bottom:auto!important;background-size:cover!important;background-position:45% center!important}.hero>.listen,.hero>.tv-panel{position:relative!important;top:auto!important;bottom:auto!important;left:auto!important;right:auto!important;width:94%!important;margin:8px auto!important}.hero>.listen{height:90px!important}.hero>.tv-panel{max-width:550px!important}.hero>.listen .volume{display:flex!important}.hero>.listen .volume input{width:45px!important}}

/* Furiosa Urban: sitio centrado a 1200 px y colores configurables. */
html{background:var(--outer-bg,#11112b)!important}
body:not(.admin-body){max-width:1200px!important;width:100%!important;margin:0 auto!important;min-height:100vh;background:var(--site-bg,#050d29)!important;box-shadow:0 0 35px #0009!important;overflow-x:clip}
body:not(.admin-body) .main-header{width:100%!important;max-width:1200px!important}
body:not(.admin-body) .hero{width:100%!important;max-width:1200px!important}
body:not(.admin-body) .pill,body:not(.admin-body) .main-header nav .current{background:var(--accent,#e900f7)!important}
body:not(.admin-body) .hero>.tv-panel{border-color:var(--accent,#e900f7)!important}
body:not(.admin-body) .listen>button{background:var(--accent,#e900f7)!important}
@media(max-width:1200px){body:not(.admin-body){box-shadow:none!important}}

/* CONTENEDOR CENTRAL DE 1300 PX Y BACKGROUND VISIBLE A LOS LADOS */
html{min-height:100%;background-color:var(--outer-bg,#11112b)!important;background-image:var(--outer-image,none)!important;background-position:center top!important;background-repeat:no-repeat!important;background-size:cover!important;background-attachment:fixed!important}
body:not(.admin-body){width:100%!important;max-width:1300px!important;margin:0 auto!important;min-height:100vh!important;background:var(--site-bg,#050d29)!important;box-shadow:0 0 45px #000c!important;overflow-x:clip}
body:not(.admin-body) .main-header,body:not(.admin-body) .hero{max-width:1300px!important}
@media(max-width:1300px){body:not(.admin-body){box-shadow:none!important}}
@media(max-width:760px){html{background-attachment:scroll!important}}