body {
margin: 0;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
background-color: #f9f9f9;
color: #333;
}

header {
background-color: #03568d;
padding: 1rem;
}

nav ul {
list-style: none;
display: flex;
justify-content: center;
gap: 2rem;
margin: 0;
padding: 0;
}

nav a {
color: white;
text-decoration: none;
font-weight: bold;
font-size: 22px;
}

.hero {
text-align: center;
padding: 4rem 1rem;
background-color: #eee;
font-size: 25px;
}
.hero p{
    font-size: 20px;

}


.servicios, .galeria, .contacto {
padding: 2rem;
max-width: 900px;
margin: 0 auto;
}

.servicios h2, .galeria h2, .contacto h2 {
text-align: center;
margin-bottom: 2rem;
font-size: 30px;
}

.servicio {
background: white;
padding: 1rem;
margin-bottom: 1rem;
border-radius: 8px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
border: 2px solid #03568d;

}
.extra ul {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 1rem;
list-style: none;
margin-top: 1rem;
}

.extra li {
background: #ececec;
padding: 0.5rem 1rem;
border-radius: 5px;
font-size: 17px;
}
.extra h2{
    text-align:center;
    font-size: 30px;
}
.imagenes {
display: flex;
gap: 1rem;
justify-content: center;
flex-wrap: wrap;
}

.imagenes img {
width: 200px;
height: auto;
border-radius: 8px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
.contacto p{
    font-size: 18px;
}

footer {
background-color:#03568d;;
color: white;
text-align: center;
padding: 1rem;
margin-top: 2rem;
}