/* Tipografia */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Varela+Round&display=swap');


/* estilos banner */

.banner-enlaces-documentos {
    background: #eaeaea;
    padding-bottom: 0px;
    font-family: 'Varela Round', sans-serif;
}



.container-enlaces-documentos {
    display: flex;
    width: 100%;
    align-content: stretch;
    min-height: 170px;
}

.banner-img-left {
    background-image: url(images/documentos-iconos-banner.png);
    background-repeat: no-repeat;
    background-size: 43%;
    background-position: 168px center;
}

.banner-img-right {
    background-image: url(images/documentos-imagen-banner.png);
    background-repeat: no-repeat;
    background-size: 117%;
    background-position: bottom left;
}


p.banner-enalces-documentos-title {
    text-align: center;
    font-size: 2.3em;
    margin-top: 20px;
    color: #02b9fb;
    font-weight: bold;
    font-family: 'Varela Round', sans-serif;
}

p.banner-enalces-documentos-copy {
    text-align: center;
    font-size: 1.1em;
    font-family: 'Varela Round', sans-serif;
}

@media (min-width:320px) and (max-width:480px){
    .banner-enlaces-documentos {
        background: #eaeaea;
        padding-bottom: 0px;
        font-family: 'Varela Round', sans-serif;
        min-height: 180px !important;
    }

    .banner-img-left {
       
        display: none !important;
    }
    
    .banner-img-right {
       
        display: none !important;
    }

    .container-enlaces-documentos {
        display: flex;
        width: 100%;
        align-content: center !important;
        min-height: 170px;
        /* justify-items: center; */
    }

    p.banner-enalces-documentos-title {
        text-align: center;
        font-size: 2.1em !important;
        margin-top: 20px;
        color: #02b9fb;
        font-weight: bold;
        font-family: 'Varela Round', sans-serif;
    }

    p.banner-enalces-documentos-copy {
        text-align: center;
        font-size: 1.1em;
        font-family: 'Varela Round', sans-serif;
        width: 87%;
        margin-left: auto;
        margin-right: auto;
    }
    
}

@media (min-width:481px) and (max-width:600px){
    .banner-enlaces-documentos {
        background: #eaeaea;
        padding-bottom: 0px;
        font-family: 'Varela Round', sans-serif;
        min-height: 180px !important;
    }

    .banner-img-left {
       
        display: none !important;
    }
    
    .banner-img-right {
       
        display: none !important;
    }

    .container-enlaces-documentos {
        display: flex;
        width: 100%;
        align-content: center !important;
        min-height: 170px;
        /* justify-items: center; */
    }

    p.banner-enalces-documentos-title {
        text-align: center;
        font-size: 2.1em !important;
        margin-top: 20px;
        color: #02b9fb;
        font-weight: bold;
        font-family: 'Varela Round', sans-serif;
    }

    p.banner-enalces-documentos-copy {
        text-align: center;
        font-size: 1.1em;
        font-family: 'Varela Round', sans-serif;
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }
    
}

@media (min-width:601px) and (max-width:767px){
    .banner-enlaces-documentos {
        background: #eaeaea;
        padding-bottom: 0px;
        font-family: 'Varela Round', sans-serif;
        min-height: 180px !important;
    }

    .banner-img-left {
       
        display: none !important;
    }
    
    .banner-img-right {
       
        display: none !important;
    }

    .container-enlaces-documentos {
        display: flex;
        width: 100%;
        align-content: center !important;
        min-height: 170px;
        /* justify-items: center; */
    }

    p.banner-enalces-documentos-title {
        text-align: center;
        font-size: 2.1em !important;
        margin-top: 20px;
        color: #02b9fb;
        font-weight: bold;
        font-family: 'Varela Round', sans-serif;
    }

    p.banner-enalces-documentos-copy {
        text-align: center;
        font-size: 1.1em;
        font-family: 'Varela Round', sans-serif;
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }
    
}

