:root { --purple:#4615bd; --purple-dark:#24046e; --pink:#d50083; --coral:#f04462; --yellow:#ffd400; --cyan:#09b8d7; --mint:#31b69e; --ink:#17131e; --paper:#fffdf9; }
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif} a{color:inherit;text-decoration:none} button,input{font:inherit}
.site-header{position:absolute;top:0;left:0;right:0;z-index:50;height:130px;display:grid;grid-template-columns:1fr auto;align-items:center;padding:10px clamp(22px,5vw,80px);background:transparent;border:0}
.brand{display:block;width:225px;height:112px;filter:drop-shadow(0 9px 12px rgba(36,4,110,.3));animation:brandFloat 3s ease-in-out infinite}.brand img{display:block;width:100%;height:100%;object-fit:contain}.header-play{justify-self:end;width:68px;height:68px;display:grid;place-items:center;padding:0;border:3px solid rgba(255,255,255,.9);border-radius:50%;cursor:pointer;color:white;background:var(--pink);font-size:25px;box-shadow:0 12px 30px rgba(36,4,110,.38);transition:transform .2s,background .2s}.header-play:hover{transform:scale(1.07)}.header-play.is-playing{background:var(--purple)}.header-play span{transform:translateX(2px)}.header-play.is-playing span{transform:none}.live-chip{justify-self:center;display:flex;gap:8px;align-items:center;font-size:12px;font-weight:900;letter-spacing:.12em;color:var(--purple)}
.live-chip span,.video-topline span,.on-air-dot{width:9px;height:9px;display:inline-block;border-radius:50%;background:var(--coral);box-shadow:0 0 0 5px rgba(240,68,98,.13);animation:pulse 1.7s infinite}
nav{justify-self:end;display:flex;align-items:center;gap:26px;text-transform:uppercase;font-size:12px;font-weight:800;letter-spacing:.08em}.nav-contact{padding:13px 18px;color:white;border-radius:99px;background:var(--purple)}
.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:145px clamp(20px,5vw,80px) 66px;overflow:hidden;background:var(--yellow);position:relative}.hero::before,.hero::after{content:'';position:absolute;border-radius:48% 52% 60% 40%;transform:rotate(28deg)}.hero::before{width:360px;height:560px;left:-210px;top:-180px;background:var(--pink)}.hero::after{width:400px;height:300px;right:-190px;bottom:-170px;background:var(--cyan)}
.hero-live-title{position:relative;z-index:2;display:flex;align-items:center;gap:10px;color:var(--purple-dark);font-size:12px;font-weight:900;letter-spacing:.18em}.hero-live-title span{width:9px;height:9px;border-radius:50%;background:var(--coral);box-shadow:0 0 0 6px rgba(240,68,98,.16);animation:pulse 1.7s infinite}.eyebrow{display:inline-block;font-size:12px;font-weight:900;letter-spacing:.18em;color:var(--purple);margin-bottom:16px}
.broadcast-layout{position:relative;z-index:2;width:min(1600px,96vw);display:grid;grid-template-columns:160px minmax(0,1fr) 160px;gap:22px;align-items:center}.broadcast-layout.no-left-ad{grid-template-columns:minmax(0,1fr) 160px}.broadcast-layout.no-right-ad{grid-template-columns:160px minmax(0,1fr)}.broadcast-layout.no-left-ad.no-right-ad{grid-template-columns:minmax(0,1280px);justify-content:center}.hero-player{position:relative;width:100%;aspect-ratio:16/9;border:5px solid var(--purple-dark);border-radius:22px;overflow:hidden;background:#09080b;box-shadow:14px 14px 0 var(--coral),0 30px 80px rgba(36,4,110,.28)}.hero-player iframe{display:block;width:100%;height:100%;border:0}.side-ad{width:160px;aspect-ratio:1/3.75;display:flex;flex-direction:column;justify-content:space-between;padding:20px 14px;border-radius:16px;overflow:hidden;position:relative;box-shadow:0 18px 45px rgba(36,4,110,.18);background-position:center;background-size:cover}.side-ad.has-image::after{display:none}.side-ad span{font-size:8px;font-weight:900;letter-spacing:.15em}.side-ad strong{font-size:22px;line-height:1;letter-spacing:-.04em}.side-ad small{font-size:10px;font-weight:800}.side-ad>*{position:relative;z-index:1}
.live-section{background:var(--ink);padding:80px clamp(20px,8vw,140px) 105px}.section-heading{max-width:1240px;margin:0 auto 28px;display:flex;justify-content:space-between;align-items:end;color:white}.section-heading h2,.radio-intro h2{margin:0;font-size:clamp(36px,4vw,62px);letter-spacing:-.05em;line-height:1}.section-heading>a{font-size:13px;font-weight:800;border-bottom:2px solid var(--pink);padding-bottom:5px}.eyebrow.light{color:var(--yellow)}
.video-shell{max-width:1240px;margin:auto;aspect-ratio:16/9;position:relative;border-radius:24px;overflow:hidden;background:#08070a;box-shadow:0 30px 90px rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.12)}.video-shell iframe{border:0;width:100%;height:100%;display:block}.video-topline{position:absolute;z-index:2;left:18px;top:18px;pointer-events:none;display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:99px;color:white;background:rgba(17,14,22,.78);font-size:11px;font-weight:900;letter-spacing:.12em}
.radio-section{padding:105px clamp(20px,8vw,140px);display:grid;grid-template-columns:.75fr 1.25fr;gap:60px;align-items:center;background:var(--mint)}.radio-intro h2{color:var(--purple-dark)}.audio-card{position:relative;min-height:250px;display:grid;grid-template-columns:auto 1fr auto;gap:26px;align-items:center;padding:42px;overflow:hidden;background:white;border-radius:28px;box-shadow:0 22px 60px rgba(36,4,110,.16)}.audio-visual{width:82px;height:82px;border-radius:50%;display:grid;place-items:center;background:var(--yellow);position:relative}.on-air-dot{position:absolute;top:8px;right:8px}.bars{height:34px;display:flex;align-items:center;gap:4px}.bars i{display:block;width:4px;border-radius:4px;background:var(--purple);animation:sound .8s ease-in-out infinite alternate}.bars i:nth-child(1),.bars i:nth-child(7){height:11px}.bars i:nth-child(2),.bars i:nth-child(6){height:21px;animation-delay:.2s}.bars i:nth-child(3),.bars i:nth-child(5){height:29px;animation-delay:.4s}.bars i:nth-child(4){height:34px;animation-delay:.1s}
.audio-copy h2{margin:0;color:var(--purple);font-size:clamp(24px,2.4vw,38px);letter-spacing:-.04em}.audio-copy p{margin:7px 0 0;color:#6a6470}.audio-copy .eyebrow{margin-bottom:8px;font-size:10px}.audio-copy small{display:block;color:#b30062;margin-top:8px}.play-button{width:76px;height:76px;border:0;border-radius:50%;color:white;background:var(--pink);cursor:pointer;font-size:26px;box-shadow:0 10px 24px rgba(213,0,131,.3);transition:transform .2s}.play-button:hover{transform:scale(1.06)}.volume-control{grid-column:2/4;display:flex;align-items:center;gap:12px;color:var(--purple);font-size:9px;font-weight:900;letter-spacing:.1em}.volume-control input{width:100%;accent-color:var(--pink)}
.ads-section{padding:90px clamp(20px,8vw,140px) 110px}.ads-heading{color:var(--ink)}.ads-heading .eyebrow{margin-bottom:10px}.ads-heading h2{font-size:clamp(32px,3vw,50px)}.ad-grid{max-width:1240px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:24px}.ad-banner{min-height:230px;display:flex;flex-direction:column;justify-content:space-between;padding:30px;border-radius:24px;overflow:hidden;position:relative;transition:transform .2s}.ad-banner:hover{transform:translateY(-4px)}.ad-banner span{font-size:10px;font-weight:900;letter-spacing:.18em}.ad-banner strong{font-size:clamp(30px,3vw,48px);line-height:.95;letter-spacing:-.05em}.ad-banner small{font-weight:700}.ad-one{background:var(--purple);color:white}.ad-one::after{content:'';position:absolute;width:210px;height:210px;right:-70px;bottom:-80px;border-radius:50%;background:var(--pink)}.ad-two{background:var(--yellow);color:var(--purple-dark)}.ad-two::after{content:'';position:absolute;width:160px;height:260px;right:20px;top:-120px;transform:rotate(34deg);border-radius:50%;background:var(--cyan)}.ad-banner>*{position:relative;z-index:1}
footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:34px clamp(22px,5vw,80px);color:white;background:var(--purple-dark);font-size:13px}footer img{width:115px;height:65px;padding:5px;object-fit:contain;background:white;border-radius:12px}.footer-info{text-align:center}.footer-info p{margin:0 0 7px;font-weight:800}.footer-info address{font-style:normal;color:rgba(255,255,255,.78)}footer a{font-weight:800;color:var(--yellow)}.whatsapp-float{position:fixed;z-index:60;right:24px;bottom:24px;display:flex;align-items:center;gap:9px;padding:10px 16px 10px 10px;color:white;background:#22b85a;border:3px solid white;border-radius:99px;box-shadow:0 12px 35px rgba(0,0,0,.24);font-size:13px}.whatsapp-float span{width:36px;height:36px;display:grid;place-items:center;border:2px solid white;border-radius:50%;font-size:10px;font-weight:900}
@keyframes pulse{50%{box-shadow:0 0 0 9px rgba(240,68,98,0)}}@keyframes sound{to{transform:scaleY(.42)}}@keyframes brandFloat{50%{transform:translateY(-5px) scale(1.035)}}
@media(max-width:820px){.site-header{height:100px;padding-top:6px}.brand{width:160px;height:88px}.header-play{width:54px;height:54px;font-size:20px}.hero{min-height:auto;padding-top:112px;padding-bottom:48px;gap:18px}.hero-player{width:100%;margin:0 auto;border-width:3px;border-radius:15px;box-shadow:10px 10px 0 var(--coral),0 20px 50px rgba(36,4,110,.2)}.section-heading{align-items:center}.section-heading>a{font-size:0}.section-heading>a::after{content:'KICK ↗';font-size:12px}.video-shell{border-radius:15px}.video-topline{display:none}.radio-section{grid-template-columns:1fr;gap:30px;padding-top:72px;padding-bottom:72px}.audio-card{grid-template-columns:auto 1fr;padding:28px}.play-button{grid-column:1/-1;width:100%;height:58px;border-radius:99px}.volume-control{grid-column:1/-1}.ad-grid{grid-template-columns:1fr}.ads-section{padding-top:70px;padding-bottom:80px}footer{flex-direction:column;text-align:center}.whatsapp-float b{display:none}.whatsapp-float{padding:8px;right:14px;bottom:14px}}
@media(max-width:480px){.hero{padding-left:16px;padding-right:16px}.hero-live-title{font-size:10px}.section-heading h2{font-size:36px}.audio-card{grid-template-columns:1fr;text-align:center}.audio-visual{margin:auto}.play-button,.volume-control{grid-column:1}.volume-control{text-align:left}.ad-banner{min-height:205px}}
@media(max-width:1180px){.broadcast-layout{grid-template-columns:1fr 1fr;width:min(900px,100%)}.hero-player{grid-column:1/-1;grid-row:1}.side-ad{width:min(300px,90%);aspect-ratio:1/2;justify-self:center}.side-ad.ad-one{grid-column:1}.side-ad.ad-two{grid-column:2}}
@media(max-width:1180px){.broadcast-layout.no-left-ad,.broadcast-layout.no-right-ad{grid-template-columns:1fr 1fr}.broadcast-layout.no-left-ad.no-right-ad{grid-template-columns:1fr}.broadcast-layout.no-left-ad .side-ad{grid-column:2}.broadcast-layout.no-right-ad .side-ad{grid-column:1}}
@media(max-width:560px){.broadcast-layout{gap:18px 10px}.side-ad{width:min(160px,100%);aspect-ratio:1/3.75;padding:18px 12px}.side-ad strong{font-size:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* Desktop layout: logo + 970x90 banner + audio button */
.site-header{height:150px;grid-template-columns:220px minmax(420px,970px) 210px;justify-content:center;gap:28px;padding:20px clamp(24px,3.5vw,68px)}
.brand{width:220px;height:110px;animation:none}.brand img{object-fit:contain}
.top-banner{position:relative;width:100%;max-width:970px;aspect-ratio:970/90;min-height:76px;display:flex;align-items:center;justify-content:center;gap:14px;padding:12px 24px;border:2px solid rgba(70,21,189,.18);border-radius:14px;color:var(--purple-dark);background:linear-gradient(110deg,#13b7d3,#72d3df);background-size:cover;background-position:center;box-shadow:0 12px 30px rgba(36,4,110,.16);overflow:hidden;text-align:center}.top-banner.has-image{border:0}.top-banner small{font-size:9px;font-weight:900;letter-spacing:.18em}.top-banner strong{font-size:clamp(16px,1.35vw,23px);text-transform:uppercase;letter-spacing:.02em}
.banner-picture{position:absolute!important;inset:0;z-index:2!important;display:block;width:100%;height:100%}.banner-picture img{display:block;width:100%;height:100%;object-fit:cover}
.header-play{justify-self:end;width:auto;height:72px;display:flex;gap:12px;padding:8px 22px 8px 9px;border-radius:38px;font-size:16px}.header-play b{font-size:14px;letter-spacing:.08em}.header-play .play-symbol{width:52px;height:52px;display:grid;place-items:center;border:2px solid white;border-radius:50%;font-size:18px}
.hero{min-height:100vh;justify-content:flex-start;gap:22px;padding:176px clamp(22px,3vw,56px) 28px}.broadcast-layout{width:min(1600px,96vw);display:grid;grid-template-columns:160px minmax(0,1fr) 160px;gap:22px;align-items:center}.broadcast-layout.no-left-ad{grid-template-columns:minmax(0,1fr) 160px}.broadcast-layout.no-right-ad{grid-template-columns:160px minmax(0,1fr)}.broadcast-layout.no-left-ad.no-right-ad{grid-template-columns:minmax(0,1340px);justify-content:center}.hero-player{width:100%;border-radius:22px}.side-ad{width:160px;aspect-ratio:1/3.75}
.instagram-link{position:relative;z-index:3;display:flex;align-items:center;gap:11px;padding:9px 17px;border-radius:99px;color:var(--purple-dark);background:rgba(255,255,255,.72);box-shadow:0 10px 25px rgba(36,4,110,.12);font-size:16px}.instagram-icon{width:29px;height:29px;display:grid;place-items:center;border:3px solid var(--pink);border-radius:9px;position:relative}.instagram-icon::before{content:'';width:9px;height:9px;border:2px solid var(--pink);border-radius:50%}.instagram-icon::after{content:'';position:absolute;width:4px;height:4px;right:4px;top:4px;border-radius:50%;background:var(--pink)}

@media(max-width:1050px){.site-header{grid-template-columns:150px 1fr 160px;gap:14px;padding-inline:20px}.brand{width:150px;height:90px}.header-play{height:58px;padding-right:15px}.header-play .play-symbol{width:40px;height:40px}.header-play b{font-size:11px}.top-banner{min-height:58px}.hero{padding-top:150px}}

/* Single-screen desktop composition */
html,body{height:100%;overflow:hidden}.site-header{height:132px;grid-template-columns:270px minmax(420px,970px) 210px}.brand{width:270px;height:116px}.header-play{width:210px;height:72px;justify-content:flex-start}.hero{height:100vh;min-height:0;overflow:hidden;padding-top:144px;padding-bottom:18px;justify-content:center}.broadcast-layout{max-height:calc(100vh - 185px)}.hero-player{justify-self:center;width:min(100%,calc((100vh - 190px)*16/9));max-height:calc(100vh - 190px)}.side-ad{height:min(600px,calc(100vh - 205px));aspect-ratio:auto}
.instagram-link{display:none}.instagram-float,.whatsapp-float{position:fixed;bottom:20px;z-index:60;width:62px;height:62px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:transparent;filter:drop-shadow(0 12px 18px rgba(0,0,0,.25));transition:transform .2s}.instagram-float:hover,.whatsapp-float:hover{transform:scale(1.08)}.instagram-float{right:94px}.whatsapp-float{right:20px}.instagram-float img,.whatsapp-float img{display:block;width:100%;height:100%;object-fit:contain}

/* Balanced desktop alignment: station, advertising, audio and social links */
.site-header{height:150px;grid-template-columns:260px minmax(420px,970px) 210px;justify-content:center;gap:24px;padding:12px clamp(18px,2.5vw,48px)}
.brand{justify-self:center;width:260px;height:118px}
.instagram-button,.whatsapp-button{width:54px;height:54px;display:block;filter:drop-shadow(0 9px 14px rgba(0,0,0,.22));transition:transform .2s}
.instagram-button:hover,.whatsapp-button:hover{transform:scale(1.08)}
.instagram-button img,.whatsapp-button img{display:block;width:100%;height:100%;object-fit:contain}
.hero{padding-top:162px}
.broadcast-layout{margin-inline:auto;justify-content:center;align-items:start;max-height:calc(100vh - 192px)}
.hero-player{width:min(100%,calc((100vh - 198px)*16/9));max-height:calc(100vh - 198px)}
.side-ad{height:min(600px,calc(100vh - 270px))}
.right-rail{width:160px;height:auto;display:grid;grid-template-rows:auto auto;gap:12px;align-items:center}
.right-rail .side-ad{width:100%;height:min(600px,calc(100vh - 270px));padding-bottom:20px}
.side-socials{position:static;display:flex;align-self:start;justify-content:center;gap:10px;transform:none}

/* Mobile version: preserves the desktop composition above */
@media(max-width:820px){
  html,body{height:100%;overflow:hidden}
  .site-header{height:142px;grid-template-columns:minmax(0,1fr) 148px;grid-template-rows:70px 54px;gap:8px 12px;padding:8px 14px}
  .brand{grid-column:1;grid-row:1;justify-self:start;width:180px;height:68px}
  .header-play{grid-column:2;grid-row:1;justify-self:end;width:148px;height:52px;gap:7px;padding:5px 13px 5px 6px;border-width:2px}
  .header-play .play-symbol{width:38px;height:38px;font-size:14px}
  .header-play b{font-size:10px;letter-spacing:.06em}
  .top-banner{grid-column:1/-1;grid-row:2;width:100%;height:54px;min-height:54px;aspect-ratio:auto;padding:7px 12px;border-radius:10px;gap:8px}
  .top-banner small{font-size:7px}
  .top-banner strong{font-size:12px}
  .hero{height:100svh;min-height:0;justify-content:flex-start;padding:152px 12px 10px;overflow:hidden}
  .broadcast-layout,.broadcast-layout.no-left-ad,.broadcast-layout.no-right-ad{width:100%;max-height:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto auto;gap:12px 10px;align-items:start}
  .hero-player{grid-column:1/-1;grid-row:1;width:100%;max-height:none;border-width:3px;border-radius:14px;box-shadow:8px 8px 0 var(--coral),0 18px 42px rgba(36,4,110,.22)}
  .side-ad{width:100%;height:clamp(120px,22svh,190px);aspect-ratio:auto;padding:12px 10px;border-radius:12px}
  .side-ad strong{font-size:clamp(15px,4.6vw,20px)}
  .side-ad small{font-size:8px}
  .broadcast-layout>.side-ad{grid-column:1;grid-row:2;justify-self:stretch}
  .right-rail{display:contents}
  .right-rail .side-ad{grid-column:2;grid-row:2;justify-self:stretch;width:100%;height:clamp(120px,22svh,190px);padding:12px 10px}
  .instagram-button,.whatsapp-button{width:40px;height:40px}
  .side-socials{grid-column:1/-1;grid-row:3;justify-self:center;align-self:start;gap:12px;padding-top:1px}
}

@media(max-width:420px){
  .site-header{grid-template-columns:minmax(0,1fr) 132px;padding-inline:10px}
  .brand{width:160px;height:64px}
  .header-play{width:132px;padding-right:9px}
  .header-play b{font-size:9px}
  .top-banner strong{font-size:10px}
}