.banner-1 {
    background-image: url(no-es-suficiente.webp);
    /* URL de la imagen */
    background-size: cover;
    /* Ajusta la imagen para cubrir todo el espacio */
    background-position: center;
    /* Centra la imagen */
    height: 400px;
    /* Altura del banner */
    display: flex;
    /* Usamos flexbox para centrar el contenido */
    justify-content: center;
    /* Centra horizontalmente */
    align-items: center;
    /* Centra verticalmente */
    color: white;
    /* Color del texto */
    font-family: Arial, sans-serif;
    /* Fuente */
    font-size: 36px;
    /* Tamaño de fuente */
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
    /* Sombra al texto */
}

.banner-2 {
    background-image: url(cuando-pedir-ayuda.webp);
    /* URL de la imagen */
    background-size: cover;
    /* Ajusta la imagen para cubrir todo el espacio */
    background-position: center;
    /* Centra la imagen */
    height: 400px;
    /* Altura del banner */
    display: flex;
    /* Usamos flexbox para centrar el contenido */
    justify-content: center;
    /* Centra horizontalmente */
    align-items: center;
    /* Centra verticalmente */
    color: white;
    /* Color del texto */
    font-family: Arial, sans-serif;
    /* Fuente */
    font-size: 36px;
    /* Tamaño de fuente */
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
    /* Sombra al texto */
}