/* Ajuste de la sección Hero con imagen de fondo optimizada */
.hero-section {
    background: linear-gradient(rgba(23, 45, 60, 0.75), rgba(23, 45, 60, 0.75)), 
                url('https://images.unsplash.com/photo-1555396273-367ea4eb4db5?auto=format&fit=crop&q=80&w=1974');
    background-size: cover;
    background-position: center;
    background-attachment: fixed; /* Efecto Parallax suave */
}

.step-card:hover .step-number {
    transform: scale(1.1) rotate(10deg);
    background-color: var(--brand-navy);
}

/* Estilos del Slider */
.slider-container {
    position: relative;
    height: 350px;
    overflow: hidden;
}
.slide {
    position: absolute;
    inset: 0;
    opacity: 0;
    transition: opacity 1s ease-in-out;
    display: flex;
    align-items: center;
    justify-content: center;
}
.slide.active {
    opacity: 1;
    z-index: 10;
}
.slide-bg {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
}
.slide-overlay {
    position: absolute;
    inset: 0;
}

.no-scrollbar::-webkit-scrollbar {
    display: none;
}
.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}


.btnMovilPromos a.active{
    background-color: var(--brand-red) !important;
}