/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */




.but-arrow .elementor-button-icon svg {
    width: 100px
}
.menu-bars .elementor-button-content-wrapper {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 16px; /* Espaço entre o ícone e o texto */
}
.menu-bars .elementor-button-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.menu-bars .elementor-button-icon svg {
    width: 60px;
    height: auto;
    display: block;
}
.menu-bars .elementor-button-text {
    display: flex;
    align-items: center;
    line-height: 1;
}



/* --- NAVEGAÇÃO E CONTADOR CENTRALIZADOS --- */

/* Força a paginação a agir como um container flex para alinhar tudo */
body .carrossel-home .swiper-pagination-fraction {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  top: auto !important;
  width: auto !important;
  gap: 16px !important;
  font-weight: 600 !important;
  font-size: 16px !important;
  color: #333 !important;
}

/* Cor amarela/dourada no slide ativo */
body .carrossel-home .swiper-pagination-current {
  color: #ccad5e !important;
}

/* Remove qualquer posicionamento absoluto antigo das setas */
body .carrossel-home .elementor-swiper-button {
  position: static !important;
  top: auto !important;
  bottom: auto !important;
  left: auto !important;
  right: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 96px !important;
  height: 20px !important;
  margin: 0 !important;
  background-image: url('https://www.fortunesmiles.de/wp-content/uploads/2026/07/long-arrow.svg') !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  background-position: center !important;
  cursor: pointer !important;
  opacity: 1 !important;
  transform: none !important;
}

/* Oculta os ícones de chevron nativos do Elementor */
body .carrossel-home .elementor-swiper-button svg {
  display: none !important;
}

/* Gira APENAS a seta da esquerda */
body .carrossel-home .elementor-swiper-button-prev {
  transform: rotate(180deg) !important;
}

/* Opacidade no hover */
body .carrossel-home .elementor-swiper-button:hover {
  opacity: 0.7 !important;
}
/* Centraliza todo o conjunto (setas + contador) horizontalmente */
body .carrossel-home .swiper-pagination-fraction {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
  left: 0 !important;
  right: 0 !important;
  margin: 20px auto 0 auto !important; /* Centraliza a div no container */
  width: fit-content !important;        /* Ajusta o tamanho da div ao conteúdo interno */
}



.acc-home .e-n-accordion-item {
    border-bottom: 1px solid #858680
}