:root{--player-h:88px}body.has-player{padding-bottom:var(--player-h);padding-bottom:calc(var(--player-h) + env(safe-area-inset-bottom))}@media (width<=768px){:root{--player-h:120px}}.radio-player-container{color:#f0f0f0;z-index:1000;background-color:#222;width:100%;padding:10px 15px;font-family:Roboto,sans-serif;transition:all .3s ease-in-out;position:fixed;bottom:0;left:0;box-shadow:0 -2px 10px #00000080}.player-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.station-branding{align-items:center;gap:10px;display:flex}.station-logo{object-fit:contain;height:35px}.station-name{font-size:1.2em;font-weight:700}.live-indicator{color:#fff;text-transform:uppercase;background-color:#e74c3c;border-radius:5px;padding:4px 8px;font-size:.75em;animation:1.5s infinite pulse}@keyframes pulse{0%{box-shadow:0 0 #e74c3cb3}70%{box-shadow:0 0 0 10px #e74c3c00}to{box-shadow:0 0 #e74c3c00}}.player-buttons-group{align-items:center;gap:25px;display:flex}.player-buttons-group #info-toggle-btn{margin-left:auto}.player-button{color:#f0f0f0;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:5px;font-size:25px;transition:transform .2s,color .2s;display:flex}.player-button:hover{color:#00bcd4;transform:scale(1.1)}.player-button:focus{outline-offset:2px;outline:2px solid #00bcd4}.toggle-arrow i{transition:transform .3s}.radio-player-container.expanded .toggle-arrow i{transform:rotate(180deg)}.volume-group{align-items:center;display:flex;position:relative}.volume-slider-popup{white-space:nowrap;z-index:1001;background:#333;border-radius:8px;min-width:120px;margin-bottom:10px;padding:8px 12px;display:none;position:absolute;bottom:100%;left:0;box-shadow:0 -2px 10px #00000080}.volume-slider-popup.active{display:block}.volume-slider{appearance:none;background:#555;border-radius:3px;width:100px;height:6px}.volume-slider::-webkit-slider-thumb{cursor:pointer;appearance:none;background:#00bcd4;border-radius:50%;width:16px;height:16px}.volume-slider::-moz-range-thumb{cursor:pointer;appearance:none;background:#00bcd4;border-radius:50%;width:16px;height:16px}.volume-slider:focus{outline:none;box-shadow:0 0 0 3px #00bcd480}.program-details{opacity:0;max-height:0;transition:max-height .3s,opacity .3s;overflow:hidden}.program-details.expanded{opacity:1;border-top:1px solid #ffffff1a;max-height:400px;padding-top:10px}.program-grid{grid-template-columns:1fr 2fr 1fr;place-items:center;gap:20px;max-width:900px;margin:auto;padding:10px 0;display:grid}.director-photo-column img{object-fit:cover;border:3px solid #00bcd4;border-radius:50%;width:100px;height:100px}.info-column h3{color:#00bcd4;margin-bottom:5px}.schedule-column{text-align:center}.icono-horario{color:#f1c40f;font-size:1.5em}.loading-spinner{vertical-align:middle;border:2px solid #ffffff4d;border-top-color:#00bcd4;border-radius:50%;width:16px;height:16px;margin-left:5px;animation:1s linear infinite spin;display:inline-block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=768px){.player-controls{flex-direction:column;justify-content:space-around;align-items:center}.station-branding{text-align:center;flex:none;justify-content:center;margin-bottom:15px}.player-buttons-group{justify-content:space-around;gap:5px;width:100%;margin-left:15px;padding:0 10px}.player-buttons-group #info-toggle-btn{margin-left:0}.player-button{flex:1;padding:10px 0}.station-name{font-size:1em}.volume-slider{width:80px}.volume-slider-popup{left:50%;transform:translate(-50%)}.program-grid{text-align:center;grid-template-columns:1fr}.director-photo-column{order:-1;margin-bottom:10px}.director-photo-column img{width:90px;height:90px}}