.elementor-kit-5{--e-global-color-primary:#000000;--e-global-color-secondary:#FFFFFF;--e-global-color-text:#000000;--e-global-color-accent:#255FF1;--e-global-typography-primary-font-family:"Mulish";--e-global-typography-primary-font-size:24px;--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Mulish";--e-global-typography-secondary-font-size:16px;--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Mulish";--e-global-typography-text-font-size:14px;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Mulish";--e-global-typography-accent-font-size:14px;--e-global-typography-accent-font-weight:500;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{border-radius:100px 100px 100px 100px;}.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-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 *//* Estilos maestros - No los toques en Elementor */
.bbf-wrapper {
    /* Si no se definen variables externas, usa estos valores */
    width: var(--bbf-size, 200px);
    display: block;
}

.bbf-wrapper .animatable-svg {
    width: 100%;
    height: auto;
    transition: transform 0.4s ease;
}

.bbf-wrapper .anim-el {
    opacity: 0;
    /* Color base con fallback */
    fill: var(--bbf-color, #000000); 
    transform-origin: center;
    
    /* Animación centralizada */
    animation: bbfEntrance var(--bbf-in-duration, 0.8s) var(--bbf-ease, cubic-bezier(0.34, 1.56, 0.64, 1)) forwards;
    
    /* El delay ahora es dinámico y permite sobrescritura total o parcial */
    animation-delay: var(--individual-delay, calc(var(--order) * var(--bbf-stagger, 0.1s)));
    
    transition: fill 0.4s ease, transform 0.4s ease;
}
.bbf-wrapper .anim-eln {
    opacity: 0;
    /* Color base con fallback */
    fill: var(--bbf-color, #000000); 
    transform-origin: center;
    
    /* Animación centralizada */
    animation: bbfEntrances var(--bbf-in-duration, 0.8s) var(--bbf-ease, cubic-bezier(0.34, 1.56, 0.64, 1)) forwards;
    
    /* El delay ahora es dinámico y permite sobrescritura total o parcial */
    animation-delay: var(--individual-delay, calc(var(--order) * var(--bbf-stagger, 0.1s)));
    
    transition: fill 0.4s ease, transform 0.4s ease;
}

/* Hover dinámico */
.bbf-wrapper:hover .anim-el {
    fill: var(--bbf-hover-color, #333333);
}
.bbf-wrapper:hover .anim-eln {
    fill: var(--bbf-hover-color, #333333);
}

.bbf-wrapper:hover .animatable-svg {
    transform:scale(var(--bbf-hover-scale, 1.1)) rotate(var(--bbf-hover-rotate, 180deg));
}


@keyframes bbfEntrance {
    0% {
        opacity: 0;
        transform: translateY(10px) scale(0.8) rotate(180deg);
    }
    100% {
        opacity: 1;
        transform: translateY(0) scale(1) rotate(0deg);
    }
}
@keyframes bbfEntrances {
    0% {
        opacity: 0;
        transform: translateY(10px) scale(0.8);
    }
    100% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}
.bbf-logo-link {
    display: block; /* Para que el enlace cubra todo el área del SVG */
    text-decoration: none;
    border: none;
    outline: none;
}

/* Evitamos que el navegador ponga marcos azules en algunos dispositivos móviles */
.bbf-logo-link:focus, 
.bbf-logo-link:active {
    outline: none;
    box-shadow: none;
}/* End custom CSS */