@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&display=swap');
/* General */
*{
    font-family: 'Open Sans',sans-serif ;
    font-weight: 400;
}
body{
    position:relative;
}
/* etiquetas */
h1{
    font-weight: 700;
    font-size: 30px;
}
h2{
    font-weight: 700;
    font-size: 19px; 
}
/* Bootstrap clases */

.nav-link{
    letter-spacing: 2px;
    font-size: 0.8rem;
}
.nav-item.active > .nav-link{
    color: #04eae7 !important;
    font-weight: 700;
    font-size: 16px;
}
.nav-item > .nav-link{
    color: #FFF !important;
}

.nav-item > .nav-link:hover{
    color: #04eae7 !important;
    font-size: 18px;
}
.bg-primary{
    background: #004285 !important;
}
.btn.btn-primary{
    background-color: #004285 !important;
}
.btn.btn-primary:hover{
    background-color: #5d86ae !important;
    
}
.btn.btn-outline-primary{
    background-color: #FFF !important;
    color:#004285;
}
.btn.btn-outline-primary:hover{
    background-color: #5d86ae !important;
    color:#FFF;
}


.btn.btn-outline-dark{
    background-color: #FFF !important;
    color:#004285;
}
.btn.btn-outline-dark:hover{
    background-color: #86a4c3 !important;
    color:#FFF;
}



.text-primary{
    color:#004285 !important;
}

/* Otras clases */
.portada{
    background-image: url("../img/portada.jpg");
    background-size: cover;
    background-position: center;
    height: 85vh;
}
/* .contenedor-portada{
    /* height: 100vh; */
    /* background-color: rgba(48, 48, 54, 0.3); */

/* } */

.portada-contact{
    background-image: url("../img/portadaContact.jpg");
    background-position:center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 85vh;
}
.section{
    padding: 7% 10% 5% 10%;
}
#section-footer{
    padding:3% !important;
}
.section-gray{
    background: #F0F4F8;
}
.icon{
    border-radius: 100%;
    background-color: #004285 !important;

    font-size: 2em;
    height: 3em;
    line-height: 3em;
    width: 3em;
    margin-bottom: 1em;
    text-align: center;
}
.container-img-marcas > img{
    margin-bottom:4%;
}
.contenedor-contacto{
    padding:7% 5% 5% 5%;
}
.cmn-divfloat {
    position: fixed !important;
    bottom: 45px;
    right: 15px;
    display: none;
}
.cmn-btncircle {
    width: 40px !important;
    height: 40px !important;
    padding: 6px 0px;
    border-radius: 15px;
    font-size: 18px;
    text-align: center;
}
.link-footer:hover{
    color:#01AEC4 !important;
}

#section-banner-dell{
    background-image: url('../img/keyboard.jpg');
    background-repeat: no-repeat;
    background-position: center;
    height: 45vh;
}
.banner-dell{
    background-color: rgba(0, 69, 135, .7);
}


@media only screen and (min-width: 1200px){
    .portada{
        background-size: cover;
        background-position-x: 45%;
    }
    .aumenta{
        max-width: 25em;
    } 
}

@media only screen and (max-width: 1200px){
    .portada{
        background-position-x: 43%;
    }
}
@media only screen and (max-width: 992px){
    .portada{
        background-position-x: 40%;
        
    }
    .container-card-projects{
        padding-bottom: 5%;
    }
    .section{
        padding: 10%;
    }
    .container-location{
        margin-top: 7%;
    }
    .encabezado-slide{
        font-size: 1.5rem;
    }
    .parrafo-slide{
        font-size: .8rem;
    }
    .listas{
        padding-top: 5%;
    }
    .listas ul:first-child{
        padding-left: 0% !important;
    }
    .cmn-btncircle {
        display: none;
    }
    #section-banner-dell{
        height: max-content;
    }
}

@media only screen and (max-width:768px){
    .portada{
        background-position-x: 40%;
    }
    .encabezado-slide{
        font-size: 1.2rem;
    }
    .parrafo-slide{
        font-size: .9rem;
    }
    .listas ul{
        padding-left: 0% !important;
    }
}

@media only screen and (max-width: 576px){
    .portada{
        background-position-x: 45%;
        height: 65vh;
    }
    .encabezado-slide{
        font-size: 1rem;
    }
    .parrafo-slide{
        font-size: .8rem;
    }
    .container-img-marcas > img{
        margin-bottom: 12%;
    }
    .container-clients-img>img
    {
        margin-bottom: 7%;
    }
}