body{
font-family:Arial, Helvetica, sans-serif;
background:#0f172a;
color:white;
}




.navbar{
background:#020617;
}

.navbar{
background:#1e293b;
}




.hero{
padding-top:150px;
padding-bottom:150px;
}

.titulo-principal{
font-size:3.5rem;
font-weight:bold;
margin-bottom:15px;
}

.subtitulo{
color:#38bdf8;
margin-bottom:20px;
}

.descripcion{
max-width:500px;
line-height:1.6;
margin-bottom:25px;
color:#cbd5f5;
}




.social i{
font-size:30px;
margin-right:20px;
color:white;
transition:0.3s;
}

.social i:hover{
color:#38bdf8;
}




.marco-imagen{
background:#1e293b;
padding:20px;
border-radius:15px;
display:inline-block;
box-shadow:0 10px 30px rgba(0,0,0,0.5);
}

.marco-imagen img{
width:260px;
border-radius:10px;
display:block;
}




section{
padding-top:150px;
padding-bottom:150px;
}

.titulo-seccion{
text-align:center;
font-size:2.3rem;
margin-bottom:80px;
}



.skill{
background:#1e293b;
padding:35px;
border-radius:10px;
text-align:center;
transition:0.3s;
}

.skill i{
font-size:40px;
margin-bottom:10px;
color:#38bdf8;
}

.skill:hover{
transform:translateY(-6px);
box-shadow:0 10px 25px rgba(0,0,0,0.6);
}




.btn-primary{
background:#38bdf8;
border:none;
}

.btn-primary:hover{
background:#0ea5e9;
}




.footer{
background:#020617;
text-align:center;
padding:30px;
margin-top:50px;
color:#94a3b8;
}