.elementor-kit-5{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-418ab78:#0B0B0B;--e-global-color-9446051:#FFFFFF;--e-global-color-84aab59:#00ABCF;--e-global-color-bd176f3:#01AACB1A;--e-global-color-ae7f659:#04AED1;--e-global-color-578587c:#E40613;--e-global-color-a656dba:#E2061324;--e-global-color-b3dd4b5:#E20614;--e-global-typography-primary-font-family:"Montserrat";--e-global-typography-primary-font-size:32px;--e-global-typography-primary-font-weight:700;--e-global-typography-primary-line-height:1.2em;--e-global-typography-secondary-font-family:"Montserrat";--e-global-typography-secondary-font-size:24px;--e-global-typography-secondary-font-weight:600;--e-global-typography-secondary-line-height:1.2em;--e-global-typography-text-font-family:"Montserrat";--e-global-typography-text-font-size:18px;--e-global-typography-text-font-weight:600;--e-global-typography-text-text-transform:uppercase;--e-global-typography-text-line-height:1.2em;--e-global-typography-text-letter-spacing:1px;--e-global-typography-accent-font-family:"Montserrat";--e-global-typography-accent-font-size:16px;--e-global-typography-accent-font-weight:400;--e-global-typography-accent-line-height:1.2em;--e-global-typography-422a982-font-family:"Montserrat";--e-global-typography-422a982-font-size:16px;--e-global-typography-422a982-font-weight:600;--e-global-typography-422a982-line-height:1.2em;--e-global-typography-422a982-letter-spacing:1px;--e-global-typography-3f030fe-font-family:"Inter";--e-global-typography-3f030fe-font-size:14px;--e-global-typography-3f030fe-font-weight:500;--e-global-typography-3f030fe-text-transform:uppercase;--e-global-typography-3f030fe-line-height:1.2px;}.elementor-kit-5 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){--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);}.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-kit-5{--e-global-typography-primary-font-size:28px;--e-global-typography-secondary-font-size:22px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-5{--e-global-typography-primary-font-size:24px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS */.bluetxt{
    color: #00B3D6;
}

.redtxt{
    color: #E40613 ;
}

h1, h2, h3, p, a{
    margin: 0;
}

.redpf .elementor-counter-number-prefix{
    color: #E40613 ;
}

.bluepf .elementor-counter-number-prefix{
    color: #00B3D6;
}

#menu-mobile-container {
    position: fixed !important;
    top: 0;
    left: -100%; 
    width: 100vw;
    height: 100vh;
    z-index: 9999;
    transition: left 0.4s ease-in-out; 
    margin: 0 !important;
    padding: 40px 20px;
}

#menu-mobile-container.is-active {
    left: 0 !important;
}

#close-menu-custom {
    cursor: pointer;
    position: absolute;
    top: 20px;
    right: 20px;
}

.btn-hover {
    display: inline-block;
    position: relative;
    text-decoration: none;
    color: white;
    font-weight: bold;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.btn-hover::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 2px;
    background-color: #E40613; /* Color de la línea */
    transition: width 0.3s ease-in-out;
}

.btn-hover:hover::after {
    width: 100%; /* La línea se extiende de izquierda a derecha */
}


