.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-93cc509:#EC2024;--e-global-color-b6114a8:#0D5183;--e-global-color-ad39f47:#F6921E;--e-global-color-3b6f522:#1A1A1A;--e-global-color-cd319b8:#FFFFFF;--e-global-color-768457d:#52565B;--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-ebc1dd0-font-family:"Plus Jakarta Sans";--e-global-typography-ebc1dd0-font-size:clamp(3.438rem, 2.768rem + 2.551vw, 5rem);--e-global-typography-ebc1dd0-font-weight:300;--e-global-typography-ebc1dd0-line-height:1.1;--e-global-typography-f2c0ae6-font-family:"Plus Jakarta Sans";--e-global-typography-f2c0ae6-font-size:clamp(1.75rem, 1.161rem + 2.245vw, 3.125rem);--e-global-typography-f2c0ae6-font-weight:300;--e-global-typography-f2c0ae6-line-height:1.2;--e-global-typography-7c2b7de-font-family:"Plus Jakarta Sans";--e-global-typography-7c2b7de-font-size:clamp(1.875rem, 1.339rem + 2.041vw, 3.125rem);--e-global-typography-7c2b7de-font-weight:300;--e-global-typography-627ae1f-font-family:"Plus Jakarta Sans";--e-global-typography-627ae1f-font-size:clamp(1.125rem, 0.964rem + 0.612vw, 1.5rem);--e-global-typography-627ae1f-font-weight:500;--e-global-typography-7ffd762-font-family:"Plus Jakarta Sans";--e-global-typography-7ffd762-font-size:16px;--e-global-typography-7ffd762-font-weight:400;--e-global-typography-5e341ca-font-family:"Plus Jakarta Sans";--e-global-typography-5e341ca-font-size:24px;--e-global-typography-5e341ca-font-weight:500;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1400px;}.e-con{--container-max-width:1400px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-kit-6{--e-global-typography-5e341ca-font-size:20px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-6{--e-global-typography-5e341ca-font-size:18px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}:root { --red:#EC2024; --font-hero-1:clamp(3.438rem, 2.768rem + 2.551vw, 5rem); --primary:Plus Jakarta Sans; --titulos:#1A1A1A; --subtitle:clamp(1.125rem, 0.964rem + 0.612vw, 1.5rem); --blue:#0D5183; --naranja:#F6921E; }
/* Start custom CSS */@property --border-angle {
    syntax: "<angle>";
    initial-value: 105deg;
    inherits: false;
}


.primary-button .elementor-button {
    --border-angle: 160deg;
    
    /* Grosor del borde degradado */
    border: 2px solid transparent;

    /* Esquinas: superior izq., superior der., inferior der., inferior izq. */
    border-radius: 100px 0 100px 100px;

    /* Fondo interior + borde */
    background:
        linear-gradient(
            165deg,
            #0D5183 0%,
            #EC2024 90%,
            #F6921E 100%
        ) padding-box,

        linear-gradient(
            var(--border-angle),
            #0D5183 0%,
            #D7EEFF 25%,
            #EC2024 50%,
            #FFE7CA 75%,
            #F6921E 100%
        ) border-box;

    color: #ffffff;
    overflow: hidden;
    padding: 0 0 0 24px !important;
    height: 50px;
    display: flex;
    width: fit-content;
}

.primary-button .elementor-button .elementor-button-text {
    align-self: center;
}

.primary-button .elementor-button .elementor-button-icon {
    align-self: flex-start;
}

.primary-button .elementor-button:hover,
.primary-button .elementor-button:focus-visible {
    color: #ffffff;
    animation: girar-borde 2s linear infinite;
}

@keyframes girar-borde {
    from {
        --border-angle: 160deg;
    }

    to {
        --border-angle: 520deg;
    }
}

/* Accesibilidad: evita la animación si el usuario
   ha solicitado reducir el movimiento */
@media (prefers-reduced-motion: reduce) {
    .primary-button .elementor-button:hover,
    .primary-button .elementor-button:focus-visible {
        animation: none;
    }
}

.texto-gradiente-principal {
    background: linear-gradient(
        160deg,
        #0D5183 0%,
        #EC2024 50%,
        #F6921E 100%
    );

    background-clip: text;
    -webkit-background-clip: text;

    color: transparent;
    -webkit-text-fill-color: transparent;
}

