@charset "UTF-8";

.navigation li>a,
.navigation li.has-child::after {
    color: var(--White);
}

.grecaptcha-badge { 
    visibility: hidden; 
}

/* Preloader Styles (Inicio) */
/* Contenedor principal que bloquea la pantalla */
#preloader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: #0B132B;
    /* Fondo Azul Medianoche Valbunch */
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 99999;
    transition: opacity 0.5s ease, visibility 0.5s ease;
}

#preloader-wrapper.hidden {
    opacity: 0;
    visibility: hidden;
}

/* Variables de color Valbunch */
/* Mora-Azul Vibrante */
/* Mora-Azul Oscuro (Sombra 3D) */
/* Corrección de sintaxis SCSS */
@keyframes preload-show-1 {
    from {
        transform: rotateZ(60deg) rotateY(-90deg) rotateX(0deg);
        border-left-color: #373388;
    }
}

@keyframes preload-hide-1 {
    to {
        transform: rotateZ(60deg) rotateY(-90deg) rotateX(0deg);
        border-left-color: #373388;
    }
}

@keyframes preload-cycle-1 {
    5% {
        transform: rotateZ(60deg) rotateY(90deg) rotateX(0deg);
        border-left-color: #373388;
    }

    10%,
    75% {
        transform: rotateZ(60deg) rotateY(0) rotateX(0deg);
        border-left-color: #6F6DDE;
    }

    80%,
    100% {
        transform: rotateZ(60deg) rotateY(90deg) rotateX(0deg);
        border-left-color: #373388;
    }
}

/* Corrección de sintaxis SCSS */
@keyframes preload-show-2 {
    from {
        transform: rotateZ(120deg) rotateY(-90deg) rotateX(0deg);
        border-left-color: #373388;
    }
}

@keyframes preload-hide-2 {
    to {
        transform: rotateZ(120deg) rotateY(-90deg) rotateX(0deg);
        border-left-color: #373388;
    }
}

@keyframes preload-cycle-2 {
    10% {
        transform: rotateZ(120deg) rotateY(90deg) rotateX(0deg);
        border-left-color: #373388;
    }

    15%,
    70% {
        transform: rotateZ(120deg) rotateY(0) rotateX(0deg);
        border-left-color: #6F6DDE;
    }

    75%,
    100% {
        transform: rotateZ(120deg) rotateY(90deg) rotateX(0deg);
        border-left-color: #373388;
    }
}

/* Corrección de sintaxis SCSS */
@keyframes preload-show-3 {
    from {
        transform: rotateZ(180deg) rotateY(-90deg) rotateX(0deg);
        border-left-color: #373388;
    }
}

@keyframes preload-hide-3 {
    to {
        transform: rotateZ(180deg) rotateY(-90deg) rotateX(0deg);
        border-left-color: #373388;
    }
}

@keyframes preload-cycle-3 {
    15% {
        transform: rotateZ(180deg) rotateY(90deg) rotateX(0deg);
        border-left-color: #373388;
    }

    20%,
    65% {
        transform: rotateZ(180deg) rotateY(0) rotateX(0deg);
        border-left-color: #6F6DDE;
    }

    70%,
    100% {
        transform: rotateZ(180deg) rotateY(90deg) rotateX(0deg);
        border-left-color: #373388;
    }
}

/* Corrección de sintaxis SCSS */
@keyframes preload-show-4 {
    from {
        transform: rotateZ(240deg) rotateY(-90deg) rotateX(0deg);
        border-left-color: #373388;
    }
}

@keyframes preload-hide-4 {
    to {
        transform: rotateZ(240deg) rotateY(-90deg) rotateX(0deg);
        border-left-color: #373388;
    }
}

@keyframes preload-cycle-4 {
    20% {
        transform: rotateZ(240deg) rotateY(90deg) rotateX(0deg);
        border-left-color: #373388;
    }

    25%,
    60% {
        transform: rotateZ(240deg) rotateY(0) rotateX(0deg);
        border-left-color: #6F6DDE;
    }

    65%,
    100% {
        transform: rotateZ(240deg) rotateY(90deg) rotateX(0deg);
        border-left-color: #373388;
    }
}

/* Corrección de sintaxis SCSS */
@keyframes preload-show-5 {
    from {
        transform: rotateZ(300deg) rotateY(-90deg) rotateX(0deg);
        border-left-color: #373388;
    }
}

@keyframes preload-hide-5 {
    to {
        transform: rotateZ(300deg) rotateY(-90deg) rotateX(0deg);
        border-left-color: #373388;
    }
}

