/* Chateando Radio — edición visual 2.1: composición editorial, sin modificar hooks JS */
:root{--ink:#15243a;--muted:#64748b;--blue:#2866d8;--orange:#fa8c51;--violet:#7954d8;--shadow:0 20px 54px rgba(22,43,86,.13)}
body{background:radial-gradient(ellipse at 4% 8%,#d8e7ff 0,transparent 34%),radial-gradient(ellipse at 96% 28%,#ffe5d1 0,transparent 29%),radial-gradient(ellipse at 65% 92%,#eee5ff 0,transparent 37%),#f5f7fc}
.shell{max-width:1240px}.station-head{margin-top:15px;position:relative;z-index:10}.site-nav a[aria-current="page"]{background:transparent!important;box-shadow:none!important;color:var(--blue)!important}
.hero{position:relative;grid-template-columns:minmax(260px,.83fr) minmax(0,1.17fr);background:linear-gradient(125deg,#e4edff 0%,#f7f9ff 59%,#ffeada 100%);overflow:hidden;isolation:isolate;min-height:570px}.hero:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(115deg,transparent 0 47px,rgba(76,113,196,.022) 48px 49px);pointer-events:none}.art-wrap{position:relative;z-index:2}.now{position:relative;z-index:2;min-width:0}.hero .now h1{font-size:clamp(37px,4.5vw,65px);line-height:1.12;letter-spacing:-.045em}.hero .artist{font-size:clamp(16px,1.8vw,21px)}.hero-intro{flex-wrap:wrap}.meta-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.meta-row>span{min-width:0;padding:14px 10px;overflow:hidden}.meta-row strong{overflow-wrap:anywhere}.art{transform:rotate(-3deg);transition:transform .4s,box-shadow .3s}.art:hover{transform:rotate(0deg) scale(1.025)}
.editorial-heading{display:flex;align-items:end;justify-content:space-between;gap:22px;margin:48px 3px 20px}.editorial-heading h2{font-size:clamp(28px,3vw,42px);line-height:1.14;letter-spacing:-.035em;margin:9px 0}.editorial-heading p{max-width:400px;color:#62718a;line-height:1.8;margin:0}.editorial-heading .eyebrow{font-size:11px}.quick-strip{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:18px}.quick-strip>div{position:relative;min-height:125px;padding:27px 23px 25px 83px!important;overflow:hidden}.quick-strip>div:after{content:"";position:absolute;right:-36px;bottom:-55px;width:115px;height:115px;border-radius:50%;background:rgba(255,159,97,.11)}.quick-strip>div:nth-child(2){background:linear-gradient(130deg,#fff,#edf4ff)}.quick-strip>div:nth-child(3){background:linear-gradient(130deg,#fff,#fff1e7)}.quick-strip span{font-size:19px!important;left:24px!important;top:28px!important;font-weight:800;opacity:.9}.quick-strip strong{font-size:19px;display:block;margin-bottom:7px}.quick-strip small{line-height:1.5}
.live-schedule-strip{margin-top:25px;border:1px solid #dce7fb;background:linear-gradient(110deg,#fff,#edf4ff 80%);padding:26px 31px;border-radius:27px;box-shadow:0 16px 35px rgba(30,64,130,.09)}.on-now,.up-next{min-width:0}.interaction-zone{margin-top:40px;background:linear-gradient(145deg,rgba(240,246,255,.94),rgba(255,255,255,.93) 50%,rgba(255,246,237,.93));padding:clamp(28px,4.5vw,55px)}.interaction-intro h2{font-size:clamp(26px,3vw,39px);line-height:1.2}.interaction-grid{gap:20px}.interaction-grid>*{border-radius:23px;box-shadow:0 12px 31px rgba(46,69,113,.07)}.lower-grid{margin-top:35px;gap:23px}.history-card{background:linear-gradient(155deg,#fff,#f5f8ff)}.history-card .track{padding-block:14px}.about-card{background:linear-gradient(145deg,#f0f5ff,#fff)}.vibe-card{background:linear-gradient(145deg,#fff4e8,#fffbf5)}
.page-hero{position:relative;isolation:isolate;overflow:hidden;min-height:290px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(112deg,#e4ecff 0%,#f7f9ff 56%,#ffe7d5 100%);padding:clamp(39px,5.2vw,75px);margin-top:24px}.page-hero:before{content:"♫";position:absolute;font-size:clamp(140px,25vw,360px);font-weight:900;color:rgba(67,112,216,.065);right:1%;top:-27%;line-height:1;z-index:-1;transform:rotate(-14deg)}.page-hero h1{font-size:clamp(39px,5.2vw,69px);max-width:780px;line-height:1.08;letter-spacing:-.047em;margin:14px 0 18px}.page-hero p{max-width:640px;margin:0;font-size:17px;line-height:1.8}.page-hero .eyebrow{align-self:flex-start;background:white;padding:9px 13px;border-radius:99px;border:1px solid #dce6fa}
body.page-djs .page-hero{background:linear-gradient(115deg,#e7ebff,#f8f4ff 67%,#ffe8e3)}body.page-djs .page-hero:before{content:"🎙";font-size:245px;right:2%;top:10%;opacity:.42}body.page-djs .dj-feature{padding:clamp(30px,4.2vw,55px);background:linear-gradient(120deg,#1c3159,#3e4089);color:white;border-color:rgba(255,255,255,.16);box-shadow:0 25px 50px rgba(27,49,95,.22)}body.page-djs .dj-feature h2,body.page-djs .dj-feature p{color:#fff}body.page-djs .dj-feature .eyebrow{color:#fbc48e}body.page-djs .dj-feature .tag-row span{background:rgba(255,255,255,.11);color:white;border-color:rgba(255,255,255,.24)}body.page-djs .dj-card{background:linear-gradient(155deg,#fff,#f4f7ff);min-height:282px;padding:32px;border:1px solid #fff;box-shadow:0 20px 42px rgba(49,74,131,.1)}body.page-djs .dj-card:nth-child(3n+2){background:linear-gradient(155deg,#fff,#fff4eb)}body.page-djs .dj-card:nth-child(3n+3){background:linear-gradient(155deg,#fff,#f4edff)}body.page-djs .dj-grid{gap:23px;margin-top:25px}body.page-djs .dj-card .dj-avatar{width:88px;height:88px}body.page-djs .dj-card h3{font-size:25px}body.page-djs .dj-showcase{margin-top:30px}
body.page-schedule .page-hero{background:linear-gradient(110deg,#e5eeff,#fff8e9)}body.page-schedule .page-hero:before{content:"◷";font-size:340px;top:-20%;right:3%}body.page-schedule .program-now-next{margin-top:25px;padding:30px 36px;background:linear-gradient(110deg,#263f78,#5c4f99);color:white;box-shadow:0 18px 40px rgba(30,55,109,.2)}body.page-schedule .program-now-next strong,body.page-schedule .program-now-next small{color:white}body.page-schedule .schedule-wrap{margin-top:29px;padding:clamp(26px,4vw,48px)}body.page-schedule .week-grid{gap:19px}body.page-schedule .day-card{border:1px solid #e2e9f7;box-shadow:0 11px 24px rgba(38,67,122,.065);background:linear-gradient(150deg,#fff,#f7f9fe);padding:27px}body.page-schedule .day-card.featured{background:linear-gradient(145deg,#fff5e7,#fff)}
body.page-contact .page-hero{background:linear-gradient(110deg,#fff0e5,#f9f9ff 53%,#e5efff)}body.page-contact .page-hero:before{content:"✉";font-size:320px;top:-16%;right:3%}body.page-contact .contact-layout{margin-top:30px;gap:25px}body.page-contact .contact-main{min-height:335px;background:linear-gradient(125deg,#213d75,#5267ad);padding:clamp(34px,4.4vw,58px);box-shadow:0 27px 52px rgba(36,62,128,.22);color:white}body.page-contact .contact-main h2,body.page-contact .contact-main p{color:white}body.page-contact .contact-main .eyebrow{color:#ffd6a2}body.page-contact .contact-main .page-cta{background:#fff;color:#234a91}body.page-contact .contact-icon{background:rgba(255,255,255,.13);border-radius:22px;padding:20px}body.page-contact .contact-side{padding:22px 27px;background:linear-gradient(140deg,#fff,#f5f8ff)}body.page-contact .contact-side>div{padding:20px 8px;border-bottom:1px solid #e6ecf7}body.page-contact .contact-side>div:last-child{border-bottom:0}
.page-band{margin-top:34px;padding:clamp(32px,4vw,49px);background:linear-gradient(108deg,#202f60,#405b9a 64%,#82598f)}.page-band h2{font-size:clamp(25px,3vw,39px)}
/* Administración: navegación visual y secciones legibles sin mover ni modificar formularios */
.admin-shell{max-width:1190px}.admin-shell>.card{border:1px solid #e5ebf7;box-shadow:0 17px 40px rgba(30,60,111,.085);padding:clamp(28px,4vw,47px)}.admin-shell .stats-grid{gap:18px}.admin-shell .metric{background:linear-gradient(145deg,#fff,#f3f7ff);border-radius:23px;min-height:160px;padding:25px}.admin-shell .metric:nth-child(2){background:linear-gradient(145deg,#fff,#fff5eb)}.admin-shell .metric:nth-child(3){background:linear-gradient(145deg,#fff,#f7f1ff)}.admin-shell .metric:nth-child(4){background:linear-gradient(145deg,#fff,#f0fbf7)}.admin-shell .section-title{display:flex;align-items:end;justify-content:space-between;gap:16px;padding-bottom:24px;margin-bottom:25px;border-bottom:1px solid #e8edf7}.admin-shell .section-title h2{font-size:clamp(27px,3vw,36px);letter-spacing:-.04em}.admin-shell .manager-grid{gap:20px}.admin-shell details,.admin-shell .show-row{border-radius:18px}.admin-shell input,.admin-shell textarea,.admin-shell select{padding:13px 14px;min-height:44px}.admin-shell .add-box{padding:23px;background:linear-gradient(140deg,#f2f6ff,#fff);margin-top:20px}.admin-shell .btn{min-height:43px}
@media(max-width:900px){.hero{grid-template-columns:1fr;min-height:0}.meta-row{grid-template-columns:repeat(3,minmax(0,1fr))}.editorial-heading{align-items:start;flex-direction:column}.page-hero{min-height:230px}.page-hero:before{opacity:.5}body.page-contact .contact-layout{grid-template-columns:1fr}}
@media(max-width:620px){.hero{padding:26px 20px}.hero .now h1{font-size:clamp(37px,10vw,52px)}.meta-row{grid-template-columns:repeat(2,minmax(0,1fr))}.meta-row>span:last-child{grid-column:1/-1}.quick-strip{grid-template-columns:1fr}.quick-strip>div{min-height:90px}.live-schedule-strip{padding:22px}.page-hero{padding:38px 24px;min-height:250px}.page-hero h1{font-size:clamp(35px,10vw,51px)}body.page-djs .dj-feature{padding:26px}body.page-djs .dj-card{min-height:0;padding:26px}body.page-schedule .program-now-next{padding:23px}body.page-contact .contact-main{padding:30px 24px}.admin-shell .section-title{display:block}.admin-shell .section-title p{margin-top:11px}.editorial-heading{margin-top:34px}}