*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background-color:#001016;background-size:cover;background-position:center;background-attachment:fixed;color:var(--text,#fff);font-family:Arial,Helvetica,sans-serif}a{text-decoration:none;color:inherit}button{font:inherit;cursor:pointer}.shell{max-width:1200px;margin:auto;background:var(--background,#050a0d);box-shadow:0 0 50px #000b;min-height:100vh}.topline{height:34px;display:flex;justify-content:space-between;align-items:center;padding:0 13px 0 80px;background:linear-gradient(90deg,#031e25,#00090c);font-size:11px}.topcenter{color:#e5ffff}.topright,.socialmini{display:flex;align-items:center;gap:10px}.socialmini a{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#0665a9;font-weight:900}.socialmini a:nth-child(2){background:#c3259e}.socialmini a:nth-child(3){background:#111}.socialmini a:nth-child(4){background:#e62121}.socialmini a:nth-child(5){background:#08753b}.listen{background:var(--primary,#00e9f0);color:#001013;border-radius:20px;padding:11px 23px;font-weight:900}.header{height:63px;display:flex;align-items:center;background:#030607;border-radius:10px;position:relative;z-index:2;padding:0 20px 0 70px}.brand{display:flex;align-items:center;gap:7px;min-width:250px;height:100%}.brand img{height:74px;width:74px;object-fit:cover;border-radius:50%;border:3px solid #ffdb25;position:relative;z-index:3}.brand strong{font-size:23px;line-height:.95;font-style:italic;letter-spacing:-1px;text-shadow:1px 2px #000}.brand em{display:block;font-size:22px;color:var(--primary,#00e9f0)}.nav{display:flex;align-items:center;justify-content:space-around;flex:1;gap:4px;height:100%}.nav a{font-size:10px;font-weight:900;padding:14px 9px;white-space:nowrap}.nav a.active{background:var(--primary,#00e9f0);border-radius:20px;color:#001317}.nav a:hover{color:var(--primary)}.searchicon{font-size:30px;margin-left:20px}.navtoggle{display:none}.hero{height:266px;position:relative;background:#000;overflow:hidden}.hero-track,.hero-track img{width:100%;height:100%;display:block}.hero-track img{object-fit:fill}.hero-arrow{position:absolute;top:50%;transform:translateY(-50%);background:#030507b0;color:#fff;border:2px solid #fff;border-radius:50%;height:44px;width:44px;font-size:36px;line-height:25px}.hero-arrow.left{left:11px}.hero-arrow.right{right:11px}.hero-dots{position:absolute;bottom:5px;left:50%;display:flex;gap:7px}.hero-dots span{height:8px;width:8px;background:#fff;border-radius:50%}.hero-dots .selected{background:var(--primary)}.radio{min-height:98px;display:flex;align-items:center;gap:14px;padding:6px 18px 6px 42px;background:linear-gradient(90deg,#001f24,#001315);border:1px solid var(--primary);border-radius:8px;margin:0 36px 0}.radio-brand img{width:86px;height:86px;border-radius:50%;object-fit:cover}.play{background:var(--primary);color:#00191b;border:0;width:55px;height:55px;border-radius:50%;font-size:24px;flex-shrink:0}.play:disabled{opacity:.5}.radiomain{flex:1;min-width:130px}.radiotitle{display:flex;align-items:center;gap:9px;font-size:12px;color:var(--primary);font-weight:900}.radiotitle span{background:var(--primary);color:#001315;padding:3px 7px;border-radius:3px}.bars{height:27px;display:flex;align-items:center;gap:3px;margin-top:2px}.bars i{display:block;width:3px;height:calc(5px + (var(--n) * 7px / 8));max-height:24px;background:var(--primary);border-radius:1px;animation:beat 1.1s ease-in-out infinite alternate;animation-delay:calc(var(--n) * -45ms)}@keyframes beat{to{height:4px}}.bars.paused i{animation-play-state:paused;height:5px}.tracktext{display:flex;flex-direction:column;font-size:11px}.tracktext small{color:#b1bec1}.volume{display:flex;align-items:center;gap:6px;white-space:nowrap}.volume input{width:70px;accent-color:var(--primary)}.radio-social{padding-left:14px;border-left:1px solid var(--primary);display:flex;flex-direction:column;gap:7px}.icons,.storelinks{display:flex;gap:8px}.icons a{background:#065eb4;padding:7px 10px;border-radius:5px;font-weight:bold}.icons a:nth-child(2){background:#bd269b}.icons a:nth-child(3){background:#121212}.icons a:nth-child(4){background:#e41e1e}.icons a:nth-child(5){background:#087e45}.storelinks a{background:#050505;border:1px solid #777;border-radius:4px;padding:7px;font-size:11px;white-space:nowrap}.slider-section{border-bottom:2px solid var(--primary);padding:0 28px 8px;margin-top:3px}.section-header{display:flex;align-items:baseline;gap:20px}.section-header h2,.tv-title h2{font-size:22px;letter-spacing:-1px;font-weight:1000;margin:4px 0 5px;line-height:1.2}.section-header h2 span,.tv-title span{color:var(--primary)}.section-header p{font-size:11px;color:#d4e1e4;margin:0}.carousel-wrap{position:relative}.carousel{display:flex;gap:11px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x mandatory;padding:0 8px 4px}.carousel::-webkit-scrollbar{display:none}.poster-card{flex:0 0 calc((100% - 55px)/6);min-width:150px;scroll-snap-align:start;text-align:center}.poster-img{border-radius:10px;overflow:hidden;background:var(--card,#07191e);height:174px}.poster-img img{width:100%;height:100%;object-fit:fill;display:block}.poster-name{font-size:11px;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.carousel-prev,.carousel-next{position:absolute;top:40%;transform:translateY(-50%);border:2px solid var(--primary);border-radius:50%;width:40px;height:40px;background:#001015df;color:var(--primary);font-size:32px;z-index:1;line-height:22px}.carousel-prev{left:-35px}.carousel-next{right:-35px}.programs .poster-card{flex-basis:calc((100% - 33px)/4);min-width:205px}.programs .poster-img{height:210px}.programs .poster-name{display:none}.offers .poster-img{height:85px}.offers .poster-card{min-width:155px}.offers .carousel-prev,.offers .carousel-next{top:42%}.tv-section{padding:0 28px 15px}.tv-title{display:flex;gap:24px;align-items:center}.tv-title h3{font-size:13px;color:var(--primary);margin:0}.tv-layout{display:grid;grid-template-columns:40% 60%;gap:12px}.video-frame{aspect-ratio:16/7;background:#031519;border:1px solid var(--primary);border-radius:8px;overflow:hidden}.video-frame video{width:100%;height:100%;object-fit:contain;background:#000}.tv-placeholder{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:radial-gradient(ellipse at 50% 20%,#096b8e,#050813 75%);text-align:center}.tv-placeholder strong{font-size:30px;font-style:italic}.tv-placeholder span{color:var(--primary)}.tv-placeholder small{color:red;font-weight:900}.tv-placeholder p{font-size:11px}.yt-side{display:flex;flex-direction:column;gap:6px}.yt-side iframe{width:100%;aspect-ratio:16/7;border:1px solid var(--primary);border-radius:8px}.yt-empty{height:0;overflow:hidden}.yt-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.yt-small{border:1px solid var(--primary);border-radius:9px;min-height:84px;background:radial-gradient(circle at 45% 10%,#0d96a9,#030710 70%);color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px}.yt-small:nth-child(2){background:radial-gradient(circle at 45% 10%,#9d284f,#030710 70%)}.yt-small:nth-child(3){background:radial-gradient(circle at 45% 10%,#e43b32,#030710 70%)}.yt-small:nth-child(4){background:radial-gradient(circle at 45% 10%,#3059a8,#030710 70%)}.thumb-play{border:2px solid var(--primary);color:var(--primary);border-radius:50%;width:31px;height:31px;display:grid;place-items:center}.yt-small b{font-size:10px}footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 30px;background:#020a0c;font-size:12px}footer strong{color:var(--primary)}@media(max-width:900px){.header{padding-left:10px}.brand{min-width:195px}.brand strong{font-size:18px}.brand em{font-size:17px}.nav a{padding:12px 4px;font-size:9px}.radio{margin:0 8px;padding:8px}.radio-social{display:none}.topline{padding-left:8px}.poster-card{min-width:155px}}@media(max-width:650px){.topcenter,.socialmini,.searchicon{display:none}.topline{font-size:9px}.listen{padding:9px;font-size:9px}.header{height:70px;justify-content:space-between}.brand img{height:58px;width:58px}.navtoggle{display:block;border:1px solid var(--primary);border-radius:6px;background:#001316;color:var(--primary);font-size:24px}.nav{display:none;position:absolute;top:70px;left:0;right:0;background:#03090b;height:auto;flex-direction:column;align-items:stretch;padding:10px}.nav.open{display:flex}.nav a{font-size:13px}.hero{height:170px}.hero-track img{object-fit:cover}.hero-arrow{width:32px;height:32px;font-size:25px}.radio{gap:7px}.radio-brand img{width:54px;height:54px}.play{width:40px;height:40px;font-size:17px}.volume{display:none}.bars{gap:2px}.bars i{width:2px}.radiotitle{font-size:10px}.slider-section{padding:5px 20px}.section-header h2{font-size:18px}.section-header p{display:none}.poster-card{flex-basis:52%;min-width:170px}.poster-img{height:180px}.programs .poster-card{flex-basis:70%}.programs .poster-img{height:230px}.offers .poster-img{height:105px}.carousel-prev{left:-17px}.carousel-next{right:-17px}.tv-section{padding:5px 16px}.tv-layout{grid-template-columns:1fr}.yt-empty{height:40px;text-align:center}.yt-cards{gap:5px}.yt-small{min-height:70px}.yt-small b{font-size:8px}footer{flex-direction:column;text-align:center}}