@keyframes preload-cycle-5 {
    25% {
        transform: rotateZ(300deg) rotateY(90deg) rotateX(0deg);
        border-left-color: #373388;
    }

    30%,
    55% {
        transform: rotateZ(300deg) rotateY(0) rotateX(0deg);
        border-left-color: #6F6DDE;
    }

    60%,
    100% {
        transform: rotateZ(300deg) rotateY(90deg) rotateX(0deg);
        border-left-color: #373388;
    }
}

/* Corrección de sintaxis SCSS */
@keyframes preload-show-6 {
    from {
        transform: rotateZ(360deg) rotateY(-90deg) rotateX(0deg);
        border-left-color: #373388;
    }
}

@keyframes preload-hide-6 {
    to {
        transform: rotateZ(360deg) rotateY(-90deg) rotateX(0deg);
        border-left-color: #373388;
    }
}

@keyframes preload-cycle-6 {
    30% {
        transform: rotateZ(360deg) rotateY(90deg) rotateX(0deg);
        border-left-color: #373388;
    }

    35%,
    50% {
        transform: rotateZ(360deg) rotateY(0) rotateX(0deg);
        border-left-color: #6F6DDE;
    }

    55%,
    100% {
        transform: rotateZ(360deg) rotateY(90deg) rotateX(0deg);
        border-left-color: #373388;
    }
}

@keyframes preload-flip {
    0% {
        transform: rotateY(0deg) rotateZ(-60deg);
    }

    100% {
        transform: rotateY(360deg) rotateZ(-60deg);
    }
}

.preloader {
    position: relative;
    font-size: 20px;
    display: block;
    width: 3.75em;
    height: 4.25em;
    transform-origin: center center;
    transform: rotateY(180deg) rotateZ(-60deg);
}

.preloader .slice {
    border-top: 1.125em solid transparent;
    border-right: none;
    border-bottom: 1em solid transparent;
    border-left: 1.875em solid #6F6DDE;
    position: absolute;
    top: 0px;
    left: 50%;
    transform-origin: left bottom;
    border-radius: 3px 3px 0 0;
}

.preloader .slice:nth-child(1) {
    transform: rotateZ(60deg) rotateY(0deg) rotateX(0);
    animation: 0.15s linear 0.82s preload-hide-1 both 1;
}

.preloader .slice:nth-child(2) {
    transform: rotateZ(120deg) rotateY(0deg) rotateX(0);
    animation: 0.15s linear 0.74s preload-hide-2 both 1;
}

.preloader .slice:nth-child(3) {
    transform: rotateZ(180deg) rotateY(0deg) rotateX(0);
    animation: 0.15s linear 0.66s preload-hide-3 both 1;
}

.preloader .slice:nth-child(4) {
    transform: rotateZ(240deg) rotateY(0deg) rotateX(0);
    animation: 0.15s linear 0.58s preload-hide-4 both 1;
}

.preloader .slice:nth-child(5) {
    transform: rotateZ(300deg) rotateY(0deg) rotateX(0);
    animation: 0.15s linear 0.5s preload-hide-5 both 1;
}

.preloader .slice:nth-child(6) {
    transform: rotateZ(360deg) rotateY(0deg) rotateX(0);
    animation: 0.15s linear 0.42s preload-hide-6 both 1;
}

.preloader.loading {
    animation: 2s preload-flip steps(2) infinite both;
}

.preloader.loading .slice:nth-child(1) {
    transform: rotateZ(60deg) rotateY(90deg) rotateX(0);
    animation: 2s preload-cycle-1 linear infinite both;
}

.preloader.loading .slice:nth-child(2) {
    transform: rotateZ(120deg) rotateY(90deg) rotateX(0);
    animation: 2s preload-cycle-2 linear infinite both;
}

.preloader.loading .slice:nth-child(3) {
    transform: rotateZ(180deg) rotateY(90deg) rotateX(0);
    animation: 2s preload-cycle-3 linear infinite both;
}

.preloader.loading .slice:nth-child(4) {
    transform: rotateZ(240deg) rotateY(90deg) rotateX(0);
    animation: 2s preload-cycle-4 linear infinite both;
}

.preloader.loading .slice:nth-child(5) {
    transform: rotateZ(300deg) rotateY(90deg) rotateX(0);
    animation: 2s preload-cycle-5 linear infinite both;
}

.preloader.loading .slice:nth-child(6) {
    transform: rotateZ(360deg) rotateY(90deg) rotateX(0);
    animation: 2s preload-cycle-6 linear infinite both;
}

/*# sourceMappingURL=styles-valbunch.css.map */
/* Preloader Styles (Final) */