/* * DESIGN & DEVELOPMENT BY: Antonio Salazar
 * Email: siemprenegoceando@gmail.com
 * -------------------------------------------------------
 */

.carousel_client {
    display: block;
    /* Habilita el modo Flexbox */
    justify-content: center;
    /* Centra horizontalmente (eje principal) */
    align-items: center;
    /* Centra verticalmente (eje transversal) */
    height: 100vh !important;
    /* Necesitas altura para ver el centrado vertical */
    padding-top: 10%;
}

.tamanno_logo {
    max-width: 100%;
    height: 40px;
}

/* Definimos una altura fija/relativa para el contenedor del carrusel */
.carousel-inner-client {
    height: 100vh !important;
    /* Altura del 70% de la ventana. Ajusta este valor si es muy alto/bajo. */
}

/* Hacemos que cada item del carrusel tome la altura del contenedor */
/* Cada diapositiva y su imagen deben tomar esa altura */
.carousel-item-client {
    height: 100% !important;
}

@media (min-width: 320px) and (max-width: 480px) {
    .carousel_client {
        display: block;
        /* Habilita el modo Flexbox */
        justify-content: center;
        /* Centra horizontalmente (eje principal) */
        align-items: center;
        /* Centra verticalmente (eje transversal) */
        height: 75vh;
        /* Necesitas altura para ver el centrado vertical */
        padding-top: 5%;
    }

    .tamanno_logo {
        max-width: 60%;
        height: 40px;
        /* --- AÑADIR ESTO PARA CENTRAR --- */
        display: block;
        /* Asegura que se comporta como un bloque para que margin auto funcione */
        margin: 0 auto;
        margin-top: 5px;
        /* Añade espacio arriba del logo */
        margin-bottom: 5px;
        /* Añade espacio abajo del logo */
        padding-top: 1%;
    }
}

@media (min-width: 481px) and (max-width: 768px) {
    .carousel_client {
        display: block;
        /* Habilita el modo Flexbox */
        justify-content: center;
        /* Centra horizontalmente (eje principal) */
        align-items: center;
        /* Centra verticalmente (eje transversal) */
        height: 50vh;
        /* Necesitas altura para ver el centrado vertical */
        padding-top: 10%;
    }

    .tamanno_logo {
        max-width: 75%;
        height: 60px;
        /* --- AÑADIR ESTO PARA CENTRAR --- */
        display: block;
        /* Asegura que se comporta como un bloque para que margin auto funcione */
        margin: 0 auto;
        margin-top: 5px;
        /* Añade espacio arriba del logo */
        margin-bottom: 5px;
        /* Añade espacio abajo del logo */
        padding-top: 1%;
    }
}

@media (min-width: 769px) and (max-width: 1024px) {}

@media (min-width: 1025px) and (max-width: 1200px) {}

@media (min-width: 1201px) and (max-width: 1399px) {}

@media (min-width: 1400px) and (max-width: 2400px) {}