/*
Theme Name: El Control de la Salsa Radio V2.1
Theme URI: https://elcontroldelasalsa.com
Author: El Control de la Salsa
Description: Tema oficial V2 con player, metadata, próxima canción opcional, programación automática, blog y marquee de noticias.
Version: 2.1.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: el-control-salsa-v2
*/
:root{--ecs-black:#050505;--ecs-yellow:#ffe000;--ecs-red:#ff2020;--ecs-white:#fff;--ecs-muted:#aaa;--ecs-line:rgba(255,255,255,.13)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#050505;color:#fff;font-family:Arial,Helvetica,sans-serif;padding-bottom:102px}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}button{font:inherit;cursor:pointer}
.ecs-header{position:sticky;top:0;z-index:50;height:76px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;background:rgba(3,3,3,.9);backdrop-filter:blur(18px);border-bottom:1px solid var(--ecs-line)}
.ecs-brand{font-weight:900;letter-spacing:.14em;font-size:.76rem;display:flex;align-items:center;gap:10px}.ecs-dot{width:9px;height:9px;border-radius:50%;background:var(--ecs-red);box-shadow:0 0 0 5px rgba(255,32,32,.14)}.ecs-nav{display:flex;gap:28px;font-size:.71rem;font-weight:800;letter-spacing:.1em}.ecs-nav a:hover{color:var(--ecs-yellow)}.ecs-header-play{border:1px solid var(--ecs-yellow);background:transparent;color:var(--ecs-yellow);font-weight:900;padding:11px 15px;font-size:.68rem;letter-spacing:.08em}
.ecs-marquee{display:flex;align-items:center;background:var(--ecs-yellow);color:#000;overflow:hidden;white-space:nowrap;border-bottom:1px solid #111}.ecs-marquee-label{flex:0 0 auto;background:#000;color:var(--ecs-yellow);padding:12px 18px;font-weight:900;font-size:.66rem;letter-spacing:.12em;z-index:2}.ecs-marquee-track{display:inline-flex;gap:60px;min-width:max-content;padding-left:35px;animation:ecs-marquee 34s linear infinite}.ecs-marquee:hover .ecs-marquee-track{animation-play-state:paused}.ecs-marquee a{font-weight:800;font-size:.74rem;padding:12px 0}@keyframes ecs-marquee{to{transform:translateX(-50%)}}
.ecs-hero{min-height:650px;padding:58px 6vw 78px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at 82% 18%,rgba(255,224,0,.1),transparent 26%),radial-gradient(circle at 5% 70%,rgba(255,32,32,.08),transparent 24%)}
.ecs-kicker{color:var(--ecs-yellow);font-weight:900;letter-spacing:.22em;font-size:.72rem;margin:0 0 13px}.ecs-hero h1,.ecs-section-title,.ecs-show-copy h2{font-family:Impact,"Arial Narrow",sans-serif;text-transform:uppercase;line-height:.86;margin:0;letter-spacing:-.02em}.ecs-hero h1{font-size:clamp(4.6rem,9vw,9rem)}.ecs-hero h1 span{color:var(--ecs-yellow)}.ecs-hero-copy>p:not(.ecs-kicker){max-width:650px;color:#c0c0c0;line-height:1.75;font-size:1rem}
.ecs-onair-card{margin:24px 0;padding:15px 18px;border-left:4px solid var(--ecs-red);background:rgba(255,255,255,.05);max-width:610px}.ecs-onair-card small{color:var(--ecs-red);font-weight:900;letter-spacing:.15em}.ecs-onair-card strong{display:block;font-size:1.18rem;margin-top:6px}.ecs-onair-card span{display:block;color:#aaa;font-size:.78rem;margin-top:4px}
.ecs-hero-actions{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-top:25px}.ecs-main-play{border:0;background:var(--ecs-yellow);color:#000;display:flex;align-items:center;gap:14px;padding:16px 22px;font-weight:900}.ecs-play-circle{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#000;color:var(--ecs-yellow)}.ecs-whatsapp{border:1px solid var(--ecs-line);padding:18px 20px;font-size:.75rem;font-weight:900;letter-spacing:.08em}.ecs-whatsapp:hover{border-color:#25d366;color:#25d366}
.ecs-hero-art{position:relative;display:grid;place-items:center;min-height:500px}.ecs-hero-art:before{content:"";position:absolute;width:440px;height:440px;border-radius:50%;background:repeating-radial-gradient(circle,#171717 0 4px,#090909 5px 8px);opacity:.6;animation:ecs-spin 16s linear infinite}.ecs-hero-logo{position:relative;z-index:2;width:min(650px,96%);filter:drop-shadow(0 30px 55px #000)}@keyframes ecs-spin{to{transform:rotate(360deg)}}
.ecs-stats{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--ecs-line)}.ecs-stats div{text-align:center;padding:28px;border-right:1px solid var(--ecs-line)}.ecs-stats div:last-child{border-right:0}.ecs-stats strong{display:block;color:var(--ecs-yellow);font-size:2rem}.ecs-stats span{font-size:.62rem;letter-spacing:.13em;color:#999;font-weight:800}
.ecs-section{padding:90px 6vw}.ecs-heading{text-align:center;margin-bottom:40px}.ecs-heading p{color:var(--ecs-yellow);font-size:.68rem;font-weight:900;letter-spacing:.2em}.ecs-section-title{font-size:clamp(3rem,6vw,6rem)}
.ecs-now-card{max-width:1120px;margin:auto;display:grid;grid-template-columns:330px 1fr;background:linear-gradient(145deg,#141414,#080808);border:1px solid var(--ecs-line);overflow:hidden}.ecs-art-wrap{aspect-ratio:1;position:relative;background:#111}.ecs-art-wrap img{width:100%;height:100%;object-fit:cover}.ecs-live-badge{position:absolute;top:18px;left:18px;background:var(--ecs-red);padding:8px 11px;font-size:.62rem;font-weight:900;letter-spacing:.12em}.ecs-now-info{padding:42px;display:flex;flex-direction:column;justify-content:center}.ecs-now-info small{color:var(--ecs-yellow);letter-spacing:.18em;font-weight:900}.ecs-now-info h2{font-size:clamp(2.2rem,4vw,4.5rem);margin:12px 0 5px;line-height:.95}.ecs-now-info p{color:#aaa;font-size:1.05rem}.ecs-next-track{margin-top:22px;padding-top:18px;border-top:1px solid var(--ecs-line)}.ecs-next-track small{color:#888}.ecs-next-track strong{display:block;margin-top:6px;font-size:1rem}.ecs-eq{height:55px;display:flex;gap:5px;align-items:end;margin-top:20px}.ecs-eq i{width:7px;height:25%;background:var(--ecs-yellow);animation:ecs-eq .8s ease-in-out infinite alternate;animation-play-state:paused}.ecs-playing .ecs-eq i{animation-play-state:running}.ecs-eq i:nth-child(2n){animation-duration:.55s}.ecs-eq i:nth-child(3n){animation-duration:1.1s}@keyframes ecs-eq{to{height:100%}}
.ecs-show{padding:80px 6vw;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;border-block:1px solid var(--ecs-line);background:radial-gradient(circle at 15%,rgba(255,224,0,.08),transparent 28%)}.ecs-show-image{border:1px solid var(--ecs-line);background:#000}.ecs-show-copy h2{font-size:clamp(3.3rem,6vw,6.4rem)}.ecs-show-copy h2 span{color:var(--ecs-yellow)}.ecs-show-copy p{color:#aaa;line-height:1.7}.ecs-show-details{border-left:4px solid var(--ecs-yellow);padding-left:18px;margin:25px 0}.ecs-show-details strong,.ecs-show-details span{display:block}.ecs-show-details strong{font-size:1.2rem}.ecs-show-details span{color:#aaa;margin-top:6px}
.ecs-post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1200px;margin:auto}.ecs-post-card{border:1px solid var(--ecs-line);background:#0c0c0c;overflow:hidden}.ecs-post-card img{width:100%;aspect-ratio:16/10;object-fit:cover}.ecs-post-card-body{padding:22px}.ecs-post-card small{color:var(--ecs-yellow);font-weight:900}.ecs-post-card h3{margin:9px 0 10px;font-size:1.2rem}.ecs-post-card p{color:#999;line-height:1.6;font-size:.84rem}.ecs-post-card a:hover{color:var(--ecs-yellow)}
.ecs-blog-wrap{max-width:1200px;margin:auto;padding:70px 6vw}.ecs-blog-header{margin-bottom:35px}.ecs-pagination{margin-top:35px}.ecs-pagination .page-numbers{display:inline-block;border:1px solid var(--ecs-line);padding:10px 13px;margin-right:5px}.ecs-pagination .current{background:var(--ecs-yellow);color:#000}
.ecs-connect{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:start}.ecs-contact-card{background:var(--ecs-yellow);color:#000;padding:40px}.ecs-contact-card h3{font-size:2.3rem;margin:0 0 12px}.ecs-contact-card a{display:inline-block;background:#000;color:#fff;padding:15px 19px;font-weight:900;margin-top:14px}.ecs-social-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ecs-social-grid a{border:1px solid var(--ecs-line);padding:20px;font-weight:900;font-size:.72rem;letter-spacing:.1em}.ecs-social-grid a:hover{border-color:var(--ecs-yellow);color:var(--ecs-yellow)}
.ecs-footer{padding:30px 6vw;border-top:1px solid var(--ecs-line);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;color:#777;font-size:.64rem;letter-spacing:.1em}
.ecs-player{position:fixed;z-index:999;left:0;right:0;bottom:0;min-height:92px;background:rgba(8,8,8,.97);backdrop-filter:blur(20px);border-top:1px solid rgba(255,224,0,.35);display:grid;grid-template-columns:auto auto minmax(220px,1fr) minmax(180px,.65fr) auto auto;gap:16px;align-items:center;padding:10px 3vw}.ecs-player-button{width:56px;height:56px;border:0;border-radius:50%;background:var(--ecs-yellow);font-size:1.1rem}.ecs-player-art{width:58px;height:58px;border:1px solid var(--ecs-line);object-fit:cover}.ecs-player-meta,.ecs-player-next{min-width:0}.ecs-player-meta small,.ecs-player-next small{display:block;color:var(--ecs-red);font-weight:900;font-size:.56rem;letter-spacing:.15em}.ecs-player-next small{color:#888}.ecs-player-meta strong,.ecs-player-meta span,.ecs-player-next strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ecs-player-meta strong{font-size:1rem;margin-top:5px}.ecs-player-meta span{font-size:.7rem;color:#999;margin-top:3px}.ecs-player-next strong{font-size:.75rem;margin-top:6px}.ecs-volume{display:flex;align-items:center;gap:9px}.ecs-volume input{accent-color:var(--ecs-yellow);width:90px}.ecs-share{border:1px solid var(--ecs-line);background:transparent;color:#fff;padding:11px 14px;font-size:.6rem;font-weight:900}.ecs-toast{position:fixed;z-index:1100;right:20px;bottom:110px;background:var(--ecs-yellow);color:#000;padding:13px 17px;font-size:.75rem;font-weight:900;opacity:0;transform:translateY(15px);transition:.2s}.ecs-toast.show{opacity:1;transform:none}
@media(max-width:1000px){.ecs-player{grid-template-columns:auto auto 1fr auto}.ecs-player-next,.ecs-share{display:none}.ecs-post-grid{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.ecs-nav{display:none}.ecs-hero,.ecs-show,.ecs-connect{grid-template-columns:1fr}.ecs-hero-copy{text-align:center}.ecs-hero-copy>p{margin-inline:auto}.ecs-onair-card{margin-inline:auto}.ecs-hero-actions{justify-content:center}.ecs-now-card{grid-template-columns:1fr;max-width:600px}.ecs-art-wrap{max-height:430px}}
@media(max-width:620px){body{padding-bottom:80px}.ecs-header{height:66px;padding:0 16px}.ecs-brand{font-size:.55rem}.ecs-header-play{font-size:0;padding:10px}.ecs-header-play:after{content:"EN VIVO";font-size:.58rem}.ecs-marquee-label{padding:10px}.ecs-hero{padding:45px 18px 62px;min-height:auto}.ecs-hero h1{font-size:4.1rem}.ecs-hero-art{min-height:330px}.ecs-stats{grid-template-columns:1fr 1fr}.ecs-stats div:nth-child(2){border-right:0}.ecs-stats div:nth-child(-n+2){border-bottom:1px solid var(--ecs-line)}.ecs-section{padding:70px 18px}.ecs-now-info{padding:28px}.ecs-show{padding:65px 18px}.ecs-post-grid{grid-template-columns:1fr}.ecs-social-grid{grid-template-columns:1fr}.ecs-player{min-height:76px;padding:8px 10px;gap:9px;grid-template-columns:auto auto 1fr}.ecs-player-button{width:48px;height:48px}.ecs-player-art{width:47px;height:47px}.ecs-volume{display:none}.ecs-player-meta strong{font-size:.9rem}.ecs-player-meta span{font-size:.6rem}}

.ecs-autoplay-notice{position:fixed;z-index:1200;inset:0;background:rgba(0,0,0,.88);display:none;place-items:center;padding:22px;text-align:center}
.ecs-autoplay-notice.show{display:grid}
.ecs-autoplay-box{max-width:470px;background:#0b0b0b;border:1px solid rgba(255,224,0,.45);padding:34px}
.ecs-autoplay-box h2{margin:0 0 10px;font-size:2rem}
.ecs-autoplay-box p{color:#aaa;line-height:1.6}
.ecs-autoplay-box button{border:0;background:#ffe000;color:#000;padding:16px 22px;font-weight:900;margin-top:10px}