/*
CSS STYLE - EDIT HERE!!!
*/

a{
  color:inherit;
  
}



.e-loop-item .elementor-widget-image a{
  width:100%;
}
.bg-top {
  box-shadow: 0 4px 4.7px 0 rgba(0, 0, 0, 0.06);
  backdrop-filter: blur(5px);
}

/* ESCONDER A PAGINAÇÃO EM SESSÕES DE CARROSSEL NO DESKTOP */
@media screen and (min-width: 768px) {
  .no-pagination-desk .swiper-pagination {
    display: none !important
  }

}

.elementskit-navbar-nav>li>a.ekit-menu-nav-link {
  font-weight: 400 !important;
  transition: -webkit-text-stroke .2s ease, color .2s ease !important;
  -webkit-text-stroke: 0px currentColor;
}

.elementskit-navbar-nav>li:hover>a.ekit-menu-nav-link,
.elementskit-navbar-nav>li.current-menu-item>a.ekit-menu-nav-link,
.dropdown-item:hover {
  -webkit-text-stroke: .55px currentColor;
  /* ajuste: 0.35 a 0.8 */
}

body {
  background: linear-gradient(180deg, #FFFAF9 0%, #FFF 9.82%);

}

.elementskit-submenu-panel>li>a {
  justify-content: start !important;
}

.menu-item img._before,
.rtl .menu-item img._after {
  margin-right: 10px;
  width: 24px;
}

.dropdown-item {
  padding-left: 20px !important;
}

.elementskit-submenu-panel {
  backdrop-filter: blur(5px);
}

.elementor-button span {
  display: flex;
  align-items: center;
}

@media (min-width: 1025px) {

  /* UL do sub-submenu do item "Benefícios" (menu-item-51) */
  #menu-item-51>ul.elementskit-dropdown.elementskit-submenu-panel {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 24px;
    min-width: 420px;
    margin-top: -16px;
    margin-left: 20px;
  }

  #menu-item-50>ul.elementskit-dropdown.elementskit-submenu-panel {
    margin-top: -16px;
    margin-left: 20px;

  }

  /* cada LI ocupa a largura da coluna */
  #menu-item-50>ul.elementskit-dropdown.elementskit-submenu-panel>li,
  #menu-item-51>ul.elementskit-dropdown.elementskit-submenu-panel>li {
    width: 100%;
  }

  /* link "preenche" a coluna toda (melhor clique) */
  #menu-item-50>ul.elementskit-dropdown.elementskit-submenu-panel>li>a,
  #menu-item-51>ul.elementskit-dropdown.elementskit-submenu-panel>li>a {
    width: 100%;
  }
}

@media (min-width: 1025px) {

  /* 1) garante que o LI pai é referência e mantém hover consistente */
  #menu-item-50,
  #menu-item-51 {
    position: relative;
  }

  /* 2) aumenta um pouco o "tapete" do item pai pra não perder hover */
  #menu-item-50>a,
  #menu-item-50>a.dropdown-item,
  #menu-item-51>a,
  #menu-item-51>a.dropdown-item {
    padding-right: 18px;
    /* pode aumentar */
  }

  /* 3) cola o submenu no pai (elimina espaço entre eles) */
  #menu-item-50>ul.elementskit-dropdown.elementskit-submenu-panel,
  #menu-item-51>ul.elementskit-dropdown.elementskit-submenu-panel {
    top: 0 !important;
    /* alinha no topo do pai */
    left: 100% !important;
    /* abre ao lado */
  }

  /* 4) cria uma "ponte" invisível entre o pai e o submenu
        (evita sumir enquanto o mouse atravessa) */
  #menu-item-50::after,
  #menu-item-51::after {
    content: "";
    position: absolute;
    top: 0;
    right: -20px;
    /* largura da ponte */
    width: 20px;
    height: 100%;
  }
}

/* Base */
.js-header-dd {
  position: relative;
}

/* Estado fechado (mas SEM display:none) */
.js-header-dd .js-header-dd-box {
  display: block !important;
  /* <- mata o display:none/block antigo */
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: translateY(8px) !important;

  position: absolute;
  top: calc(100% + 10px);
  right: -40px;
  z-index: 99999;

  transition: opacity .18s ease, transform .18s ease, visibility 0s linear .18s;
}

