/* LOADER */
  .loading{
    width: 100%;
    height: 100vh;
    background: var(--azul);
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    top:0;
    left: 0;
    z-index: 100000;
    clip-path: circle(100% at 50% 50%);
    transition: clip-path 0.8s ease-in-out;
}
.loading2{
    clip-path: circle(0% at 50% 50%);
}
.loading img{
    width: 80px;
    position: absolute;
    animation: opacidad 1.8s ease-in-out;
}
@keyframes opacidad {
    0% {
        display: none;
        opacity: 0;
    }

    1% {
        display: block;
        opacity: 0;
    }

    100% {
        display: block;
        opacity: 1;
    }
}