/* Estilos personalizados para el Slider Hero */
        .slider-container {
            position: relative;
            overflow: hidden;
            /* La altura se define en el HTML con clases h- */
        }
        .slide {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            opacity: 0;
            transition: opacity 1s ease-in-out;
        }

        /* NUEVA REGLA PARA IMÁGENES DENTRO DEL SLIDE */
        .slide img {
            width: 100%;
            height: 100%;
            object-fit: cover; /* Clave: Cubre todo el espacio sin deformarse */
            position: absolute;
            top: 0;
            left: 0;
            z-index: 0; /* Detrás del texto */
        }

        .slide.active {
            opacity: 1;
        }
        .slide-overlay {
            background: linear-gradient(to right, rgba(0,0,0,0.7), rgba(0,0,0,0.2));
            position: relative; /* Para que el z-index funcione */
            z-index: 10; /* Encima de la imagen */
        }

        /* Estilos para el Slider de Programación */
        .prog-slider-wrapper {
            overflow: hidden;
            width: 100%;
            position: relative;
        }
        .prog-track {
            display: flex;
            gap: 1.5rem;
            transition: transform 0.5s ease-out;
        }
        .prog-card {
            flex: 0 0 auto;
            width: 280px;
        }
        @media (min-width: 768px) {
            .prog-card { width: 320px; }
        }

        /* Animación del ecualizador */
        .bar {
            animation: bounce 1s infinite ease-in-out;
            animation-play-state: paused;
        }
        .bar:nth-child(2) { animation-delay: 0.2s; }
        .bar:nth-child(3) { animation-delay: 0.4s; }
        .bar:nth-child(4) { animation-delay: 0.1s; }
        
        @keyframes bounce {
            0%, 100% { height: 10px; }
            50% { height: 25px; }
        }

        /* Sticky Player */
        .sticky-player {
            box-shadow: 0 -4px 20px rgba(0,0,0,0.3);
            transition: transform 0.3s ease-in-out;
        }

        /* CONFIGURACIÓN DEL FONDO FIJO */
        body {
            background-image: url('../img/fondo.png');
            background-size: cover;
            background-position: center top;
            background-attachment: fixed;
            background-repeat: no-repeat;
            background-color: #f0f0f0;
        }