/*
Theme Name: Frecuencia Viva SETEL
Theme URI: https://frecuenciaviva.com.ar/
Author: SETEL
Description: Tema WordPress editable y adaptable para Frecuencia Viva, con reproductor en vivo y administrador de espacios publicitarios.
Version: 1.3.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: frecuencia-viva
*/
:root{--night:#050411;--navy:#080b25;--panel:#0a0d2a;--purple:#8d00ff;--pink:#ed38ff;--lilac:#d99aff;--white:#f8f5ff;--muted:#c9c3d8;--stroke:rgba(214,113,255,.55);--glow:0 0 18px rgba(207,39,255,.25)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--night);color:var(--white);font:15px/1.5 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}a:hover{color:#efaaff}img{max-width:100%;height:auto}.wrap{width:min(1380px,94%);margin-inline:auto}
.topline{background:#080b25;border-bottom:1px solid #43336b;color:#eee;font-size:12px}.topline-inner{min-height:34px;display:flex;justify-content:space-between;align-items:center;gap:12px}.topline a{margin-right:18px}.topline .social{display:flex;gap:16px}
.site-header{background:rgba(5,4,19,.97);border-bottom:1px solid var(--stroke);position:relative;z-index:5}.header-inner{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;align-items:center;min-width:180px}.brand img{display:block;width:190px;max-height:82px;object-fit:contain}.brand .custom-logo{width:190px;max-height:82px;object-fit:contain}.brand-name{font-size:22px;font-weight:800;letter-spacing:.18em;color:#fff}.main-nav{display:flex;align-items:center;gap:clamp(14px,2.3vw,36px)}.main-nav ul{display:flex;align-items:center;gap:clamp(14px,2.3vw,36px);list-style:none;padding:0;margin:0}.main-nav a{font-size:12px;font-weight:bold;letter-spacing:.07em;text-transform:uppercase}.main-nav a:hover,.main-nav .current-menu-item>a{color:#f08aff}.header-tools{display:flex;align-items:center;gap:13px}.live-pill,.button{display:inline-flex;justify-content:center;align-items:center;gap:9px;border:1px solid var(--pink);border-radius:99px;padding:11px 19px;background:linear-gradient(110deg,#8d00de,#4e00c4);color:#fff;font-weight:bold;white-space:nowrap;box-shadow:var(--glow)}.live-pill:hover,.button:hover{color:#fff;filter:brightness(1.13)}.whatsapp-head{font-size:12px;color:#f3eaff}.menu-toggle{display:none;background:transparent;border:1px solid var(--stroke);color:#fff;border-radius:8px;padding:9px 12px;font-size:18px}
.ad-slot{position:relative;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;border:1px dashed #c65cff;border-radius:5px;background:linear-gradient(135deg,rgba(57,0,113,.45),rgba(13,9,39,.9));padding:7px;min-width:0}.ad-slot a{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.ad-slot img{display:block;width:100%;height:100%;max-height:inherit;object-fit:contain}.ad-empty{font-size:12px;color:#d8b0ff;letter-spacing:.04em}.ad-empty strong{display:block;font-size:14px;color:#fff;margin-bottom:4px}.ad-top{min-height:66px;margin:10px auto}.ad-bottom{min-height:72px;margin:10px auto}.ad-tall{min-height:330px;height:100%}.ad-square{min-height:175px}.ad-inline{min-height:92px}
.hero{display:grid;grid-template-columns:minmax(170px,1fr) minmax(360px,2.7fr) minmax(170px,1fr);gap:12px;align-items:stretch;min-height:360px}.hero-brand{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:22px 10px;background:radial-gradient(ellipse at center,rgba(121,0,189,.2),transparent 70%)}.hero-brand .heartline{font-size:32px;color:#e28aff;text-shadow:0 0 14px #bd35ff}.hero-brand h1{font-size:clamp(28px,3vw,50px);letter-spacing:.16em;line-height:1.05;margin:10px 0 3px;text-transform:uppercase}.hero-brand h1 span{display:block;font-size:1.5em;color:#e18aff;text-shadow:0 0 15px rgba(222,79,255,.65);font-weight:400}.hero-brand p{font-size:11px;letter-spacing:.17em;text-transform:uppercase;margin:8px 0 15px}.hero-photo{min-height:360px;background:#100a23 url('assets/fondo-estudio-frecuencia-viva.webp') center 38%/cover no-repeat;border-inline:1px solid var(--stroke);position:relative}.hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,4,17,.1),transparent 40%,rgba(5,4,17,.12))}.app-panel{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:15px 12px;background:linear-gradient(160deg,#100925,#080616);border:1px solid rgba(183,87,255,.22);border-radius:5px}.app-panel h2{font-size:18px;line-height:1.2;margin:0 0 10px}.phone-icon{font-size:35px;color:#e29bff;margin:3px}.app-panel p{font-size:12px;color:var(--muted);margin:6px 0 10px}.app-panel .button{font-size:11px;padding:9px 12px;width:100%}
.main-columns{display:grid;grid-template-columns:minmax(120px,1fr) minmax(0,7.8fr) minmax(120px,1fr);gap:12px;margin:14px auto}.side-ad{min-height:100%;display:flex}.center-content{min-width:0}.player{display:flex;align-items:center;gap:15px;padding:12px 16px;border:1px solid #7e3aff;border-radius:8px;background:linear-gradient(110deg,rgba(10,12,43,.98),rgba(7,7,24,.98));box-shadow:var(--glow);min-height:98px}.player-logo{width:74px;height:74px;object-fit:contain;flex:0 0 auto}.player-details{min-width:0;flex:1}.live-label{display:inline-block;background:#9a00ef;border-radius:5px;padding:2px 10px;font-size:10px;font-weight:bold;letter-spacing:.08em}.player h2{font-size:18px;margin:1px 0 0}.player p{font-size:12px;color:#ddd;margin:0}.player audio{width:100%;height:29px;display:block;margin-top:4px;accent-color:#d22bff}.equalizer{color:#d52cff;font-size:25px;letter-spacing:2px}
.below-grid{display:grid;grid-template-columns:1.1fr 1fr .9fr;gap:12px;margin-top:14px}.info-card{background:linear-gradient(160deg,#0a0e2b,#09071b);border:1px solid #38276c;border-radius:6px;padding:13px;min-width:0}.info-card h2{font-size:16px;margin:0 0 9px;color:#f4eaff}.info-card h2:before{content:"";display:inline-block;width:7px;height:17px;background:#c000ff;margin-right:9px;vertical-align:-3px;border-radius:3px}.news-item{display:flex;gap:10px;padding:7px 0;border-top:1px solid rgba(184,132,255,.2);font-size:12px}.news-item img{width:68px;height:48px;object-fit:cover;border-radius:4px}.news-item small{display:block;color:#bdb3d0;font-size:10px}.program-list{list-style:none;padding:0;margin:0}.program-list li{display:flex;gap:9px;justify-content:space-between;padding:6px 0;border-top:1px solid rgba(184,132,255,.2);font-size:12px}.program-list time{color:#d97aff;white-space:nowrap}.social-links{display:flex;gap:10px;margin:12px 0}.social-links a{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:1px solid #7950b6;background:#17113a;font-weight:bold}.social-card .button{font-size:11px;padding:9px 12px}.site-footer{margin-top:14px;border-top:1px solid var(--stroke);background:#070718;padding:18px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer-brand img,.footer-brand .custom-logo{width:125px;max-height:65px;object-fit:contain}.footer-slogan{font-size:10px;color:#d9cbe9;letter-spacing:.08em}.footer-nav{display:flex;gap:16px;flex-wrap:wrap;font-size:11px}.footer-contact{font-size:12px}.footer-contact a{color:#dca1ff}.credit{font-size:11px;color:#bbb}.credit strong{color:white;letter-spacing:.16em}.page-content{width:min(1000px,92%);margin:35px auto;padding:28px;background:#0b0920;border:1px solid var(--stroke);border-radius:8px}.page-content h1,.page-content h2{color:#e6a1ff}
@media(max-width:1000px){.header-inner{gap:12px}.brand{min-width:140px}.brand img,.brand .custom-logo{width:145px}.main-nav,.main-nav ul{gap:14px}.main-nav a{font-size:11px}.hero{grid-template-columns:minmax(130px,1fr) minmax(260px,2fr) minmax(130px,1fr)}.hero-brand h1{font-size:28px}.main-columns{grid-template-columns:1fr}.side-ad{min-height:90px}.side-ad .ad-slot{width:100%;min-height:90px}.side-ad .ad-slot img{max-height:90px}.below-grid{grid-template-columns:1fr 1fr}.below-grid .social-card{grid-column:1/-1}}
@media(max-width:700px){.topline-inner{justify-content:center}.topline .social{display:none}.topline-inner>div{display:flex;flex-wrap:wrap;justify-content:center}.header-inner{min-height:72px}.brand img,.brand .custom-logo{width:132px;max-height:62px}.menu-toggle{display:block}.main-nav{display:none;position:absolute;left:0;right:0;top:72px;background:#080719;border-bottom:1px solid var(--stroke);padding:14px 5%}.main-nav.is-open{display:block}.main-nav ul{display:flex;flex-direction:column;align-items:flex-start;gap:15px}.header-tools .whatsapp-head{display:none}.live-pill{font-size:11px;padding:9px 12px}.hero{grid-template-columns:1fr;gap:8px}.hero-photo{grid-row:1;min-height:270px}.hero-brand{padding:18px 8px}.hero-brand h1{font-size:31px}.app-panel{flex-direction:row;gap:10px;flex-wrap:wrap}.app-panel h2{margin:0}.app-panel p{margin:0;max-width:180px}.app-panel .button{width:auto}.main-columns{margin-top:10px}.side-ad .ad-slot{min-height:86px}.player{gap:10px;padding:10px}.player-logo{width:54px;height:54px}.player h2{font-size:15px}.player p{font-size:11px}.equalizer{display:none}.below-grid{grid-template-columns:1fr}.below-grid .social-card{grid-column:auto}.info-card{padding:14px}.footer-inner{justify-content:center;text-align:center}.footer-nav{justify-content:center}.footer-brand{width:100%}.footer-contact{width:100%}}


/* Correcciones de contraste y estructura para instalaciones con estilos globales de WordPress/page builders */
html, body, body.home, body.front-page {background:#050411 !important;color:#f8f5ff !important}
body.home #page, body.home .site, body.home main, body.home .site-content {background:#050411 !important}
.site-header, body .site-header {background:#050411 !important;color:#fff !important;display:block !important}
.site-header .header-inner {width:min(1380px,94%) !important;min-height:92px !important;margin:0 auto !important;display:flex !important;flex-direction:row !important;align-items:center !important;justify-content:space-between !important}
.site-header .brand {display:flex !important;align-items:center !important;justify-content:flex-start !important;flex:0 0 auto !important}
.site-header .main-nav {display:flex !important;position:static !important;background:transparent !important;padding:0 !important;border:0 !important}
.site-header .main-nav ul {display:flex !important;flex-direction:row !important;align-items:center !important;list-style:none !important;margin:0 !important;padding:0 !important}
.site-header .main-nav a, .site-header .whatsapp-head {color:#f8f5ff !important}
.hero {width:min(1380px,94%) !important;margin:0 auto !important;display:grid !important;grid-template-columns:minmax(190px,1fr) minmax(0,2.7fr) minmax(190px,1fr) !important;gap:12px !important}
.hero-brand {background:#09071b !important;color:#fff !important;min-width:0 !important}
.hero-brand h1 {color:#f8f5ff !important;opacity:1 !important}
.hero-brand p {color:#eee5f7 !important;opacity:1 !important}
.hero-photo {background-color:#09071b !important;background-image:url('assets/fondo-estudio-frecuencia-viva.webp') !important;background-position:center 38% !important;background-size:cover !important}
.app-panel {background:#09071b !important;color:#fff !important}
.app-panel h2,.app-panel p {color:#f8f5ff !important;opacity:1 !important}
.main-columns {width:min(1380px,94%) !important;margin:14px auto !important;display:grid !important;grid-template-columns:minmax(125px,1fr) minmax(0,7.8fr) minmax(125px,1fr) !important;gap:12px !important;align-items:stretch !important}
.main-columns .center-content {min-width:0 !important;width:100% !important}
.player {width:100% !important;min-width:0 !important;background:#090b25 !important;color:#fff !important}
.player h2,.player p,.info-card,.info-card p,.info-card a {color:#f8f5ff}
.info-card {background:#0a0d2a !important}
.ad-slot {background:#0b0920 !important;color:#f8f5ff !important}
.page-content {background:#0b0920 !important;color:#f8f5ff !important}
@media(max-width:1000px) {
 .hero {grid-template-columns:minmax(120px,1fr) minmax(0,2fr) minmax(120px,1fr) !important}
 .main-columns {grid-template-columns:1fr !important}
}
@media(max-width:700px) {
 .site-header .header-inner {min-height:72px !important}
 .site-header .main-nav {display:none !important;position:absolute !important;left:0 !important;right:0 !important;top:72px !important;padding:14px 5% !important;background:#080719 !important;border-bottom:1px solid var(--stroke) !important}
 .site-header .main-nav.is-open {display:block !important}
 .site-header .main-nav ul {display:flex !important;flex-direction:column !important;align-items:flex-start !important}
 .hero {grid-template-columns:1fr !important}
 .hero-photo {grid-row:1 !important;min-height:270px !important}
 .main-columns {grid-template-columns:1fr !important}
}


/* 1.3.0: layout robusto para evitar columnas angostas por estilos del tema anterior/builder */
body.home .main-columns,
body.front-page .main-columns {
  display:block !important; width:min(1380px,94%) !important;
  margin:14px auto !important; padding:0 !important;
}
body.home .center-content,
body.front-page .center-content {display:block !important;width:100% !important;max-width:none !important;min-width:0 !important}
body.home .below-grid,
body.front-page .below-grid {
  display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:12px !important;width:100% !important;max-width:none !important;align-items:stretch !important;
}
body.home .below-grid > *,
body.front-page .below-grid > * {min-width:0 !important;width:auto !important;max-width:none !important}
body.home .info-card,
body.front-page .info-card {width:auto !important;min-width:0 !important;overflow-wrap:anywhere !important}
body.home .player,
body.front-page .player {display:flex !important;width:100% !important;max-width:none !important;min-width:0 !important;flex-wrap:nowrap !important}
body.home .player-details,
body.front-page .player-details {flex:1 1 auto !important;width:auto !important;min-width:0 !important}
body.home .player audio,
body.front-page .player audio {display:block !important;width:100% !important;max-width:100% !important;min-width:0 !important}
.stream-direct {display:inline-block;font-size:11px;color:#e7a0ff;text-decoration:underline;margin-top:3px}
body.home .ad-slot, body.front-page .ad-slot {width:100% !important;max-width:100% !important}
body.home .ad-inline, body.front-page .ad-inline {min-height:76px !important}
@media(max-width:900px) {
 body.home .below-grid, body.front-page .below-grid {grid-template-columns:repeat(2,minmax(0,1fr)) !important}
}
@media(max-width:600px) {
 body.home .below-grid, body.front-page .below-grid {grid-template-columns:minmax(0,1fr) !important}
 body.home .player, body.front-page .player {flex-wrap:wrap !important}
 body.home .player-logo, body.front-page .player-logo {width:48px !important;height:48px !important}
 body.home .player-details, body.front-page .player-details {width:calc(100% - 60px) !important}
 body.home .player audio, body.front-page .player audio {width:100% !important}
}
