body{

background:#050505;
color:white;
font-family:'Segoe UI',sans-serif;

}


.oro{

color:#ffc400!important;

}


.menu{

background:#000;
border-bottom:1px solid #d99b00;

}




.hero{

min-height:100vh;

display:flex;
align-items:center;
justify-content:center;

background:

linear-gradient(
rgba(0,0,0,.8),
rgba(0,0,0,.9)
),

url("../img/logo.png");

background-repeat:no-repeat;
background-position:center;
background-size:400px;

text-align:center;

}



.hero h1{

font-size:70px;
font-weight:900;
color:#ffc400;

}


.hero h2{

font-size:35px;

}


.titulo{

text-align:center;
color:#ffc400;
margin-bottom:40px;
font-weight:bold;

}





.hex{

background:#ffc400;

color:black;

padding:40px 20px;

border-radius:25px;

margin:15px;

transition:.4s;

}


.hex:hover{

transform:translateY(-10px);

}


.hex i{

font-size:50px;

}





.productos{

background:#111;

padding:60px 0;

}



.producto{

background:#000;

border:1px solid #ffc400;

border-radius:15px;

padding:20px;

height:100%;

}



.producto button{

background:#ffc400;
border:none;

}



.servicio{

background:#111;
color:white;

border:1px solid #ffc400;

padding:30px;

text-align:center;

}



footer{

background:#000;

border-top:2px solid #ffc400;

text-align:center;

padding:40px;

}



.whatsapp{

color:#ffc400;

font-size:25px;

text-decoration:none;

}



@media(max-width:768px){


.hero h1{

font-size:45px;

}


.hero h2{

font-size:25px;

}


}