/* Esta clase oculta el formulario */
 .hidden {
    display: none;
    }
    
    /* Estilos del Spinner */
    #contenedor-carga {
    width: 100%;
    height: 100%;
    z-index: 2;
    -webkit-transition: all 3s ease;
    transition: all 3s ease;
    background-color: whitesmoke;
    }
    
    #carga {
    border: 10px solid rgb(255, 255, 255);
    outline: 1px solid lightgray;
    border-top-color: var(--primary);
    border-bottom-color: var(--secondary);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: 50px;
    width: 50px;
    border-radius: 100%;
    -webkit-animation: girar 1.5s linear infinite;
    animation: girar 1.5s linear infinite;
    }
    
    /* Animación del spinner */
    @-webkit-keyframes girar {
        from {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }
        to {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
        }
    }
    
    @keyframes girar {
        from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        }
        to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        }
    }