/* AJUSTES DEFINITIVOS MAQUETA - sobreescritura específica sin afectar cabecera */
@media(min-width:901px){
.sponsors .poster-card,.offers .poster-card{flex:0 0 calc((100% - 44px)/4);min-width:0}
.programs .poster-card{flex:0 0 calc((100% - 22px)/3);min-width:0}
.sponsors .poster-img{height:205px}
.programs .poster-img{height:252px}
.offers .poster-img{height:168px}
}
@media(min-width:651px) and (max-width:900px){
.sponsors .poster-card,.offers .poster-card{flex:0 0 calc((100% - 22px)/3)}
.programs .poster-card{flex:0 0 calc((100% - 11px)/2)}
}
@media(max-width:650px){.sponsors .poster-card,.offers .poster-card{flex:0 0 66%;min-width:180px}.programs .poster-card{flex:0 0 78%;min-width:200px}}
.carousel{scroll-behavior:smooth;overscroll-behavior-inline:contain}
.hero-track{position:relative;width:100%;height:100%}
.hero-track img{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;opacity:0;transition:opacity .65s ease;pointer-events:none}
.hero-track img.active{opacity:1;pointer-events:auto}
.hero-dots{transform:translateX(-50%);z-index:1}
.hero-dots button{width:8px;height:8px;padding:0;background:white;border:0;border-radius:50%;cursor:pointer}
.hero-dots button.selected{background:var(--primary)}
.hero-arrow{z-index:1}
@media(min-width:901px){.hero{height:266px}.header{height:63px}.navtoggle{display:none}}

