*{
    scroll-behavior: smooth;
    font-family: 'Calibri';
}

html{
    scroll-behavior: smooth;
    font-size: 18px;
}

body{
    scroll-behavior: smooth;
}

img{
    max-width: 100%;
}

.main-header{
    width: 100%;
    height: 50rem;
    background-image: url('../imgs/negocios_aliados.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-origin: content-box;
    background-position: center center;
}

/*
    azul: #234f99 ; rgba(5, 75, 153, 1.0)
    rojo: #c92031 ; rgba(201, 32, 49, 1.0)
*/

/* filtro azul opacidad 0.6 */
.filtro{
    width: 100%;
    height: 100%;
    background-color: rgba(35, 75, 153, 0.15);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
/*    z-index: 100;*/
}

.up-header{
    width: 100%;
    height: 7.5rem;
    background-color: rgba(5, 75, 153, 0.15);
    display: flex;
    justify-content: center;
    padding: 1.5rem 2.5rem 0.5rem 2.5rem;
}

.logo-container{
   /* background-color: yellow; */
    width: 20rem;
    /* width: 100%; */
}

.logo-ex-container{
    /* background-color: red; */
    padding-bottom: 8rem;
    display: flex;
    justify-content: center;
}

.main-nav{
    background-color: rgba(35, 75, 153, 0.8);
    height: 4rem;
    border-radius: 1rem;
}

.filosofia{
    /* background-color: rgba(200, 200, 200, .5); */
    display: flex;
    justify-content: center;
    padding-bottom: 5rem;
}

.titulo-filosofia{
    font-size: 3em;
    color: rgba(35, 75, 153, 1.0);
    font-style: italic;
    font-weight: bold;
}

.go-down{
    width: 100%;
    /* background-color: rgba(35, 75, 153, 0.5); */
    display: flex;
    justify-content: center;
    padding-bottom: 5em;
}

.go-down a{
    color: white;
    background-color: rgba(35, 75, 153, 0.4);

}

.contenedor-texto{
    padding: .4rem;
}

.ref-img1{
    border-width: .4rem;
    border-color: lightgray;
    border-style: solid;
    border-radius: .4rem;
}

.titulo2{
    text-align: center;
    color: rgba(35, 75, 153, 0.8);
    font-style: italic;
}

.titulo3{
    color: rgba(35, 75, 153, 0.8);
    font-style: italic;
    font-size: 1.4rem;
}

.lista1{
    list-style: none;
}

.main-main{
    min-height: 30rem;
}

.row-separator{
    height: 2rem;
}

.container-sombreado{
    background-color:rgba(5, 75, 153, 0.15);
}

/* footer */

.main-footer{
    min-height: 20rem;
    background-color: rgba(5, 75, 153, 1.0);
}

.footer-menu{
    list-style: none;

}

.footer-menu-link{
    color: rgba(220, 220, 220, 0.8);
    text-decoration: none;
    font-weight: 500;
    transition: all 0.3s;
}

.footer-menu-link:hover{
    color: white;
}

.contacto-footer{
    list-style: none;
    text-align: justify;
}


.contacto-footer-item.nombre-comercial{
    font-size: 1.5rem;
}

.contacto-footer-item{
    color: rgba(220, 220, 220, 0.8);

}



/* footer */

@media screen and (max-width: 768px){
    .up-header{
/*        background-color: #33dd22;*/
        height: auto;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .logo-container{
        width: 90%;
        margin-bottom: 1.5rem;
    }

    .main-nav{
        background-color: rgba(35, 75, 153, 0.8);
        height: auto;
        width: 90%;
    }

    .main-nav-link{
        color: white;
    }
}