/*Inicio Seccion 1 */

.bg-seccion1 {
    background-image: url(../img/banner_home/indexprincipal.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    height: 100vh;
    box-shadow: inset 0 0 0 1000px rgb(0 0 0 / 70%);
}

.texto-header-comunicacion {
    padding-top: 25rem;
    padding-left: 5rem;
    font-weight: bolder;
    letter-spacing: 0.15rem;
    display: flex;
    justify-content: flex-start;
    line-height: 6rem;

}

.texto-header-comunicacion p {
    color: rgb(255, 255, 255);
    font-size: 3.5rem;
}

.texto-header-comunicacion p span {
    font-size: 5rem;
    color: white
}

@media (max-width:992px) {
    .texto-header-comunicacion {

        line-height: 6rem;
    }

    .texto-header-comunicacion p {
        font-size: 3rem;
    }

    .texto-header-comunicacion p span {
        font-size: 3.8rem;
    }
}

@media (max-width:536px) {
    .texto-header-comunicacion {
        padding-left: 0.50rem;
        line-height: 6rem;
    }

    .texto-header-comunicacion p {
        font-size: 2rem;
    }

    .texto-header-comunicacion p span {
        font-size: 2.6rem;
    }
}

@media (max-width:470px) {
    .texto-header-comunicacion {
        padding-left: 0.50rem;
        line-height: 3rem;
    }

    .texto-header-comunicacion p {
        padding-left: 0rem;
        font-size: 2rem;
    }

    .texto-header-comunicacion p span {
        padding-left: 0rem;
        font-size: 2.5rem;
    }
}

@media (max-width:377px) {
    .texto-header-comunicacion {
        padding-left: 0rem;
        line-height: 3rem;
    }

    .texto-header-comunicacion p {
        padding-left: 0rem;
        font-size: 1.7rem;
    }

    .texto-header-comunicacion p span {
        padding-left: 0rem;
        font-size: 2.2rem;
    }
}

@media (max-width:326px) {
    .texto-header-comunicacion {
        visibility: hidden;
    }

    .texto-header-comunicacion p {
        padding-left: 0rem;
        font-size: 1.5rem;
    }

    .texto-header-comunicacion p span {
        padding-left: 0rem;
        font-size: 1.5rem;
    }
}

@media (max-width:173px) {
    @media (max-width: 244px) {
        .texto-header-comunicacion {
            padding-left: 0rem;
            line-height: 3rem;
            visibility: hidden;
        }

        .texto-header-comunicacion p {
            padding-left: 0rem;
            font-size: 0.01rem;
        }

        .texto-header-comunicacion p span {
            padding-left: 0rem;
            font-size: 0.01rem;
        }
    }
}


/*Fin Seccion 1*/


/*Inicio CSS seccion 2*/

.bg-seccion2 {
    background-image: url(../img/banner_home/imagen2.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.color-texto {
    color: rgb(255, 255, 255);
}

.titulos-seccion-2 {
    font-size: 2.9rem;
    font-weight: 500;
}

.listas-seccion-2 {
    font-size: 1.5rem;
    list-style-type: none;
    list-style: none;
    display: table;
    margin: 0 auto;
}

.fas {
    font-size: 1rem;
    color: #FFF001;
}

.imagen {
    text-align: center;
}

.padding-top-seccion-2 {
    padding-top: 7rem;
    padding-bottom: 15rem;
}

.padding-lista-responsive {
    padding-top: 1rem;
}

@media (max-width:1199px) {
    .padding-responsive {
        padding-top: 4rem;
    }

    .tamanno-iconos-responsive {
        width: 25%;
    }

    .padding-lista-responsive {
        padding-top: 1rem;
    }
}

@media (max-width:325px) {
    .titulos-seccion-2 {
        font-size: 1.5rem;
    }

    .listas-seccion-2 {
        font-size: 1rem;
    }
}

@media (max-width:174px) {
    .titulos-seccion-2 {
        font-size: 1rem;
    }

    .listas-seccion-2 {
        font-size: 0.50rem;
    }
}

@media (max-width:120px) {
    .titulos-seccion-2 {
        font-size: 0.50rem;
    }

    .listas-seccion-2 {
        font-size: 0.25rem;
    }
}

@media (max-width:71px) {
    .titulos-seccion-2 {
        font-size: 0.25rem;
    }

    .listas-seccion-2 {
        font-size: 0.125rem;
    }
}


/*Fin CSS Seccion 2*/


/*Inicio del CSS seccion 3*/


.section-3-fondo-imagen{
    background-image: url(../img/seccion2_indexHTML/background1.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    min-height: 100vh;
}

.estilos-titulos-seccion-2 {
    padding-top: 3rem;
    font-size: 3rem;
    font-weight: 700;
    letter-spacing: 0.10rem;
}

.estilos-parrafos-seccion-2 {
    padding-top: 2rem;
    font-weight: 700;
    font-size: 1.25rem;
    letter-spacing: 0.10rem;
}

.parrafos-justificados {
    text-align: justify;
}

@media (max-width:1199px) {
    .estilos-titulos-seccion-2 {
        padding-bottom: 1rem;
    }

    .estilos-parrafos-seccion-2 {
        padding-bottom: 1rem;
    }

    .section-3-fondo-imagen{
        min-height: 50vh;
    }
}

@media (max-width:311px) {
    .estilos-titulos-seccion-2 {
        font-size: 2rem;
        padding-bottom: 5rem;
    }

    .estilos-parrafos-seccion-2 {
        font-size: 1rem;
        padding-bottom: 5rem;
    }
}

@media (max-width:163px) {
    .estilos-titulos-seccion-2 {
        font-size: 1rem;
        padding-bottom: 5rem;
    }

    .estilos-parrafos-seccion-2 {
        font-size: 0.50rem;
        padding-bottom: 5rem;
    }
}

@media (max-width:93px) {
    .estilos-titulos-seccion-2 {
        font-size: 0.50rem;
    }

    .estilos-parrafos-seccion-2 {
        font-size: 0.25rem;
    }
}

@media (max-width:61px) {
    .estilos-titulos-seccion-2 {
        font-size: 0.25rem;
    }

    .estilos-parrafos-seccion-2 {
        font-size: 0.125rem;
    }
}


/*Fin del CSS seccion 3*/


/*Inicio del CSS seccion clientes importantes*/

#owl-demo .item {
    margin: 3px;
}

#owl-demo .item img {
    display: block;
    width: 100%;
    height: auto;
}

.padding-seccion-marcas {
    padding-top: 10rem;
}

.titulo-seccion-clientes {
    font-size: 3rem;
    font-weight: bolder;
    padding-bottom: 2rem;
}

@media (max-width:208px) {
    .titulo-seccion-clientes {
        font-size: 2rem;
    }
}

@media (max-width:143px) {
    .titulo-seccion-clientes {
        font-size: 1rem;
    }
}

@media (max-width:77px) {
    .titulo-seccion-clientes {
        font-size: 0.50rem;
    }
}

@media (max-width:50px) {
    .titulo-seccion-clientes {
        font-size: 0.25rem;
    }
}


/*Fin del CSS seccion clientes importantes*/


/*Inicio CSS a la seccion 5*/

.padding-seccion-5 {
    padding-top: 5rem;
}

.titulo-principal-seccion-5 {
    font-size: 2.875rem;
    font-weight: 700;
}

@media (max-width:208px) {
    .titulo-principal-seccion-5 {
        font-size: 2rem;
    }
}


/*Inicio css cards testimoniales*/

.titulo-testimoniales {
    font-size: 2.875rem;
    font-weight: 700;
    padding-top: 2rem;
}

@media (max-width:253px) {
    .titulo-testimoniales {
        font-size: 2rem;
    }
}

.justificar-texto {
    text-align: justify;
}

.nombre-persona-testimoniales {
    text-transform: uppercase;
    font-weight: 400;
    padding-top: 1rem;
}

.perfil {
    width: 9.375rem;
    height: 9.375rem;
    border-radius: 50%;
    object-fit: cover;
}

.contenedor-perfil-testimonial {
    padding-top: 1rem;
}

@media (max-width:370px) {
    .contenedor-perfil-testimonial {
        padding-top: 3rem;
    }
}

@media (max-width:1399px) {
    .padding-top-responsive {
        padding-top: 5rem;
    }
}

@media (max-width:288px) {
    .contenedor-perfil-testimonial {
        padding-top: 5rem;
    }
}

.contenedor-texto-testimonial {
    height: 5.313rem;
    width: 24rem;
}

.contenedor-texto-testimonial-responsive {
    max-height: 5.313rem !important;
    max-width: 24rem !important;
}

.carta {
    padding-right: 2rem;
}


/*Fin Css cards testimoniales*/


/*Fin CSS a la seccion 5*/

.justificarContenidoCentroTestimoniales {
    display: flex;
    justify-content: center;
    align-items: center;
}

.peso-texto-testimoniales {
    font-weight: 500;
}