/*BORDE NAV*/
.bordernav {
    --border-width: 1px;
    --radius: 100px;
    
    /* Creamos dos fondos: uno negro para el centro y el degradado para el borde */
    background: 
        linear-gradient(#0b0b0b) padding-box, 
        linear-gradient(to right, #E40613, #00B3D6) border-box;
    /* El borde debe ser transparente para que se vea el fondo de abajo */
    border: var(--border-width) solid transparent !important;
    border-radius: var(--radius) !important;
}



/*BORDE FOOTER*/
.ftr-border, 
.ftr-border:hover {
  border-top-width: 5px !important;
  border-top-style: solid !important;
  border-image-source: linear-gradient(to right, #E40613, #00B3D6) !important;
  border-image-slice: 1 !important;
  border-color: transparent !important; /* Evita que el color sólido tape el degradado */
}

.ftr-border:hover {
  border-bottom: none !important;
  border-left: none !important;
  border-right: none !important;
}

/*BUBBLES BLUE*/

        .animation-containerblue{
            background: black;
            position: fixed;
            top: 0;
            left: 0;
            height: 100%;
            width: 100%;
            z-index: -1; /* Asegura que la animación esté detrás del contenido */
        }


        .animation-containerblue .shape1 {
            position: absolute;
            top: 42%;
            left: 40%;
            width: 25rem;
            height: 25rem;
            background: #00B3D6; /* Color principal */
            border-radius: 24% 76% 77% 23% / 30% 30% 70% 70%;
            filter: blur(6rem);
            animation: shape1 20s infinite;
            opacity: 0.2; /* Opacidad muy reducida */
        }

        .animation-containerblue .shape2 {
            position: absolute;
            top: 33%;
            left: 15%;
            width: 35rem;
            height: 25rem;
            background: #00B3D6; /* Tono de verde similar */
            border-radius: 73% 27% 77% 23% / 53% 4% 96% 47%;
            filter: blur(12rem);
            animation: shape2 35s infinite;
            opacity: 0.2; /* Opacidad muy reducida */
        }

        .animation-containerblue .shape3 {
            position: absolute;
            top: 20%;
            left: 80%;
            width: 25rem;
            height: 25rem;
            background: #00B3D6; /* Tono de verde más oscuro */
            border-radius: 70% 30% 80% 20% / 42% 25% 75% 58%;
            filter: blur(14rem);
            animation: shape3 35s infinite;
            opacity: 0.2; /* Opacidad muy reducida */
        }
        

        .animation-containerblue .shape4 {
            position: absolute;
            top: 42%;
            left: 40%;
            width: 25rem;
            height: 25rem;
            background: #00B3D6;
            border-radius: 24% 76% 77% 23% / 30% 30% 70% 70%;
            filter: blur(5rem);
            opacity: 0.1; /* Opacidad muy reducida */
        }

        .animation-containerblue .shape5 {
            position: absolute;
            top: 33%;
            left: 40%;
            width: 35rem;
            height: 25rem;
            background: #00B3D6; /* Tono de verde más claro/amarillento */
            border-radius: 73% 27% 77% 23% / 53% 4% 96% 47%;
            filter: blur(5rem);
            opacity: 0.1; /* Opacidad muy reducida */
        }

        .animation-containerblue .shape6 {
            position: absolute;
            top: 20%;
            left: 80%;
            width: 25rem;
            height: 25rem;
            background: #00B3D6;
            border-radius: 70% 30% 80% 20% / 42% 25% 75% 58%;
            filter: blur(5rem);
            opacity: 0.1; /* Opacidad muy reducida */
        }

        .animation-containerblue .shape1, .shape3, .shape4, .shape6 {
    width: 15rem;  /* Antes 25rem */
    height: 15rem;
}

.animation-containerblue .shape2, .shape5 {
    width: 20rem;  /* Antes 35rem */
    height: 15rem;
}

        @keyframes shape1 {
            0% {
                transform: translate(0, 0);
                border-radius: 24% 76% 77% 23% / 30% 30% 70% 70%;
            }
            25% {
                transform: translate(-55%, -10%);
                border-radius: 28% 72% 81% 19% / 78% 25% 75% 22%;
                height: 50rem;
                width: 80rem;
            }
            50% {
                transform: translate(-90%, -10%);
                border-radius: 60% 40% 0% 100% / 1% 74% 26% 99%;
            }
            75% {
                transform: translate(-30%, -10%);
                border-radius: 0% 100% 100% 0% / 0% 100% 100% 0%;
                height: 30rem;
                width: 45rem;
            }
            100% {
                transform: translate(0%, 0%);
                border-radius: 24% 76% 77% 23% / 30% 30% 70% 70%;
            }
        }

        @keyframes shape2 {
            0% {
                transform: translate(0, 0);
                border-radius: 73% 27% 77% 23% / 53% 4% 96% 47%;
            }
            25% {
                transform: translate(-55%, -55%);
                border-radius: 28% 72% 81% 19% / 78% 25% 75% 22%;
                height: 50rem;
                width: 50rem;
            }
            50% {
                transform: translate(-70%, -70%);
                border-radius: 60% 40% 0% 100% / 1% 74% 26% 99%;
            }
            75% {
                transform: translate(-30%, -30%);
                border-radius: 0% 100% 100% 0% / 0% 100% 100% 0%;
            }
            100% {
                transform: translate(0%, 0%);
                border-radius: 73% 27% 77% 23% / 53% 4% 96% 47%;
            }
        }

        @keyframes shape3 {
            0% {
                transform: translate(0, 0);
                border-radius: 70% 30% 80% 20% / 42% 25% 75% 58%;
            }
            25% {
                transform: translate(-125%, -25%);
                border-radius: 28% 72% 81% 19% / 78% 25% 75% 22%;
                height: 50rem;
                width: 50rem;
            }
            50% {
                transform: translate(-90%, -35%);
                border-radius: 60% 40% 0% 100% / 1% 74% 26% 99%;
            }
            75% {
                transform: translate(-30%, -40%);
                border-radius: 0% 100% 100% 0% / 0% 100% 100% 0%;
            }
            100% {
                transform: translate(0%, 0%);
                border-radius: 70% 30% 80% 20% / 42% 25% 75% 58%;
            }
        }
        
/*BUBBLES RED*/

        .animation-containerred{
            background: black;
            position: fixed;
            top: 0;
            left: 0;
            height: 100%;
            width: 100%;
            z-index: -1; /* Asegura que la animación esté detrás del contenido */
        }


        .animation-containerred .shape1 {
            position: absolute;
            top: 42%;
            left: 40%;
            width: 25rem;
            height: 25rem;
            background: #E40613; /* Color principal */
            border-radius: 24% 76% 77% 23% / 30% 30% 70% 70%;
            filter: blur(6rem);
            animation: shape1 20s infinite;
            opacity: 0.2; /* Opacidad muy reducida */
        }

        .animation-containerred .shape2 {
            position: absolute;
            top: 33%;
            left: 15%;
            width: 35rem;
            height: 25rem;
            background: #E40613; /* Tono de verde similar */
            border-radius: 73% 27% 77% 23% / 53% 4% 96% 47%;
            filter: blur(12rem);
            animation: shape2 35s infinite;
            opacity: 0.2; /* Opacidad muy reducida */
        }

        .animation-containerred .shape3 {
            position: absolute;
            top: 20%;
            left: 80%;
            width: 25rem;
            height: 25rem;
            background: #E40613; /* Tono de verde más oscuro */
            border-radius: 70% 30% 80% 20% / 42% 25% 75% 58%;
            filter: blur(14rem);
            animation: shape3 35s infinite;
            opacity: 0.2; /* Opacidad muy reducida */
        }
        

        .animation-containerred .shape4 {
            position: absolute;
            top: 42%;
            left: 40%;
            width: 25rem;
            height: 25rem;
            background: #E40613;
            border-radius: 24% 76% 77% 23% / 30% 30% 70% 70%;
            filter: blur(5rem);
            opacity: 0.1; /* Opacidad muy reducida */
        }

        .animation-containerred .shape5 {
            position: absolute;
            top: 33%;
            left: 40%;
            width: 35rem;
            height: 25rem;
            background: #E40613; /* Tono de verde más claro/amarillento */
            border-radius: 73% 27% 77% 23% / 53% 4% 96% 47%;
            filter: blur(5rem);
            opacity: 0.1; /* Opacidad muy reducida */
        }

        .animation-containerred .shape6 {
            position: absolute;
            top: 20%;
            left: 80%;
            width: 25rem;
            height: 25rem;
            background: #E40613;
            border-radius: 70% 30% 80% 20% / 42% 25% 75% 58%;
            filter: blur(5rem);
            opacity: 0.1; /* Opacidad muy reducida */
        }

        .animation-containerred .shape1, .shape3, .shape4, .shape6 {
    width: 15rem;  /* Antes 25rem */
    height: 15rem;
}

.animation-containerred .shape2, .shape5 {
    width: 20rem;  /* Antes 35rem */
    height: 15rem;
}

        @keyframes shape1 {
            0% {
                transform: translate(0, 0);
                border-radius: 24% 76% 77% 23% / 30% 30% 70% 70%;
            }
            25% {
                transform: translate(-55%, -10%);
                border-radius: 28% 72% 81% 19% / 78% 25% 75% 22%;
                height: 50rem;
                width: 80rem;
            }
            50% {
                transform: translate(-90%, -10%);
                border-radius: 60% 40% 0% 100% / 1% 74% 26% 99%;
            }
            75% {
                transform: translate(-30%, -10%);
                border-radius: 0% 100% 100% 0% / 0% 100% 100% 0%;
                height: 30rem;
                width: 45rem;
            }
            100% {
                transform: translate(0%, 0%);
                border-radius: 24% 76% 77% 23% / 30% 30% 70% 70%;
            }
        }

        @keyframes shape2 {
            0% {
                transform: translate(0, 0);
                border-radius: 73% 27% 77% 23% / 53% 4% 96% 47%;
            }
            25% {
                transform: translate(-55%, -55%);
                border-radius: 28% 72% 81% 19% / 78% 25% 75% 22%;
                height: 50rem;
                width: 50rem;
            }
            50% {
                transform: translate(-70%, -70%);
                border-radius: 60% 40% 0% 100% / 1% 74% 26% 99%;
            }
            75% {
                transform: translate(-30%, -30%);
                border-radius: 0% 100% 100% 0% / 0% 100% 100% 0%;
            }
            100% {
                transform: translate(0%, 0%);
                border-radius: 73% 27% 77% 23% / 53% 4% 96% 47%;
            }
        }

        @keyframes shape3 {
            0% {
                transform: translate(0, 0);
                border-radius: 70% 30% 80% 20% / 42% 25% 75% 58%;
            }
            25% {
                transform: translate(-125%, -25%);
                border-radius: 28% 72% 81% 19% / 78% 25% 75% 22%;
                height: 50rem;
                width: 50rem;
            }
            50% {
                transform: translate(-90%, -35%);
                border-radius: 60% 40% 0% 100% / 1% 74% 26% 99%;
            }
            75% {
                transform: translate(-30%, -40%);
                border-radius: 0% 100% 100% 0% / 0% 100% 100% 0%;
            }
            100% {
                transform: translate(0%, 0%);
                border-radius: 70% 30% 80% 20% / 42% 25% 75% 58%;
            }
        }/* End custom CSS */