@media (min-width:768px) and (max-width:992px){
    .banner-enlaces-documentos {
        background: #eaeaea;
        padding-bottom: 0px;
        font-family: 'Varela Round', sans-serif;
        min-height: 170px !important;
    }

  

    .container-enlaces-documentos {
        display: flex;
        width: 100%;
        align-content: center !important;
        min-height: 170px;
        /* justify-items: center; */
    }

    

    p.banner-enalces-documentos-copy {
        text-align: center;
        font-size: 1.1em;
        font-family: 'Varela Round', sans-serif;
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }

    .banner-enlaces-documentos {
        background: #eaeaea;
        padding-bottom: 0px;
        font-family: 'Varela Round', sans-serif;
        margin-top: 45px;
    }

    p.banner-enalces-documentos-title {
        text-align: center;
        font-size: 1.7em !important;
        margin-top: 20px;
        color: #02b9fb;
        font-weight: bold;
        font-family: 'Varela Round', sans-serif;
    }

    span.menu-image-title-after.menu-image-title {
        font-size: 11px;
    }

    .logo-img {
        z-index: 99;
        position: absolute;
        left: 7px;
        height: 73px;
        top: 17px;
    }
    
    .logo-scroll {
        z-index: 99;
        position: absolute;
        left: 33px;
        height: 62px;
        top: 1px;
    }

    .banner-img-left {
        background-image: url(images/documentos-iconos-banner.png);
        background-repeat: no-repeat;
        background-size: 43%;
        background-position: 133px center;
    }
    
}


@media (min-width:993px) and (max-width:1024px){
    .banner-enlaces-documentos {
        background: #eaeaea;
        padding-bottom: 0px;
        font-family: 'Varela Round', sans-serif;
        min-height: 180px !important;
    }

  

    .container-enlaces-documentos {
        display: flex;
        width: 100%;
        align-content: center !important;
        min-height: 170px;
        /* justify-items: center; */
    }

    

    p.banner-enalces-documentos-copy {
        text-align: center;
        font-size: 1.1em;
        font-family: 'Varela Round', sans-serif;
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }

    .banner-enlaces-documentos {
        background: #eaeaea;
        padding-bottom: 0px;
        font-family: 'Varela Round', sans-serif;
        margin-top: 45px;
    }

    p.banner-enalces-documentos-title {
        text-align: center;
        font-size: 1.7em !important;
        margin-top: 20px;
        color: #02b9fb;
        font-weight: bold;
        font-family: 'Varela Round', sans-serif;
    }

    span.menu-image-title-after.menu-image-title {
        font-size: 11px;
    }

    .logo-img {
        z-index: 99;
        position: absolute;
        left: 7px;
        height: 73px;
        top: 17px;
    }
    
    .logo-scroll {
        z-index: 99;
        position: absolute;
        left: 33px;
        height: 62px;
        top: 1px;
    }

    .banner-img-left {
        background-image: url(images/documentos-iconos-banner.png);
        background-repeat: no-repeat;
        background-size: 43%;
        background-position: 133px center;
    }
    
}

@media(min-width:1600px) and (max-width:1638px){
    .banner-img-right {
        background-image: url(images/documentos-imagen-banner.png);
        background-repeat: no-repeat;
        background-size: 87%;
        background-position: bottom left;
    }
}

@media(min-width:1638px) and (max-width:1650px){
    .banner-img-right {
        background-image: url(images/documentos-imagen-banner.png);
        background-repeat: no-repeat;
        background-size: 87%;
        background-position: bottom left;
    }
}

@media(min-width:1650px) and (max-width:1700px){
    .banner-img-right {
        background-image: url(images/documentos-imagen-banner.png);
        background-repeat: no-repeat;
        background-size: 87%;
        background-position: bottom left;
    }
}

@media(min-width:1700px) and (max-width:1730px){
    .banner-img-right {
        background-image: url(images/documentos-imagen-banner.png);
        background-repeat: no-repeat;
        background-size: 87%;
        background-position: bottom left;
    }
}

@media(min-width:1731px) and (max-width:1760px){
    .banner-img-right {
        background-image: url(images/documentos-imagen-banner.png);
        background-repeat: no-repeat;
        background-size: 87%;
        background-position: bottom left;
    }
}
@media(min-width:1761px) and (max-width:1780px){
    .banner-img-right {
        background-image: url(images/documentos-imagen-banner.png);
        background-repeat: no-repeat;
        background-size: 87%;
        background-position: bottom left;
    }
}

@media(min-width:1781px) and (max-width:1834px) {
    .banner-img-right {
        background-image: url(images/documentos-imagen-banner.png);
        background-repeat: no-repeat;
        background-size: 85%;
        background-position: bottom left;
    }
}

@media(min-width:1835px) and (max-width:1860px) {
    .banner-img-right {
        background-image: url(images/documentos-imagen-banner.png);
        background-repeat: no-repeat;
        background-size: 85%;
        background-position: bottom left;
    }
}

@media(min-width:1860px) and (max-width:1920px) {
    .banner-img-right {
        background-image: url(images/documentos-imagen-banner.png);
        background-repeat: no-repeat;
        background-size: 79%;
        background-position: bottom left;
    }
}