/* css/styles.css */

/* Overlay ligero estándar para fondos (máximo 35% de opacidad) */
.bg-overlay-lme {
    background-image: linear-gradient(rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35));
}

/* Overlay sutil para héroes/banners donde se requiera un poco más de lectura en textos */
.bg-overlay-hero {
    background-image: linear-gradient(rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45));
}

/* Sombra y elevación suave al pasar el cursor sobre tarjetas y botones */
.glow-hover {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.glow-hover:hover {
    box-shadow: 0 10px 25px -5px rgba(245, 188, 22, 0.25), 0 8px 10px -6px rgba(245, 188, 22, 0.15);
    transform: translateY(-0.25rem);
}