/* Estilos personalizados para el contenedor del scroll horizontal en las tarjetas */
.scroll-container::-webkit-scrollbar {
    height: 8px;
}
.scroll-container::-webkit-scrollbar-thumb {
    background-color: #F97316; /* Naranja Brillante */
    border-radius: 10px;
}
.scroll-container::-webkit-scrollbar-track {
    background: #c2d5ff; /* Gris muy oscuro */
}

.P {
    color: aliceblue;
}

.H6 {
    color: aliceblue;
}

/* Estilos base de las pestañas ajustados al tema oscuro */
.tab-button {
    padding: 12px 24px;
    margin: 0 4px;
    font-weight: 600;
    font-size: 1.125rem; /* text-lg */
    color: #ffffff; /* Gris claro */
    border-radius: 12px;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
}
/* El hover de la pestaña inactiva ahora usa el Naranja */
.tab-button:hover {
    color: #F97316; /* Nuevo color primario/secundario: Naranja */
}
.active-tab {
    color: #ffdd30; /* Fondo oscuro del texto */
    background-color: #F97316; /* Naranja */
    box-shadow: 0 4px 15px rgba(249, 115, 22, 0.4); /* Sombra naranja */
}
.active-tab:hover {
    background-color: #ffcc4c; /* Naranja más claro al pasar el mouse */
}
/* Clase para ocultar el icono de Play por defecto */
.play-overlay {
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}
/* Mostrar el icono de Play y oscurecer ligeramente la imagen al pasar el ratón sobre el enlace */
.production-link:hover .play-overlay {
    opacity: 1;
}
.production-link:hover img {
    opacity: 0.8;
}