*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Inter',sans-serif;color:#0b2540}

.header{background:#0b3a63}
.header-inner{display:flex;justify-content:space-between;align-items:center;padding:15px 40px;height:90px}
.logo{height:70px}
.menu{display:flex;gap:40px}
.menu a{color:#fff;text-decoration:none}

.hero{min-height:75vh;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center}
.hero-content{text-align:center;color:#fff;max-width:900px}
.hero h1{margin-bottom:20px;text-shadow:0 3px 10px rgba(0,0,0,.6)}
.hero-line1,.hero-line2{text-shadow:0 2px 8px rgba(0,0,0,.6)}
.hero-btn{margin-top:25px}

.cta{display:inline-block;padding:14px 34px;background:#1fa36a;color:#fff;border-radius:30px;text-decoration:none;transition:.3s}
.cta:hover{transform:translateY(-3px);box-shadow:0 10px 20px rgba(0,0,0,.2)}

.servicios-home{padding:80px 30px;text-align:center}
.section-title{margin-bottom:40px;color:#0b3a63}

.servicios-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;max-width:1000px;margin:auto}

.servicio{
background:#fff;
padding:30px;
border-radius:14px;
box-shadow:0 8px 20px rgba(0,0,0,.08);
transition:.4s;
transform:translateY(0);
}

.servicio:hover{
transform:translateY(-8px) scale(1.02);
box-shadow:0 18px 35px rgba(0,0,0,.15);
}

.icono-home{
width:70px;
margin-bottom:15px;
transition:.4s;
}

.servicio:hover .icono-home{
transform:scale(1.15) rotate(3deg);
}

.servicios-cta-home{margin-top:60px}

.cta-final{text-align:center;padding:80px 20px;max-width:900px;margin:auto}
.cta-final p{margin-bottom:25px}

.footer{background:#0b3a63;color:#fff;text-align:center;padding:20px}

/* ANIMACIONES */
.reveal{
opacity:0;
transform:translateY(40px);
transition:all .8s ease;
}

.reveal.active{
opacity:1;
transform:translateY(0);
}

/* RESPONSIVE */
@media(max-width:900px){
.servicios-grid{grid-template-columns:1fr}
}