:root{--bg:#f3f3f3;--bg-soft:#ececec;--card:#ffffff;--text:#131313;--muted:#555;--accent:#f5b400;--dark:#080914;--border:rgba(0,0,0,.06);--shadow:0 24px 50px rgba(0,0,0,.12);--radius:22px;--max:1120px;--player-h:64px}
html.dark{--bg:#111218;--bg-soft:#171920;--card:#191c25;--text:#f5f5f5;--muted:#b5b8c6;--border:rgba(255,255,255,.08);--shadow:0 24px 50px rgba(0,0,0,.35);--dark:#0b0d14}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Montserrat,sans-serif;background:radial-gradient(circle at 12% 10%, rgba(255,193,7,.18), transparent 26%),radial-gradient(circle at 85% 6%, rgba(147,51,234,.12), transparent 24%),radial-gradient(circle at 50% 32%, rgba(59,130,246,.08), transparent 28%),linear-gradient(180deg,#f8f9fc 0%,#eef2f7 100%);color:var(--text);padding-bottom:var(--player-h);background-attachment:fixed}
a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.hidden{display:none!important}.container{width:min(calc(100% - 28px),var(--max));margin:auto}.section{padding:30px 0 12px}.site-header{position:sticky;top:0;z-index:30;padding:14px 0;background:linear-gradient(to bottom,rgba(243,243,243,.88),rgba(243,243,243,.72));backdrop-filter:blur(10px)}html.dark .site-header{background:linear-gradient(to bottom,rgba(17,18,24,.9),rgba(17,18,24,.72))}.nav-shell{display:flex;align-items:center;gap:22px;padding:14px 18px;background:rgba(255,255,255,.35);border:1px solid var(--border);border-radius:18px}.brand img{height:34px;object-fit:contain}.nav{display:flex;gap:22px;flex:1;justify-content:center;flex-wrap:wrap}.nav a{font-weight:700;font-size:14px;position:relative;opacity:.85}.nav a.is-active,.nav a:hover{color:var(--accent);opacity:1}.nav a.is-active::after,.nav a:hover::after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:3px;background:var(--accent);border-radius:4px}.nav-actions{display:flex;gap:10px}.icon-btn{border:1px solid var(--border);background:var(--card);color:var(--text);padding:11px 13px;border-radius:12px;cursor:pointer;font-size:18px;box-shadow:var(--shadow)}.hero-grid{display:grid;grid-template-columns:360px 1fr;gap:54px;align-items:center;min-height:480px}.hero-card{display:flex;flex-direction:column;gap:18px;align-items:center}.cover-frame{width:360px;aspect-ratio:1/1;border-radius:34px;padding:10px;background:#fff;box-shadow:var(--shadow)}.cover-frame img{width:100%;height:100%;object-fit:cover;border-radius:28px;background:#000}.hero-socials,.footer-socials{display:flex;gap:12px;flex-wrap:wrap}.social-circle{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:rgba(0,0,0,.08);font-size:20px}.hero-copy h1{font-family:"Bebas Neue",sans-serif;letter-spacing:.02em;font-size:72px;line-height:.92;margin:14px 0 0}.hero-copy p{font-size:24px;color:var(--muted);margin:18px 0 0}.pill,.footer-pill{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:999px;background:var(--accent);color:#fff;font-weight:800}.hero-actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:34px}.cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:186px;padding:18px 24px;border-radius:999px;border:none;background:#111;color:#fff;font-weight:800;cursor:pointer}.cta.secondary{background:#161616}.section-heading{position:relative;margin-bottom:22px}.section-heading::before{content:attr(data-bg);position:absolute;left:0;top:-26px;font-size:96px;font-weight:800;letter-spacing:-.06em;color:rgba(0,0,0,.04);pointer-events:none}html.dark .section-heading::before{color:rgba(255,255,255,.04)}.section-heading h2{margin:0;font-size:26px;font-weight:800}.section-heading span{color:var(--accent)}.news-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:0;border-radius:24px;overflow:hidden;background:var(--card);box-shadow:var(--shadow)}.news-card{position:relative;min-height:220px;background:#ccc;overflow:hidden}.news-card.featured{grid-row:span 2;min-height:430px}.news-card img{width:100%;height:100%;object-fit:cover}.news-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:18px;background:linear-gradient(to top,rgba(0,0,0,.78),rgba(0,0,0,.08))}.badge{display:inline-flex;align-self:flex-start;background:var(--accent);color:#fff;padding:8px 12px;border-radius:999px;font-size:12px;font-weight:800;margin-bottom:10px}.news-title{font-size:18px;font-weight:800;line-height:1.2;color:#fff}.news-card.featured .news-title{font-size:28px}.news-meta{display:flex;gap:10px;color:#fff;font-size:13px;opacity:.9;margin-top:12px;align-items:center}.news-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:16px 0}.news-mini{display:flex;align-items:center;gap:14px;background:rgba(255,255,255,.45);padding:14px;border-radius:16px;border-left:4px solid var(--accent)}.news-mini img{width:58px;height:58px;border-radius:50%;object-fit:cover;border:3px solid var(--accent)}.news-mini-title{font-weight:700;line-height:1.3}.slider-box{position:relative;background:var(--card);border-radius:24px;padding:16px;box-shadow:var(--shadow)}.slides{position:relative;overflow:hidden;border-radius:18px;min-height:290px}.slide{display:none;position:relative}.slide.active{display:block}.slide img{width:100%;height:290px;object-fit:cover;border-radius:18px}.slide-caption{position:absolute;left:22px;bottom:22px;padding:10px 14px;border-radius:12px;background:rgba(0,0,0,.55);color:#fff;font-weight:700}.slider-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:2;border:none;background:rgba(0,0,0,.45);color:#fff;width:42px;height:42px;border-radius:50%;cursor:pointer;font-size:28px}.slider-nav.prev{left:24px}.slider-nav.next{right:24px}.slider-dots{display:flex;justify-content:center;gap:8px;padding:12px 0 2px}.slider-dots button{width:10px;height:10px;border-radius:50%;border:none;background:#c7c7c7;cursor:pointer}.slider-dots button.active{background:var(--accent)}.tabs{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;background:rgba(255,255,255,.45);padding:10px;border-radius:20px;box-shadow:var(--shadow)}.tabs button{border:none;background:transparent;padding:14px 10px;border-radius:12px;font-weight:800;cursor:pointer;color:var(--text)}.tabs button.active{background:var(--accent);color:#fff}.program-list{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding-top:18px}.program-card{background:var(--card);border-radius:18px;overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--border)}.program-card img{width:100%;height:180px;object-fit:cover;background:#222}.program-copy{padding:14px}.program-time{color:var(--accent);font-size:13px;font-weight:800}.program-title{font-size:18px;font-weight:800;margin-top:6px}.program-desc{font-size:14px;color:var(--muted);margin-top:6px}.history-list{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.history-item{background:var(--card);border-radius:18px;padding:16px;box-shadow:var(--shadow);min-height:130px}.history-item strong{display:block;font-size:15px;line-height:1.35}.history-item span{display:block;color:var(--muted);margin-top:6px}.tv-box,.video-frame{background:var(--card);border-radius:22px;padding:14px;box-shadow:var(--shadow)}.tv-box video,.video-frame iframe{width:100%;height:420px;border:0;border-radius:14px;background:#000}.videos-grid{display:grid;grid-template-columns:340px 1fr;gap:16px}.video-rank{display:flex;flex-direction:column;gap:8px}.video-item{display:grid;grid-template-columns:42px 78px 1fr;align-items:center;gap:10px;background:var(--card);padding:10px;border-radius:14px;box-shadow:var(--shadow);cursor:pointer}.video-item.active{outline:3px solid var(--accent)}.video-item .rank{width:28px;height:28px;border-radius:8px;background:#17376f;color:#fff;display:grid;place-items:center;font-weight:800}.video-item img{width:78px;height:44px;object-fit:cover;border-radius:8px}.video-title{font-weight:700;font-size:14px;line-height:1.25}.video-artist{color:var(--muted);font-size:12px;margin-top:4px}.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.team-card{background:linear-gradient(180deg,var(--accent),#fff);border-radius:12px;overflow:hidden;position:relative;min-height:300px}.team-card img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply}.team-meta{position:absolute;left:10px;bottom:12px}.team-role,.team-name{display:inline-block;background:#fff;padding:4px 8px;font-size:12px;font-weight:800}.team-name{display:block;margin-top:6px;background:#021129;color:#fff}.site-footer{padding:38px 0 90px;background:#050617;color:#fff;margin-top:28px}.site-footer .container{display:flex;flex-direction:column;align-items:center;gap:16px}.footer-copy{margin:0;color:rgba(255,255,255,.8);text-align:center}.whatsapp-float{position:fixed;right:18px;bottom:84px;width:66px;height:66px;border-radius:50%;display:grid;place-items:center;background:#22c55e;color:#fff;font-size:32px;z-index:31;box-shadow:var(--shadow)}.player-bar{position:fixed;left:0;right:0;bottom:0;z-index:40;height:var(--player-h);background:#040512;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 14px;border-top:1px solid rgba(255,255,255,.08)}.player-left-group{display:flex;align-items:center;gap:14px;min-width:0}.play-btn{width:40px;height:40px;border-radius:50%;border:none;background:#fff;color:#111;font-weight:800;cursor:pointer}.player-meta,.player-now{display:flex;flex-direction:column;justify-content:center;min-width:0}.player-title,.player-artist{font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:250px}.player-sub,.player-track{font-size:12px;color:rgba(255,255,255,.8)}.player-now{flex-direction:row;align-items:center;gap:10px}.now-label{writing-mode:vertical-rl;transform:rotate(180deg);background:var(--accent);padding:4px 3px;font-size:11px;font-weight:800}.player-now img{width:34px;height:34px;border-radius:6px;object-fit:cover}.player-right-group{display:flex;align-items:center;gap:12px}#volume-control{width:140px}@media (max-width: 1024px){.hero-grid,.videos-grid{grid-template-columns:1fr}.cover-frame{width:min(360px,100%)}.news-grid{grid-template-columns:1fr 1fr}.news-card.featured{grid-column:1/-1;grid-row:auto}.program-list,.team-grid,.history-list{grid-template-columns:repeat(2,1fr)}.nav{display:none}.section-heading::before{font-size:64px}.tv-box video,.video-frame iframe{height:320px}}@media (max-width:700px){.hero-copy h1{font-size:52px}.hero-copy p{font-size:20px}.news-grid,.news-strip,.program-list,.history-list,.team-grid,.tabs{grid-template-columns:1fr}.tabs{overflow:auto}.news-mini{grid-template-columns:1fr}.player-bar{height:auto;flex-direction:column;align-items:stretch;padding:10px 12px;gap:10px}.player-title,.player-artist{max-width:unset}.whatsapp-float{bottom:118px}.site-footer{padding-bottom:150px}}

.history-with-image{display:flex;align-items:center;gap:12px;min-height:120px}.history-thumb{width:72px;height:72px;border-radius:14px;object-fit:cover;flex:0 0 72px;background:#ddd}.history-copy{min-width:0}.history-copy strong,.history-copy span{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.video-item img{background:#111}

/* v3 exact blocks for news + videos */
.main-news .news-wrapper{position:relative}
.swiper-news{overflow:hidden}
.swiper-news .swiper-slide{height:auto}
.news-item{display:block;position:relative;overflow:hidden;border-radius:20px;min-height:380px;background:#111;color:#fff;box-shadow:0 18px 40px rgba(0,0,0,.12)}
.news-image,.news-image img{width:100%;height:100%}
.news-image img{object-fit:cover}
.news-content{position:absolute;left:0;right:0;bottom:0;padding:22px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.86))}
.news-title{font-size:1.6rem;line-height:1.15;font-weight:800;margin:0 0 8px}
.news-date{font-size:.95rem;opacity:.9}
.lastnews-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:18px}
.lastnews-mini{display:flex;align-items:center;gap:12px;background:#eef0f2;border-left:4px solid var(--accent);border-radius:16px;padding:12px;text-decoration:none;color:inherit}
.lastnews-mini img{width:60px;height:60px;border-radius:50%;object-fit:cover;border:3px solid var(--accent)}
.lastnews-mini-title{font-weight:700;line-height:1.25;font-size:.95rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.swiper-prev-news,.swiper-next-news{color:#111;background:#fff;border-radius:999px;width:42px;height:42px;box-shadow:0 10px 20px rgba(0,0,0,.12)}
.swiper-prev-news::after,.swiper-next-news::after{font-size:16px;font-weight:800}

.ytlistmini-list{display:grid;gap:16px}
.ytlistmini-item{background:#f7f7f8;border-radius:24px;padding:14px;border:2px solid transparent;box-shadow:0 16px 36px rgba(0,0,0,.08)}
.ytlistmini-item.is-active{border-color:var(--accent)}
.ytlistmini-card{display:grid;grid-template-columns:110px 1fr;gap:16px;align-items:center;cursor:pointer}
.ytlistmini-thumb img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:14px;background:#111}
.ytlistmini-info{display:grid;grid-template-columns:auto 1fr;column-gap:12px;row-gap:6px;align-items:center}
.ytlistmini-rank{grid-row:1 / span 2;background:#1d3f7a;color:#fff;border-radius:10px;padding:8px 12px;font-weight:800;min-width:42px;text-align:center}
.ytlistmini-info h3{margin:0;font-size:1.15rem;line-height:1.2}
.ytlistmini-info p{margin:0;color:#555}
.ytlistmini-iframe{margin-top:14px}
.ytlistmini-iframe iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:18px;background:#000}

@media (max-width:900px){
  .lastnews-strip{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  .news-item{min-height:300px}
  .news-title{font-size:1.2rem}
  .lastnews-strip{grid-template-columns:1fr}
  .ytlistmini-card{grid-template-columns:84px 1fr}
  .ytlistmini-info h3{font-size:1rem}
}


.news-item{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.08);cursor:pointer;height:100%;transition:transform .2s ease, box-shadow .2s ease;color:inherit;text-decoration:none}
.news-item:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(0,0,0,.12)}
.news-item img{width:100%;height:220px;object-fit:cover;display:block}
.news-item-body{padding:14px}.news-item h3{margin:0 0 8px;font-size:1.05rem;line-height:1.25}.news-item p{margin:0;color:#555;font-size:.92rem;line-height:1.45}.news-meta{margin-top:10px;font-size:.8rem;color:#888}.news-modal-content{max-width:900px;width:calc(100% - 24px)}.news-detail-cover{width:100%;max-height:420px;object-fit:cover;border-radius:18px;display:block;margin-bottom:18px}.news-detail-title{font-size:2rem;line-height:1.1;margin:0 0 10px}.news-detail-desc{font-size:1rem;color:#555;margin-bottom:14px}.news-detail-content{font-size:1rem;line-height:1.7;color:#222}.news-empty{background:#fff;border-radius:16px;padding:20px;box-shadow:0 8px 24px rgba(0,0,0,.06)}
#lastnews-list .lastnews-mini{border:0;background:#fff;cursor:pointer;width:100%;text-align:left}


/* pro fixes */
#section-news .swiper-news{overflow:hidden;padding-bottom:6px}
#section-news .swiper-news .swiper-slide{height:auto}
#section-news .news-item{display:flex;flex-direction:column;min-height:0;height:100%;background:var(--card);color:var(--text)}
#section-news .news-item img{width:100%;aspect-ratio:16/10;height:auto;max-height:190px;object-fit:cover}
#section-news .news-item-body{display:flex;flex-direction:column;gap:8px;flex:1}
#section-news .news-item h3{font-size:.95rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#section-news .news-item p{font-size:.84rem;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#lastnews-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:18px}
#lastnews-list .lastnews-mini{display:flex;align-items:center;gap:12px;min-width:0;padding:12px;border-radius:16px;background:var(--card);box-shadow:var(--shadow)}
#lastnews-list .lastnews-mini img{width:60px;height:60px;min-width:60px;border-radius:50%;object-fit:cover;border:3px solid var(--accent)}
#lastnews-list .lastnews-mini-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:.92rem;line-height:1.25;text-align:left}

#ytListMini .ytlistmini-list{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
#ytListMini .ytlistmini-item{padding:12px 12px 14px}
#ytListMini .ytlistmini-card{grid-template-columns:76px 1fr;gap:12px}
#ytListMini .ytlistmini-thumb img{width:76px;height:76px;aspect-ratio:auto;border-radius:12px;object-fit:cover}
#ytListMini .ytlistmini-info{grid-template-columns:auto 1fr;column-gap:10px}
#ytListMini .ytlistmini-rank{min-width:34px;padding:6px 8px;border-radius:8px;font-size:.9rem}
#ytListMini .ytlistmini-info h3{font-size:.98rem;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#ytListMini .ytlistmini-info p{font-size:.84rem;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#ytListMini .ytlistmini-iframe{margin-top:12px}
#ytListMini .ytlistmini-iframe iframe,
#ytListMini .ytlistmini-iframe video{width:100%;aspect-ratio:16/9;max-height:360px;border:0;border-radius:16px;background:#000;display:block}

#history-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
#history-list .history-item{min-height:0;padding:14px}
#history-list .history-with-image{display:flex;align-items:center;gap:12px}
#history-list .history-thumb{width:58px;height:58px;min-width:58px;border-radius:12px;object-fit:cover;background:#ddd}
#history-list .history-copy strong{font-size:.95rem;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#history-list .history-copy span{font-size:.84rem;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

@media (max-width:900px){
  #lastnews-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  #history-list{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  #lastnews-list{grid-template-columns:1fr}
  #history-list{grid-template-columns:1fr 1fr}
  #section-news .news-item img{max-height:160px}
  #ytListMini .ytlistmini-card{grid-template-columns:64px 1fr}
  #ytListMini .ytlistmini-thumb img{width:64px;height:64px}
  #ytListMini .ytlistmini-iframe iframe,
  #ytListMini .ytlistmini-iframe video{max-height:220px}
}


/* fix socials over logo + modal + video clicks */
.hero-card{position:relative}.hero-card::before{content:"";position:absolute;inset:-18px -18px auto -18px;height:420px;background:radial-gradient(circle at 50% 20%, rgba(255,193,7,.16), transparent 38%),radial-gradient(circle at 50% 70%, rgba(59,130,246,.12), transparent 42%);filter:blur(10px);pointer-events:none;z-index:0}.cover-frame,.hero-copy{position:relative;z-index:1}
.cover-frame{position:relative;overflow:hidden}
.hero-socials{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);z-index:3;background:rgba(17,17,17,.35);backdrop-filter:blur(8px);padding:8px 10px;border-radius:999px;display:flex;gap:10px}
.hero-socials .social-circle{width:36px;height:36px;display:grid;place-items:center;background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.15)}
.hero-socials .social-circle:hover{background:var(--accent);color:#111}

.modal{position:fixed;inset:0;background:rgba(0,0,0,.62);display:none;align-items:center;justify-content:center;padding:24px;z-index:80}
.modal.is-active{display:flex}
.modal-content{background:var(--card);color:var(--text);border-radius:24px;box-shadow:0 30px 70px rgba(0,0,0,.28);max-height:min(88vh,920px);overflow:hidden;position:relative}
.modal-body{padding:22px;max-height:min(88vh,920px);overflow:auto}
.modal-close{position:absolute;top:12px;right:12px;width:40px;height:40px;border:none;border-radius:50%;background:rgba(0,0,0,.08);cursor:pointer;font-size:20px;z-index:2}
.news-detail-content img{max-width:100%;height:auto;border-radius:14px}

#ytListMini .ytlistmini-card{cursor:pointer}
#ytListMini .ytlistmini-iframe{cursor:default}
#ytListMini .ytlistmini-iframe video{cursor:auto}


/* ultra pro canciones */
.songs-now{display:flex;align-items:center;gap:16px;background:var(--card);border-radius:18px;padding:16px;box-shadow:0 10px 28px rgba(0,0,0,.08);margin-bottom:18px}
.songs-now-cover{width:84px;height:84px;border-radius:16px;object-fit:cover;flex:none;box-shadow:0 8px 20px rgba(0,0,0,.12);background:#ddd}
.songs-now-meta{min-width:0}.songs-now-badge{display:inline-block;font-size:11px;font-weight:700;background:var(--accent);color:#111;padding:6px 10px;border-radius:999px;margin-bottom:8px;text-transform:uppercase}.songs-now-title{font-size:22px;font-weight:800;line-height:1.1;margin:0 0 6px}.songs-now-artist{font-size:15px;color:var(--muted);margin:0}.songs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}.song-empty{background:var(--card);border-radius:16px;padding:18px;box-shadow:0 8px 22px rgba(0,0,0,.06)}
#history-list{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}
#history-list .history-item{min-height:0;padding:12px;background:var(--card);border-radius:16px;box-shadow:0 8px 22px rgba(0,0,0,.08);display:flex;align-items:center;gap:12px}
#history-list .history-thumb{width:56px;height:56px;min-width:56px;border-radius:12px;object-fit:cover;background:#ddd}
#history-list .history-copy strong{font-size:.94rem;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#history-list .history-copy span{font-size:.82rem;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--muted)}
@media (max-width:700px){.songs-now{padding:14px;gap:12px}.songs-now-cover{width:70px;height:70px}.songs-now-title{font-size:18px}.songs-grid,#history-list{grid-template-columns:1fr}}

body::before{content:'';position:fixed;inset:0;pointer-events:none;background:linear-gradient(to bottom, rgba(255,255,255,.18), rgba(255,255,255,0));z-index:-1}
.hero-socials{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);z-index:3;background:rgba(8,10,18,.32);backdrop-filter:blur(10px);padding:8px 10px;border-radius:999px;box-shadow:0 10px 24px rgba(0,0,0,.14)}
.social-circle{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.14)}
#section-history .section-content{background:rgba(255,255,255,.38);border:1px solid rgba(255,255,255,.55);box-shadow:0 14px 34px rgba(0,0,0,.06);backdrop-filter:blur(10px);border-radius:22px;padding:16px}
.songs-now{background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(255,255,255,.76));border:1px solid rgba(255,255,255,.6)}

/* inspired hero background like Radio Casma */
body{
  background:#eef1f4;
  background-attachment:fixed;
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-3;
  pointer-events:none;
  background:linear-gradient(180deg,#eef1f4 0%,#f5f6f8 42%,#eef1f4 100%);
}
.hero{
  position:relative;
  overflow:hidden;
  padding-top:36px;
  padding-bottom:42px;
}
.hero::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:470px;
  z-index:0;
  pointer-events:none;
  background-image:var(--hero-bg, url('../assets/cover.png'));
  background-size:cover;
  background-position:center;
  filter:blur(18px);
  transform:scale(1.14);
  opacity:.95;
}
.hero::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:470px;
  z-index:0;
  pointer-events:none;
  background:linear-gradient(to bottom, rgba(238,241,244,.68) 0%, rgba(238,241,244,.50) 18%, rgba(17,24,39,.12) 58%, rgba(17,24,39,.58) 100%);
}
.hero-grid{
  position:relative;
  z-index:2;
  min-height:530px;
  align-items:end;
}
.hero-grid::after{
  content:"";
  position:absolute;
  left:-6vw;
  right:-6vw;
  bottom:86px;
  height:110px;
  z-index:0;
  pointer-events:none;
  background:linear-gradient(to bottom, rgba(2,8,23,.72), rgba(255,255,255,.96));
  filter:blur(16px);
}
.hero-card,
.hero-copy{position:relative;z-index:2}
.cover-frame{
  background:rgba(255,255,255,.30);
  outline:6px solid rgba(255,255,255,.60);
  box-shadow:0 22px 50px rgba(0,0,0,.22);
  backdrop-filter:blur(12px);
}
.cover-frame img{background:#000}
.hero-copy{
  padding-bottom:32px;
}
.hero-copy .pill{
  box-shadow:0 12px 28px rgba(0,0,0,.16);
}
.hero-copy h1,
.hero-copy p{
  color:#fff;
  text-shadow:0 6px 26px rgba(0,0,0,.22);
}
.hero-copy p{color:rgba(255,255,255,.92)}
.hero-socials{
  left:auto;
  right:14px;
  top:14px;
  bottom:auto;
  transform:none;
  background:rgba(16,19,27,.30);
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 10px 30px rgba(0,0,0,.18);
}
.hero-socials .social-circle{
  background:rgba(255,255,255,.14);
  color:#fff;
}
.hero-socials .social-circle:hover{
  background:rgba(255,255,255,.95);
  color:#111;
}
.section:first-of-type{padding-top:0}
@media (max-width:900px){
  .hero::before,.hero::after{height:380px}
  .hero-grid{min-height:auto;align-items:center}
  .hero-grid::after{bottom:160px;height:86px}
  .hero-socials{right:50%;top:auto;bottom:16px;transform:translateX(50%)}
  .hero-copy{padding-bottom:0}
}
@media (max-width:640px){
  .hero{padding-top:18px;padding-bottom:24px}
  .hero::before,.hero::after{height:320px}
  .hero-grid::after{display:none}
  .cover-frame{width:min(84vw,360px)}
  .hero-copy h1{font-size:56px}
}

/* Ultra premium equalizer + whatsapp icons */
.hero{position:relative;overflow:hidden;padding-top:28px}
.hero::before{content:"";position:absolute;inset:0;background-image:var(--hero-bg, none);background-size:cover;background-position:center;filter:blur(18px);transform:scale(1.08);opacity:.9;z-index:0}
.hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:190px;z-index:1;opacity:.55;background:
linear-gradient(to top, rgba(0,0,0,.72), rgba(0,0,0,.08) 55%, transparent 100%),
repeating-linear-gradient(to right,
rgba(255,255,255,.22) 0 10px,
transparent 10px 24px);
mask-image: linear-gradient(to top, black 20%, transparent 100%);
animation:eqMove 1.35s ease-in-out infinite alternate}
.hero .container{position:relative;z-index:2}
@keyframes eqMove{0%{clip-path:polygon(0 78%,2% 30%,4% 64%,6% 45%,8% 82%,10% 34%,12% 70%,14% 55%,16% 88%,18% 40%,20% 72%,22% 52%,24% 80%,26% 44%,28% 68%,30% 38%,32% 74%,34% 58%,36% 84%,38% 48%,40% 76%,42% 36%,44% 66%,46% 50%,48% 86%,50% 42%,52% 72%,54% 46%,56% 82%,58% 54%,60% 78%,62% 40%,64% 70%,66% 32%,68% 74%,70% 48%,72% 80%,74% 56%,76% 84%,78% 44%,80% 68%,82% 36%,84% 72%,86% 52%,88% 86%,90% 46%,92% 78%,94% 38%,96% 70%,98% 58%,100% 76%,100% 100%,0 100%)}50%{clip-path:polygon(0 82%,2% 42%,4% 74%,6% 30%,8% 70%,10% 50%,12% 86%,14% 40%,16% 76%,18% 34%,20% 64%,22% 54%,24% 84%,26% 46%,28% 72%,30% 60%,32% 88%,34% 38%,36% 66%,38% 48%,40% 80%,42% 28%,44% 74%,46% 56%,48% 84%,50% 36%,52% 68%,54% 44%,56% 78%,58% 32%,60% 70%,62% 52%,64% 86%,66% 40%,68% 72%,70% 34%,72% 80%,74% 58%,76% 88%,78% 46%,80% 76%,82% 30%,84% 68%,86% 50%,88% 82%,90% 42%,92% 74%,94% 36%,96% 78%,98% 54%,100% 84%,100% 100%,0 100%)}100%{clip-path:polygon(0 76%,2% 36%,4% 70%,6% 54%,8% 84%,10% 40%,12% 64%,14% 46%,16% 80%,18% 34%,20% 72%,22% 50%,24% 86%,26% 44%,28% 66%,30% 38%,32% 78%,34% 58%,36% 82%,38% 42%,40% 68%,42% 30%,44% 74%,46% 48%,48% 88%,50% 40%,52% 70%,54% 52%,56% 84%,58% 34%,60% 76%,62% 46%,64% 80%,66% 56%,68% 86%,70% 38%,72% 72%,74% 44%,76% 78%,78% 32%,80% 68%,82% 54%,84% 84%,86% 46%,88% 72%,90% 36%,92% 80%,94% 50%,96% 86%,98% 42%,100% 74%,100% 100%,0 100%)}}
.social-circle svg,.whatsapp-float svg{width:22px;height:22px;fill:currentColor}.social-circle{font-size:0}.whatsapp-float{font-size:0;background:#25D366}


/* Fix8 premium eq + social polish */
.hero{overflow:hidden;}
.hero-eq{position:absolute;left:0;right:0;bottom:126px;height:190px;z-index:1;display:flex;align-items:flex-end;justify-content:center;gap:6px;pointer-events:none;opacity:.9;padding:0 2vw;}
.hero-eq span{display:block;flex:0 0 18px;height:40px;border-radius:6px 6px 0 0;background:linear-gradient(to top,rgba(255,255,255,.10),rgba(255,255,255,.28));box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 0 0 1px rgba(0,0,0,.06);transform-origin:bottom center;animation:heroEq 1.55s ease-in-out infinite;}
.hero-eq span:nth-child(3n){animation-duration:1.9s;}
.hero-eq span:nth-child(4n){animation-duration:1.2s;}
.hero-eq span:nth-child(5n){animation-duration:1.7s;}
@keyframes heroEq{0%,100%{height:34px}50%{height:160px}}
.hero-grid::after{bottom:92px;height:126px;background:linear-gradient(to bottom, rgba(0,0,0,.82), rgba(255,255,255,.98));filter:blur(18px);}
.hero-copy{padding-bottom:22px;}
.hero-socials{position:absolute;top:18px;right:20px;z-index:4;}
.social-circle{background:rgba(32,37,50,.42);backdrop-filter:blur(10px);box-shadow:0 8px 20px rgba(0,0,0,.16);color:#fff;}
.social-circle:hover{background:rgba(32,37,50,.62);transform:translateY(-1px);}
.social-circle svg{width:20px;height:20px;display:block;fill:currentColor;}
.whatsapp-float svg{width:34px;height:34px;fill:currentColor;}
@media (max-width: 920px){.hero-eq{bottom:80px;height:120px;gap:4px}.hero-eq span{flex-basis:10px;border-radius:4px 4px 0 0}.hero-grid::after{bottom:64px;height:88px}}

/* WhatsApp + TV watermark fix */
.social-whatsapp{background:#25D366!important;color:#fff!important;box-shadow:0 10px 24px rgba(37,211,102,.35)}
.social-whatsapp:hover{transform:translateY(-2px) scale(1.04)}
.hero-socials,.footer-socials{position:relative;z-index:12}
.social-circle{position:relative;z-index:12;pointer-events:auto}
.tv-watermark-wrap{position:relative}
.tv-watermark{position:absolute;right:16px;top:16px;width:88px;max-width:18%;opacity:.82;z-index:6;pointer-events:none;filter:drop-shadow(0 6px 14px rgba(0,0,0,.35))}
@media (max-width:700px){.tv-watermark{width:64px;right:10px;top:10px}}