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

body{

background:#0f172a;
color:#e2e8f0;
}


header{
background:#020617;
padding:20px 40px;
position:relative;
top:0;
z-index:2;

}

nav{
display:flex;
justify-content:space-between;
align-items:center;
}
nav h1{
color:#6a8590;
font-weight:700px;
}
nav ul{
display:flex;
gap:15px;
list-style:none;
}
nav a{
color:#e2e8f0;
text-decoration:none;
}

main{
padding:60px 40px;
min-height:100vh;
}
section img{
width:100%;
border-radius:20px;
margin-bottom:20px;
}
.cards{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
gap:30px;
position: relative;
z-index: 2;
}
.card{
background:#020617;
padding:20px;
border-radius:20px;
}

.card img{
width:100%;
border-radius:15px;
margin-bottom:15px;
}

.card button{
margin-top:5%;
padding:10px 20px;
border:none;
background:#38bdf8;
color:white;
border-radius:10px;
cursor:pointer;
}

.galeria{
display:grid ;
grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
gap:20px;
position: relative;
z-index: 2;
font-family: poppins, sans-serif;
}
.galeria img{
width:100%;
border-radius:15px;
}

form{
display:flex;
flex-direction:column;
gap:10px;
max-width:40%;
}
input, textarea, select{
padding:12px;
border:none;
border-radius:10px;
background:#020617;
color:white;
}
button{
padding:12px;
border:none;
border-radius:10px;
background:#38bdf8;
color:white;
cursor:pointer;
}
footer{
background:#020617;
text-align:center;
padding:30px;
margin-top:40px;
}

#hero{
min-height: 100vh;
position: relative;
}
video{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: -1;
}
.capa{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #1c1c1d;
opacity: 0.5;
mix-blend-mode: overlay;
}
.contacto{
position: relative;
z-index: 2;
}
.inicio{
position: relative;
z-index: 2;
font-weight: 600px;
font-style: italic ;
}
.footer{
position: relative;
z-index: 2;
font-style: italic ;
}