.elementor-2771 .elementor-element.elementor-element-b9b2cb5.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-2771 .elementor-element.elementor-element-e61066f{margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}:root{--page-title-display:none;}/* Start custom CSS *//* ==================================================
   123 TÚ Y YO · PÁGINA 3
   EL IMPULSO
   ================================================== */


/* ==================================================
   OCULTAR HEADER DEL TEMA
   ================================================== */

#site-header,
.site-header,
#masthead {
    display: none !important;
}


/* ==================================================
   BASE GLOBAL
   ================================================== */

html,
body {
    overflow-x: clip;
}


.aurora-page {
    position: relative;

    width: 100%;
    min-height: 100vh;

    overflow: clip;
}


/* ==================================================
   PÁGINA 3 · EL IMPULSO
   ================================================== */

.impulse-page {

    background:

        /* verde aurora superior izquierda */
        radial-gradient(
            circle at 5% 8%,
            rgba(118, 190, 154, 0.34) 0%,
            rgba(118, 190, 154, 0.13) 23%,
            rgba(118, 190, 154, 0) 47%
        ),

        /* nude superior derecha */
        radial-gradient(
            circle at 92% 16%,
            rgba(224, 188, 166, 0.38) 0%,
            rgba(224, 188, 166, 0.13) 24%,
            rgba(224, 188, 166, 0) 49%
        ),

        /* aurora central */
        radial-gradient(
            ellipse at 72% 49%,
            rgba(133, 201, 168, 0.23) 0%,
            rgba(133, 201, 168, 0.07) 28%,
            rgba(133, 201, 168, 0) 54%
        ),

        /* nude inferior */
        radial-gradient(
            circle at 15% 77%,
            rgba(216, 178, 154, 0.23) 0%,
            rgba(216, 178, 154, 0.07) 27%,
            rgba(216, 178, 154, 0) 50%
        ),

        /* base */
        linear-gradient(
            145deg,
            #F2F7F3 0%,
            #F6F1EC 30%,
            #EDF5F0 57%,
            #F5EEE8 79%,
            #EFF5F1 100%
        ) !important;
}


/* ==================================================
   BARRA DEL LOGO
   ================================================== */

.aurora-brandbar {
    position: relative;

    border-bottom:
        1px solid rgba(38, 52, 46, 0.08);
}


/* ==================================================
   MÓVIL
   ================================================== */

@media (max-width: 767px) {

    .impulse-page {

        background:

            radial-gradient(
                circle at 0% 7%,
                rgba(118, 190, 154, 0.30) 0%,
                rgba(118, 190, 154, 0) 40%
            ),

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

            radial-gradient(
                circle at 5% 67%,
                rgba(133, 201, 168, 0.18) 0%,
                rgba(133, 201, 168, 0) 42%
            ),

            linear-gradient(
                160deg,
                #F2F7F3 0%,
                #F5EFEA 35%,
                #EDF5F0 68%,
                #F5EFEA 100%
            ) !important;
    }

}


/* TEXTO ESCRITO DENTRO DE LOS CAMPOS */
.impulse-form input,
.impulse-form textarea,
.impulse-form select {
    color: #26342E !important;
}

/* PLACEHOLDER: Nombre, Apellidos, tu@mail.com... */
.impulse-form input::placeholder,
.impulse-form textarea::placeholder {
    color: #26342E !important;
    opacity: 0.72 !important;
}

/* TEXTO DEL DESPLEGABLE */
.impulse-form select,
.impulse-form option {
    color: #26342E !important;
}

/* ENLACES DENTRO DEL FORMULARIO */
.impulse-form a,
.impulse-form a:visited {
    color: #4F7C68 !important;
    -webkit-text-fill-color: #4F7C68 !important;

    text-decoration: underline !important;
    text-decoration-color: rgba(79,124,104,.45) !important;
    text-underline-offset: 3px !important;
}

/* ==========================================
   FORM AREA · DECORACIÓN ESCRITORIO
   ========================================== */

.form-area{
    position:relative;
    overflow:hidden;
    isolation:isolate;
}


