/* HERO */
.hero {
    text-align: center;
    padding: 10px;
    background: url('../img/Header-Lkdn.jpg') no-repeat center center;
    background-size: cover; /* Hace que la imagen cubra toda la sección */
    color: rgb(255, 255, 255);
}

.hero h1 {
    font-size: 60px; /* Tamaño más grande para el título */
    max-width: 600px; /* Controla el ancho del texto */
    margin-bottom: 20px; /* Espacio debajo del título */
}

.hero p {
    font-size: 30px; /* Tamaño más pequeño para el párrafo */
    max-width: 600px; /* Controla el ancho del texto */
    line-height: 1.5; /* Mejora la legibilidad */
}

/* Ajustes para pantallas móviles */
@media (max-width: 768px) {
    .hero {
        padding: 20px 10px; /* Aumenta un poco el padding en móviles */
    }

    .hero h1 {
        font-size: 35px; /* Reduce el tamaño del título en móviles */
        max-width: 90%; /* Ajusta el ancho para que ocupe el 100% */
        margin-bottom: 15px; /* Reduce el espacio debajo del título */
    }

    .hero p {
        font-size: 20px; /* Reduce el tamaño del párrafo en móviles */
        max-width: 90%; /* Ajusta el ancho del texto */
    }
}