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