/* Estado aberto */
.js-header-dd.is-open .js-header-dd-box {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: translateY(0) !important;

  transition: opacity .18s ease, transform .18s ease, visibility 0s;
  backdrop-filter: blur(50px);
  box-shadow: 0 4px 4.7px 0 rgba(0, 0, 0, 0.06);
  border-radius: 24px;
  margin-top: 10pxç
}

.elementor-widget-text-editor p {
  margin-bottom: 0 !important
}

/* ElementsKit: indicador do submenu apontar para a direita */
.elementskit-submenu-panel .elementskit-submenu-indicator {
  transform: rotate(-90deg);
}

.swiper {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.menu-item-1096 .dropdown-item {
  border-bottom: 0 !important
}

/* TESTEMONIALS - HOME */
.testemonials .swiper,
.testemonials,
.testemonials .swiper-wrapper,
.testemonials .swiper-slide {
  width: 100% !important;
  max-width: 100%;

}

.testemonials .swiper-slide {
  flex: 0 0 100% !important;
  width: 100%;
  max-width: 100% !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: 0 !important
}

/* SUBMENU ElementsKit: transforma cada item em grid (ícone à esquerda; textos empilhados à direita) */
ul.elementskit-dropdown.elementskit-submenu-panel>li>a.dropdown-item {
  display: grid !important;
  grid-template-columns: 24px 1fr !important;
  grid-template-rows: auto auto !important;
  column-gap: 10px !important;
  align-items: start !important;
}

/* Ícone (img ou svg) ocupa as duas linhas */
ul.elementskit-dropdown.elementskit-submenu-panel>li>a.dropdown-item>img,
ul.elementskit-dropdown.elementskit-submenu-panel>li>a.dropdown-item>svg {
  grid-row: 1 / span 2 !important;
  align-self: start !important;
}

/* Título */
ul.elementskit-dropdown.elementskit-submenu-panel>li>a.dropdown-item>span {
  grid-column: 2 !important;
  grid-row: 1 !important;
}

/* Descrição */
ul.elementskit-dropdown.elementskit-submenu-panel>li>a.dropdown-item>.menu-description {
  grid-column: 2 !important;
  grid-row: 2 !important;
  margin-top: 2px !important;
  font-size: 11px !important;
  line-height: 1.3 !important;
  color: #6D7787 !important
}

.bdcats {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
}

/* área visível */
.bdcats__viewport {
  position: relative;
  overflow: hidden;
  /* isso permite o degradê ficar “por cima” */
  flex: 1;
}

/* trilho que rola */
.bdcats__track {
  display: flex;
  gap: 10px;
  padding: 2px 0;
  overflow-x: auto;
  scroll-behavior: smooth;
  scrollbar-width: none;
  /* Firefox */
}

.bdcats__track::-webkit-scrollbar {
  /* Chrome/Safari */
  display: none;
}

/* chips */
.bdcats__chip {
  white-space: nowrap;
  padding: 6px 14px;
  border: 1px solid #F72717;
  border-radius: 999px;
  color: #000;
  font-size: 14px;
  text-decoration: none;
  transition: transform .15s ease, background .2s ease, color .2s ease;
}

.bdcats__chip:hover, .bdcats__chip.is-active  {
  background: #F72717;
  color: #fff;
}

/* setas */
.bdcats__nav {
  width: 34px;
  height: 34px;
  border-radius: 999px;
  border: 1px solid rgba(0, 0, 0, .15);
  background: #fff;
  cursor: pointer;
  display: none;
  /* só aparece quando tiver overflow */
  align-items: center;
  justify-content: center;
  font-size: 18px;
  line-height: 1;
}

.bdcats.is-overflow .bdcats__nav {
  display: inline-flex;
}

.bdcats__nav:disabled {
  opacity: .35;
  cursor: default;
}

/* degradê “intenção de continuidade” (direita) */
.bdcats__viewport::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 42px;
  /* “offset” do degradê */
  height: 100%;
  pointer-events: none;
  opacity: 0;
  transition: opacity .2s ease;
  background: linear-gradient(to left, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
}

/* (opcional) degradê esquerdo quando já rolou */
.bdcats__viewport::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 42px;
  height: 100%;
  pointer-events: none;
  opacity: 0;
  transition: opacity .2s ease;
  background: linear-gradient(to right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
}

/* liga/desliga degradês conforme posição */
.bdcats.can-scroll-right .bdcats__viewport::after {
  opacity: 1;
}

.bdcats.can-scroll-left .bdcats__viewport::before {
  opacity: 1;
}

.bento-betterdocs-related__list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.bento-betterdocs-related__item {
  padding-bottom: 24px;
  padding-top: 24px;
  border-bottom: 1px solid #CBD5E1
}

.bento-betterdocs-related__item:first-child {
  padding-top: 0
}

.bento-betterdocs-related__item a {
  color: #000;
  transition: 0.2s ease-in;

}

.bento-betterdocs-related__item a:hover {
  color: #F72717;

}

.bd-search-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 20px 0 18px
}
.bd-search-results{
  margin-top:30px;
}