.texto-gradiente-secundario {
        background: linear-gradient(
        160deg,
        #FFE3C2 0%,
        #F6921E 50%,
        #EC2024 100%
    );

    background-clip: text;
    -webkit-background-clip: text;

    color: transparent;
    -webkit-text-fill-color: transparent;
}

.liquid-glass-container {
      /* Variables fáciles de personalizar */
    --glass-blur: 22px;
    --glass-saturation: 165%;
    --glass-bg-top: rgba(255, 255, 255, 0.30);
    --glass-bg-bottom: rgba(255, 255, 255, 0.7);

    isolation: isolate;

    background: linear-gradient(
            135deg,
            var(--glass-bg-top) 0%,
            rgba(255, 255, 255, 0.18) 48%,
            var(--glass-bg-bottom) 100%
        );
  
    -webkit-backdrop-filter: blur(var(--glass-blur))saturate(var(--glass-saturation));
  
    backdrop-filter: blur(var(--glass-blur))  saturate(var(--glass-saturation));
  
    box-shadow: 0 24px 60px rgba(31, 38, 55, 0.14),
        0 8px 24px rgba(31, 38, 55, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.75),
        inset 1px 0 0 rgba(255, 255, 255, 0.28),
        inset 0 -1px 0 rgba(255, 255, 255, 0.12);
  
    transition: transform 350ms cubic-bezier(.2, .8, .2, 1),
        box-shadow 350ms ease,
        background 350ms ease;
}

