/* 
    #9AD5E3 azul bajo
    #1E4162 azul fuerte
    #EEECED blanco
    #9D9D9C gris
*/

*,
*::before,
*::after{
    margin: 0;
    padding: 0;
    box-sizing: inherit;
}

html{
    height: 100%;
    margin: 0;
    font-size: 10px;
    box-sizing: border-box;
    scroll-behavior: smooth;
}

a{
    text-decoration: none;
}

ul{
    list-style: none;
}

p, ul, h5{
    font-size: 1.5rem;
    line-height: 2rem;
    color: #1E4162;
}

body
{
    height: 100%;
    display: flex; 
    flex-direction: column;
    margin: 0;
    font-family: 'Manrope', sans-serif;
    line-height: inherit;
    background-color: white;
    position: relative;
    overflow-x: hidden;
}

/* CABECERA */

.h1-header-top-area{
    background: #1E4162;
    padding-bottom: 0;
    padding-top: 12px;
}

.h1-header-info-area{
    width: 100vw;
}

.container {
	width: 100%;
	padding-right: 0;
	padding-left: 15px;
    margin-right: 5vw;
    max-width: 90%;
}

.container img {
	vertical-align: middle;
	border-style: none;
	max-width: 100%;
}

.h1-single-top-block {
	display: inline-block;
    margin-left: 1vw;
    margin-right: .5vw;
}

.h1-single-top-block span, .h1-single-top-block a{
	color: #EEECED;
    font-weight: 300;
    font-size: 1.6rem;
}

.h1-single-top-block strong {
	font-weight: 600;
    color: #EEECED;
    font-size: 1.6rem;
}

.h1-single-top-block i.fa {
    color: #EEECED !important;
    font-size: 1.6rem;
    margin-right: 0.5vw;
}

.h1-logos i.fa{
    margin-left: 0.5vw;
}

.h1-single-top-block ul li{
    display: inline-block;
}

/* BARRA DE NAVEGACIÓN */

nav{
    font-size: 1.8rem;
}

.navbar{
    padding: 0 5vw;
}

.navbar img{
    height: 55px;
}

#navbar{
    transition: top 0.5s;
}

.bg-light{
    background-color: #EEECED !important;
}

.navbar-expand-lg .navbar-nav .nav-link {
	padding-right: 0;
	padding-left: 1.5rem;
}

.navbar-nav{
    align-items: center;
}

.logo2{
    display: none !important;
}

@media (max-width:1099px) {

    .logo1{
        display: none !important;
    }

    .logo2{
        display: inline !important;
    }
}

.covid{
    color: rgb(200,0,0) !important;
    font-size: 1.8rem;
}

/* AREA DE PRODUCTOS */

/* 
section: products-area
product: products-card
product-img: products-image
product-desc: product-info

*/

.product-wrapper{
    padding: 2%;
    display: flex;
    flex-wrap: wrap;
}

.product{
    padding: 3%;
    flex-grow: 1;
    flex-basis: 25%;
    max-width: 25%;
}

.product h5{
    text-align: center;
}

.product-img img{
    max-width: 100%;
}

.product-desc{
    margin-top: 10%;
    padding-top: 5%;
}

@media(min-width: 1200px){
    .product{
    border: 20px solid transparent;
    box-shadow: inset 0px 0px 0px 3px rgba(0,0,0,0.2);
    box-sizing: border-box;
    }
}

@media(max-width: 1200px){
    .product{
        flex: 2 40%;
        max-width: 40%;
        margin: auto;
    }
}

@media(max-width: 720px){

    .product-wrapper{
        margin-top: 10%;
    }

    .product{
        flex: 1 70%;
        max-width: 70%;
        margin-top: 10%;
        margin-bottom: 10%;
    }

    .product h5, p{
        font-size: 1.8em;
    }

    .product-desc{
        margin-top: 0;
        padding-top: 5%;
    }
    
}

/* PIE DE PAGINA */

footer{
    background: url("../imagenes/fondo-form.jpg");
    margin-top: auto; 
}

.footer-distributed{
    position: relative;
    bottom: 0;
	width: 100%;
	text-align: center;
    padding: 10px 0;
}

.footer-distributed p{
    margin-bottom: 0;
    color: #1E4162;
    font-size: 1.6rem;
    width: 50%;
    margin: 0 auto;
}

.footer-distributed p a{
    color: #1E4162;
}

.footer-distributed p, ul{
    font-size: 1.6rem;
    color: #1E4162;
    font-weight: 400;
    line-height: 2.5rem;
}