:root{--page-title-display:none;}/* Start custom CSS */#site-header,
.site-header,
#masthead {
    display: none !important;
}

/* =========================================
   FONDO GLOBAL · EL EQUILIBRIO
   Nude + Aurora
   ========================================= */

.aurora-page {
    position: relative;
    width: 100%;
    min-height: 100vh;
    overflow: clip;

    background:
        /* Aurora verde superior izquierda */
        radial-gradient(
            circle at 8% 8%,
            rgba(132, 214, 174, 0.42) 0%,
            rgba(132, 214, 174, 0.16) 22%,
            rgba(132, 214, 174, 0) 47%
        ),

        /* Nude superior derecha */
        radial-gradient(
            circle at 92% 22%,
            rgba(224, 188, 166, 0.50) 0%,
            rgba(224, 188, 166, 0.18) 25%,
            rgba(224, 188, 166, 0) 52%
        ),

        /* Aurora suave zona media */
        radial-gradient(
            circle at 18% 55%,
            rgba(174, 225, 199, 0.30) 0%,
            rgba(174, 225, 199, 0.10) 25%,
            rgba(174, 225, 199, 0) 50%
        ),

        /* Nude zona inferior derecha */
        radial-gradient(
            circle at 88% 78%,
            rgba(218, 184, 163, 0.34) 0%,
            rgba(218, 184, 163, 0.10) 27%,
            rgba(218, 184, 163, 0) 50%
        ),

        /* Base continua */
        linear-gradient(
            180deg,
            #f9f5f1 0%,
            #f4ebe4 27%,
            #f0f4ef 53%,
            #f5eee8 76%,
            #eef4ef 100%
        );
}


/* Evita desplazamiento lateral */
html,
body {
    overflow-x: clip;
}


/* Ajuste del fondo en móvil */
@media (max-width: 767px) {

    .aurora-page {
        background:
            radial-gradient(
                circle at 0% 8%,
                rgba(132, 214, 174, 0.34) 0%,
                rgba(132, 214, 174, 0) 40%
            ),

            radial-gradient(
                circle at 100% 27%,
                rgba(224, 188, 166, 0.38) 0%,
                rgba(224, 188, 166, 0) 43%
            ),

            linear-gradient(
                180deg,
                #f9f5f1 0%,
                #f4ece5 34%,
                #f0f4ef 67%,
                #f5eee9 100%
            );
    }
}




/* BOTÓN FINAL · FLECHAS */

.aurora-next-button::after {
    content: "→  →  →";
    display: inline-block;
    margin-left: 16px;

    font-size: 16px;
    font-weight: 400;
    line-height: 1;

    opacity: 0.7;

    animation: aurora-arrow-move 1.7s ease-in-out infinite;
}

@keyframes aurora-arrow-move {
    0%,
    100% {
        transform: translateX(0);
        opacity: 0.55;
    }

    50% {
        transform: translateX(7px);
        opacity: 1;
    }
}

@media (prefers-reduced-motion: reduce) {
    .aurora-next-button::after {
        animation: none;
    }
}


.aurora-stats {
    position: relative;
    overflow: hidden;
    isolation: isolate;
}

.aurora-stats > * {
    position: relative;
    z-index: 2;
}

.aurora-stats > .stats-flow-art {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
}
 
 
/* =========================================
   VIDEO + DESCUBRIR · HALO ORGÁNICO
   ========================================= */

.aurora-video-intro {
    background-color: transparent !important;

    background-image:
        radial-gradient(
            ellipse at 47% 48%,
            rgba(139, 196, 166, 0.20) 0%,
            rgba(139, 196, 166, 0.10) 28%,
            rgba(139, 196, 166, 0) 60%
        ),

        radial-gradient(
            ellipse at 58% 52%,
            rgba(218, 177, 151, 0.18) 0%,
            rgba(218, 177, 151, 0.08) 30%,
            rgba(218, 177, 151, 0) 62%
        ) !important;

    background-repeat: no-repeat !important;
}

/* =========================================
   PREGUNTAS · CAMPO DE LUZ
   ========================================= */

.aurora-question {
    background:
        radial-gradient(
            circle at 18% 42%,
            rgba(218, 177, 151, 0.13) 0%,
            rgba(218, 177, 151, 0.06) 22%,
            rgba(218, 177, 151, 0) 42%
        ),

        radial-gradient(
            circle at 82% 42%,
            rgba(139, 196, 166, 0.14) 0%,
            rgba(139, 196, 166, 0.06) 22%,
            rgba(139, 196, 166, 0) 42%
        ),

        radial-gradient(
            ellipse at 50% 82%,
            rgba(111, 168, 135, 0.16) 0%,
            rgba(111, 168, 135, 0.07) 28%,
            rgba(111, 168, 135, 0) 58%
        ) !important;

    background-repeat: no-repeat !important;
}

/* =========================================
   NEXT STEP · PORTAL DE CONTINUIDAD
   ========================================= */

.aurora-next-step {
    background:
        radial-gradient(
            ellipse at 50% 68%,
            rgba(124, 190, 156, 0.24) 0%,
            rgba(124, 190, 156, 0.11) 26%,
            rgba(124, 190, 156, 0) 58%
        ),

        radial-gradient(
            ellipse at 72% 48%,
            rgba(218, 177, 151, 0.16) 0%,
            rgba(218, 177, 151, 0.06) 28%,
            rgba(218, 177, 151, 0) 55%
        ) !important;

    background-repeat: no-repeat !important;
}

.aurora-brandbar {
    border-bottom: 1px solid rgba(38, 52, 46, 0.08);
}/* End custom CSS */