.borde-degradado-azul::before {
    content: "";
    position: absolute;
    z-index: 2;
    inset: 0;

    padding: 1px;
    border-radius: inherit;
    pointer-events: none;

    background: linear-gradient(
        135deg,
        #0D5183 0%,
        #E1E1EB 33%,
        #0D5183 68%,
        #FFFFFF 100%
    );

    /* Recorta el centro y conserva solamente el borde */
    -webkit-mask:
        linear-gradient(#000 0 0) content-box,
        linear-gradient(#000 0 0);

    -webkit-mask-composite: xor;

    mask:
        linear-gradient(#000 0 0) content-box,
        linear-gradient(#000 0 0);

    mask-composite: exclude;
}

/* =====================================================
   LIQUID GLASS PARA CONTENEDORES DE ELEMENTOR
   ===================================================== */


/* -----------------------------------------------------
   OPCIÓN 1: LIQUID GLASS SUAVE
   Clase: liquid-glass-soft
   ----------------------------------------------------- */

.liquid-glass-soft {
    position: relative;
    isolation: isolate;
    overflow: hidden;

    /* Apariencia general */
    border: 1px solid rgba(255, 255, 255, 0.32);
    border-radius: 24px;

    /* Cristal translúcido */
    background:
        linear-gradient(
            135deg,
            rgba(255, 255, 255, 0.20),
            rgba(255, 255, 255, 0.08)
        );

    /* Desenfoque del fondo */
    -webkit-backdrop-filter: blur(18px) saturate(140%);
    backdrop-filter: blur(18px) saturate(140%);

    /* Profundidad */
    box-shadow:
        0 12px 35px rgba(0, 0, 0, 0.12),
        inset 0 1px 0 rgba(255, 255, 255, 0.45),
        inset 0 -1px 0 rgba(255, 255, 255, 0.08);

    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease,
        border-color 0.35s ease;
}

/* Reflejo suave superior */
.liquid-glass-soft::before {
    content: "";
    position: absolute;
    z-index: -1;
    pointer-events: none;

    top: 0;
    left: 0;
    width: 100%;
    height: 55%;

    border-radius: inherit;

    background:
        linear-gradient(
            180deg,
            rgba(255, 255, 255, 0.20),
            rgba(255, 255, 255, 0)
        );

    opacity: 0.75;
}

/* Reflejo ambiental */
.liquid-glass-soft::after {
    content: "";
    position: absolute;
    z-index: -1;
    pointer-events: none;

    top: -35%;
    left: -15%;
    width: 70%;
    height: 100%;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(255, 255, 255, 0.24) 0%,
            rgba(255, 255, 255, 0) 70%
        );

    filter: blur(16px);
    opacity: 0.7;
}

/* Hover opcional */
.liquid-glass-soft:hover {
    transform: translateY(-3px);

    border-color: rgba(255, 255, 255, 0.48);

    box-shadow:
        0 18px 45px rgba(0, 0, 0, 0.16),
        inset 0 1px 0 rgba(255, 255, 255, 0.55),
        inset 0 -1px 0 rgba(255, 255, 255, 0.10);
}


/* -----------------------------------------------------
   OPCIÓN 2: LIQUID GLASS INTENSO
   Clase: liquid-glass-intense
   ----------------------------------------------------- */

.liquid-glass-intense {
    position: relative;
    isolation: isolate;
    overflow: hidden;

    /* Apariencia general */
    border: 1px solid rgba(255, 255, 255, 0.48);
    border-radius: 28px;

    /* Capas de color y transparencia */
    background:
        radial-gradient(
            circle at 15% 10%,
            rgba(255, 255, 255, 0.35),
            transparent 38%
        ),
        linear-gradient(
            135deg,
            rgba(255, 255, 255, 0.25),
            rgba(255, 255, 255, 0.07) 55%,
            rgba(180, 220, 255, 0.15)
        );

    /* Desenfoque y saturación */
    -webkit-backdrop-filter:
        blur(28px)
        saturate(180%)
        contrast(105%);
    backdrop-filter:
        blur(28px)
        saturate(180%)
        contrast(105%);

    /* Mayor profundidad */
    box-shadow:
        0 20px 55px rgba(0, 0, 0, 0.20),
        0 4px 18px rgba(100, 180, 255, 0.12),
        inset 0 1px 1px rgba(255, 255, 255, 0.72),
        inset 1px 0 0 rgba(255, 255, 255, 0.28),
        inset 0 -2px 3px rgba(0, 0, 0, 0.08);

    transition:
        transform 0.4s cubic-bezier(0.2, 0.8, 0.2, 1),
        box-shadow 0.4s ease,
        border-color 0.4s ease;
}

/* Destello diagonal */
.liquid-glass-intense::before {
    content: "";
    position: absolute;
    z-index: -1;
    pointer-events: none;

    top: -80%;
    left: -35%;
    width: 85%;
    height: 220%;

    background:
        linear-gradient(
            115deg,
            transparent 25%,
            rgba(255, 255, 255, 0.05) 38%,
            rgba(255, 255, 255, 0.42) 50%,
            rgba(255, 255, 255, 0.06) 62%,
            transparent 75%
        );

    transform: rotate(10deg);
    filter: blur(7px);
    opacity: 0.75;

    transition:
        left 0.8s cubic-bezier(0.2, 0.8, 0.2, 1),
        opacity 0.4s ease;
}

/* Brillos y color ambiental */
.liquid-glass-intense::after {
    content: "";
    position: absolute;
    z-index: -1;
    pointer-events: none;

    inset: 0;
    border-radius: inherit;

    background:
        radial-gradient(
            circle at 85% 15%,
            rgba(135, 210, 255, 0.28),
            transparent 32%
        ),
        radial-gradient(
            circle at 15% 90%,
            rgba(220, 160, 255, 0.20),
            transparent 36%
        ),
        linear-gradient(
            180deg,
            rgba(255, 255, 255, 0.16),
            transparent 35%
        );

    opacity: 0.85;
}

/* Hover intenso */
.liquid-glass-intense:hover {
    transform: translateY(-5px) scale(1.01);

    border-color: rgba(255, 255, 255, 0.68);

    box-shadow:
        0 28px 70px rgba(0, 0, 0, 0.25),
        0 8px 28px rgba(100, 180, 255, 0.18),
        inset 0 1px 1px rgba(255, 255, 255, 0.80),
        inset 1px 0 0 rgba(255, 255, 255, 0.35),
        inset 0 -2px 3px rgba(0, 0, 0, 0.10);
}

.liquid-glass-intense:hover::before {
    left: 65%;
    opacity: 0.95;
}


/* -----------------------------------------------------
   ELEMENTOS INTERNOS
   Mantiene el contenido por encima de los reflejos
   ----------------------------------------------------- */

.liquid-glass-soft > *,
.liquid-glass-intense > * {
    position: relative;
    z-index: 1;
}


/* -----------------------------------------------------
   FALLBACK PARA NAVEGADORES SIN BACKDROP-FILTER
   ----------------------------------------------------- */

@supports not (
    (-webkit-backdrop-filter: blur(10px)) or
    (backdrop-filter: blur(10px))
) {
    .liquid-glass-soft {
        background: rgba(240, 245, 250, 0.92);
    }

    .liquid-glass-intense {
        background: rgba(225, 235, 245, 0.94);
    }
}


/* -----------------------------------------------------
   ACCESIBILIDAD: REDUCE LAS ANIMACIONES
   ----------------------------------------------------- */

@media (prefers-reduced-motion: reduce) {
    .liquid-glass-soft,
    .liquid-glass-intense,
    .liquid-glass-intense::before {
        transition: none;
    }

    .liquid-glass-soft:hover,
    .liquid-glass-intense:hover {
        transform: none;
    }
}



/* =========================================
   =========================================    
   Animación de Blobs
   =========================================
   ========================================= */
   
   

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

.blob-motion {
    /* Duración y punto de inicio del ciclo */
    --blob-duration: 14s;
    --blob-delay: 0s;

    /* Amplitud: distancia desde el centro */
    --blob-x: 28px;
    --blob-y: 22px;

    /* Configuración independiente de cada eje */
    --blob-y-duration: var(--blob-duration);
    --blob-y-phase: calc(var(--blob-duration) * -0.25);

    /*
     * Aproximación suave a una oscilación sinusoidal.
     * Cada eje desacelera únicamente en sus extremos.
     */
    --blob-easing: cubic-bezier(0.37, 0, 0.63, 1);

    will-change: transform, translate;

    animation-name: blob-axis-x, blob-axis-y;

    animation-duration:
        var(--blob-duration),
        var(--blob-y-duration);

    animation-delay:
        var(--blob-delay),
        calc(var(--blob-delay) + var(--blob-y-phase));

    animation-timing-function: var(--blob-easing);
    animation-iteration-count: infinite;
    animation-fill-mode: both;
}

/*
 * Propiedades distintas para que ambas animaciones
 * se combinen sin sobrescribirse.
 */

@keyframes blob-axis-x {
    0%,
    100% {
        translate: calc(var(--blob-x) * -1) 0;
    }

    50% {
        translate: var(--blob-x) 0;
    }
}

@keyframes blob-axis-y {
    0%,
    100% {
        transform: translate3d(
            0,
            calc(var(--blob-y) * -1),
            0
        );
    }

    50% {
        transform: translate3d(0, var(--blob-y), 0);
    }
}

/* =========================================
   1. FLOTACIÓN VERTICAL
   Ligera curva lateral y mayor recorrido vertical
   ========================================= */

.blob-float {
    --blob-duration: 12s;
    --blob-x: 6px;
    --blob-y: 30px;
}

/* =========================================
   2. DERIVA DIAGONAL
   Ida y vuelta sobre una diagonal
   ========================================= */

.blob-drift {
    --blob-duration: 15s;
    --blob-x: 30px;
    --blob-y: 24px;

    --blob-y-phase: calc(var(--blob-duration) * -0.5);
}

/* =========================================
   3. ÓRBITA ELÍPTICA
   Recorrido continuo sin detenerse en cada cuarto
   ========================================= */

.blob-orbit {
    --blob-duration: 16s;
    --blob-x: 36px;
    --blob-y: 26px;
}

/* =========================================
   4. BALANCEO HORIZONTAL
   Recorrido ancho con una leve oscilación vertical
   ========================================= */

.blob-sway {
    --blob-duration: 14s;
    --blob-x: 38px;
    --blob-y: 8px;
}

/* =========================================
   5. RECORRIDO ORGÁNICO
   Dos oscilaciones verticales por ciclo horizontal
   El desfase produce un recorrido asimétrico
   ========================================= */

.blob-wander {
    --blob-duration: 22s;
    --blob-x: 34px;
    --blob-y: 24px;

    --blob-y-duration: calc(var(--blob-duration) * 0.5);
    --blob-y-phase: calc(var(--blob-duration) * -0.08);
}

/* =========================================
   6. MOVIMIENTO EN OCHO
   Ciclo cerrado y continuo
   ========================================= */

.blob-eight {
    --blob-duration: 18s;
    --blob-x: 38px;
    --blob-y: 20px;

    --blob-y-duration: calc(var(--blob-duration) * 0.5);
    --blob-y-phase: calc(var(--blob-duration) * -0.125);
}

/* =========================================
   7. ASCENSO CON DERIVA
   Órbita estrecha, principalmente vertical
   ========================================= */

.blob-rise {
    --blob-duration: 17s;
    --blob-x: 16px;
    --blob-y: 38px;

    --blob-y-phase: calc(var(--blob-duration) * -0.2);
}

/* =========================================
   ACCESIBILIDAD
   ========================================= */

@media (prefers-reduced-motion: reduce) {
    .blob-motion {
        animation: none !important;
        translate: none !important;
        transform: none !important;
        will-change: auto;
    }
}/* End custom CSS */