/* Barra permanente y ubicación de Radio Color Stereo. */
:root{--color-radio-height:88px}
body{padding-bottom:var(--color-radio-height)}
.color-radio-bar{position:fixed;inset:auto 0 0;z-index:65;color:white;background:linear-gradient(110deg,#2c1c38,#35213e 45%,#173e57);padding-bottom:env(safe-area-inset-bottom,0px);box-shadow:0 -5px 26px #291b3826;border-top:3px solid var(--pink)}
.color-radio-bar:before{content:'';position:absolute;top:-3px;left:0;right:0;height:3px;background:var(--rainbow)}
.color-radio-inner{width:min(1240px,calc(100% - 112px));margin:auto;display:grid;grid-template-columns:52px minmax(0,1fr) auto 44px;align-items:center;gap:23px;min-height:84px;padding:12px 0}
.color-radio-play{width:50px;height:50px;padding:0;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--brand-gradient);color:white;box-shadow:0 4px 16px #cf34832b;transition:transform .2s}
.color-radio-play:hover{transform:scale(1.06)}
.color-radio-play svg{width:25px;height:25px}
.color-radio-station{display:flex;align-items:center;gap:14px;min-width:0;justify-self:start}
.color-radio-station>img{width:48px;height:48px;border-radius:6px;object-fit:contain;background:white;padding:4px;flex-shrink:0}
.color-radio-station>span{min-width:0;line-height:1.5}
.color-radio-station strong{display:block;font-size:17px;font-weight:800;line-height:1.45}
.color-radio-station strong>span{color:#f5bce0;white-space:nowrap;margin-left:7px;font-size:16px}
.color-radio-status{display:block;color:#ddd2e6;font-size:14px;line-height:1.6;margin-top:3px}
.color-radio-volume{display:flex;align-items:center;gap:10px;border-left:1px solid #ffffff25;padding-left:20px}
.color-radio-volume input{width:125px;min-height:28px;accent-color:#ed73af;cursor:pointer;margin:0}
.color-radio-bar .icon-button{width:40px;height:40px;color:white}
.color-radio-bar .icon-button:hover{background:#ffffff18}
.color-radio-bar .icon-button svg{width:23px;height:23px}
.color-radio-share{justify-self:end}
.floating-whatsapp{bottom:calc(var(--color-radio-height) + 18px)}
.toast{bottom:calc(var(--color-radio-height) + 90px)}
.player-wrap{padding-bottom:12px}
.contact-map{margin-top:52px;border:1px solid #d8c7e5;border-radius:18px;overflow:hidden;background:white}
.contact-map-heading{display:flex;align-items:center;gap:20px;padding:28px 30px;background:linear-gradient(110deg,#fff5fb,#f5f1ff,#f0fbff)}
.contact-map-heading>svg{color:var(--purple);width:32px;height:32px}
.contact-map-heading .eyebrow{font-size:12px;margin-bottom:7px;letter-spacing:.12em;color:var(--blue)}
.contact-map-heading h3{font-family:Arial,Helvetica,sans-serif;font-size:27px;line-height:1.3;letter-spacing:-.025em;margin:0 0 7px}
.contact-map-heading p:last-child{font-size:17px;color:#6c5e75;line-height:1.7}
.contact-map-frame{height:430px;background:#f1eef7}
.contact-map-frame iframe{display:block;width:100%;height:100%;border:0}
@media(max-width:1000px){.color-radio-inner{width:calc(100% - 60px);gap:17px}.color-radio-station strong{font-size:16px}.color-radio-station strong>span{font-size:15px}.color-radio-volume{gap:5px;padding-left:14px}.color-radio-volume input{width:95px}}
@media(max-width:700px){:root{--color-radio-height:110px}.color-radio-inner{width:calc(100% - 28px);grid-template-columns:44px minmax(0,1fr) 36px;grid-template-rows:auto auto;column-gap:12px;row-gap:5px;min-height:102px;padding:9px 0}.color-radio-play{grid-column:1;grid-row:1/3;width:44px;height:44px}.color-radio-play svg{width:24px;height:24px}.color-radio-station{grid-column:2/4;grid-row:1;gap:9px}.color-radio-station>img{width:34px;height:34px;padding:3px}.color-radio-station strong{font-size:14px;line-height:1.4}.color-radio-station strong>span{font-size:12px;margin-left:4px}.color-radio-status{font-size:12px;line-height:1.5;margin-top:1px}.color-radio-volume{grid-column:2;grid-row:2;justify-self:start;border:0;padding:0;gap:8px}.color-radio-bar .color-radio-volume .icon-button{width:30px;height:30px}.color-radio-volume input{width:100px}.color-radio-bar .icon-button svg{width:21px;height:21px}.color-radio-share{grid-column:3;grid-row:2}.color-radio-bar .color-radio-share{width:32px;height:32px}.floating-whatsapp{bottom:calc(var(--color-radio-height) + 14px)}.contact-map{margin-top:35px;border-radius:13px}.contact-map-heading{padding:23px 20px;gap:15px;align-items:flex-start}.contact-map-heading>svg{width:27px;height:27px;margin-top:4px}.contact-map-heading h3{font-size:23px;line-height:1.35}.contact-map-heading .eyebrow{font-size:11px}.contact-map-heading p:last-child{font-size:16px}.contact-map-frame{height:350px}}
@media(max-width:380px){.color-radio-inner{column-gap:9px}.color-radio-station strong{font-size:14px}.color-radio-station strong>span{font-size:12px}.color-radio-status{font-size:11px}.color-radio-volume input{width:90px}}
@media(prefers-reduced-motion:reduce){.color-radio-play{transition:none}.color-radio-play:hover{transform:none}}