.hero {
background-image:
linear-gradient(
rgba(0, 0, 0, 0.5),
rgba(0, 0, 0, 0.5)
),
url('../img/fondo-biblioteca.webp');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
min-height: 200px;
display: flex;
align-items: center;
justify-content: center;
color: white;
padding-inline: 5%;
}

.hero-container p {
color: rgb(207, 207, 207);
}

/* =========================
SECCIÓN SERVICIOS
========================= */

.servicios {
margin-block: 80px;
}

.servicio {
margin-block: 80px;
align-items: center;
}

.servicio h3 {
color: var(--color-secundario);
margin-bottom: 20px;
}

.servicio li {
margin-bottom: 10px;
}

.servicios li {
text-align: justify;
}

/* =========================
IMÁGENES DE SERVICIOS
========================= */

.servicio-img {
    border-radius: 20px;
    overflow: hidden;
    height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.servicio-img img {
    width: 100%;
    height: 100%;
}

/* =========================
MEJORA RESPONSIVE
========================= */

@media (max-width: 768px) {
.servicio {
text-align: center;
}

.servicio-img {
    height: 250px;
    margin-bottom: 20px;
}

}