/* estilos/fondo.css */

html {
    /* Puedes decidir si quieres este fondo base en ambas páginas */
    background-color: rgba(15, 114, 184, 0.695);
    backdrop-filter: blur(20px);
}

#animation-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.line {
    position: absolute;
    height: 2px;
    animation-name: moveLeft;
    animation-timing-function: linear;
    animation-iteration-count: 1;
}

@keyframes moveLeft {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-150vw);
    }
}