.elementor-kit-6{--e-global-color-primary:#9BA999;--e-global-color-secondary:#545454;--e-global-color-text:#545454;--e-global-color-accent:#545454;--e-global-color-b3ac9fd:#FFFFFF;--e-global-color-5aa8cac:#ECEAEB;--e-global-typography-primary-font-family:"Libre Franklin";--e-global-typography-primary-font-size:64px;--e-global-typography-primary-font-weight:400;--e-global-typography-primary-line-height:1.16em;--e-global-typography-secondary-font-family:"Libre Franklin";--e-global-typography-secondary-font-size:35px;--e-global-typography-secondary-font-weight:500;--e-global-typography-secondary-line-height:1.2em;--e-global-typography-text-font-family:"Libre Franklin";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.5em;--e-global-typography-accent-font-family:"Libre Franklin";--e-global-typography-accent-font-size:16px;--e-global-typography-accent-font-weight:700;--e-global-typography-bf375c5-font-family:"Libre Franklin";--e-global-typography-bf375c5-font-size:30px;--e-global-typography-bf375c5-font-weight:500;--e-global-typography-bf375c5-line-height:1.2em;--e-global-typography-c04efb8-font-family:"Libre Franklin";--e-global-typography-c04efb8-font-size:25px;--e-global-typography-c04efb8-font-weight:500;--e-global-typography-c04efb8-line-height:1.2em;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1440px;}.e-con{--container-max-width:1440px;}.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-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 *//* 1. Preparamos el contenedor del botón */
.btn-fill-effect .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
}
/* 3. Creamos la "barra de carga" oculta a la izquierda */
.btn-fill-effect .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 0%; 
    background-color: #9BA999;
    z-index: -1; 
    transition: width 0.1s ease-in-out; 
}

/* 4. Al pasar el ratón (Hover), la barra se llena al 100% */
.btn-fill-effect .elementor-button:hover::before {
    width: 100%;
}

/* 5. Cambiamos el color del texto e icono al hacer hover */
.btn-fill-effect .elementor-button:hover .elementor-button-text,
.btn-fill-effect .elementor-button:hover .elementor-button-icon i,
.btn-fill-effect .elementor-button:hover .elementor-button-icon svg,
.btn-fill-effect .elementor-button:hover .elementor-button-icon svg path{
    color: #FFFFFF !important; 
    fill: #FFFFFF !important;
    transition: all 0.1s ease-in-out;
}/* End custom CSS */