:root{--bg:#04060c;--bg2:#091020;--card:rgba(9,16,32,.78);--line:rgba(255,255,255,.12);--text:#f8fbff;--muted:#aeb9cf;--blue:#0c7cff;--yellow:#ffd51f;--red:#ff2436;--cyan:#3ee7ff;--green:#42df91;--shadow:0 20px 70px rgba(0,0,0,.4)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:radial-gradient(circle at 10% 10%,rgba(12,124,255,.15),transparent 30%),radial-gradient(circle at 90% 15%,rgba(255,213,31,.09),transparent 25%),linear-gradient(180deg,#02050b,#071221 55%,#02050b);color:var(--text);overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.container{width:min(1160px,92%);margin:auto}.glass{background:var(--card);backdrop-filter:blur(16px);border:1px solid var(--line);box-shadow:var(--shadow)}
header{position:sticky;top:0;z-index:50;background:rgba(2,5,11,.82);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px;font-weight:900}.brand img{width:52px;height:52px;border-radius:50%;object-fit:cover;border:2px solid var(--yellow)}.brand span b{color:var(--yellow)}.navlinks{display:flex;gap:20px;align-items:center;font-weight:700;font-size:.9rem}.navlinks a{opacity:.82}.navlinks a:hover{opacity:1;color:var(--yellow)}.admin-link{padding:10px 14px;border:1px solid rgba(255,213,31,.4);border-radius:999px}.menu{display:none;background:none;border:0;color:white;font-size:1.6rem}.ticker{overflow:hidden;background:linear-gradient(90deg,rgba(255,36,54,.14),rgba(255,213,31,.08),rgba(12,124,255,.14));border-bottom:1px solid var(--line)}.ticker-track{display:flex;gap:60px;width:max-content;padding:10px 0;font-weight:800;animation:move 24s linear infinite}.ticker-track span{white-space:nowrap}@keyframes move{to{transform:translateX(-50%)}}
.hero{min-height:720px;display:grid;align-items:center;position:relative;isolation:isolate;overflow:hidden}.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,5,11,.94) 0%,rgba(2,5,11,.72) 46%,rgba(2,5,11,.38) 100%),var(--hero-bg,linear-gradient(135deg,#0a1b35,#05070e));background-size:cover;background-position:center;z-index:-2}.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 70%,#02050b);z-index:-1}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:rgba(255,213,31,.1);border:1px solid rgba(255,213,31,.25);color:#ffe66d;font-size:.8rem;font-weight:900;text-transform:uppercase;letter-spacing:1px}.hero h1{font-size:clamp(3rem,7vw,6.8rem);line-height:.87;margin:20px 0 16px;letter-spacing:-5px}.hero h1 span{display:block;color:var(--yellow);text-shadow:0 0 32px rgba(255,213,31,.2)}.hero p{font-size:1.12rem;color:var(--muted);max-width:680px;line-height:1.8}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{border:0;border-radius:16px;padding:15px 20px;font-weight:900;cursor:pointer;transition:.25s;display:inline-flex;align-items:center;gap:10px}.btn:hover{transform:translateY(-3px)}.btn-primary{background:linear-gradient(135deg,var(--red),#ff7c1b);color:white;box-shadow:0 15px 40px rgba(255,36,54,.25)}.btn-secondary{background:rgba(255,255,255,.07);color:white;border:1px solid var(--line)}.logo-stage{display:grid;place-items:center}.logo-stage img{width:min(480px,90vw);aspect-ratio:1;object-fit:cover;border-radius:50%;border:6px solid rgba(255,213,31,.85);box-shadow:0 0 0 12px rgba(255,255,255,.05),0 35px 90px rgba(0,0,0,.55);animation:float 5s ease-in-out infinite}@keyframes float{50%{transform:translateY(-12px)}}
section{padding:94px 0}.section-head{max-width:720px;margin-bottom:34px}.section-head span{color:var(--yellow);font-weight:900;text-transform:uppercase;letter-spacing:1.4px;font-size:.8rem}.section-head h2{font-size:clamp(2rem,5vw,3.4rem);margin:10px 0}.section-head p{color:var(--muted);line-height:1.7}.player{border-radius:30px;padding:28px;display:grid;grid-template-columns:230px 1fr;gap:30px;align-items:center}.player-cover{position:relative}.player-cover img{width:100%;aspect-ratio:1;border-radius:24px;object-fit:cover}.onair{position:absolute;top:14px;left:14px;padding:8px 10px;border-radius:999px;background:#ef2238;font-weight:900;font-size:.75rem;box-shadow:0 0 25px rgba(239,34,56,.4)}.player h3{font-size:2rem;margin:0 0 8px}.player p{color:var(--muted)}.player-controls{display:flex;align-items:center;gap:16px;margin-top:22px}.round{width:64px;height:64px;border-radius:50%;border:0;background:var(--yellow);color:#111;font-size:1.45rem;cursor:pointer;box-shadow:0 14px 35px rgba(255,213,31,.25)}.wave{display:flex;align-items:end;gap:4px;height:48px;flex:1}.wave i{width:6px;border-radius:99px;background:linear-gradient(var(--yellow),var(--red));animation:eq .7s ease-in-out infinite alternate}.wave i:nth-child(2n){animation-delay:.2s}.wave i:nth-child(3n){animation-delay:.4s}@keyframes eq{from{height:12px}to{height:46px}}
.grid{display:grid;gap:18px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.card{border-radius:24px;padding:22px;background:rgba(255,255,255,.045);border:1px solid var(--line);transition:.25s}.card:hover{transform:translateY(-5px);background:rgba(255,255,255,.07)}.card h3{margin:8px 0}.muted{color:var(--muted)}.schedule-card{display:grid;grid-template-columns:100px 1fr auto;gap:14px;align-items:center}.time{font-weight:900;color:var(--yellow);font-size:1.05rem}.day{font-size:.72rem;text-transform:uppercase;color:var(--cyan);font-weight:900}.host{font-size:.85rem;color:var(--muted)}.team-card{text-align:center}.team-card img{width:104px;height:104px;border-radius:50%;object-fit:cover;border:3px solid var(--yellow);background:#111}.team-card small{color:var(--yellow);font-weight:800}.news-card img,.catalog-card img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:17px;background:rgba(255,255,255,.06)}.news-card time{color:var(--cyan);font-size:.8rem;font-weight:800}.podcast-card audio{width:100%;margin-top:12px}.catalog-card a{display:inline-flex;margin-top:12px;color:var(--yellow);font-weight:900}.empty{padding:30px;border:1px dashed rgba(255,255,255,.2);border-radius:20px;color:var(--muted);text-align:center}
.scenic{position:relative;min-height:520px;display:flex;align-items:end;background:linear-gradient(180deg,rgba(0,0,0,.15),rgba(2,5,11,.88)),url('pulpera-condes.jpg') center/cover}.scenic-copy{max-width:700px;padding:38px;border-radius:28px;margin-bottom:24px}.scenic-copy h2{font-size:clamp(2.4rem,6vw,4.8rem);margin:8px 0}.interaction{display:grid;grid-template-columns:1fr .9fr;gap:26px}.form-card{border-radius:28px;padding:28px}.form-group{display:grid;gap:8px;margin-bottom:15px}.form-group label{font-size:.85rem;font-weight:800}.form-group input,.form-group textarea,.form-group select{width:100%;padding:13px 14px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.06);color:white;outline:none}.form-group textarea{min-height:120px;resize:vertical}.status{margin-top:12px;font-size:.9rem}.socials{display:flex;flex-wrap:wrap;gap:12px}.social{padding:12px 16px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.04);font-weight:800}.social:hover{border-color:var(--yellow);color:var(--yellow)}.donation{border-radius:28px;padding:28px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(135deg,rgba(66,223,145,.12),rgba(12,124,255,.12));border:1px solid rgba(66,223,145,.25)}.donation h3{margin:0 0 8px}.donation p{margin:0;color:var(--muted)}footer{padding:40px 0 55px;border-top:1px solid var(--line);color:var(--muted)}.footer-grid{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.reveal{opacity:0;transform:translateY(20px);transition:.65s}.reveal.show{opacity:1;transform:none}
@media(max-width:900px){.navlinks{position:absolute;top:78px;left:4%;right:4%;padding:16px;display:none;flex-direction:column;align-items:stretch;background:#07101f;border:1px solid var(--line);border-radius:20px}.navlinks.open{display:flex}.menu{display:block}.hero{min-height:auto;padding:70px 0}.hero-grid,.interaction{grid-template-columns:1fr}.logo-stage{order:-1}.logo-stage img{width:290px}.player{grid-template-columns:1fr}.player-cover{max-width:280px}.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}.hero h1{letter-spacing:-2px}.schedule-card{grid-template-columns:86px 1fr}}
@media(max-width:620px){section{padding:70px 0}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.player{padding:20px}.donation{align-items:flex-start;flex-direction:column}.brand span{font-size:.85rem}.hero h1{font-size:3.6rem}.hero p{font-size:1rem}}


/* ===== Radio Condes · actualización visual + carrusel de catálogos ===== */
body::before{content:"";position:fixed;inset:-25%;z-index:-2;pointer-events:none;background:radial-gradient(circle at 18% 28%,rgba(12,124,255,.13),transparent 23%),radial-gradient(circle at 82% 18%,rgba(255,213,31,.11),transparent 20%),radial-gradient(circle at 66% 78%,rgba(255,36,54,.09),transparent 22%);filter:blur(12px);animation:ambientDrift 16s ease-in-out infinite alternate}
@keyframes ambientDrift{to{transform:translate3d(2.5%,-1.5%,0) scale(1.04)}}
section{position:relative;isolation:isolate}
section:not(.hero):not(.scenic)::before{content:"";position:absolute;inset:8% 0 auto;height:62%;z-index:-1;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(12,124,255,.035),rgba(255,213,31,.025),transparent);opacity:.9}
.section-head h2{background:linear-gradient(110deg,#fff 18%,#dff6ff 52%,#ffe866 115%);-webkit-background-clip:text;background-clip:text;color:transparent}
.btn,.round,.social,.carousel-btn,.admin-link{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,filter .22s ease}
.btn:hover,.social:hover,.carousel-btn:hover:not(:disabled),.admin-link:hover{transform:translateY(-3px);filter:brightness(1.08)}
.btn-primary:hover{box-shadow:0 18px 45px rgba(255,213,31,.28),0 0 28px rgba(255,213,31,.14)}
.round:hover{transform:scale(1.08);box-shadow:0 18px 44px rgba(255,213,31,.34)}
.card{position:relative;overflow:hidden;box-shadow:0 15px 38px rgba(0,0,0,.18)}
.card::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,transparent 25%,rgba(255,255,255,.06) 45%,transparent 65%);transform:translateX(-130%);transition:transform .7s ease}
.card:hover::after{transform:translateX(130%)}
.news-card img,.catalog-card img,.team-card img,.player-cover img{transition:transform .5s cubic-bezier(.2,.8,.2,1),filter .4s ease}
.news-card:hover img,.catalog-card:hover img{transform:scale(1.045);filter:saturate(1.12) contrast(1.03)}
.logo-stage img{animation:logoFloat 5s ease-in-out infinite;filter:drop-shadow(0 24px 55px rgba(12,124,255,.24))}
@keyframes logoFloat{50%{transform:translateY(-10px) rotate(.6deg)}}

.catalog-section{padding-top:82px;background:linear-gradient(180deg,rgba(255,213,31,.025),rgba(12,124,255,.055),transparent)}
.catalog-top{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}
.catalog-top .section-head{margin-bottom:24px}
.carousel-controls{display:flex;gap:10px;margin-bottom:28px;flex:0 0 auto}
.carousel-btn{width:52px;height:52px;border-radius:50%;border:1px solid rgba(255,255,255,.16);background:linear-gradient(145deg,rgba(255,213,31,.16),rgba(12,124,255,.14));color:#fff;font-size:1.35rem;font-weight:900;cursor:pointer;box-shadow:0 10px 28px rgba(0,0,0,.2)}
.carousel-btn:disabled{opacity:.28;cursor:not-allowed;transform:none}
.catalog-shell{position:relative;padding:12px 0 34px}
.catalog-carousel{display:flex;gap:20px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding:8px max(1px,calc((100vw - min(1160px,92vw))/2));margin-left:calc((100vw - min(1160px,92vw))/-2);margin-right:calc((100vw - min(1160px,92vw))/-2);cursor:grab;touch-action:pan-y}
.catalog-carousel::-webkit-scrollbar{display:none}.catalog-carousel.dragging{cursor:grabbing;scroll-snap-type:none;user-select:none}
.catalog-card{flex:0 0 clamp(280px,31vw,380px);scroll-snap-align:start;padding:0;border-radius:26px;background:linear-gradient(165deg,rgba(18,30,55,.96),rgba(7,12,24,.95));border:1px solid rgba(255,255,255,.14);animation:catalogIn .55s both;animation-delay:var(--delay,0ms)}
@keyframes catalogIn{from{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:none}}
.catalog-card>img{width:100%;aspect-ratio:16/10;border-radius:0;object-fit:cover;background:rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.08)}
.catalog-body{padding:21px 22px 23px}
.catalog-body h3{font-size:1.25rem;margin:10px 0 8px}.catalog-body p{min-height:3.2em;line-height:1.6}
.catalog-badge{display:inline-flex;padding:6px 10px;border-radius:999px;background:linear-gradient(90deg,rgba(255,213,31,.16),rgba(255,36,54,.12));border:1px solid rgba(255,213,31,.22);color:var(--yellow);font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.8px}
.catalog-link{display:inline-flex!important;align-items:center;gap:9px;margin-top:12px;padding:10px 13px;border-radius:12px;background:rgba(255,213,31,.09);border:1px solid rgba(255,213,31,.18);color:var(--yellow)!important;font-weight:900}
.catalog-link span{transition:transform .2s ease}.catalog-link:hover span{transform:translateX(4px)}
.catalog-hint{text-align:center;color:var(--muted);font-size:.78rem;margin-top:13px;letter-spacing:.25px;animation:hintPulse 2.8s ease-in-out infinite}
@keyframes hintPulse{50%{opacity:.5}}
.catalog-empty{flex:1 0 100%;min-width:min(760px,88vw)}

@media(max-width:900px){.catalog-card{flex-basis:min(360px,78vw)}.catalog-carousel{padding-left:4vw;padding-right:4vw;margin-left:-4vw;margin-right:-4vw}.catalog-top{align-items:flex-end}.carousel-btn{width:46px;height:46px}}
@media(max-width:620px){.catalog-section{padding-top:62px}.catalog-top{display:block}.carousel-controls{margin-top:-8px;margin-bottom:20px}.catalog-card{flex-basis:84vw}.catalog-hint{text-align:left}.logo-stage img{animation-duration:6.5s}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}

/* ===== V2 · CAMBIO VISUAL NOTORIO ===== */
:root{--violet:#8b5cf6;--magenta:#ff2d8d;--orange:#ff8a00}
header{box-shadow:0 10px 35px rgba(0,0,0,.28)}
.hero{min-height:680px;border-bottom:1px solid rgba(255,255,255,.08)}
.hero::before{background:linear-gradient(90deg,rgba(2,5,11,.96) 0%,rgba(2,5,11,.7) 45%,rgba(2,5,11,.22) 100%),var(--hero-bg,linear-gradient(135deg,#0a1b35,#05070e))}
.hero h1 span:first-child{background:linear-gradient(90deg,#fff,#70d7ff 55%,#fff);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none}
.hero h1 span:last-child{background:linear-gradient(90deg,var(--yellow),#ff8a00,var(--red));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 36px rgba(255,130,0,.22)}
.logo-stage{position:relative;display:grid;place-items:center}
.logo-stage::before{content:"";position:absolute;width:min(430px,78vw);aspect-ratio:1;border-radius:50%;background:conic-gradient(from 0deg,var(--yellow),var(--red),var(--blue),var(--cyan),var(--yellow));filter:blur(30px);opacity:.34;animation:spinAura 9s linear infinite}
.logo-stage::after{content:"98.0 FM";position:absolute;right:3%;bottom:5%;padding:10px 16px;border-radius:999px;background:linear-gradient(90deg,var(--red),#ff8a00);font-weight:1000;letter-spacing:1px;box-shadow:0 14px 38px rgba(255,36,54,.28)}
.logo-stage img{position:relative;z-index:1;border:5px solid rgba(255,255,255,.12);box-shadow:0 26px 90px rgba(12,124,255,.28),0 0 0 8px rgba(255,213,31,.06)}
@keyframes spinAura{to{transform:rotate(360deg)}}

.catalog-feature{position:relative;overflow:hidden;padding:72px 0 76px!important;background:linear-gradient(115deg,#071a35 0%,#10102b 34%,#2a0c2f 66%,#351c06 100%)!important;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.12)}
.catalog-feature::before{content:""!important;position:absolute!important;inset:0!important;height:auto!important;background:linear-gradient(120deg,rgba(12,124,255,.18),transparent 32%,rgba(255,45,141,.14) 66%,rgba(255,213,31,.12))!important;opacity:1!important}
.catalog-feature::after{content:"CATÁLOGOS";position:absolute;right:-32px;top:8px;font-size:clamp(5rem,13vw,11rem);font-weight:1000;letter-spacing:-8px;color:rgba(255,255,255,.025);pointer-events:none}
.catalog-orb{position:absolute;border-radius:50%;filter:blur(10px);pointer-events:none;opacity:.5}.orb-a{width:240px;height:240px;left:-70px;top:-80px;background:radial-gradient(circle,var(--blue),transparent 68%);animation:orbFloat 7s ease-in-out infinite}.orb-b{width:300px;height:300px;right:-80px;bottom:-110px;background:radial-gradient(circle,var(--magenta),transparent 68%);animation:orbFloat 9s ease-in-out infinite reverse}@keyframes orbFloat{50%{transform:translate(25px,20px) scale(1.08)}}
.catalog-feature .section-head span{display:inline-flex;padding:8px 14px;border-radius:999px;background:linear-gradient(90deg,rgba(255,213,31,.2),rgba(255,45,141,.18));border:1px solid rgba(255,255,255,.16);color:#fff}
.catalog-feature .section-head h2{font-size:clamp(2.8rem,6vw,5.7rem);line-height:.95;letter-spacing:-3px;margin:14px 0;background:linear-gradient(90deg,#fff 0%,#7de8ff 28%,#ffe86a 61%,#ff7db8 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.catalog-feature .section-head p{font-size:1.05rem;max-width:760px;color:#d2dcf3}
.catalog-feature .catalog-top{align-items:center}
.catalog-feature .carousel-btn{width:60px;height:60px;font-size:1.55rem;background:linear-gradient(145deg,var(--yellow),#ff8a00);color:#101010;border:0;box-shadow:0 14px 40px rgba(255,138,0,.28)}
.catalog-feature .catalog-shell{padding-top:18px}
.catalog-feature .catalog-carousel{gap:26px;padding-top:15px;padding-bottom:18px}
.catalog-feature .catalog-card{flex:0 0 clamp(330px,38vw,500px);border:2px solid rgba(255,255,255,.14);background:linear-gradient(155deg,rgba(12,24,48,.96),rgba(34,10,44,.92));box-shadow:0 25px 70px rgba(0,0,0,.42);transform-origin:center;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease,border-color .35s ease}
.catalog-feature .catalog-card:hover{transform:translateY(-10px) scale(1.015);border-color:rgba(255,213,31,.55);box-shadow:0 35px 90px rgba(0,0,0,.5),0 0 42px rgba(255,45,141,.12)}
.catalog-feature .catalog-card>img{aspect-ratio:16/10;filter:saturate(1.06);transition:transform .6s cubic-bezier(.2,.8,.2,1),filter .35s ease}
.catalog-feature .catalog-card:hover>img{transform:scale(1.06);filter:saturate(1.3) contrast(1.06)}
.catalog-feature .catalog-body{padding:24px 26px 28px}
.catalog-feature .catalog-badge{background:linear-gradient(90deg,var(--red),var(--orange));color:#fff;border:0;box-shadow:0 8px 24px rgba(255,36,54,.2)}
.catalog-feature .catalog-body h3{font-size:1.45rem}.catalog-feature .catalog-link{background:linear-gradient(90deg,var(--yellow),#ffb000);color:#111!important;border:0;padding:12px 16px;box-shadow:0 10px 30px rgba(255,213,31,.18)}
.catalog-feature .catalog-hint{color:#f2f6ff;font-weight:700}

#radio{background:linear-gradient(180deg,rgba(12,124,255,.12),rgba(12,124,255,.025) 60%,transparent)}
#programacion{background:linear-gradient(180deg,rgba(139,92,246,.09),rgba(139,92,246,.02) 55%,transparent)}
#equipo{background:linear-gradient(180deg,rgba(62,231,255,.07),rgba(62,231,255,.015) 55%,transparent)}
#noticias{background:linear-gradient(180deg,rgba(255,36,54,.08),rgba(255,138,0,.02) 58%,transparent)}
#podcasts{background:linear-gradient(180deg,rgba(255,45,141,.07),rgba(139,92,246,.02) 58%,transparent)}
#contacto{background:linear-gradient(180deg,rgba(66,223,145,.055),rgba(12,124,255,.035))}
#radio .glass{border-color:rgba(12,124,255,.28);box-shadow:0 28px 80px rgba(12,124,255,.12)}
#programacion .card:nth-child(4n+1){border-top:3px solid var(--blue)}#programacion .card:nth-child(4n+2){border-top:3px solid var(--violet)}#programacion .card:nth-child(4n+3){border-top:3px solid var(--yellow)}#programacion .card:nth-child(4n+4){border-top:3px solid var(--red)}
#equipo .team-card{background:linear-gradient(165deg,rgba(12,124,255,.08),rgba(255,255,255,.035))}
#noticias .news-card{background:linear-gradient(165deg,rgba(255,36,54,.07),rgba(255,255,255,.035))}
#podcasts .podcast-card{background:linear-gradient(165deg,rgba(139,92,246,.08),rgba(255,255,255,.035))}

.btn-primary{position:relative;overflow:hidden;background:linear-gradient(100deg,var(--yellow),#ffb000,var(--orange));box-shadow:0 14px 40px rgba(255,174,0,.22)}
.btn-primary::after{content:"";position:absolute;inset:-60% -30%;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.6) 50%,transparent 65%);transform:translateX(-100%) rotate(8deg);transition:transform .7s ease}.btn-primary:hover::after{transform:translateX(100%) rotate(8deg)}
.btn-secondary{background:linear-gradient(120deg,rgba(12,124,255,.16),rgba(139,92,246,.14));border-color:rgba(125,232,255,.22)}
.section-head{position:relative}.section-head>span{letter-spacing:1.2px}.section-head h2{letter-spacing:-2px}
.card:hover{transform:translateY(-8px);border-color:rgba(255,255,255,.2);box-shadow:0 24px 55px rgba(0,0,0,.28)}

@media(max-width:900px){.catalog-feature .catalog-card{flex-basis:min(420px,82vw)}.catalog-feature .section-head h2{letter-spacing:-2px}.logo-stage::after{right:7%;bottom:0}}
@media(max-width:620px){.catalog-feature{padding:54px 0 60px!important}.catalog-feature::after{font-size:5rem;letter-spacing:-4px}.catalog-feature .section-head h2{font-size:3.15rem}.catalog-feature .catalog-card{flex-basis:88vw}.catalog-feature .carousel-btn{width:50px;height:50px}.hero{padding-top:55px}.logo-stage::after{font-size:.8rem;right:2%}}

/* Player reforzado */
.player-info{min-width:0}.big-play{margin-top:20px;width:min(440px,100%);min-height:76px;border:0;border-radius:22px;padding:16px 24px;display:flex;align-items:center;justify-content:center;gap:14px;background:linear-gradient(135deg,#ffd51f,#ff9e19);color:#07101a;font-weight:1000;font-size:1.05rem;letter-spacing:.4px;cursor:pointer;box-shadow:0 18px 45px rgba(255,193,31,.28);transition:transform .2s,box-shadow .2s,filter .2s}.big-play:hover{transform:translateY(-3px) scale(1.01);box-shadow:0 22px 55px rgba(255,193,31,.38);filter:saturate(1.12)}.big-play:active{transform:translateY(0) scale(.99)}.big-play span{font-size:1rem}.direct-stream{display:inline-flex;margin-top:16px;color:#8fd7ff;font-weight:800;text-decoration:none}.direct-stream:hover{color:#fff;text-decoration:underline}.stream-note{font-size:.8rem!important;color:#8492a8!important;margin-top:8px!important}.player .round{width:72px;height:72px;font-size:1.65rem}.player-controls{margin-top:16px}.playerStatus-live{color:#ff4559}


/* Videos de auspiciadores: ocupa el espacio derecho indicado por el cliente */
.catalog-top-media{display:grid!important;grid-template-columns:minmax(0,1.06fr) minmax(400px,.94fr);gap:42px;align-items:center!important}
.catalog-top-media .section-head{margin-bottom:0!important}
.sponsor-video-panel{position:relative;border-radius:28px;padding:14px;background:linear-gradient(145deg,rgba(7,17,36,.96),rgba(43,9,43,.94));border:1px solid rgba(255,255,255,.18);box-shadow:0 28px 80px rgba(0,0,0,.42),0 0 45px rgba(27,210,255,.08);overflow:hidden}
.sponsor-video-panel::before{content:"";position:absolute;inset:-40% 38% auto -10%;height:240px;background:radial-gradient(circle,rgba(27,210,255,.2),transparent 68%);pointer-events:none}
.sponsor-video-label{position:relative;z-index:1;display:inline-flex;margin:2px 0 11px;padding:7px 11px;border-radius:999px;background:rgba(255,213,31,.12);border:1px solid rgba(255,213,31,.22);color:#ffe769;font-size:.72rem;font-weight:900;letter-spacing:.8px}
.sponsor-video-stage{position:relative;aspect-ratio:16/9;border-radius:20px;overflow:hidden;background:radial-gradient(circle at 35% 30%,rgba(27,210,255,.15),transparent 35%),linear-gradient(135deg,#050913,#15091b);border:1px solid rgba(255,255,255,.12);display:grid;place-items:center}
.sponsor-video-stage video,.sponsor-video-stage iframe{width:100%;height:100%;display:block;border:0;object-fit:cover;background:#000}
.sponsor-video-placeholder{width:100%;height:100%;display:grid;place-items:center;text-align:center;padding:24px;color:#dce8ff;background:linear-gradient(135deg,rgba(12,124,255,.09),rgba(255,45,141,.09))}
.sponsor-video-placeholder span{display:block;font-size:3rem;margin-bottom:10px;filter:drop-shadow(0 10px 18px rgba(0,0,0,.25))}
.sponsor-video-placeholder strong{display:block;font-size:1.08rem}.sponsor-video-placeholder small{display:block;color:var(--muted);margin-top:7px;line-height:1.5}
.sponsor-video-meta{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 4px 3px}.sponsor-video-meta strong{display:block;font-size:1rem}.sponsor-video-meta small{display:block;color:var(--muted);margin-top:4px}.sponsor-video-meta>span{white-space:nowrap;color:var(--yellow);font-weight:900;font-size:.8rem}
.sponsor-video-nav{position:absolute;right:22px;top:22px;display:flex;gap:7px;z-index:3}.sponsor-video-nav button{width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:rgba(5,9,18,.72);backdrop-filter:blur(10px);color:#fff;font-weight:900;cursor:pointer;transition:.2s}.sponsor-video-nav button:hover{transform:translateY(-2px);background:var(--yellow);color:#111}.sponsor-video-nav button:disabled{opacity:.35;cursor:not-allowed;transform:none}
.catalog-row-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:36px}.catalog-row-controls b{display:block;font-size:1.05rem}.catalog-row-controls small{display:block;color:var(--muted);margin-top:4px}
@media(max-width:1000px){.catalog-top-media{grid-template-columns:1fr}.sponsor-video-panel{max-width:760px;width:100%}.catalog-row-controls{margin-top:26px}}
@media(max-width:620px){.sponsor-video-panel{padding:10px;border-radius:22px}.sponsor-video-stage{border-radius:16px}.sponsor-video-nav{right:16px;top:16px}.catalog-row-controls{align-items:flex-end}.catalog-row-controls small{max-width:200px}.catalog-row-controls .carousel-btn{width:46px;height:46px}}


/* PLAY y oyentes en vivo en cabecera */
.header-live-controls{display:flex;align-items:center;gap:10px;margin-left:auto;margin-right:6px}
.header-play{height:48px;padding:0 17px 0 8px;border:1px solid rgba(62,231,255,.42);border-radius:999px;background:linear-gradient(135deg,rgba(12,124,255,.2),rgba(62,231,255,.08));color:#fff;display:inline-flex;align-items:center;gap:9px;font-weight:1000;letter-spacing:.8px;cursor:pointer;box-shadow:0 10px 32px rgba(12,124,255,.16);transition:transform .2s,box-shadow .2s,border-color .2s,background .2s}
.header-play:hover{transform:translateY(-2px);border-color:var(--cyan);box-shadow:0 14px 38px rgba(62,231,255,.2);background:linear-gradient(135deg,rgba(12,124,255,.32),rgba(62,231,255,.14))}
.header-play.playing{border-color:rgba(255,36,54,.65);background:linear-gradient(135deg,rgba(255,36,54,.2),rgba(255,213,31,.08));box-shadow:0 12px 36px rgba(255,36,54,.14)}
.header-play-icon{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--cyan),#138dff);color:#031019;font-size:.86rem;box-shadow:0 8px 22px rgba(62,231,255,.25)}
.header-play.playing .header-play-icon{background:linear-gradient(135deg,#ff5160,#ffb42b);color:#fff}
.listeners-pill{height:42px;padding:0 13px;border-radius:999px;display:flex;align-items:center;gap:7px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.12);color:#dbe6fa;font-size:.77rem;white-space:nowrap}
.listeners-pill strong{font-size:.92rem;color:#fff;min-width:1.2ch;text-align:center}.listeners-dot{width:9px;height:9px;border-radius:50%;background:#42df91;box-shadow:0 0 0 4px rgba(66,223,145,.12),0 0 14px rgba(66,223,145,.65);animation:listenerPulse 1.8s ease-in-out infinite}
@keyframes listenerPulse{50%{opacity:.55;transform:scale(.8)}}
.listeners-live{display:inline-flex;align-items:center;gap:10px;margin-top:12px;padding:9px 13px;border-radius:999px;background:rgba(66,223,145,.08);border:1px solid rgba(66,223,145,.2);color:#dfffee;font-size:.86rem;font-weight:700}.listeners-live strong{color:#76f3ae;font-size:1rem}
@media(max-width:1100px){.navlinks{gap:13px;font-size:.82rem}.listeners-pill span:last-child{display:none}.listeners-pill{padding:0 11px}.header-play{padding-right:12px}}
@media(max-width:900px){.header-live-controls{margin-left:auto}.listeners-pill span:last-child{display:inline}.menu{display:block}.navlinks{display:none}.navlinks.open{display:flex;position:absolute;left:4%;right:4%;top:72px;flex-direction:column;align-items:stretch;padding:18px;background:rgba(3,7,15,.98);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.navlinks.open a{padding:9px 6px}}
@media(max-width:620px){.nav{height:72px;gap:8px}.brand{gap:8px}.brand img{width:43px;height:43px}.brand span{font-size:.82rem;line-height:1.1}.brand small{font-size:.68rem}.header-play{width:42px;height:42px;padding:4px;border-radius:50%}.header-play-icon{width:32px;height:32px}.header-play #headerPlayText{display:none}.listeners-pill{height:38px;padding:0 9px;font-size:.72rem}.listeners-pill span:last-child{display:none}.menu{font-size:1.35rem;padding:4px}}
@media(max-width:430px){.brand span{display:none}.listeners-pill{gap:5px}.header-live-controls{gap:6px}.container.nav{width:96%}}

/* Controles visibles del video de auspiciadores */
.sponsor-media-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px 2px 2px;position:relative;z-index:2}
.sponsor-control{height:40px;border-radius:12px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.07);color:#f6f9ff;padding:0 13px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font:800 .76rem/1 Inter,sans-serif;letter-spacing:.35px;cursor:pointer;transition:.2s ease;box-shadow:0 8px 22px rgba(0,0,0,.12)}
.sponsor-control:hover:not(:disabled){transform:translateY(-2px);background:rgba(255,255,255,.13);border-color:rgba(62,231,255,.48)}
.sponsor-control-primary{background:linear-gradient(135deg,#3ee7ff,#138dff);border-color:transparent;color:#04101a;box-shadow:0 10px 26px rgba(62,231,255,.2)}
.sponsor-control-primary:hover:not(:disabled){background:linear-gradient(135deg,#75efff,#42a5ff)}
.sponsor-control-square{min-width:48px;padding:0 10px;font-size:.86rem}
.sponsor-control.active{background:linear-gradient(135deg,rgba(255,36,54,.3),rgba(255,138,0,.2));border-color:rgba(255,84,84,.5)}
.sponsor-control:disabled{opacity:.35;cursor:not-allowed;transform:none;box-shadow:none}
.sponsor-volume{height:36px;min-width:54px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;padding:0 10px;background:rgba(255,213,31,.1);border:1px solid rgba(255,213,31,.22);color:#ffe769;font-size:.72rem;font-weight:900;margin-left:auto}
@media(max-width:620px){.sponsor-media-controls{gap:6px;padding-top:10px}.sponsor-control{height:38px;padding:0 10px;font-size:.7rem}.sponsor-control-square{min-width:42px;padding:0 8px}.sponsor-volume{margin-left:0;height:34px}.sponsor-control span{display:none}}