.elementor-kit-160{--e-global-color-primary:#1E2228;--e-global-color-secondary:#F27507;--e-global-color-text:#6E6D7A;--e-global-color-accent:#FFFFFF;--e-global-color-43dfaa0:#05AFF2;--e-global-typography-primary-font-family:"Montserrat";--e-global-typography-primary-font-size:60px;--e-global-typography-primary-font-weight:800;--e-global-typography-primary-line-height:1.2em;--e-global-typography-secondary-font-family:"Montserrat";--e-global-typography-secondary-font-size:36px;--e-global-typography-secondary-font-weight:700;--e-global-typography-secondary-line-height:1.4em;--e-global-typography-text-font-family:"Montserrat";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.7em;--e-global-typography-accent-font-family:"Montserrat";--e-global-typography-accent-font-size:16px;--e-global-typography-accent-font-weight:600;--e-global-typography-accent-line-height:1em;--e-global-typography-8d00963-font-family:"Montserrat";--e-global-typography-8d00963-font-size:24px;--e-global-typography-8d00963-font-weight:700;--e-global-typography-8d00963-line-height:1.4em;--e-global-typography-642fbdb-font-family:"Montserrat";--e-global-typography-642fbdb-font-size:15px;--e-global-typography-642fbdb-font-weight:600;--e-global-typography-642fbdb-text-transform:uppercase;--e-global-typography-642fbdb-text-decoration:underline;--e-global-typography-642fbdb-line-height:1.2em;--e-global-typography-642fbdb-letter-spacing:1px;--e-global-typography-1348293-font-family:"Montserrat";--e-global-typography-1348293-font-size:18px;--e-global-typography-1348293-font-weight:700;--e-global-typography-1348293-line-height:1.2em;--e-global-typography-5e96bdb-font-family:"Montserrat";--e-global-typography-5e96bdb-font-size:15px;--e-global-typography-5e96bdb-font-weight:600;--e-global-typography-5e96bdb-text-transform:uppercase;--e-global-typography-5e96bdb-line-height:1.2em;--e-global-typography-5e96bdb-letter-spacing:1px;color:#6E6D7A;font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;line-height:1.7em;}.elementor-kit-160 button,.elementor-kit-160 input[type="button"],.elementor-kit-160 input[type="submit"],.elementor-kit-160 .elementor-button{background-color:var( --e-global-color-secondary );font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:600;line-height:1em;color:var( --e-global-color-accent );padding:20px 35px 20px 35px;}.elementor-kit-160 e-page-transition{background-color:#FFBC7D;}.elementor-kit-160 a{color:#F27507;font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:600;line-height:1em;}.elementor-kit-160 h1{color:#FFFFFF;font-family:"Montserrat", Sans-serif;font-size:60px;font-weight:800;line-height:1.2em;}.elementor-kit-160 h2{color:#1E2228;font-family:"Montserrat", Sans-serif;font-size:36px;font-weight:700;line-height:1.4em;}.elementor-kit-160 h3{color:#1E2228;font-family:"Montserrat", Sans-serif;font-size:24px;font-weight:700;line-height:1.4em;}.elementor-kit-160 h4{color:#6E6D7A;font-family:"Montserrat", Sans-serif;font-size:15px;font-weight:600;text-transform:uppercase;text-decoration:underline;line-height:1.2em;letter-spacing:1px;}.elementor-kit-160 h5{color:#1E2228;font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:700;line-height:1.2em;}.elementor-kit-160 h6{color:#F27507;font-family:"Montserrat", Sans-serif;font-size:15px;font-weight:600;text-transform:uppercase;line-height:1.2em;letter-spacing:1px;}.elementor-kit-160 button:hover,.elementor-kit-160 button:focus,.elementor-kit-160 input[type="button"]:hover,.elementor-kit-160 input[type="button"]:focus,.elementor-kit-160 input[type="submit"]:hover,.elementor-kit-160 input[type="submit"]:focus,.elementor-kit-160 .elementor-button:hover,.elementor-kit-160 .elementor-button:focus{color:var( --e-global-color-secondary );}.elementor-kit-160 label{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;line-height:1.7em;}.elementor-kit-160 input:not([type="button"]):not([type="submit"]),.elementor-kit-160 textarea,.elementor-kit-160 .elementor-field-textual{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;line-height:1.7em;}.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 *//* =====================================================
   METALLIC BLUE LUXURY THEME
   Elementor Pro - Global Custom CSS
===================================================== */


/* =====================================================
   ANIMACIONES
===================================================== */

@keyframes metallic-shine {
    0% {
        background-position: -250% center;
    }
    100% {
        background-position: 250% center;
    }
}

@keyframes text-shine {
    0% {
        background-position: -200% center;
    }
    100% {
        background-position: 200% center;
    }
}

@keyframes glow-white {
    0%,100%{
        box-shadow:
        0 0 10px rgba(255,255,255,.4),
        0 0 20px rgba(255,255,255,.2);
    }

    50%{
        box-shadow:
        0 0 20px rgba(255,255,255,.9),
        0 0 40px rgba(255,255,255,.7),
        0 0 80px rgba(255,255,255,.4);
    }
}

@keyframes metal-sweep {

    0%{
        left:-150%;
    }

    100%{
        left:250%;
    }
}


/* =====================================================
   CONTENEDOR METALICO AZUL + GRIS
===================================================== */

.metal-container{

    position:relative;
    overflow:hidden;

    background:
    linear-gradient(
        135deg,
        #09182d 0%,
        #17345e 15%,
        #6b7280 35%,
        #d1d5db 50%,
        #6b7280 65%,
        #17345e 85%,
        #09182d 100%
    );

    background-size:350% 350%;

    animation: metallic-shine 7s linear infinite;

    border:1px solid rgba(255,255,255,.15);

    border-radius:20px;

    box-shadow:
    inset 0 2px 2px rgba(255,255,255,.35),
    inset 0 -2px 3px rgba(0,0,0,.4),
    0 15px 40px rgba(0,0,0,.35),
    0 0 25px rgba(120,170,255,.25);

    backdrop-filter: blur(4px);
}

.metal-container::before{

    content:"";
    position:absolute;

    top:0;
    left:-150%;

    width:80%;
    height:100%;

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

    transform:skewX(-25deg);

    animation:metal-sweep 5s linear infinite;

    pointer-events:none;
}


/* =====================================================
   CONTENEDOR METALICO AZUL OSCURO PREMIUM
===================================================== */

.metal-container-dark{

    position:relative;
    overflow:hidden;

    background:
    linear-gradient(
        135deg,
        #02060d 0%,
        #071326 8%,
        #10305a 18%,
        #2e5b9a 30%,
        #0f2b4f 42%,
        #7fa8de 50%,
        #0f2b4f 58%,
        #2e5b9a 70%,
        #10305a 82%,
        #071326 92%,
        #02060d 100%
    );

    background-size:350% 350%;

    animation: metallic-shine 6s linear infinite;

    border:1px solid rgba(255,255,255,.18);

    border-radius:20px;

    box-shadow:
        inset 0 2px 2px rgba(255,255,255,.35),
        inset 0 -2px 3px rgba(0,0,0,.4),
        0 10px 30px rgba(0,0,0,.35),
        0 0 25px rgba(46,91,154,.35);

    backdrop-filter: blur(4px);
}

.metal-container-dark::before{

    content:"";
    position:absolute;

    top:0;
    left:-150%;

    width:80%;
    height:100%;

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

    transform:skewX(-25deg);

    animation:metal-sweep 4.5s linear infinite;

    pointer-events:none;
}


/* =====================================================
   EFECTO LUJO EXTRA
===================================================== */

.metal-luxury{
    position:relative;
}

.metal-luxury::after{

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

    background:
    radial-gradient(
        circle at 20% 20%,
        rgba(255,255,255,.18),
        transparent 35%
    );

    pointer-events:none;
}


/* =====================================================
   BOTONES METALICOS AZUL OSCURO BRILLANTE
===================================================== */

.elementor-button,
button,
.wp-element-button{

    position: relative;
    overflow: hidden;

    background:
    linear-gradient(
        135deg,
        #010409 0%,
        #061120 10%,
        #12345f 25%,
        #3b6cb5 45%,
        #8fb8ff 50%,
        #3b6cb5 55%,
        #12345f 75%,
        #061120 90%,
        #010409 100%
    ) !important;

    background-size: 350% 350% !important;

    animation: metallic-shine 4s linear infinite;

    color:#ffffff !important;

    border:1px solid rgba(255,255,255,.15) !important;

    border-radius:12px;

    box-shadow:
        inset 0 2px 2px rgba(255,255,255,.35),
        inset 0 -2px 3px rgba(0,0,0,.4),
        0 8px 25px rgba(0,0,0,.35),
        0 0 20px rgba(59,108,181,.35);

    transition: all .4s ease !important;
}

/* Reflejo metálico */

.elementor-button::before,
button::before,
.wp-element-button::before{

    content:"";
    position:absolute;

    top:0;
    left:-150%;

    width:70%;
    height:100%;

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

    transform:skewX(-25deg);

    animation:metal-sweep 3.5s linear infinite;

    pointer-events:none;
}

/* Punto de brillo */

.elementor-button::after,
button::after,
.wp-element-button::after{

    content:"";
    position:absolute;

    top:-30%;
    left:-10%;

    width:50%;
    height:80%;

    background:
    radial-gradient(
        circle,
        rgba(255,255,255,.35),
        transparent 70%
    );

    pointer-events:none;
}

/* Hover blanco brillante */

.elementor-button:hover,
button:hover,
.wp-element-button:hover{

    background:
    linear-gradient(
        135deg,
        #ffffff,
        #f7f7f7,
        #ffffff,
        #f3f3f3,
        #ffffff
    ) !important;

    color:#0a2344 !important;

    transform:
        translateY(-3px)
        scale(1.03);

    animation:
        metallic-shine 1.8s linear infinite,
        glow-white 2s infinite;

    box-shadow:
        0 0 20px rgba(255,255,255,.9),
        0 0 40px rgba(255,255,255,.7),
        0 0 80px rgba(255,255,255,.4);
}


/* =====================================================
   HOVER BOTONES
===================================================== */

.elementor-button:hover,
button:hover,
.wp-element-button:hover{

    background:
    linear-gradient(
        135deg,
        #ffffff,
        #f9f9f9,
        #ffffff,
        #f1f1f1,
        #ffffff
    ) !important;

    color:#0b2346 !important;

    transform:translateY(-3px);

    animation:
    metallic-shine 2s linear infinite,
    glow-white 2s infinite;
}


/* =====================================================
   TEXTO METALICO AZUL
===================================================== */

.metal-text-blue{

    background:
    linear-gradient(
        90deg,
        #02060d,
        #10305a,
        #7fa8de,
        #ffffff,
        #7fa8de,
        #10305a,
        #02060d
    );

    background-size:350% auto;

    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;

    animation:text-shine 3.5s linear infinite;

    font-weight:700;
}


/* =====================================================
   TEXTO METALICO PREMIUM
===================================================== */

.metal-text-premium{

    background:
    linear-gradient(
        90deg,
        #02060d,
        #2e5b9a,
        #ffffff,
        #7fa8de,
        #ffffff,
        #2e5b9a,
        #02060d
    );

    background-size:350% auto;

    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;

    animation:text-shine 3s linear infinite;

    font-weight:800;
}


/* =====================================================
   TITULOS METALICOS
===================================================== */

.metal-heading{

    background:
    linear-gradient(
        90deg,
        #02060d,
        #10305a,
        #7fa8de,
        #ffffff,
        #7fa8de,
        #10305a,
        #02060d
    );

    background-size:350% auto;

    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;

    animation:text-shine 2.8s linear infinite;

    font-weight:800;

    letter-spacing:1px;
}


/* =====================================================
   TARJETAS HOVER
===================================================== */

.metal-card-hover{
    transition:all .4s ease;
}

.metal-card-hover:hover{

    transform:translateY(-8px);

    box-shadow:
    0 25px 60px rgba(0,0,0,.35),
    0 0 35px rgba(127,168,222,.45);
}/* End custom CSS */