/* Chateando Radio — visual refresh v2.0. Functionality and application hooks preserved. */
:root{--ink:#152540;--muted:#617087;--paper:#f5f7ff;--card:#ffffff;--lime:#ffcc55;--pink:#ff6b99;--orange:#ff944d;--blue:#4476ee;--violet:#7560e9;--line:rgba(44,75,132,.14);--glass-line:rgba(58,86,143,.17);--shadow:0 26px 58px rgba(35,68,126,.13);--ambient-rgb:72,119,236}
html{scroll-padding-top:115px}
body{color:var(--ink);background:radial-gradient(ellipse at 5% 1%,rgba(89,141,250,.25),transparent 36%),radial-gradient(ellipse at 95% 14%,rgba(255,162,91,.23),transparent 29%),radial-gradient(ellipse at 55% 78%,rgba(171,140,255,.15),transparent 36%),linear-gradient(170deg,#f9fbff 0%,#edf2ff 50%,#fff9f3 100%);background-attachment:fixed}
body::after{content:"";pointer-events:none;position:fixed;inset:0;z-index:0;background-image:url('https://www.transparenttextures.com/patterns/old-wall.png');opacity:.075}
.noise{opacity:.055;mix-blend-mode:multiply}
.shell,.admin-shell{z-index:1}
.station-head,.admin-head{background:rgba(255,255,255,.85);border:1px solid rgba(255,255,255,.98);box-shadow:0 10px 38px rgba(31,64,117,.12),inset 0 1px rgba(255,255,255,.8);border-radius:24px;padding:14px 19px;backdrop-filter:blur(20px)}
.station-brand,.brand{gap:13px}.brand-dot,.brand-mark{background:linear-gradient(135deg,#ffdf83,#ff9d65);color:#273a59;border:1px solid #ffbc78;box-shadow:0 5px 0 #e9ecff,0 9px 22px rgba(235,125,55,.23)}
.station-brand strong,.brand strong{letter-spacing:-.02em}.station-brand small,.brand small{color:var(--muted)}
.site-nav a{font-weight:600;color:#4f6387;padding:11px 14px}.site-nav a:hover{background:#eef2ff;color:#315fd5}.site-nav a.active{background:#e8edff;color:#3469e7;box-shadow:inset 0 0 0 1px #d6e1ff}
.header-listen,.btn.primary,.btn:not(.secondary):not(.danger),.page-cta,.ghost,.share{background:linear-gradient(110deg,#3c70e9,#6c69e9);color:#fff;border-color:transparent;box-shadow:0 8px 20px rgba(56,108,225,.2);transition:transform .22s,box-shadow .22s,filter .22s}
.header-listen:hover,.btn.primary:hover,.page-cta:hover,.ghost:hover,.share:hover{transform:translateY(-3px);box-shadow:0 14px 26px rgba(56,108,225,.26);filter:brightness(1.05)}
.hero{background:radial-gradient(circle at 100% 0%,rgba(255,200,121,.36),transparent 39%),linear-gradient(128deg,#e8edff 0%,#f6f8ff 58%,#fff1e6 100%);border:1px solid #fff;box-shadow:0 25px 75px rgba(42,78,150,.14);padding:clamp(28px,4.6vw,58px);gap:clamp(22px,4vw,58px);border-radius:38px}
.hero:after{height:4px;background:linear-gradient(90deg,#4c7ff3,#9c7fee,#ff8b69,#ffd275)}
.orb-a{background:rgba(255,197,117,.45)}.orb-b{background:rgba(82,133,245,.2)}
.art{border:6px solid rgba(255,255,255,.9);border-radius:31px;box-shadow:14px 17px 0 rgba(255,162,114,.42),0 26px 55px rgba(31,56,106,.2)}.vinyl{background:repeating-radial-gradient(circle,#20314d 0 3px,#354561 4px 6px)}
.floating-live{border:1px solid #dae4ff;background:rgba(255,255,255,.95);box-shadow:0 9px 24px rgba(32,59,115,.14)}
.eyebrow,.section-title span{color:#4e79d3;letter-spacing:.14em}.soft-badge{background:#fff7eb;border:1px solid #ffe4bb;color:#94562f}
.now h1,.page-hero h1{color:#19345e;text-shadow:1px 2px 0 rgba(255,255,255,.7)}.artist{color:#62738e}
.meta-row>span{background:rgba(255,255,255,.79);border:1px solid #dfe6fa;box-shadow:0 10px 24px rgba(35,75,142,.06);padding:13px 16px}
.play{background:#4675e9;border:4px solid #fff;box-shadow:0 8px 0 #ffbb79,0 17px 28px rgba(54,92,184,.2)}.play:hover{box-shadow:0 11px 0 #ffbb79,0 21px 31px rgba(54,92,184,.27)}.eq i{background:#4675e9}.volume input{accent-color:#4675e9}
.quick-strip{gap:16px}.quick-strip>div{background:rgba(255,255,255,.78);padding:23px 20px 23px 73px;border:1px solid #fff;box-shadow:0 12px 32px rgba(42,80,144,.09);border-radius:23px}.quick-strip span{color:#5777ec;left:23px;top:20px}
.history-card,.about-card,.vibe-card,.contact-main,.contact-side,.schedule-wrap,.feature-person,.open-panel,.dj-feature,.dj-card,.day-card,.now-share-card,.interaction-zone,.live-schedule-strip,.program-now-next,.card{background:rgba(255,255,255,.82);border:1px solid rgba(255,255,255,.95);box-shadow:0 17px 47px rgba(37,71,132,.105);backdrop-filter:blur(15px);border-radius:28px}
.history-card,.about-card,.vibe-card,.contact-main,.contact-side,.schedule-wrap,.feature-person,.open-panel,.dj-feature,.interaction-zone,.card{padding:clamp(23px,3.3vw,38px)}
.history-card,.about-card,.vibe-card,.contact-main,.contact-side,.schedule-wrap,.feature-person,.open-panel,.dj-feature,.dj-card,.day-card,.now-share-card,.quick-strip>div,.card{transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}
.history-card:hover,.about-card:hover,.vibe-card:hover,.contact-main:hover,.contact-side:hover,.feature-person:hover,.open-panel:hover,.dj-feature:hover,.dj-card:hover,.day-card:hover,.now-share-card:hover,.quick-strip>div:hover{transform:translateY(-4px);box-shadow:0 23px 52px rgba(36,72,137,.15);border-color:#dce5ff}
.about-card{background:linear-gradient(150deg,#eaf2ff,#fff8f6)}.vibe-card{background:linear-gradient(145deg,#fff5e8,#fffdf6)}.vibe-card:after{background:rgba(255,195,113,.27)}.vibe-icon{background:#4675e9;color:#fff;box-shadow:5px 5px 0 #ffc894}
.section-title{padding-bottom:20px}.section-title h2,.about-card h2,.vibe-card h3{color:#203d6c}
.track{border-bottom-color:#e7ebf5}.track .n{background:#edf2ff;color:#4b72d9;border-color:#dce5ff}
.closing-band,.page-band{background:linear-gradient(115deg,#203b6e 0%,#3a5b9b 54%,#705ba2 100%);box-shadow:0 20px 45px rgba(31,66,127,.2);border:1px solid rgba(255,255,255,.15);border-radius:30px;padding:clamp(26px,4vw,45px)}
.closing-wave i{background:#ffce85}.closing-wave i:nth-child(2n){background:#9bd4ff}.closing-wave i:nth-child(3n){background:#ff9cad}
.page-hero{background:radial-gradient(circle at 92% 12%,rgba(255,180,111,.28),transparent 32%),linear-gradient(118deg,#e9efff,#f9faff 55%,#fff2e9);border:1px solid #fff;box-shadow:0 22px 55px rgba(37,75,141,.11);border-radius:34px;padding:clamp(32px,5vw,65px)}.page-hero:after{background:rgba(104,151,244,.13)}.page-hero p{font-size:clamp(14px,1.5vw,17px);line-height:1.9;color:#5d6d88}
.dj-showcase{gap:22px;margin-top:22px}.dj-feature{gap:30px;background:linear-gradient(115deg,#fff,#f0f4ff);min-height:220px}.dj-grid{gap:20px}.dj-card{padding:28px;min-height:252px}.dj-card .dj-avatar{width:78px;border-radius:23px;margin-bottom:21px}.dj-card h3{color:#1f3d6c}.dj-role,.role-badge,.dj-badge{font-size:10px!important;line-height:1.3!important;letter-spacing:.03em!important;max-width:100%;white-space:nowrap}
.week-grid{gap:17px}.day-card{padding:24px;min-height:175px}.day-card.featured{background:linear-gradient(140deg,#fff4e9,#f4f6ff)}
.contact-layout{gap:22px}.contact-side{background:linear-gradient(150deg,#eff4ff,#fff)}
input,select,textarea{accent-color:#4776ea}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #8eb3ff;outline-offset:3px}
footer.radio-footer{border-top:1px solid rgba(74,110,166,.13);margin-top:22px;padding:30px 6px 20px}
.error-radio{background:radial-gradient(circle at 88% 15%,#ffe4d5,transparent 32%),linear-gradient(130deg,#eaf0ff,#fff);border:1px solid #fff;box-shadow:0 25px 60px rgba(38,78,148,.13)}.error-code{color:#4e75e8;text-shadow:7px 7px 0 #ffd1a7}
/* Admin: preserve existing edit, save, collapse, and login behavior */
.admin-shell{width:min(1160px,calc(100% - 30px))}.admin-head{margin-bottom:23px}.admin-shell .card{background:rgba(255,255,255,.87);padding:clamp(22px,3vw,36px);margin-bottom:22px}.admin-shell .stats-grid{gap:17px}.admin-shell .stat{background:linear-gradient(145deg,#fff,#f0f5ff);border-color:#e5eaff;box-shadow:0 10px 29px rgba(39,81,146,.08)}.admin-shell .btn{border-radius:13px}.admin-shell .brand-mark{color:#183359}.admin-shell input,.admin-shell textarea,.admin-shell select{background:#f8faff;border-color:#dce5f6;border-radius:12px}.admin-shell .show-row{gap:14px}.admin-shell .add-box{background:#f5f8ff;border:1px solid #e1e9fa;border-radius:16px}
@media(max-width:900px){.hero{gap:26px}.dj-feature{padding:28px}.contact-layout{grid-template-columns:1fr}}
@media(max-width:560px){.shell{width:calc(100% - 24px)}.station-head{padding:10px 13px;border-radius:19px}.hero{padding:23px;border-radius:26px;gap:22px}.art-wrap{min-height:250px}.art{width:min(232px,73vw)}.now h1{font-size:clamp(44px,11vw,58px)}.meta-row>span{min-width:0;flex:1;padding:12px}.quick-strip{gap:11px}.quick-strip>div{padding:17px 16px 17px 61px}.quick-strip span{left:17px;top:15px}.page-hero{padding:34px 24px;border-radius:27px}.page-hero h1{font-size:clamp(44px,12vw,61px)}.dj-feature{flex-direction:column;align-items:flex-start;gap:22px}.dj-grid,.week-grid{grid-template-columns:1fr}.dj-card{min-height:0;padding:25px}.closing-band{gap:15px;flex-wrap:wrap}.mobile-app-nav{background:rgba(25,47,89,.96);border:1px solid #435e90;box-shadow:0 15px 35px rgba(22,41,86,.3)}.admin-shell .card{padding:22px 17px}.admin-head{padding:12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}