.elementor-kit-8{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--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 */*/
:root {
    --wp--preset--color--black: #000000;
    --wp--preset--color--white: #ffffff;
    --wp--preset--color--vivid-red: #cf2e2e;
    --wp--preset--color--luminous-vivid-orange: #ff6900;
    --wp--preset--color--light-green-cyan: #7bdcb5;
    --wp--preset--color--vivid-green-cyan: #00d084;
}

/* --------------------------------------------------------------------------
   2. ESTILO DOS TÍTULOS
   -------------------------------------------------------------------------- */

/* Estilo geral para os títulos das seções */
.elementor-heading-title {
    font-family: "Sora", sans-serif;
    color: #FFFFFF;
    font-size: 38px; /* Ajuste o tamanho se necessário */
    font-weight: 300;
    text-transform: uppercase;
    line-height: 1.1em;
}

/* Estilo para a parte em negrito (<b>) dentro dos títulos */
.elementor-heading-title b {
    color: #FFFFFF;
    font-weight: 800; /* Deixa o texto bem mais forte */
}

/* --------------------------------------------------------------------------
   3. ESTILO DOS TEXTOS
   -------------------------------------------------------------------------- */

/* Estilo para os parágrafos e textos gerais */
.elementor-widget-text-editor {
    font-family: "Open Sans", sans-serif;
    color: #FFFFFF;
    font-size: 18px;
    font-weight: 500;
}

/* --------------------------------------------------------------------------
   4. ESTILO DO BOTÃO PRINCIPAL (COM ANIMAÇÃO)
   -------------------------------------------------------------------------- */

/* Estilo base do botão */
.elementor-button {
    font-family: "Sora", sans-serif;
    font-size: 22px;
    font-weight: 800;
    text-transform: uppercase;
    fill: #FFFFFF;
    color: #FFFFFF;
    background-color: #04D94F; /* Cor de fundo verde */
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: #000000;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 4px 4px 0px 0px #000000;
    padding: 15px 30px 15px 30px;
    transition: transform 0.2s ease, box-shadow 0.2s ease; /* Animação suave */
}

/* Animação quando o mouse passa por cima (efeito de "pressionar") */
.elementor-button:hover {
    background-color: #03C246; /* Verde um pouco mais escuro */
    transform: translate(4px, 4px); /* Move o botão para baixo e para a direita */
    box-shadow: 0px 0px 0px 0px #000000; /* Remove a sombra para dar o efeito de profundidade */
}

/* --------------------------------------------------------------------------
   5. CARROSSEL DE IMAGENS (SWIPER)
   -------------------------------------------------------------------------- */

/* 
   Este CSS ajuda a garantir que o carrossel se comporte como esperado.
   A animação em si é controlada pelo JavaScript do Elementor.
*/
.elementor-image-carousel-wrapper.swiper {
    position: relative;
    overflow: hidden;
}

.elementor-image-carousel.swiper-wrapper {
    display: flex;
    /* A velocidade e o loop são definidos nas configurações do widget, 
       mas a função de tempo linear ajuda no efeito de rolagem contínua. */
    transition-timing-function: linear; 
}

.swiper-slide-image {
    width: 100%;
    height: auto;
}

/* ==========================================================================
   FIM DO CÓDIGO CSS
   ========================================================================== *//* End custom CSS */