/* FURIOSA TV - miniaturas YouTube visibles (4 canales independientes) */
.tv-section .tv-layout{display:grid;grid-template-columns:minmax(0,46%) minmax(0,54%);gap:12px}
.tv-section .yt-side{min-width:0;display:flex;flex-direction:column;gap:8px}
.tv-section .yt-side iframe{width:100%;aspect-ratio:16/9;height:auto;display:block;border:1px solid var(--primary,#00e9f0);border-radius:9px}
.tv-section .yt-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.tv-section .yt-small{isolation:isolate;position:relative;min-width:0;min-height:120px;overflow:hidden;border:1px solid var(--primary,#00e9f0);border-radius:9px;padding:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px;background:#06191d;color:#fff}
.tv-section .yt-small img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block;z-index:-2}
.tv-section .yt-small::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 25%,rgba(0,0,0,.88));z-index:-1;pointer-events:none}
.tv-section .yt-small .thumb-play{margin-top:auto;margin-bottom:3px;width:33px;height:33px;flex-shrink:0;border:2px solid #00e9f0;border-radius:50%;display:grid;place-items:center;background:#0008;color:#00e9f0}
.tv-section .yt-small b{font-size:10px;line-height:1.2;text-align:center;padding:0 4px 8px;text-shadow:0 2px 4px #000}
.tv-section .yt-small .yt-config-label{font-size:9px;color:#d7e5e6;margin-top:-5px;margin-bottom:5px}
.tv-section .yt-small.yt-unconfigured{opacity:.8;cursor:default}
.tv-section .yt-small.yt-unconfigured:disabled{color:#fff}
.tv-section .yt-thumb-fallback{position:absolute;inset:0;display:grid;place-items:center;font-size:40px;color:#00e9f0;background:radial-gradient(circle,#0b5865,#041017 70%);z-index:-2}
.tv-section .yt-empty{height:260px;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#04171b;border:1px solid #00e9f0;border-radius:9px;text-align:center}
@media(max-width:850px){.tv-section .tv-layout{grid-template-columns:1fr}.tv-section .yt-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.tv-section .yt-small{min-height:135px}}

/* Ajuste final de los tres carruseles: 4 por vista, sin deformar carteles */
@media(min-width:901px){
.sponsors .poster-card,.programs .poster-card,.offers .poster-card{flex:0 0 calc((100% - 44px)/4) !important;min-width:0 !important;max-width:none !important}
.programs .poster-img{height:440px !important}
.sponsors .poster-img,.offers .poster-img{height:390px !important}
.programs .poster-img img,.sponsors .poster-img img,.offers .poster-img img{width:100% !important;height:100% !important;object-fit:contain !important;object-position:center !important;filter:none !important;transform:none !important}
}
@media(min-width:651px) and (max-width:900px){.programs .poster-card,.sponsors .poster-card,.offers .poster-card{flex:0 0 calc((100% - 22px)/3) !important}}
@media(max-width:650px){.programs .poster-card,.sponsors .poster-card,.offers .poster-card{flex:0 0 82% !important}}
.tv-section .yt-small img{z-index:0 !important;opacity:1 !important}
.tv-section .yt-small::after{z-index:1 !important}
.tv-section .yt-small .thumb-play,.tv-section .yt-small b,.tv-section .yt-small .yt-config-label{z-index:2 !important}

     @media (min-width: 901px) {
    .programs .poster-img {
        height: 490px !important;
    }

    .programs .poster-img img {
        width: 100% !important;
        height: 100% !important;
        object-fit: contain !important;
    }
}

   
   /* FURIOSA FM - AUSPICIANTES MÁS GRANDES */

@media (min-width: 901px) {
    .sponsors .poster-img {
        height: 390px !important;
        overflow: hidden;
        border-radius: 10px;
    }

    .sponsors .poster-img img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: center;
        filter: none !important;
    }
}

/* FURIOSA FM - PROGRAMACIÓN */
@media (min-width: 901px) {
    .programs .poster-img {
        height: 390px !important;
        overflow: hidden;
        border-radius: 10px;
        background: #061316;
    }

    .programs .poster-img img {
        display: block;
        width: 100% !important;
        height: 100% !important;
        object-fit: contain !important;
        object-position: center;
        image-rendering: auto;
        filter: none !important;
        transform: none !important;
    }
}

/* FURIOSA FM - OFERTAS MÁS GRANDES */

@media (min-width: 901px) {
    .offers .poster-img {
        height: 390px !important;
        overflow: hidden;
        border-radius: 10px;
    }

    .offers .poster-img img {
        display: block;
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: center;
        filter: none !important;
        transform: none !important;
    }
}



