/* Estilos para la sección con id "capa1" (la capa frontal inicial) */
#capa1 {
    background-image: url('../img/gr/siluetas-0/gateway-100.png');
    background-size: contain; /* Cubre todo el espacio del elemento */
    background-position: center; /* Centra la imagen */
    background-repeat: no-repeat; /* Evita que la imagen se repita */
    /* Asegúrate de que el texto sea legible sobre la imagen */
    color: white; /* O el color que mejor contraste */
    text-align: center; /* Centra el texto */
    display: flex; /* Para centrar el contenido verticalmente */
    justify-content: center; /* Para centrar el contenido verticalmente */
    align-items: center; /* Para centrar el contenido horizontalmente */
}

/* Estilos para el contenedor del texto dentro de la capa frontal */
#capa1 article {
    padding: 20px;
    border-radius: 8px;
}

/* Estilos para el encabezado "¡Bienvenidos!" */
#capa1 article h1 {
    margin: 0;
    font-size: 2em; /* Ajusta el tamaño del texto si es necesario */
}

/* Animación de descarga */
@keyframes pulse {
    0% { transform: scale(1); }
    50% { transform: scale(0.95); }
    100% { transform: scale(1); }
}

.descargando img {
    animation: pulse 0.9s ease-in-out 1;
}