@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;500;700;800;900;1000&display=swap');

html,
body {
    min-width: 320px;
    width: 100%;
    height: auto;
    position: relative;
    padding: 0px;
    margin: 0px;
    font-family: 'Nunito', sans-serif;
    background-color: #fff;
    color: #fff;
    transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
}

.e {
    background-color: #fff;
}

.bg-negro {
    background-color: #000;
}

.bg-beige {
    background-color: #FBDCD9;
}

.bg-azul {
    background-color: #01199F;
}

.bg-verde {
    background-color: #3EB07A;
}

.bg-naranjo {
    background-color: #E1822A;
}

.bg-fuxia {
    background-color: #AB06A4;
}

.bg-cyan {
    background-color: #41C6CE;
}

.accesos h2 {
    font-style: normal;
    font-weight: 800;
    font-size: 24px;
    line-height: 33px;
}

.accesos .texto {
    padding-left: 25px;
}

.accesos p {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
}

.destacada {
    position: relative;
}

.noticia-label {
    color: #fff;
    padding: 15px;
    border-bottom-right-radius: 25px;
    border-bottom-left-radius: 25px;
    text-align: center;
    min-height: 250px;
}

.noticia-title {
    font-size: 24px;
    font-weight: 900;
    line-height: 38px;
    letter-spacing: 0em;
    text-align: center;

}

.noticia-fecha {
    font-size: 18px;
    font-weight: 300;
    line-height: 25px;
    letter-spacing: 0em;
    text-align: center;

}

.noticia-extracto p {
    font-size: 18px;
    font-weight: 300;
    line-height: 25px;
    letter-spacing: 0em;
}


@media screen and (min-width: 480px) {}

@media screen and (min-width: 576px) {}

@media screen and (min-width: 768px) {}

@media screen and (min-width: 992px) {}

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

/*HOME*/

.seccion-banner .img {
    padding: 0;
}

img.ico {
    height: 42px;
}

.seccion-banner .banner {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: center;
}

.seccion-banner .banner .row {
    width: 100%;
}

.seccion-banner .img-banner {
    width: 100%;
    float: right;
}

.seccion-banner .text {
    padding: 0;
}

.seccion-banner .text span {
    display: flex;
    flex-direction: column;
    width: 100%;
    color: #Fff !important;
    float: left;
    border-bottom-left-radius: 90px;
    border-bottom-right-radius: 90px;
    justify-content: center;
    align-items: self-start;
    align-content: center;
    padding: 15px;
}

.seccion-banner .text span h1 {
    font-size: 30px;
    font-weight: 300;
    line-height: 35px;
}

.seccion-banner .text span h2 {
    font-size: 20px;
    font-weight: 700;
    line-height: 27px;
}

.seccion-banner .text span a {
    font-size: 18px;
    font-weight: 300;
    line-height: 65px;
    letter-spacing: 0em;
    text-align: left;
    display: flex;
    font-weight: 700;
    text-decoration: none !important;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 8px;
    gap: 8px;
    width: 199px;
    height: 41px;
    margin: 30px auto;
    background: #FBDCD9;
    border-radius: 25px;
}

.seccion-accesos .accesos {
    padding: 15px;
}

.seccion-accesos .accesos .single {
    margin: 10px auto;
    display: flex;
    padding: 15px;
    border-radius: 25px;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: flex-start;
    align-content: center;
}

.seccion-accesos .accesos .single img {
    margin: 15px;
    height: 42px;
}

.somos {
    padding: 50px 0 0;
}

.somos-red {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: flex-start;
    align-content: center;
    min-height: 60vh;
}

.somos .somos-red h2 {
    color: #01199F;
    text-align: center;
    font-weight: 300;
    margin-bottom: 30px;
}

.somos-red h2 b {
    font-weight: 700;
}

.somos-red .descripcion {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: flex-start;
}

.somos-red .descripcion img {
    margin: 15px auto;
}

.somos-red .descripcion p {
    font-size: 18px;
    color: #1E1E1E;
}

.somos-red .descripcion p b {
    font-size: 28px;
    color: #01199F;
    font-weight: 900 !important;
}

.acta .conoce {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: flex-start;
}

.acta .image {
    padding: 45px;
}

.acta .conoce h2 {
    width: 100%;
    color: #01199F;
    font-weight: 400;
    line-height: 45px;
    letter-spacing: 0em;
    text-align: center !important;
}

.acta .conoce h2 b {
    font-weight: 900;
}

.acta .conoce p {
    font-weight: 700;
    line-height: 25px;
    letter-spacing: 0em;
    text-align: left;
    color: #1E1E1E;
}

.acta .conoce img {
    margin: 15px auto;
}

.acta .conoce a {
    color: #fff !important;
    border-radius: 25px;
    text-decoration: none !important;
    padding: 15px;
    margin-top: 30px;
}

.que-pasa h2.title {
    color: #01199F;
    font-weight: 400;
    line-height: 45px;
    letter-spacing: 0em;
    text-align: center;
    margin-bottom: 30px;
}

.que-pasa h2.title b {
    font-weight: 900;
}

