/* 
    Created on : 25-abr-2023, 19:33:22
    Author     : 
*/
section{
    width: 99%;
}
.bann1 {
    background-image: url("../images/imagen1.png") !important;
    /*position: absolute;*/
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover !important;
}

.bann2 {
    background-image: url("../images/imagen2.png") !important;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover !important;
}

.bann3 {
    background-image: url("../images/imagen3.png") !important;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover !important;
}

.bann1 h4,
.bann1 p,
.bann2 h4,
.bann2 p,
.bann3 h4,
.bann3 p {
    margin: auto
}

.bann1 p,
.bann2 p,
.bann3 p {
    margin-top: .5rem !important;
}

.bann1 h4,
.bann2 h4,
.bann3 h4 {
    font-weight: 600;
}

.fondo-gris {
    background-color: #E0E0E0;
    padding: 2rem;
}

.fondo-gris h3 {
    padding: 1rem 0
}

.destacado {
    text-transform: uppercase;
    font-size: 1rem;
}

h5 {
    font-size: 1.25rem
}

ul li {
    font-size: 0.9rem;

}

h4.titulo-sec {
    margin-bottom: 1rem;
}

.titulos-h3 h3 {
    text-align: center
}

.cuadro-1,
.cuadro-2,
.cuadro-3,
.cuadro-4 {
    padding: 1.5rem;
}

.cuadro-1 {
    background-color: #EAF5FE;
}

.cuadro-2 {
    background-color: #CFE9FE;
}

.cuadro-3 {
    background-color: #90D0FE;
}

.cuadro-4 {
    background-color: #0D9DDA;
}

.title-cinco-claves h2 {
    font-size: 3.2rem;
    text-align: center;
    width: 100%;
}

.list-gap li {
    margin: .4rem 0;
}

section .imagen img {
    width: 70%;
    margin: 1rem 0;
}

section .imagen {
    text-align: center;
}

@media (max-width: 600px) {
    .bann1-mob {
        background-image: url("../images/imagen1-mob.png") !important;
        width: 100%;
        height: 200px;
        background-repeat: no-repeat;
        background-size: cover !important;
    }

    .bann2-mob {
        background-image: url("../images/imagen2-mob.png") !important;
        width: 100%;
        height: 200px;
        background-repeat: no-repeat;
        background-size: cover !important;
    }

    .bann3-mob {
        background-image: url("../images/imagen3-mob.png") !important;
        width: 100%;
        height: 200px;
        background-repeat: no-repeat;
        background-size: cover !important;
    }

    .bann1 h4 {
        font-weight: 500;
        font-size: 1.2rem;
    }

    .cuadro-1,
    .cuadro-2,
    .cuadro-3,
    .cuadro-4 {
        margin-bottom: 1.5rem;
    }

    .title-cinco-claves h2 {
        font-size: 2rem;
    }

    section .imagen img {
        width: 100%;
        margin: 1rem 0;
    }
}