*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:'Poppins',sans-serif;
}

:root{
--primary:#005DAA;
--secondary:#003B6F;
--light:#f7f7f7;
}

.container{
width:90%;
max-width:1200px;
margin:auto;
}

/* --------------   Seccion de Img Fondo  ---------------- */


.hero{
	height:90vh;
	background:url('../img/fondos/portadaProductos.png') center/cover;
	position:relative;
	display:flex;
	align-items:center;
	justify-content:center;
}

.overlay{
position:absolute;
width:100%;
height:100%;
background:rgba(0,0,0,.55);
}

.hero-content{
position:relative;
color:white;
text-align:center;
max-width:800px;
}

.hero h1{
font-size:60px;
margin-bottom:20px;
}

.hero p{
font-size:20px;
margin-bottom:30px;
}



/* -------------- Main ---------------- */
.logos{
	padding:150px 0;
    margin-left: 7%;
    margin-right: 7%;	
}

.steps{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    text-align:center;
    gap:30px;
    margin-top:40px;
}

.logos h1{
    font-size: 1.2vw;
}

.product-card{
    margin-left: 7%;
    margin-right: 7%;
}


.product-card img {
    transition: transform 0.3s ease;
    margin-top: 10%;
}
.product-card:hover img {
    transform: scale(1.05);
}

.product-card p {
    padding: 4%;  
    font-size: 17px;
}

.product-card a {
    font-weight:500;
    padding: 2%; 
    color: #005daa; 
    font-size: 20px;
}

.product-card h3 {
    padding-top: 2%;  
    font-size: 1.4vw;
}

@media(max-width:768px){
    .product-card{
        margin-top: 15%;
    }

    .product-card h3 {
        padding-top: 2%;  
        font-size: 27px;
    }

}

@media(max-width:768px){
    .logos h1{
        font-size: 3.2vh;
    }   
    .steps {
        display: inherit;
    } 
}