.elementor-kit-12{--e-global-color-primary:#18141F;--e-global-color-secondary:#006A75;--e-global-color-text:#18141F;--e-global-color-accent:#18141F;--e-global-color-d011d60:#FF4DA9;--e-global-color-ca1fc17:#00525A;--e-global-color-8b2d1ba:#C99549;--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;}.elementor-kit-12 e-page-transition{background-color:#FFBC7D;}.elementor-kit-12 a{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:500;}.elementor-kit-12 h1{font-family:"Poppins", Sans-serif;font-size:32px;font-weight:700;}.elementor-kit-12 h2{font-family:"Poppins", Sans-serif;font-size:24px;font-weight:700;}.elementor-kit-12 h3{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:700;}.elementor-kit-12 h4{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:500;}.elementor-kit-12 h5{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:500;}.elementor-kit-12 h6{font-family:"Poppins", Sans-serif;font-size:12px;font-weight:500;}.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:1140px){.elementor-kit-12 a{font-size:1.9vw;}.elementor-kit-12 h1{font-size:3.8vw;}.elementor-kit-12 h3{font-size:2.4vw;}.elementor-kit-12 h4{font-size:1.9vw;}.elementor-kit-12 h5{font-size:1.7vw;}.elementor-kit-12 h6{font-size:1.4vw;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-12 h1{font-size:8.2vw;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//*Elimina el scroll Inferior*/
html, body{
    width: 100%;
    overflow-x: clip;
    margin: 0px !important;
    padding: 0px !important;
}
body{
    overflow-y: clip;
}
/*Elimina Espacio en Widget de Texto*/
p{
    margin-bottom: 0;
}
/*Elimina Espacio en Iconos y Cajas de Iconos*/
svg {
    height: unset !important;
}

.amarilloDegradado {
    position: relative;
    display: inline-block;
    
    /* Cambiado a Linear Gradient para flujo horizontal puro */
    background: linear-gradient(90deg, #C99549 22.68%, #FFD290 46.63%, #C99549 72.6%);
    
    /* Recorte de texto */
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.lineaTexto{
    text-decoration: underline;
}


@media (min-width: 1141px) {
    .brE{
        display: none;
    }
}

@media (min-width: 768px) and (max-width: 1140px) {
    .brT{
        display: none;
    }
}

@media screen and (max-width: 767px){
    .brM{
        display: none;
    }
}

.amarillo{
    color: #C99549 !important;
}

.seleccionadoHero {
    /* 1. Fondo rosa que se desliza */
    background: linear-gradient(to right, transparent 50%, #FF4DA9 50%);
    background-size: 200% 100%;
    background-position: 0% 0;

    /* 2. Texto que cambia de color (de negro a blanco) */
    /* Usamos el mismo degradado pero con los colores del texto */
    background-image: 
        linear-gradient(to right, #00525A 50%, #FFFFFF 50%), 
        linear-gradient(to right, transparent 50%, #FF4DA9 50%);
    
    /* Indicamos que el primer degradado afecte al texto y el segundo al fondo */
    -webkit-background-clip: text, padding-box;
    background-clip: text, padding-box;
    
    /* Hacemos el color del texto transparente para que se vea el degradado */
    color: transparent;

    background-size: 200% 100%;
    display: inline;
    animation: seleccionar 5s infinite;
}


.seleccionado {
    /* 1. Fondo rosa que se desliza */
    background: linear-gradient(to right, transparent 50%, #FF4DA9 50%);
    background-size: 200% 100%;
    background-position: 0% 0;

    /* 2. Texto que cambia de color (de negro a blanco) */
    /* Usamos el mismo degradado pero con los colores del texto */
    background-image: 
        linear-gradient(to right, #18141F 50%, #FFFFFF 50%), 
        linear-gradient(to right, transparent 50%, #FF4DA9 50%);
    
    /* Indicamos que el primer degradado afecte al texto y el segundo al fondo */
    -webkit-background-clip: text, padding-box;
    background-clip: text, padding-box;
    
    /* Hacemos el color del texto transparente para que se vea el degradado */
    color: transparent;

    background-size: 200% 100%;
    display: inline;
    animation: seleccionar 5s infinite;
}

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

.seleccionadoBlanco{

    background: linear-gradient(to right, transparent 50%, #FF4DA9 50%); /*Cambia el color aqu´*/

    background-size: 200%;

    background-position: 0;

    transition: background-position 1.5s;

    animation: seleccionar2 5s infinite;

}

@keyframes seleccionar2{

    0%{

        background-position: 0;

    }

    50%{

        background-position: -100%;

    }

    100%{

        background-position: -100%;

    }

}/* End custom CSS */