.elementor-1708 .elementor-element.elementor-element-8065629 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1708 .elementor-element.elementor-element-1a86307 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1708 .elementor-element.elementor-element-42513ac > .elementor-widget-container{margin:-48px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1708 .elementor-element.elementor-element-42513ac .elementor-button{border-radius:10px 10px 10px 10px;}#elementor-popup-modal-1708{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-1708 .dialog-message{width:640px;height:auto;}#elementor-popup-modal-1708 .dialog-close-button{display:flex;}#elementor-popup-modal-1708 .dialog-widget-content{box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}/* Start custom CSS for image, class: .elementor-element-1a86307 *//* ==========================================
   WMP AUTUMN LEAVES - SOFT VERSION
   Hojas suaves + viento natural
   Para widget Imagen de Elementor
   ========================================== */

.elementor-1708 .elementor-element.elementor-element-1a86307 {

    --wmp-leaf-pattern: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='360' height='460' viewBox='0 0 360 460'%3E%3Cg stroke='%23844a15' stroke-width='1.2' stroke-linejoin='round'%3E%3Cpath d='M0 -29L8 -15L19 -22L14 -7L29 -2L15 8L21 18L7 15L0 30L-7 15L-21 18L-15 8L-29 -2L-14 -7L-19 -22L-8 -15Z' fill='%23e99a32' transform='translate(48 55) rotate(-20) scale(.85)'/%3E%3Cpath d='M0 -24C14 -30 20 -15 14 -7C31 1 17 12 8 13L0 29L-8 13C-17 12 -31 1 -14 -7C-20 -15 -14 -30 0 -24Z' fill='%23c65a24' transform='translate(244 123) rotate(48) scale(.75)'/%3E%3Cpath d='M0 -29L8 -15L19 -22L14 -7L29 -2L15 8L21 18L7 15L0 30L-7 15L-21 18L-15 8L-29 -2L-14 -7L-19 -22L-8 -15Z' fill='%23e9be58' transform='translate(115 224) rotate(76) scale(.7)'/%3E%3Cpath d='M0 -24C14 -30 20 -15 14 -7C31 1 17 12 8 13L0 29L-8 13C-17 12 -31 1 -14 -7C-20 -15 -14 -30 0 -24Z' fill='%23dc7c2a' transform='translate(311 303) rotate(-34) scale(.82)'/%3E%3Cpath d='M0 -29L8 -15L19 -22L14 -7L29 -2L15 8L21 18L7 15L0 30L-7 15L-21 18L-15 8L-29 -2L-14 -7L-19 -22L-8 -15Z' fill='%23d96935' transform='translate(65 399) rotate(24) scale(.65)'/%3E%3C/g%3E%3C/svg%3E");

    /* Personalización */
    --wmp-leaf-opacity-1: .65;
    --wmp-leaf-opacity-2: .40;

    --wmp-leaf-width-1: 360px;
    --wmp-leaf-height-1: 460px;

    --wmp-leaf-width-2: 500px;
    --wmp-leaf-height-2: 638.89px;
}


/* CONTENEDOR DE LA IMAGEN */

.elementor-1708 .elementor-element.elementor-element-1a86307 .elementor-widget-container {

    position: relative !important;
    overflow: hidden !important;
    isolation: isolate;
}


/* DOS CAPAS DE HOJAS */

.elementor-1708 .elementor-element.elementor-element-1a86307 .elementor-widget-container::before,
.elementor-1708 .elementor-element.elementor-element-1a86307 .elementor-widget-container::after {

    content: "";
    position: absolute;
    inset: 0;

    z-index: 5;
    pointer-events: none;

    background-image: var(--wmp-leaf-pattern);
    background-repeat: repeat;

    border-radius: inherit;

    will-change: background-position;
}


/* CAPA PRINCIPAL */

.elementor-1708 .elementor-element.elementor-element-1a86307 .elementor-widget-container::before {

    background-size:
        var(--wmp-leaf-width-1)
        var(--wmp-leaf-height-1);

    opacity: var(--wmp-leaf-opacity-1);

    animation:
        wmpAutumnSoftFall1
        16s linear infinite;
}


/* CAPA SECUNDARIA MÁS SUAVE */

.elementor-1708 .elementor-element.elementor-element-1a86307 .elementor-widget-container::after {

    background-size:
        var(--wmp-leaf-width-2)
        var(--wmp-leaf-height-2);

    opacity: var(--wmp-leaf-opacity-2);

    animation:
        wmpAutumnSoftFall2
        22s linear infinite;
}


/* ==========================================
   CAÍDA NATURAL CON VIENTO
   CAPA PRINCIPAL
   ========================================== */

@keyframes wmpAutumnSoftFall1 {

    0% {
        background-position:
            0 calc(-1 * var(--wmp-leaf-height-1));
    }

    25% {
        background-position:
            12px calc(-.75 * var(--wmp-leaf-height-1));
    }

    50% {
        background-position:
            -8px calc(-.5 * var(--wmp-leaf-height-1));
    }

    75% {
        background-position:
            14px calc(-.25 * var(--wmp-leaf-height-1));
    }

    100% {
        background-position:
            0 0;
    }
}


/* ==========================================
   CAPA SECUNDARIA
   ========================================== */

@keyframes wmpAutumnSoftFall2 {

    0% {
        background-position:
            0 calc(-1 * var(--wmp-leaf-height-2));
    }

    25% {
        background-position:
            -10px calc(-.75 * var(--wmp-leaf-height-2));
    }

    50% {
        background-position:
            15px calc(-.5 * var(--wmp-leaf-height-2));
    }

    75% {
        background-position:
            -7px calc(-.25 * var(--wmp-leaf-height-2));
    }

    100% {
        background-position:
            0 0;
    }
}


/* ==========================================
   MOBILE
   ========================================== */

@media (max-width: 767px) {

    .elementor-1708 .elementor-element.elementor-element-1a86307 {

        --wmp-leaf-opacity-1: .45;
        --wmp-leaf-opacity-2: .18;

        --wmp-leaf-width-1: 290px;
        --wmp-leaf-height-1: 370.56px;

        --wmp-leaf-width-2: 410px;
        --wmp-leaf-height-2: 523.89px;
    }

    .elementor-1708 .elementor-element.elementor-element-1a86307 .elementor-widget-container::before {
        animation-duration: 19s;
    }

    .elementor-1708 .elementor-element.elementor-element-1a86307 .elementor-widget-container::after {
        animation-duration: 25s;
    }
}


/* REDUCIR MOVIMIENTO */

@media (prefers-reduced-motion: reduce) {

    .elementor-1708 .elementor-element.elementor-element-1a86307 .elementor-widget-container::before,
    .elementor-1708 .elementor-element.elementor-element-1a86307 .elementor-widget-container::after {

        animation: none !important;
        opacity: 0 !important;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-42513ac *//* ===================================================
   WMP AUTUMN BLUE & GOLD BUTTON
   Degradado + viento + hojas + explosión hover
   =================================================== */

/* =========================================
   CONFIGURACIÓN DE HOJAS
   ========================================= */

.elementor-1708 .elementor-element.elementor-element-42513ac {

    overflow: visible !important;

    --wmp-leaf-orange:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M20 2l4 10 9-6-2 10 7 4-8 5 2 9-10-4-2 8-2-8-10 4 2-9-8-5 7-4-2-10 9 6z' fill='%23f47c16' stroke='%238c3900' stroke-width='1.5'/%3E%3C/svg%3E");

    --wmp-leaf-gold:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M20 2l4 10 9-6-2 10 7 4-8 5 2 9-10-4-2 8-2-8-10 4 2-9-8-5 7-4-2-10 9 6z' fill='%23ffcf40' stroke='%23aa6400' stroke-width='1.5'/%3E%3C/svg%3E");

    --wmp-leaf-red:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M20 2l4 10 9-6-2 10 7 4-8 5 2 9-10-4-2 8-2-8-10 4 2-9-8-5 7-4-2-10 9 6z' fill='%23c73d19' stroke='%23752b07' stroke-width='1.5'/%3E%3C/svg%3E");

    /* Patrón de hojas para caída permanente */

    --wmp-autumn-rain:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='160' viewBox='0 0 240 160'%3E%3Cdefs%3E%3Cpath id='l' d='M0 -13L4 -6L11 -9L8 -2L15 2L8 6L10 13L3 10L0 17L-3 10L-10 13L-8 6L-15 2L-8 -2L-11 -9L-4 -6Z'/%3E%3C/defs%3E%3Cg stroke='%23804a09' stroke-width='1'%3E%3Cuse href='%23l' transform='translate(22 28) rotate(30)' fill='%23ffb22c'/%3E%3Cuse href='%23l' transform='translate(86 91) rotate(-43) scale(.8)' fill='%23d9571b'/%3E%3Cuse href='%23l' transform='translate(166 41) rotate(75) scale(1.1)' fill='%23ffd45c'/%3E%3Cuse href='%23l' transform='translate(218 117) rotate(-15)' fill='%23ec8520'/%3E%3Cuse href='%23l' transform='translate(135 143) rotate(42) scale(.7)' fill='%23b84917'/%3E%3Cuse href='%23l' transform='translate(52 137) rotate(-70) scale(.8)' fill='%23f6bf37'/%3E%3C/g%3E%3C/svg%3E");
}

.elementor-1708 .elementor-element.elementor-element-42513ac .elementor-widget-container {
    overflow: visible !important;
}


/* =========================================
   BOTÓN CON DEGRADADO AZUL Y DORADO
   ========================================= */

.elementor-1708 .elementor-element.elementor-element-42513ac .elementor-button {

    position: relative !important;

    overflow: visible !important;

    isolation: isolate;

    background-image: linear-gradient(
        110deg,

        #031a45 0%,
        #0753a4 10%,
        #0f80e5 18%,
        #51beff 25%,

        #bd7900 30%,
        #f2b023 36%,
        #ffe071 43%,
        #fff1ad 49%,

        #d9940b 55%,
        #0866c0 63%,
        #3caff8 72%,

        #d79004 79%,
        #ffd247 86%,
        #ffe995 92%,
        #05306d 100%

    ) !important;

    background-size: 175% 100% !important;

    background-position: 0% 50%;

    background-repeat: no-repeat;

    border: 1px solid rgba(255,213,100,.75) !important;

    color: #ffffff !important;

    box-shadow:
        inset 0 2px 2px rgba(255,255,255,.42),
        inset 0 -3px 4px rgba(0,20,60,.25),
        0 5px 14px rgba(0,50,130,.30),
        0 0 12px rgba(246,184,52,.22);

    animation:
        wmpAutumnGoldGradient
        9s ease-in-out infinite !important;

    transition:
        transform .35s ease,
        filter .35s ease,
        box-shadow .35s ease !important;
}


/* =========================================
   HOJAS QUE BROTAN DEL BOTÓN

   Invisibles normalmente.
   Aparecen al colocar el puntero.
   ========================================= */

.elementor-1708 .elementor-element.elementor-element-42513ac .elementor-button::before {

    content: "";

    position: absolute;

    inset: -110% -28%;

    z-index: 4;

    pointer-events: none;

    opacity: 0;

    background-image:
        var(--wmp-leaf-orange),
        var(--wmp-leaf-gold),
        var(--wmp-leaf-red),
        var(--wmp-leaf-orange),
        var(--wmp-leaf-gold),
        var(--wmp-leaf-red),
        var(--wmp-leaf-orange),
        var(--wmp-leaf-gold),
        var(--wmp-leaf-red),
        var(--wmp-leaf-orange),
        var(--wmp-leaf-gold),
        var(--wmp-leaf-red);

    background-size:
        27px 27px,
        22px 22px,
        30px 30px,
        19px 19px,
        25px 25px,
        21px 21px,
        28px 28px,
        20px 20px,
        26px 26px,
        23px 23px,
        29px 29px,
        18px 18px;

    background-repeat: no-repeat;

    background-position:
        50% 50%,
        50% 50%,
        50% 50%,
        50% 50%,
        50% 50%,
        50% 50%,
        50% 50%,
        50% 50%,
        50% 50%,
        50% 50%,
        50% 50%,
        50% 50%;
}


/* =========================================
   HOVER: HOJAS BROTANDO
   ========================================= */

.elementor-1708 .elementor-element.elementor-element-42513ac .elementor-button:hover::before,
.elementor-1708 .elementor-element.elementor-element-42513ac .elementor-button:focus-visible::before {

    animation:
        wmpAutumnLeavesBurst
        3.4s
        ease-in-out
        infinite;
}


/* =========================================
   CAÍDA DE HOJAS + HAZ DE LUZ
   ========================================= */

.elementor-1708 .elementor-element.elementor-element-42513ac .elementor-button::after {

    content: "";

    position: absolute;
    inset: 0;

    z-index: 1;
    pointer-events: none;

    border-radius: inherit;

    background-image:

        var(--wmp-autumn-rain),

        var(--wmp-autumn-rain),

        /* Haz luminoso */
        linear-gradient(
            110deg,
            transparent 0%,
            transparent 40%,
            rgba(255,255,255,.08) 44%,
            rgba(255,237,172,.48) 48%,
            rgba(255,255,255,.96) 50%,
            rgba(255,237,172,.48) 52%,
            rgba(255,255,255,.08) 56%,
            transparent 60%,
            transparent 100%
        ),

        /* Brillo cristalino */
        linear-gradient(
            180deg,
            rgba(255,255,255,.25),
            transparent 58%,
            rgba(0,0,0,.12)
        );

    background-size:
        240px 160px,
        340px 227px,
        250% 100%,
        100% 100%;

    background-repeat:
        repeat,
        repeat,
        no-repeat,
        no-repeat;

    background-position:
        0 -160px,
        65px -227px,
        150% 50%,
        0 0;

    /* Mantiene las hojas y el haz dentro del botón */

    clip-path: inset(0 round 8px);

    animation:
        wmpAutumnWindBeam
        11s linear infinite;
}


/* TEXTO E ICONO POR ENCIMA */

.elementor-1708 .elementor-element.elementor-element-42513ac .elementor-button-content-wrapper,
.elementor-1708 .elementor-element.elementor-element-42513ac .elementor-button-text,
.elementor-1708 .elementor-element.elementor-element-42513ac .elementor-button-icon {

    position: relative;
    z-index: 5;
}

.elementor-1708 .elementor-element.elementor-element-42513ac .elementor-button-text {

    color: #ffffff !important;

    text-shadow:
        0 1px 2px rgba(0,0,0,.85),
        0 0 4px rgba(0,0,0,.4);
}


/* =========================================
   ANIMACIÓN DEL DEGRADADO
   ========================================= */

@keyframes wmpAutumnGoldGradient {

    0%   { background-position: 0% 50%; }

    15%  { background-position: 78% 50%; }

    29%  { background-position: 30% 50%; }

    44%  { background-position: 100% 50%; }

    59%  { background-position: 45% 50%; }

    74%  { background-position: 12% 50%; }

    88%  { background-position: 82% 50%; }

    100% { background-position: 0% 50%; }
}


/* =========================================
   EXPLOSIÓN DE HOJAS EN HOVER

   Dos ráfagas por ciclo.
   Las hojas salen desde el centro y
   se dispersan en distintas direcciones.
   ========================================= */

@keyframes wmpAutumnLeavesBurst {

    0%, 50% {

        opacity: 0;

        background-position:
            50% 50%,
            50% 50%,
            50% 50%,
            50% 50%,
            50% 50%,
            50% 50%,
            50% 50%,
            50% 50%,
            50% 50%,
            50% 50%,
            50% 50%,
            50% 50%;
    }

    7%, 57% {
        opacity: 1;
    }

    17%, 67% {

        opacity: 1;

        background-position:
            30% 32%,
            67% 28%,
            18% 53%,
            81% 50%,
            38% 73%,
            63% 77%,
            46% 18%,
            57% 85%,
            26% 67%,
            74% 35%,
            39% 40%,
            61% 61%;
    }

    42%, 92% {

        opacity: 0;

        background-position:
            2% 1%,
            100% 5%,
            0% 72%,
            100% 75%,
            15% 100%,
            85% 100%,
            36% 0%,
            60% 100%,
            5% 97%,
            98% 18%,
            25% 8%,
            78% 96%;
    }

    49%, 99% {
        opacity: 0;
    }

    100% {

        opacity: 0;

        background-position:
            50% 50%,
            50% 50%,
            50% 50%,
            50% 50%,
            50% 50%,
            50% 50%,
            50% 50%,
            50% 50%,
            50% 50%,
            50% 50%,
            50% 50%,
            50% 50%;
    }
}


/* =========================================
   VIENTO + CAÍDA + HAZ
   ========================================= */

@keyframes wmpAutumnWindBeam {

    0% {
        background-position:
            0 -160px,
            65px -227px,
            150% 50%,
            0 0;
    }

    25% {
        background-position:
            12px -120px,
            54px -170px,
            80% 50%,
            0 0;
    }

    50% {
        background-position:
            -10px -80px,
            83px -114px,
            10% 50%,
            0 0;
    }

    75% {
        background-position:
            15px -40px,
            50px -57px,
            -60% 50%,
            0 0;
    }

    100% {
        background-position:
            0 0,
            65px 0,
            -100% 50%,
            0 0;
    }
}


/* =========================================
   EFECTO HOVER GENERAL
   ========================================= */

.elementor-1708 .elementor-element.elementor-element-42513ac .elementor-button:hover {

    transform: translateY(-3px);

    filter:
        brightness(1.10)
        saturate(1.12);

    box-shadow:
        inset 0 2px 3px rgba(255,255,255,.5),
        inset 0 -3px 5px rgba(0,20,60,.2),
        0 8px 20px rgba(4,66,145,.38),
        0 0 22px rgba(255,190,45,.45);
}


/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 767px) {

    .elementor-1708 .elementor-element.elementor-element-42513ac .elementor-button {
        background-size: 180% 100% !important;
        animation-duration: 10s !important;
    }

    .elementor-1708 .elementor-element.elementor-element-42513ac .elementor-button::after {

        background-size:
            190px 127px,
            270px 180px,
            280% 100%,
            100% 100%;

        opacity: .88;

        animation-duration: 13s;
    }

    .elementor-1708 .elementor-element.elementor-element-42513ac .elementor-button::before {

        background-size:
            20px 20px,
            18px 18px,
            23px 23px,
            16px 16px,
            19px 19px,
            17px 17px,
            22px 22px,
            16px 16px,
            20px 20px,
            18px 18px,
            22px 22px,
            16px 16px;
    }
}


/* =========================================
   REDUCIR MOVIMIENTO
   ========================================= */

@media (prefers-reduced-motion: reduce) {

    .elementor-1708 .elementor-element.elementor-element-42513ac .elementor-button,
    .elementor-1708 .elementor-element.elementor-element-42513ac .elementor-button::before,
    .elementor-1708 .elementor-element.elementor-element-42513ac .elementor-button::after {

        animation: none !important;
    }

    .elementor-1708 .elementor-element.elementor-element-42513ac .elementor-button::before {
        opacity: 0 !important;
    }
}/* End custom CSS */