.elementor-kit-39{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-3856d5c:#FFFFFF;--e-global-color-f65563b:#EA0000;--e-global-color-6bdc196:#000000;--e-global-color-0c72c22:#FF0D0D;--e-global-color-c266f9c:#011D5A;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;--e-global-typography-f99b4c3-font-family:"Koulen";--e-global-typography-f99b4c3-font-size:49px;--e-global-typography-f99b4c3-font-weight:900;--e-global-typography-f99b4c3-letter-spacing:-1.2px;--e-global-typography-ac1aefb-font-family:"Helvetica";--e-global-typography-ac1aefb-font-weight:900;}.elementor-kit-39 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ==========================
   RED METALLIC BUTTON
   ========================== */

.metal-btn{
    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    cursor:pointer;

    padding:16px 38px;
    border-radius:12px;
    border:none;

    color:#ffffff !important;
    font-weight:700;
    letter-spacing:1px;
    text-transform:uppercase;

    background:linear-gradient(
        135deg,
        #3a0000 0%,
        #7a0000 15%,
        #ff1a1a 35%,
        #ffffff 50%,
        #ff1a1a 65%,
        #7a0000 85%,
        #3a0000 100%
    );

    background-size:300% 300%;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.5),
        inset 0 -2px 4px rgba(0,0,0,.5),
        0 8px 20px rgba(255,0,0,.35);

    transition:
        transform .45s ease,
        box-shadow .45s ease,
        background .6s ease;

    animation:redMetalFlow 6s linear infinite;
}

/* Brillo deslizante */
.metal-btn::before{
    content:'';
    position:absolute;
    top:-50%;
    left:-100%;
    width:60%;
    height:200%;

    background:linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.6),
        transparent
    );

    transform:rotate(25deg);

    animation:shineMove 4s infinite;
    pointer-events:none;
}

/* Reflejo inferior */
.metal-btn::after{
    content:'';
    position:absolute;
    inset:0;
    border-radius:inherit;

    background:linear-gradient(
        to bottom,
        rgba(255,255,255,.25),
        transparent 30%,
        transparent 70%,
        rgba(0,0,0,.25)
    );

    pointer-events:none;
}

/* ==========================
   HOVER BLUE METALLIC
   ========================== */

.metal-btn:hover{
    background:linear-gradient(
        135deg,
        #001b3f 0%,
        #004a9f 15%,
        #33b8ff 35%,
        #ffffff 50%,
        #33b8ff 65%,
        #004a9f 85%,
        #001b3f 100%
    );

    background-size:300% 300%;

    transform:
        translateY(-8px)
        rotate(-4deg)
        scale(1.05);

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.6),
        inset 0 -2px 4px rgba(0,0,0,.5),
        0 15px 35px rgba(0,170,255,.55);

    animation:blueMetalFlow 2.5s linear infinite;
}

/* Brillo más rápido en hover */
.metal-btn:hover::before{
    animation:shineMove 1.2s infinite;
}

/* Click */
.metal-btn:active{
    transform:
        translateY(-2px)
        rotate(-2deg)
        scale(.98);
}

/* ==========================
   ANIMATIONS
   ========================== */

@keyframes redMetalFlow{
    0%{
        background-position:0% 50%;
    }
    50%{
        background-position:100% 50%;
    }
    100%{
        background-position:0% 50%;
    }
}

@keyframes blueMetalFlow{
    0%{
        background-position:0% 50%;
    }
    50%{
        background-position:100% 50%;
    }
    100%{
        background-position:0% 50%;
    }
}

@keyframes shineMove{
    0%{
        left:-120%;
    }
    100%{
        left:180%;
    }
}/* End custom CSS */