body {margin:0;font-family:'Montserrat',sans-serif;text-align:center;color:#222;}
.hero {position:relative;height:80vh;display:flex;align-items:center;justify-content:center;color:white;
background:url('img/wallpaper.jpg') center/cover no-repeat;}
.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.45);}
.hero-content{position:relative;z-index:2;max-width:700px;padding:0 20px;}
.logo{width:220px;margin-bottom:20px;}
h1{font-size:2.4rem;font-weight:700;}
p{font-size:1.2rem;font-weight:300;}
.btn-primario{background:white;color:#0e4da4;padding:15px 30px;border-radius:8px;text-decoration:none;
display:inline-block;margin-top:20px;font-weight:600;}
.servicios{padding:60px 20px;}
.servicios h2{color:#0e4da4;font-size:2rem;margin-bottom:20px;}
.intro{max-width:900px;margin:auto;margin-bottom:40px;line-height:1.6;}
.servicios-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;
max-width:1100px;margin:auto;}
.servicio-item{background:#f7faff;padding:25px;border-radius:10px;border-left:5px solid #13b0f5;}
footer{background:#0e4da4;color:white;padding:20px;margin-top:40px;}
.whatsapp{position:fixed;bottom:20px;right:20px;width:65px;}
.whatsapp img{width:100%;}
.servicios-grid {
    display: flex;
    flex-wrap: wrap; /* permite que se adapten en pantallas chicas */
    justify-content: center; /* centra los items */
    gap: 20px; /* espacio entre cada bloque */
}

.servicio-item {
    flex: 1 1 250px; /* todos tendrán al menos 250px de ancho */
    max-width: 300px; /* mantiene estética pareja */
}