/* CHATEANDO RADIO · Diseño unificado 2026
   Capa visual aislada: no modifica reproductor, formularios ni APIs. */
:root{--cr-ink:#24364b;--cr-muted:#607386;--cr-line:#dbe4e9;--cr-paper:#f1f5f5;--cr-card:#fff;--cr-teal:#008f89;--cr-sky:#4e91bf;--cr-coral:#ed8564;--cr-violet:#8876b5;--cr-shadow:0 13px 35px rgba(37,65,83,.095),0 2px 6px rgba(37,65,83,.025);--ink:var(--cr-ink);--muted:var(--cr-muted);--line:var(--cr-line);--card:var(--cr-card);--lime:#a9e6c2;--blue:var(--cr-sky);--pink:var(--cr-coral);--violet:var(--cr-violet)}
html{scroll-padding-top:115px}
body:not(.page-admin){color:var(--cr-ink)!important;background:radial-gradient(ellipse 850px 530px at 2% -4%,rgba(97,191,178,.20),transparent 74%),radial-gradient(ellipse 850px 570px at 100% 17%,rgba(134,168,222,.17),transparent 73%),linear-gradient(180deg,#f8faf9 0%,#f0f4f3 47%,#f6f8f6 100%)!important;min-height:100vh}
body:not(.page-admin)::before{content:""!important;display:block!important;position:fixed;inset:0;z-index:0;pointer-events:none;background-image:radial-gradient(#8aa6ab 0.65px,transparent .65px);background-size:21px 21px;opacity:.15}
body:not(.page-admin)::after{display:none!important}
body:not(.page-admin) .noise{display:none!important}
body:not(.page-admin) .shell{width:min(1190px,calc(100% - 36px));padding-top:106px;position:relative;z-index:1;overflow:visible}
body:not(.page-admin) .station-head{position:fixed!important;top:13px!important;left:50%!important;right:auto!important;inset:13px auto auto 50%!important;transform:translateX(-50%)!important;width:min(1190px,calc(100% - 36px))!important;min-height:72px;padding:10px 17px!important;display:flex;gap:17px;border:1px solid rgba(255,255,255,.94)!important;border-radius:22px!important;background:rgba(255,255,255,.91)!important;box-shadow:0 9px 32px rgba(35,67,74,.13)!important;backdrop-filter:blur(18px);z-index:5000!important;overflow:visible!important}
.station-head::after,.station-head::before{display:none!important}
.station-brand{gap:11px!important;color:#203b45!important;min-width:0;text-decoration:none}
.station-brand .brand-dot{border:0!important;width:44px;height:44px;flex:0 0 44px;border-radius:15px!important;background:linear-gradient(140deg,#17a49c,#5db7ad)!important;color:white!important;box-shadow:0 6px 17px #008d832e!important;font-size:25px}
.brand-copy strong{font-family:'Shadows Into Light',cursive;font-weight:700!important;font-size:23px!important;white-space:nowrap;line-height:1.1}
.brand-copy small{color:#72848c!important;font-size:10px!important;letter-spacing:.015em}
.site-nav{gap:2px!important}.site-nav a{border-radius:12px!important;color:#586c7a!important;font-size:11px!important;font-weight:700!important;padding:10px 11px!important}.site-nav a:hover{background:#edf7f5!important;color:#087e79!important}.site-nav a[aria-current=page],.site-nav a.active{background:#e2f4f0!important;color:#007a75!important}.site-nav svg{stroke-width:2!important}
.header-listen,.live-pill{flex-shrink:0}.header-listen{background:#168e8b!important;box-shadow:0 5px 14px #07968c30!important;color:white!important;border-radius:12px!important}.live-pill{color:#456875!important}
.hero,.page-hero,.now-share-card{border:1px solid rgba(255,255,255,.94)!important;box-shadow:0 24px 55px rgba(61,86,104,.12)!important;background:radial-gradient(circle at 92% 0%,rgba(255,205,159,.52),transparent 33%),radial-gradient(circle at 0% 100%,rgba(100,196,180,.35),transparent 36%),linear-gradient(125deg,#e7f4f3 0%,#f2f5fa 53%,#faf1ed 100%)!important;color:#233d4c!important;border-radius:30px!important;isolation:isolate}
.hero{padding:45px 47px!important;gap:34px!important;grid-template-columns:minmax(260px,355px) minmax(0,1fr)!important}
.hero::after{height:4px!important;background:linear-gradient(90deg,#55bbb0,#7ba9d1,#e6aa8d)!important}
.hero-orb{opacity:.48!important;filter:blur(5px)}.orb-a{background:#c3e8de!important}.orb-b{background:#bcd3e9!important}
.hero .art{border:5px solid #fff!important;border-radius:25px!important;box-shadow:0 20px 38px #32697730,8px 9px 0 #c8e7e1!important;max-width:100%}.hero .vinyl{opacity:.75}.hero .floating-live{border:1px solid #c8e8dc!important;background:#fff!important;color:#207e72!important;box-shadow:0 6px 22px #47646c23!important;letter-spacing:.07em!important}
.now h1,.page-hero h1,.now-share-copy h1{color:#223a4a!important;line-height:1.08!important;text-wrap:balance;font-family:'Shadows Into Light',cursive!important;font-weight:400!important}.now h1{font-size:clamp(41px,5.7vw,67px)!important}.page-hero h1{font-size:clamp(43px,6vw,69px)!important;max-width:none!important}.artist,.page-hero p{color:#627586!important}.eyebrow{color:#11817f!important;font-size:10px!important;letter-spacing:.12em!important;font-weight:800!important}
.soft-badge,.meta-row>span,.action-chip,.interaction-badges span,.tag-row span,.vibe-tags span,.dj-style-tags span{background:rgba(255,255,255,.81)!important;border:1px solid #dce9e9!important;color:#496579!important;box-shadow:none!important}
.soft-badge,.interaction-badges span,.tag-row span{border-radius:99px!important}.meta-row>span{border-radius:15px!important}.meta-row em,.meta-row strong{color:#456072!important}
.play{border:0!important;background:linear-gradient(135deg,#0b938a,#40b5a7)!important;color:white!important;box-shadow:0 8px 22px #138f8940!important}.play:hover{transform:translateY(-2px)!important;box-shadow:0 11px 28px #138f8950!important}.volume input{accent-color:#12958e!important}.eq i{background:#168d89!important}.eq.playing i{background:#169d93!important}.play-note{color:#617684!important}
.quick-strip{gap:15px!important}.quick-strip>div,.history-card,.about-card,.vibe-card,.live-schedule-strip,.interaction-zone,.interaction-form,.schedule-wrap,.day-card,.contact-side,.feature-person,.open-panel,.current-dj-strip,.program-now-next{border:1px solid #e2e9ed!important;background:rgba(255,255,255,.92)!important;box-shadow:var(--cr-shadow)!important;border-radius:22px!important;color:#294254!important}
.quick-strip>div{padding:20px 18px 20px 68px!important}.quick-strip span{color:#249c94!important}.quick-strip strong,.live-schedule-strip strong,.history-card h2,.about-card h2,.vibe-card h3,.interaction-form h3,.contact-side strong,.day-card h3,.day-card strong{color:#273e50!important}.quick-strip small,.live-schedule-strip small,.vibe-card p,.interaction-form p,.contact-side p{color:#647889!important}
.live-schedule-strip{border-left:4px solid #26a89c!important}.schedule-kicker{color:#14867f!important}.schedule-link{color:#087e78!important}
.history-card,.about-card,.vibe-card{padding:26px!important}.section-title h2,.section-title h3,.about-card h2,.vibe-card h3,.interaction-intro h2,.editorial-heading h2,.contact-main h2{color:#283f50!important}.section-title p,.editorial-heading p{color:#657b88!important}.track .n{background:#e4f4f0!important;border-color:#c9e8df!important;color:#137c76!important}.track{border-bottom-color:#edf0f3!important}
.interaction-zone{padding:29px!important}.interaction-form{padding:24px!important;background:#f9fbfb!important}.interaction-form label{color:#385469!important}.interaction-form input,.interaction-form textarea,.contact-main input,.contact-main textarea{background:#fff!important;color:#283e53!important;border:1px solid #d8e5e8!important;border-radius:12px!important}.interaction-form input:focus,.interaction-form textarea:focus,.contact-main input:focus,.contact-main textarea:focus{outline:2px solid #b4ddd7!important;border-color:#259b91!important}.interaction-live-state{background:#edf8f5!important;color:#426679!important}.interaction-badges span{background:#edf7f4!important}
.page-hero{padding:43px 47px!important;text-align:center!important}.page-hero .eyebrow{display:inline-flex!important;justify-content:center}.page-hero p{margin-left:auto!important;margin-right:auto!important;max-width:650px!important}.page-hero::after{background:#b7dcd6!important;opacity:.17!important}
.page-hero + section{margin-top:20px}.page-band,.closing-band{background:linear-gradient(115deg,#195d64,#287e7d 60%,#497f99)!important;color:#fff!important;border:1px solid #3b8886!important;border-radius:22px!important;box-shadow:0 15px 32px #1d637030!important}.page-band h2,.closing-band h2{color:white!important}.page-band .eyebrow,.closing-band .eyebrow{color:#c3eee6!important}
.page-cta,.interaction-form button,.ghost,.share,.mini-action{border:0!important;background:linear-gradient(120deg,#13978e,#31aea4)!important;color:#fff!important;box-shadow:0 7px 17px #108d8633!important;border-radius:12px!important;font-weight:750!important}.page-cta:hover,.ghost:hover,.share:hover{transform:translateY(-2px)!important;box-shadow:0 10px 24px #0e8a823d!important}.ghost-soft{background:#edf5f4!important;color:#216c70!important;box-shadow:none!important}
body.page-djs .dj-feature{border:1px solid #daeae8!important;background:linear-gradient(125deg,#e5f5f1,#f0f4fa)!important;color:#2b4b57!important;box-shadow:var(--cr-shadow)!important;border-radius:24px!important}body.page-djs .dj-feature h2{color:#244854!important}body.page-djs .dj-feature p{color:#627989!important}body.page-djs .dj-card.dj-card-v2,body.page-djs .dj-card.dj-card-v2:nth-child(n){background:linear-gradient(155deg,#fff,#f9fbfb)!important;border:1px solid #dfe9eb!important;border-radius:22px!important;box-shadow:var(--cr-shadow)!important}body.page-djs .dj-card.dj-card-v2:hover{transform:translateY(-4px)!important;box-shadow:0 20px 42px #2a617124!important}body.page-djs .dj-card.dj-card-v2 h3{color:#294557!important}body.page-djs .dj-short-role,body.page-djs .dj-bio{color:#697d89!important}body.page-djs .dj-card-bottom{background:#f2f7f6!important;border-color:#e4eceb!important}body.page-djs .dj-card.dj-card-v2 .dj-avatar{box-shadow:0 10px 23px #426a7731,0 0 0 5px #fff,0 0 0 7px #dbece9!important}body.page-djs .dj-card.dj-card-v2 .dj-public-role,body.page-djs .dj-card.dj-card-v2 .dj-status{white-space:normal!important}
body.page-schedule .program-now-next{background:linear-gradient(110deg,#e6f4f1,#f1f5fa)!important}.day-card .show-row{background:#f0f6f5!important;color:#456778!important}
body.page-contact .contact-main{background:linear-gradient(125deg,#196f72,#367b8d)!important;border:1px solid #53999e!important;box-shadow:var(--cr-shadow)!important;border-radius:24px!important}
.radio-footer{border-color:#d6e2e5!important;color:#71818c!important}.footer-brand strong{color:#2b4b54!important}.footer-brand small,.footer-note small{color:#75878e!important}
.now-share-card{padding:34px!important}.now-share-cover img{border:5px solid white;box-shadow:0 15px 29px #3668782b!important}
.broadcast-strip{border-radius:15px!important;background:#e6f4f1!important;color:#26786f!important;border:1px solid #d6e9e2!important}
@media(max-width:1050px){.station-brand .brand-copy small{display:none}.site-nav a{padding:9px!important}}
@media(max-width:800px){body:not(.page-admin) .shell{width:calc(100% - 22px)!important;padding-top:88px!important;padding-bottom:105px!important}body:not(.page-admin) .station-head{top:8px!important;inset:8px auto auto 50%!important;width:calc(100% - 20px)!important;min-height:60px;padding:8px 14px!important;justify-content:center!important;border-radius:18px!important}.station-head .site-nav,.station-head .live-pill,.station-head .header-listen{display:none!important}.station-brand{margin:0 auto!important}.station-brand .brand-dot{width:39px;height:39px;flex-basis:39px}.brand-copy strong{font-size:23px!important}.hero{grid-template-columns:1fr!important;padding:25px 19px 28px!important;gap:20px!important;text-align:center!important;border-radius:24px!important}.art-wrap{justify-content:center!important;min-height:unset!important}.hero .art{width:min(260px,76vw)!important;aspect-ratio:1}.hero .vinyl{display:none!important}.hero .floating-live{left:50%!important;transform:translateX(-50%);bottom:-9px!important;white-space:nowrap}.now{min-width:0!important}.now h1{font-size:clamp(39px,10vw,56px)!important;overflow-wrap:anywhere}.hero-intro,.meta-row,.controls,.track-actions{justify-content:center!important}.hero-intro{flex-wrap:wrap}.controls{flex-wrap:wrap!important;gap:16px!important}.volume{margin-left:0!important}.quick-strip{grid-template-columns:1fr!important;gap:10px!important}.quick-strip>div{text-align:left!important}.page-hero{padding:32px 18px!important;border-radius:24px!important}.page-hero h1{font-size:clamp(40px,9vw,58px)!important}.history-card,.about-card,.vibe-card,.interaction-zone,.interaction-form{padding:20px!important;border-radius:19px!important}.lower-grid,.people-layout,.contact-layout,.interaction-grid{grid-template-columns:1fr!important}.section-title{flex-wrap:wrap!important}.page-band,.closing-band{padding:23px 18px!important;text-align:center;flex-direction:column;align-items:center!important;gap:16px!important}.mobile-app-nav{z-index:6000!important;background:rgba(255,255,255,.96)!important;border:1px solid #dbe9e8!important;box-shadow:0 8px 30px #1d53582c!important;border-radius:18px!important}.mobile-app-nav a{color:#5a7380!important}.mobile-app-nav a[aria-current=page]{color:#098c83!important}.now-share-card{grid-template-columns:1fr!important;padding:20px!important;text-align:center!important}.now-share-cover img{max-width:260px;margin:auto}.now-share-meta,.now-share-copy .track-actions{justify-content:center!important}}
@media(max-width:400px){.mobile-app-nav a{font-size:9px!important}.page-hero h1{font-size:39px!important}.now h1{font-size:40px!important}.hero .art{width:min(235px,74vw)!important}}
@media(prefers-reduced-motion:reduce){.hero-orb,.eq i,.closing-wave i{animation:none!important}}