.elementor-kit-7{--e-global-color-primary:#CEAB42;--e-global-color-secondary:#000000;--e-global-color-text:#000000;--e-global-color-accent:#000000;--e-global-color-8d0bff4:#FFFFFF;--e-global-typography-primary-font-family:"Onest";--e-global-typography-primary-font-size:58px;--e-global-typography-primary-font-weight:800;--e-global-typography-primary-line-height:1.16em;--e-global-typography-secondary-font-family:"Onest";--e-global-typography-secondary-font-size:30px;--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-accent-font-family:"Roboto";--e-global-typography-accent-font-size:16px;--e-global-typography-accent-font-weight:600;--e-global-typography-023267f-font-family:"Onest";--e-global-typography-023267f-font-size:25px;--e-global-typography-023267f-font-weight:500;--e-global-typography-023267f-line-height:1.2em;--e-global-typography-fbaa8fe-font-family:"Onest";--e-global-typography-fbaa8fe-font-size:20px;--e-global-typography-fbaa8fe-font-weight:500;--e-global-typography-fbaa8fe-line-height:1.2em;}.elementor-kit-7 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:1366px){.elementor-kit-7{--e-global-typography-fbaa8fe-font-size:20px;--e-global-typography-fbaa8fe-line-height:1.12em;}}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:780px){.elementor-kit-7{--e-global-typography-primary-font-size:44px;--e-global-typography-secondary-font-size:25px;--e-global-typography-023267f-font-size:20px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:760px;}.e-con{--container-max-width:760px;}}/* 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: #CEAB42; /* Reemplaza con tu código de color dorado */
    z-index: -1; 
    transition: width 0.2s 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 {
    color: #000000 !important; 
    fill: #000000 !important;
    transition: all 0.2s ease-in-out;
}

/* 6. Cambiamos el color del separador al hacer hover */
.btn-fill-effect .elementor-button:hover .elementor-button-icon {
    border-left-color: #000000;
    transition: border-color 0.2s ease-in-out;
}/* End custom CSS */