/* SOLO ESCRITORIO */
@media (min-width:1025px){

    .form-area{

        /* Pequeños nodos + halos de fondo */
        background:

            /* nodos verdes izquierda */
            radial-gradient(
                circle at 14% 34%,
                rgba(111,168,135,.65) 0 5px,
                transparent 6px
            ),

            radial-gradient(
                circle at 20% 69%,
                rgba(111,168,135,.38) 0 3px,
                transparent 4px
            ),

            /* nodos nude derecha */
            radial-gradient(
                circle at 86% 31%,
                rgba(190,145,116,.55) 0 5px,
                transparent 6px
            ),

            radial-gradient(
                circle at 80% 72%,
                rgba(190,145,116,.34) 0 3px,
                transparent 4px
            ),

            /* halo verde */
            radial-gradient(
                circle at 7% 57%,
                rgba(143,201,176,.18) 0%,
                rgba(143,201,176,.07) 20%,
                transparent 38%
            ),

            /* halo nude */
            radial-gradient(
                circle at 94% 45%,
                rgba(216,178,154,.18) 0%,
                rgba(216,178,154,.06) 21%,
                transparent 39%
            );
    }


    /* ======================================
       ÓRBITA IZQUIERDA
       ====================================== */

    .form-area::before{
        content:"";

        position:absolute;

        width:470px;
        height:470px;

        left:-245px;
        top:43%;

        transform:translateY(-50%);

        border-radius:50%;

        border:1px solid rgba(111,168,135,.38);

        box-shadow:
            0 0 0 34px rgba(111,168,135,.025),
            inset 0 0 0 52px rgba(111,168,135,.025);

        pointer-events:none;

        z-index:0;
    }


    /* ======================================
       ÓRBITA DERECHA
       ====================================== */

    .form-area::after{
        content:"";

        position:absolute;

        width:430px;
        height:430px;

        right:-215px;
        top:26%;

        border-radius:50%;

        border:1px solid rgba(190,145,116,.38);

        box-shadow:
            0 0 0 30px rgba(216,178,154,.025),
            inset 0 0 0 48px rgba(216,178,154,.025);

        pointer-events:none;

        z-index:0;
    }

}


html,
body{
    width:100%;
    max-width:100%;
    overflow-x:clip;
}

.aurora-page{
    position:relative;
    width:100%;
    max-width:100%;
    min-height:100vh;
    margin:0;
    padding:0;
    overflow:clip;
}

.aurora-page,
.aurora-page *{
    box-sizing:border-box;
}


/* ==========================================
   TRANSICIÓN HERO → DOS CAMINOS
   ========================================== */

.impulse-paths-section{
    position:relative;

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.20) 0%,
            rgba(255,255,255,.10) 120px,
            rgba(255,255,255,0) 300px
        );
}


/* LÍNEA DE SEPARACIÓN SUTIL */

.impulse-paths-section::before{
    content:"";

    position:absolute;

    top:0;
    left:60px;
    right:60px;

    height:1px;

    background:linear-gradient(
        90deg,
        transparent 0%,
        rgba(111,168,135,.18) 22%,
        rgba(111,168,135,.26) 43%,
        rgba(216,178,154,.24) 60%,
        rgba(216,178,154,.16) 80%,
        transparent 100%
    );

    pointer-events:none;
}


/* MÓVIL */

@media(max-width:767px){

    .impulse-paths-section::before{
        left:24px;
        right:24px;
    }

}



/* =====================================================
   PAGE 3 · EL IMPULSO
   DECORACIÓN GLOBAL
   ===================================================== */

.impulse-page{
    position:relative;
    isolation:isolate;
}


/* Todo el contenido siempre por encima */
.impulse-page > *{
    position:relative;
    z-index:2;
}


/* =====================================================
   GRAN TRAYECTORIA VERDE
   ===================================================== */

@media(min-width:1025px){

    .impulse-page::before{
        content:"";

        position:absolute;

        width:1050px;
        height:620px;

        left:-520px;
        top:1250px;

        border-radius:50%;

        border:1px solid rgba(111,168,135,.16);

        transform:rotate(-18deg);

        box-shadow:
            0 0 0 55px rgba(111,168,135,.018),
            0 0 0 120px rgba(111,168,135,.012);

        pointer-events:none;

        z-index:0;
    }


    /* =================================================
       GRAN TRAYECTORIA NUDE
       ================================================= */

    .impulse-page::after{
        content:"";

        position:absolute;

        width:980px;
        height:570px;

        right:-500px;
        top:2450px;

        border-radius:50%;

        border:1px solid rgba(190,145,116,.15);

        transform:rotate(17deg);

        box-shadow:
            0 0 0 50px rgba(216,178,154,.018),
            0 0 0 110px rgba(216,178,154,.012);

        pointer-events:none;

        z-index:0;
    }

}/* End custom CSS */