/* ----- Configuración base ----- */
#heroCarousel .carousel-item {
    height: 100vh;
    position: relative;
    overflow: hidden;
    font-family: "Poppins";
}

#heroCarousel .container-fluid {
    height: 100vh;
    position: relative;
    overflow: hidden;
    z-index: 2;
    font-family: "Poppins";
}

/* ----- Imagen de fondo con efecto zoom ----- */
.bg-zoom {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transition: transform 0.8s ease-out;
    will-change: transform;
}

/* Zoom cuando el usuario hace scroll */
.bg-zoom.scrolled {
    transform: scale(1.08);
}

/* ----- Botones iguales ----- */
.btn {
    min-width: 160px;
    border-radius: 16px;
}

/* ----- Responsividad ----- */
@media (max-width: 767px) {
    .container-fluid {
        text-align: center;
    }

    .gap-3{
        justify-content: center;
    }

    .container-fluid h1 {
        font-size: 2rem;
    }

    .container-fluid .card {
        /*width: 90%;
      height: auto;
      padding: 2rem;*/
        display: none;
    }
}

@media (max-width: 950px) {

    .container-fluid {
        text-align: center;
    }

    .gap-3{
        justify-content: center;
    }

    .container-fluid .card {
        /*width: 90%;
      height: auto;
      padding: 2rem;*/
        display: none;
    }

    .seccion-mi { display:none; }

}