@import url('https://fonts.googleapis.com/css2?family=Merriweather&display=swap');

body {
background: url("/landing/img/IMG-20230502-WA0015.jpg") no-repeat center center fixed;
background-size: cover;
font-family: 'Merriweather', serif;
}

.overlay {
background-color: rgba(255, 255, 255, 0.8);
min-height: 100vh;
}

header {
background-color: #14594f;
padding: 2rem 1rem;
color: white;
}

.logo {
max-width: 180px;
}

.isotipo {
max-width: 70px;
margin-right: 1rem;
}

.section {
padding: 4rem 1rem 3rem 1rem;
}

.section-title {
font-weight: bold;
color: #114c3f;
}

footer {
background-color: #12524b;
color: white;
padding: 3rem 1rem 2rem 1rem;
}

footer .social-icons i {
font-size: 1.5rem;
margin: 0 0.5rem;
color: white;
}

.icono {
color: #114c3f;
}

.carousel-background {
height: 100vh;
background-size: cover;
background-position: center;
position: relative;
}

.carousel-caption {
background-color: rgba(0, 0, 0, 0.5);
padding: 1.5rem;
border-radius: 10px;
}

.navbar-custom {
background-image: url("/landing/img/PORTADA.jpg");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
color: white;
}


.navbar-custom .nav-link,
.navbar-custom .navbar-brand,
.navbar-custom .navbar-toggler-icon {
color: white;
}

.navbar-custom .btn-outline-light {
border-color: white;
color: white;
}

.text-justify {
text-align: justify;
}

/* Responsive (mobile) */
@media (max-width: 991px) {
.navbar-custom .nav-link {
background-color: white;
color: #114c3f !important;
margin-bottom: 0.3rem;
border-radius: 5px;
padding: 0.5rem 1rem;
}
}