.que-pasa img.ico {
    margin: 0 auto 30px;
    display: block;
}

.seccion-pasando,
.seccion-sumate {
    padding: 50px 0;
}

.que-pasa .destacada {
    position: relative;
}

.que-pasa .destacada a {
    /*position: absolute;*/
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    text-decoration: none !important;
}

.que-pasa .img-noticia {
    width: 100%;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    object-fit: cover;
    object-position: center;
    height: 300PX;
}

.ver-todas {
    font-size: 18px;
    font-weight: 700;
    height: 41px;
    width: 256px;
    border-radius: 200px;
    padding: 8px;
    background-color: #fff;
    text-decoration: none !important;
    text-align: center;
    margin: 30px auto 0;
    display: block;
    color: #01199F;
}

.llamado {
    display: block;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}

.llamado h2 {
    position: relative;
    padding-left: 40px;
}

.llamado h2:before {
    content: "";
    background-image: url(img/red/ico-sumate-cyan.svg);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 4px;
    left: 0px;
    display: block;
    width: 30px;
    height: 30px;
}

.llamado .texto {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: flex-start;
}

.form input {
    all: unset;
    display: block;
    border: 1px solid #fff;
    min-width: 200px;
    max-width: 538px;
    height: 30px;
    width: 100%;
    padding: 4px 15px;
    border-radius: 25px;
    margin: 0 auto;
}

.formulario form {
    width: 100%;
    display: block;
    margin-top: 30px;
    padding-right: 30px;
}

.form input.enviar {
    background-color: #505C9F;
    text-align: center;
    font-size: 18px;
}

.form .formulario {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: self-start;
}

.declaracion {
    padding: 50px 0;
}
.somos-red .video {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}
@media screen and (min-width: 768px) {
    .seccion-banner .text span h1 {
        font-size: 40px;
        font-weight: 300;
        line-height: 45px;
    }
}

@media screen and (min-width: 992px) {
    .somos-red .descripcion img {
    margin: 15px 0;
    }
    .acta .conoce h2 {
        text-align: left !important;
    }

    .acta .conoce img {
        margin: 15px 0;
    }

    .somos .somos-red h2 {
        font-size: 42px;
    }

    .seccion-banner .text {
        min-height: 50vh;
        height: auto;
    }

    .seccion-banner .text span {
        min-height: 100%;
        height: auto;
    }

    .seccion-banner .img {
        min-height: 50vh;
        height: auto;
    }

    .seccion-banner .img-banner {
        width: 100%;
        float: right;
        min-height: 50vh;
        height: auto;
        border-top-left-radius: 90px;
        border-bottom-left-radius: 90px;
    }

    .seccion-banner .text span h1 {
        font-size: 25px;
        font-weight: 300;
        line-height: 30px;
    }

    .seccion-banner .text span h2 {
        font-size: 15px;
        font-weight: 700;
        line-height: 17px;
    }

    .seccion-accesos .accesos {
        padding: 30px;
    }

    .seccion-accesos .accesos .single {
        flex-direction: column;
        min-height: 200px;
    }

    .acta .conoce h2 {
        font-size: 30px;
        line-height: 40px;

    }

    .acta .conoce h2 b {
        font-weight: 900;
    }

    .acta .conoce p {
        font-size: 16px;
        line-height: 20px;
    }

    .que-pasa h2.title {
        font-size: 30px;
        line-height: 40px;
    }

    .que-pasa h2.title b {
        font-weight: 900;
    }

    .llamado {
        flex-direction: row;
    }

    .form .formulario {
        align-items: center;
    }

    .seccion-banner .img {
        padding: 0 0 0 15px;
    }

    .seccion-banner .text {
        padding: 0 15px 0 0;
    }

    .seccion-banner .text span {
        border-top-right-radius: 90px;
        border-bottom-right-radius: 90px;
        border-bottom-left-radius: 0;
    }

    .seccion-banner .text span h1 {
        font-size: 40px;
        line-height: 45px;
    }

    .seccion-banner .text span a {
        margin-top: 30px unset;
    }

    .llamado {
        display: flex;
    }
}

@media screen and (min-width: 1200px) {
    .seccion-banner .text span h1 {
        font-size: 36px;
        line-height: 50px;
    }

    .seccion-banner .text span h2 {
        font-size: 20px;
        line-height: 27px;
    }

    .que-pasa h2.title {
        font-size: 37px;
        line-height: 55px;
    }

    .que-pasa h2.title b {
        font-weight: 900;
    }
}

@media screen and (min-width: 1500px) {
    .seccion-banner .text span h1 {
        font-size: 48px;
        line-height: 67px;
    }

    .seccion-banner .text span h2 {
        font-size: 25px;
        line-height: 32px;
    }

    .acta .conoce h2 {
        font-size: 42px;
        line-height: 57px;

    }

    .acta .conoce h2 b {
        font-weight: 900;
    }

    .acta .conoce p {
        font-size: 18px;
        line-height: 25px;
    }

    .que-pasa h2.title b {
        font-size: 42px;
        line-height: 57px;
    }

}