.bd-filter-btn {
  display: inline-flex;
  align-items: center;
  padding: 10px 12px;
  border: 1px solid currentColor;
  border-radius: 999px;
  text-decoration: none
}

.bd-filter-btn.is-active {
  font-weight: 700
}

.bd-results-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 12px
}

.bd-result-item a{
	color:inherit;
	font-family: "Edenred Oficial", Sans-serif;
	font-size:20px;
	transition:0.2s ease-in;
	
}

.bd-result-item a:hover{
	color:#F72717;
}

.bd-result-item {
  padding: 24px 0;
  border-bottom: 1px solid rgba(0, 0, 0, .08)
}

.bd-result-item:first-child {
  padding-top:0 !important
}

.bd-result-title {
  font-weight: 700
}

.bd-pagination ul {
  list-style: none;
  padding: 0;
  margin: 16px 0 0;
  display: flex;
  gap: 8px;
  flex-wrap: wrap
}

@media (max-width: 1025px) {
  .elementor > .elementor-section-wrap > .e-con,
  .elementor > .e-con {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.bd-load-more{
	margin-top: 50px
}
.bd-load-more:hover{
	
background-color:#000;
}

/* Evita o "flash" dos itens antes do JS aplicar o limite */
#bd-search-wrap .bd-results-list {
  opacity: 0;
  transition: opacity .18s ease;
}
#bd-search-wrap.is-ready .bd-results-list {
  opacity: 1;
}

/* Fade-in dos itens recém revelados */
#bd-search-wrap .bd-result-item.is-revealing {
  opacity: 0;
  transform: translateY(6px);
  animation: bdFadeInItem .22s ease forwards;
}

@keyframes bdFadeInItem {
  to { opacity: 1; transform: translateY(0); }
}
/* ESTILIZAÇÃO DA LISTAGEM - ITENS DOCS*/
.eael-bd-cb-inner{
	text-align:left !important;
	display:flex;
	justify-content:center;
	align-items:start;
	padding:30px !important;
	min-height:189px;
	flex-direction:column
	
}
.eael-bd-cb-cat-icon{
	margin:0 !important;
}

@media only screen and (max-width: 600px) {
	.eael-bd-cb-inner{
		flex-direction:inherit;
		padding:2px 8px !important;
		min-height:40px;
		margin:5px 0px !important;
		align-items:center;
		justify-content:start;
		width:100% !important;
		
	}
	.eael-bd-cb-inner h2{
		font-size:14px !important;
		margin-top:0 !important;
	}
	.eael-bd-cb-cat-icon img {
		width:20px !important;
	}
	
}


.carrosel .swiper-wrapper .swiper-slide-image{
           witdh:auto !important;
           height:50px;
           opacity: 0.3;
           transition:0.2s ease-in;
           
       } 
      
 .carrosel .swiper-wrapper .swiper-slide-image:hover{
           opacity: 1;
           
       }

.elementor-widget-theme-post-content h1, .elementor-widget-theme-post-content h2, .elementor-widget-theme-post-content h3, .elementor-widget-theme-post-content h4, .elementor-widget-theme-post-content h5{
  color:#000 !important;
    padding: 20px 0px 10px 0;

}
.breadcrumb_last{
  font-weight:bold;
}

.elementor-widget-theme-post-content a, .betterdocs-content a{
  color: #A21212;
  transition: 0.2s ease-in;
  text-decoration: underline;
}

.elementor-widget-theme-post-content a:hover, .betterdocs-content a:hover{
  color: #f72717;
}

.elementor-widget-theme-post-content p, 
.elementor-widget-theme-post-content ul{
  margin-bottom:10px;
}
.elementor-widget-theme-post-content blockquote{
  border-left: 8px solid #CCC;
    padding-left: 10px;
    font-weight: normal !important;
}

.bd-pagination{
  display:none !important
}