.elementor-kit-8{--e-global-color-primary:#E7A224;--e-global-color-secondary:#338648;--e-global-color-text:#313131;--e-global-color-accent:#59289B;--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-8 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);}@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 */h1,
.page-title,
.entry-title,
.ast-page-title,
.page-header-title,
.elementor-page-title {
    display: none !important;
}

/* =========================
   HEADER DINÁMICO
========================= */

.main-header{
    transition:
    background .4s ease,
    padding .4s ease,
    box-shadow .4s ease;

    padding-top: 20px;
    padding-bottom: 20px;
}

.main-header.scrolled{
    padding-top: 10px;
    padding-bottom: 10px;

    box-shadow: 0 5px 20px rgba(0,0,0,.08);
}


/* =========================
   LOGOS
========================= */

.logo-full,
.logo-mini{
    transition:
    opacity .45s ease,
    transform .45s ease;
}

/* LOGO NORMAL */
.logo-full{
    opacity: 1;
    transform: scale(1);
}

/* LOGO MINI */
.logo-mini{
    opacity: 0;

    position: absolute;
    left: 0;
    top: 50%;

    transform: translateY(-50%) scale(.95);

    pointer-events: none;
}


/* =========================
   EFECTO SCROLL
========================= */

.main-header.scrolled .logo-full{
    opacity: 0;
    transform: scale(.96);
}

.main-header.scrolled .logo-mini{
    opacity: 1;
    transform: translateY(-50%) scale(1);
}a
*/

.logo-full,
.logo-mini{
    transition:
    opacity .45s ease,
    transform .45s ease;
}

/* LOGO COMPLETO */
.logo-full{
    opacity: 1;
    transform: translateY(0px) scale(1);
}

/* LOGO MINI */
.logo-mini{
    opacity: 0;
    
    position: absolute;
    left: 0;
    top: 50%;
    
    transform: translateY(-50%) scale(.95);
    
    pointer-events: none;
}


/* =========================
   EFECTO SCROLL
========================= */

.main-header.scrolled .logo-full{
    opacity: 0;
    transform: translateY(-5px) scale(.96);
}

.main-header.scrolled .logo-mini{
    opacity: 1;
    transform: translateY(-50%) scale(1);
}/* End custom CSS */