@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Outfit:wght@400;500;600;700;800;900&display=swap');:root{--yellow:#ffcc00;--bg:#090b12;--card:#121a2c;--muted:#9aa5bb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:white;font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.wrap{max-width:1190px;margin:auto;padding-left:24px;padding-right:24px}.nav{background:#080a10;position:sticky;top:0;z-index:20;border-bottom:1px solid #ffffff13}.navin{height:76px;display:flex;align-items:center;gap:45px}.brand{display:flex;align-items:center;gap:12px;font-family:Outfit;font-weight:800;font-size:19px;white-space:nowrap}.brand img{max-height:53px;max-width:90px;object-fit:contain}.mark{display:grid;place-items:center;width:48px;height:48px;background:var(--yellow);color:#101726;border-radius:14px;font-size:34px;transform:rotate(-10deg)}.mark span{color:#eb295b}.nav nav{display:flex;gap:27px;font-size:13px;font-weight:700}.nav nav a:hover,.socials a:hover{color:var(--yellow)}.navpill{margin-left:auto;padding:12px 19px;background:white;color:#111;border-radius:9px;font-weight:800;font-size:12px}.menubtn{display:none}.hero{background:linear-gradient(115deg,#121e3d,#0a2b5a 57%,#431c5f);background-position:center;background-size:cover;min-height:420px;overflow:hidden}.hero-inner{display:flex;align-items:center;justify-content:space-between;min-height:420px;gap:30px}.hero-inner>div:first-child{max-width:660px;padding:65px 0}.eyebrow,.kicker{letter-spacing:2px;color:var(--yellow);font-size:11px;font-weight:900}.live-dot{display:inline-block;width:8px;height:8px;background:#ff425f;border-radius:50%;box-shadow:0 0 0 4px #ff425f33;margin-right:8px}.hero h1{font-family:Outfit;font-size:clamp(39px,5.7vw,76px);letter-spacing:-2px;line-height:1.02;margin:21px 0}.hero p{font-size:17px;line-height:1.65;color:#d0daee;max-width:570px}.primary{display:inline-flex;gap:32px;align-items:center;padding:16px 23px;background:var(--yellow);color:#0c101a;border-radius:9px;font-size:14px;font-weight:900;margin-top:12px}.primary:hover{filter:brightness(1.12)}.hero-deco{position:relative;min-width:330px;text-align:center}.pulse{width:245px;height:245px;border:2px solid #ffffff32;border-radius:50%;display:grid;place-items:center;box-shadow:0 0 0 27px #ffffff0a,0 0 0 62px #ffffff0a,0 0 0 97px #ffffff09;transform:rotate(-9deg)}.pulse span{font-size:145px;color:var(--yellow);text-shadow:10px 15px 0 #ffffff14}.orbit{color:#d9e8ff;font-size:12px;letter-spacing:4px}.section{padding-top:65px;padding-bottom:25px}.sectionhead{display:flex;justify-content:space-between;gap:15px;align-items:end;margin-bottom:27px}.sectionhead h2,.cta h2{font-family:Outfit;font-size:clamp(27px,3.4vw,39px);letter-spacing:-1px;margin:8px 0}.subtle{color:var(--muted);font-size:13px}.player-layout{display:grid;grid-template-columns:310px 1fr;min-height:520px;border-radius:16px;overflow:hidden;background:#06183b;box-shadow:0 12px 55px #0003}.stations{background:#5100d9;max-height:565px;overflow:auto}.stations-title{padding:20px;background:#3900a5;font-weight:900;font-size:13px}.station{display:flex;align-items:center;gap:12px;padding:13px 17px;width:100%;text-align:left;border:0;border-top:1px solid #ffffff2b;background:#5100d9;color:white}.station:hover,.station.selected{background:#7508ff}.station.selected{box-shadow:inset 4px 0 var(--yellow)}.stationicon{height:53px;width:53px;display:grid;place-items:center;background:#112dbe;border-radius:9px;flex-shrink:0;color:var(--yellow);font-size:31px}.stationicon img{width:100%;height:100%;object-fit:cover;border-radius:9px}.stationtxt{flex:1;min-width:0}.stationtxt b{display:block;font-size:13px}.stationtxt small{display:block;font-size:11px;opacity:.8;margin-top:6px}.tinyplay{font-size:10px;background:var(--yellow);color:#181818;padding:7px;border-radius:50%}.player{min-width:0;background:radial-gradient(circle at 50% 90%,#1556c5,#061633 74%);display:flex;align-items:center;justify-content:center;flex-direction:column;padding:35px;text-align:center}.playing-label{font-size:11px;letter-spacing:2px;font-weight:800;color:#b2c9fb;margin-bottom:19px}.cover{height:225px;width:225px;box-shadow:0 18px 65px #0007;border-radius:14px;overflow:hidden;background:linear-gradient(145deg,#0054ff,#4521db);display:grid;place-items:center}.cover>img{width:100%;height:100%;object-fit:cover}#cover-fallback{display:flex;flex-direction:column;align-items:center;gap:16px;padding:10px}#cover-fallback span{font-size:95px;color:var(--yellow)}#cover-fallback strong{font-family:Outfit;font-size:21px}.onair{margin-top:17px;color:#191919;background:var(--yellow);border-radius:30px;padding:5px 12px;font-size:10px;font-weight:900}.player h3{font-size:20px;margin:12px 0 0}.player p{color:#bac9e9;margin:5px}.controls{display:flex;align-items:center;gap:23px;margin-top:20px}.controls button{background:none;border:0;color:white}.controls .bigplay{width:62px;height:62px;border-radius:50%;background:var(--yellow);color:#101010;font-size:25px}.controls input{width:75px;accent-color:var(--yellow)}.player .status{font-size:12px;margin-top:10px}.adbar{padding-top:20px}.adbar>span{font-size:10px;color:#8b90a5}.adgrid{display:flex;flex-wrap:wrap;gap:15px}.adgrid img{max-width:100%;max-height:160px}.socials{display:flex;gap:15px;flex-wrap:wrap;font-size:13px;font-weight:700}.video-grid,.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.video-card{background:#111727;border-radius:13px;overflow:hidden;padding-bottom:16px}.video-thumb{height:220px;background:linear-gradient(135deg,#40268d,#080d21);position:relative}.video-thumb img{width:100%;height:100%;object-fit:cover}.videoplay{position:absolute;top:43%;left:44%;display:grid;place-items:center;background:#ffffffde;color:#12121a;border-radius:50%;height:47px;width:47px}.video-card b,.video-card small{display:block;margin:13px 15px 0}.video-card small{color:var(--yellow)}.news-card{display:block;background:#141a2a;border-radius:13px;overflow:hidden}.news-card img{width:100%;height:195px;object-fit:cover}.news-card>div{padding:20px}.news-card h3{font-size:20px;margin:10px 0}.news-card p{color:#b7c0d2;font-size:13px;line-height:1.6}.news-card div>span:last-child{color:var(--yellow);font-size:12px;font-weight:800}.placeholder-wide{grid-column:1/-1;border:1px dashed #404b64;border-radius:12px;padding:45px;text-align:center;color:#a8b5ca}.cta{margin-top:60px;padding:40px 0;background:linear-gradient(100deg,#161947,#37134a)}.ctainner{display:flex;align-items:center;justify-content:space-between;gap:30px}.ctainner p{color:#c3c7dc}footer{background:#07080c}.foot{padding-top:35px;padding-bottom:35px;display:flex;justify-content:space-between;gap:20px}.foot b,.foot small{display:block}.foot small{color:#8d96aa;margin-top:8px;font-size:12px}@media(max-width:850px){.navin{gap:14px}.nav nav{display:none;position:absolute;top:76px;left:0;right:0;background:#0f1525;padding:25px;flex-direction:column}.nav nav.open{display:flex}.menubtn{margin-left:auto;display:block;background:none;border:0;color:white;font-size:26px}.navpill{margin-left:0}.hero-deco{display:none}.player-layout{grid-template-columns:235px 1fr}.video-grid,.news-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:580px){.wrap{padding-left:16px;padding-right:16px}.brand{font-size:14px}.brand .mark{height:40px;width:40px}.navpill{font-size:11px;padding:10px}.hero,.hero-inner{min-height:345px}.hero-inner>div:first-child{padding:45px 0}.hero h1{font-size:44px}.player-layout{grid-template-columns:1fr}.stations{max-height:225px}.player{padding:33px 15px}.section{padding-top:40px}.video-grid,.news-grid{grid-template-columns:1fr}.sectionhead,.ctainner{align-items:start;flex-direction:column}.subtle{display:none}.foot{flex-direction:column}}
/* Makondo v1.1 – ecualizador LED animado, adaptable al reproductor */
.led-visualizer{width:min(100%,480px);margin:20px 0 0;padding:14px 18px 9px;border:1px solid #ffffff22;background:linear-gradient(180deg,#061124bb,#071933bb);border-radius:14px;box-shadow:inset 0 0 26px #0004,0 10px 25px #0002}
.led-bars{display:flex;align-items:flex-end;justify-content:center;gap:4px;height:88px;overflow:hidden}
.led-bar{position:relative;width:clamp(5px,1.7vw,9px);height:var(--height,12%);flex:0 1 9px;min-height:5px;max-height:100%;background:linear-gradient(to top,#00ceff 0%,#02f4cc 38%,#f9fc41 69%,#ff9b24 85%,#ff3f75 100%);border-radius:3px 3px 1px 1px;box-shadow:0 0 10px #00e5ff66;opacity:.52;transform-origin:bottom;transition:height .12s ease,opacity .2s,filter .2s}
.led-visualizer.is-playing .led-bar{opacity:1;filter:saturate(1.2);animation:led-beat var(--duration,.75s) ease-in-out infinite alternate;animation-delay:var(--delay,0s)}
.led-visualizer.is-playing .led-bar:nth-child(5n){animation-name:led-beat-deep}.led-visualizer.is-playing .led-bar:nth-child(7n){animation-name:led-beat-sharp}
@keyframes led-beat{0%{height:10%}35%{height:72%}65%{height:35%}100%{height:95%}}
@keyframes led-beat-deep{0%{height:24%}40%{height:85%}100%{height:40%}}
@keyframes led-beat-sharp{0%{height:60%}25%{height:16%}80%{height:98%}100%{height:22%}}
.led-caption{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px;color:#a8c5f2;font-size:10px;font-weight:800;letter-spacing:2px}
.led-indicator{width:7px;height:7px;border-radius:50%;background:#64728c}.is-playing .led-indicator{background:#31ffbd;box-shadow:0 0 9px #31ffbd}
@media(max-width:580px){.led-visualizer{padding:10px 9px 8px}.led-bars{gap:3px;height:65px}.led-bar{width:6px}}
@media(prefers-reduced-motion:reduce){.led-visualizer.is-playing .led-bar{animation:none}.led-bar{transition:none}}

/* v1.2: visibilidad y distribución estable de LEDs en pantallas pequeñas */
.led-visualizer{display:block!important;visibility:visible!important;opacity:1!important;min-width:0;max-width:100%;overflow:hidden}
.led-bars{width:100%;min-width:0;justify-content:center}
.led-bar{display:block;min-width:2px;flex-shrink:1}
@media(max-width:580px){
  .player{width:100%;min-width:0;overflow:hidden}
  .led-visualizer{width:100%;padding:12px 7px 9px;margin-top:16px}
  .led-bars{gap:2px;height:74px;align-items:flex-end;justify-content:space-evenly}
  .led-bar{width:auto;flex:1 1 0;min-width:2px;max-width:7px;box-shadow:0 0 6px #00e5ff55}
  .led-caption{font-size:9px;letter-spacing:1px}
}

/* MAKONDO 1.3: tema personalizable y barras LED exclusivamente blancas */
.stations,.station{background:var(--stations-color,#5100d9)}
.stations-title{background:color-mix(in srgb,var(--stations-color,#5100d9) 72%,#000)}
.station:hover,.station.selected{background:color-mix(in srgb,var(--stations-color,#5100d9) 77%,#fff)}
.player{background:radial-gradient(circle at 50% 90%,color-mix(in srgb,var(--player-color,#061633) 74%,#3886ff),var(--player-color,#061633) 75%)}
.player-layout{background:var(--player-color,#061633)}
.led-bar,.led-visualizer.is-playing .led-bar{background:#fff!important;background-image:none!important;box-shadow:0 0 9px #ffffff88,0 0 3px #fff!important;filter:none!important}
.led-indicator,.is-playing .led-indicator{background:#fff!important;box-shadow:0 0 8px #ffffff99!important}
@media(max-width:580px){.led-bar{background:#fff!important;box-shadow:0 0 5px #ffffff77!important}}

/* v1.4 - Noticias compactas, desplegables y adaptables */
.news-grid-expandable{align-items:start;gap:22px}
.news-entry{min-width:0;border:1px solid rgba(255,255,255,.09);box-shadow:0 8px 26px rgba(0,0,0,.12)}
.news-entry .news-photo{display:block;width:100%;height:200px;object-fit:cover}
.news-entry .news-photo-empty{display:grid;place-items:center;font-size:48px;background:#19294a}
.news-entry .news-entry-content{padding:21px}
.news-entry h3{font-family:Outfit,Arial,sans-serif;font-size:clamp(17px,1.6vw,21px);line-height:1.35;letter-spacing:-.2px;margin:12px 0 16px;overflow-wrap:anywhere}
.news-details{border-top:1px solid rgba(255,255,255,.1);padding-top:13px}
.news-details summary{list-style:none;display:flex;align-items:center;gap:8px;cursor:pointer;width:max-content;max-width:100%;font-size:13px;font-weight:800;color:var(--yellow);padding:4px 0}
.news-details summary::-webkit-details-marker{display:none}
.news-details summary:focus-visible,.news-source:focus-visible{outline:2px solid var(--yellow);outline-offset:4px}
.news-chevron{font-size:19px;line-height:12px;transition:transform .2s}
.news-details[open] .news-chevron{transform:rotate(180deg)}
.news-full-text{margin-top:17px;color:#ced7e9;font-size:14px;line-height:1.8;overflow-wrap:anywhere;white-space:normal}
.news-source{display:inline-block;color:var(--yellow);font-size:13px;font-weight:800;margin-top:14px}
.news-entry-content>.news-source{margin-top:3px}
@media(max-width:580px){
.news-grid-expandable{grid-template-columns:1fr;gap:14px}
.news-entry{display:grid;grid-template-columns:112px minmax(0,1fr);border-radius:12px;align-items:start;overflow:hidden}
.news-entry .news-photo{width:112px;height:112px;object-fit:cover;border-radius:0}
.news-entry .news-photo-empty{font-size:32px}
.news-entry .news-entry-content{padding:13px 13px 13px 15px;min-width:0}
.news-entry .kicker{font-size:9px;letter-spacing:1px}
.news-entry h3{font-size:16px;line-height:1.4;margin:7px 0 9px}
.news-details{padding-top:6px}
.news-details summary{font-size:12px}
.news-details[open] .news-full-text{position:relative;width:calc(100% + 127px);margin-left:-127px;padding:15px 10px 0 0;font-size:14px;line-height:1.75}
.news-details[open] .news-source{margin-left:-127px}
}
@media(max-width:380px){.news-entry{grid-template-columns:90px minmax(0,1fr)}.news-entry .news-photo{width:90px;height:100px}.news-details[open] .news-full-text{width:calc(100% + 105px);margin-left:-105px}.news-details[open] .news-source{margin-left:-105px}}

/* v1.5 - Hero informativo sin botones duplicados */
.ctainner{justify-content:flex-start}.hero-inner>div:first-child{max-width:780px}
@media(max-width:580px){.hero,.hero-inner{min-height:0}.hero-inner>div:first-child{padding:38px 0 42px}.hero h1{font-size:clamp(34px,9vw,44px);overflow-wrap:anywhere}.hero p{margin-bottom:0}}

/* v1.6 — Fotografía de estudio en portada, adaptable */
.hero-inner{gap:clamp(20px,4vw,55px)}
.hero-inner>div:first-child{flex:1 1 55%;min-width:0}
.hero-deco.hero-photo{display:block;flex:0 1 43%;min-width:0;max-width:490px;width:100%;overflow:hidden;border-radius:20px;box-shadow:0 15px 50px rgba(0,0,0,.22);aspect-ratio:1098/618}
.hero-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;border:0}
@media(max-width:850px){.hero-inner{align-items:center}.hero-deco.hero-photo{display:block;flex-basis:43%}}
@media(max-width:650px){.hero-inner{flex-direction:column;align-items:stretch;gap:0;padding-top:30px;padding-bottom:32px}.hero-inner>div:first-child{padding:8px 0 22px;flex:auto}.hero-deco.hero-photo{width:100%;max-width:100%;flex:none;aspect-ratio:1098/618;border-radius:14px;margin:0 auto}.hero,.hero-inner{min-height:0}.hero h1{font-size:clamp(32px,8.5vw,44px)}}

/* v1.7 - Barra flotante de redes, responsive */
.makondo-float{position:fixed;top:50%;transform:translateY(-50%);z-index:999;display:flex;flex-direction:column;gap:8px;max-height:74vh;overflow-y:auto;padding:5px;scrollbar-width:none}.makondo-float::-webkit-scrollbar{display:none}.makondo-float-right{right:12px;align-items:flex-end}.makondo-float-left{left:12px;align-items:flex-start}.makondo-float-btn{display:flex;align-items:center;justify-content:center;gap:9px;min-width:46px;min-height:46px;padding:9px 12px;border-radius:16px;background:#17223a;color:white!important;border:1px solid rgba(255,255,255,.24);font-size:22px;font-weight:800;text-decoration:none!important;box-shadow:0 7px 22px #0007;transition:transform .18s,filter .18s;white-space:nowrap}.makondo-float-btn:hover{transform:scale(1.06);filter:brightness(1.15)}.makondo-float-label{font-size:12px;font-weight:700}.makondo-float-whatsapp{background:#12a658}.makondo-float-instagram{background:linear-gradient(135deg,#7540be,#d62976,#f09433)}.makondo-float-facebook{background:#1767d8}.makondo-float-tiktok{background:#171717}.makondo-float-youtube{background:#e62117}.makondo-float-telegram{background:#2196d2}.makondo-float-x{background:#121212}.makondo-float-spotify{background:#168d48}.makondo-float-twitch{background:#6540b7}@media(max-width:700px){.makondo-float{top:auto;bottom:14px;transform:none;gap:6px;max-height:45vh}.makondo-float-right{right:8px}.makondo-float-left{left:8px}.makondo-float-btn{min-width:42px;min-height:42px;border-radius:14px;padding:7px 9px;font-size:19px}.makondo-float-label{font-size:11px}}