.elementor-2887 .elementor-element.elementor-element-384c41b{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2887 .elementor-element.elementor-element-aefdf0c{--display:flex;}.elementor-2887 .elementor-element.elementor-element-ef23556{--display:flex;}.elementor-2887 .elementor-element.elementor-element-2b8ceed{--display:flex;}.elementor-2887 .elementor-element.elementor-element-0bc6cd4{--display:flex;}.elementor-2887 .elementor-element.elementor-element-0d50c1f{--display:flex;}.elementor-2887 .elementor-element.elementor-element-cd5877a{--display:flex;}.elementor-2887 .elementor-element.elementor-element-d86615f{--display:flex;}.elementor-2887 .elementor-element.elementor-element-f6308f7{--n-tabs-heading-wrap:nowrap;--n-tabs-heading-overflow-x:scroll;--n-tabs-title-white-space:nowrap;--n-tabs-title-border-radius:20px 20px 20px 20px;}.elementor-2887 .elementor-element.elementor-element-f6308f7 > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:var( --e-global-color-text );}.elementor-2887 .elementor-element.elementor-element-f6308f7.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-primary );}.elementor-2887 .elementor-element.elementor-element-f6308f7.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-2887 .elementor-element.elementor-element-f6308f7.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-primary );}.elementor-2887 .elementor-element.elementor-element-86287cb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}body.elementor-page-2887:not(.elementor-motion-effects-element-type-background), body.elementor-page-2887 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#090C23;}/* Start custom CSS *//* -------------------------
   CARROSSEL - MELHORADO
   Para: .elementor-widget-n-tabs .e-n-tabs-heading
-------------------------- */



.tabs-carousel-wrapper .e-n-tabs-heading {
  display: flex !important;
  gap: 16px;
  overflow-x: auto !important; /* impedimos overflow visível */
  position: relative;
  padding: 0 0px; /* espaço para degradê lateral */
  height: auto;
  align-items: center;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  --n-tabs-heading-justify-content: center !important;
}

/* Remove qualquer interferência visual */
.tabs-carousel-wrapper .e-n-tabs-heading::-webkit-scrollbar { display: none; }
.tabs-carousel-wrapper .e-n-tabs-heading { -ms-overflow-style: none; scrollbar-width: none; }

/* CARDS */
.tabs-carousel-wrapper .e-n-tabs-heading > * {
  flex: 0 0 auto;
  /*width: 220px;*/
  min-width: 220px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  transition: transform .25s ease;
  pointer-events: auto;
}

/* Degradê LATERAL — agora funciona somente no header */
.tabs-carousel-wrapper::before,
.tabs-carousel-wrapper::after {
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: 40px;
  z-index: 5;
  pointer-events: none;
}


/*-------------------------------*/


/* WRAPPER DO WIDGET — posição relativa */
.tabs-carousel-wrapper {
  position: relative;
  overflow: visible; /* wrapper visível; o header controla scroll */
}

/* DEGRADE FIXO NAS PONTAS (fora do header, sem mexer com scroll) */
.tabs-carousel-wrapper::before,
.tabs-carousel-wrapper::after {
  content: "";
  position: absolute;
  top: 0;
  height: 80px; /* mesma altura dos cards */
  width: 120px;
  z-index: 20;
  pointer-events: none;
}


.tabs-carousel-wrapper::before {
    content: "";
    background: linear-gradient(to right, #090C23, transparent, transparent, transparent, transparent, #090C23);
    top: 0;
    left: 0;
    width: 100%;
    height: 80px;
    position: absolute;
    z-index: 99;
    pointer-events: none;
}



/* RESPONSIVO REAL - sem bugs de altura */
/* Responsivo: para tablet/mobile reduzimos e deixamos o nativo do Elementor funcionar */


@media (min-width: 320px) and (max-width: 767px) {
  .tabs-carousel-wrapper .e-n-tabs-heading > * {
    margin: 0 !important;
    align-items: center !important;
    display: flex !important;
  }
  
  .tabs-carousel-wrapper .e-n-tabs-heading > * {
    min-width: 150px;
    height: 60px;
  }
}



@media (max-width: 900px) {
  /*.tabs-carousel-wrapper::before,
  .tabs-carousel-wrapper::after {
    height: 70px;
    width: 40px;
  }*/
  .tabs-carousel-wrapper .e-n-tabs-heading > * {
    min-width: 180px;
    height: 70px;
  }
}

@media (max-width: 1024px) {

  /* Habilita novamente o scroll horizontal normal */
  .tabs-carousel-wrapper .e-n-tabs-heading {
    overflow-x: auto !important;
    scroll-behavior: auto !important;
  }

  /* Remove degradês que encobrem as abas 
  .tabs-carousel-wrapper .e-n-tabs-heading::before,
  .tabs-carousel-wrapper .e-n-tabs-heading::after,
  .tabs-carousel-wrapper::before,
  .tabs-carousel-wrapper::after {
    display: none !important;
    content: none !important;
  }*/

  /* Garante que nenhum elemento pai corte lateral */
  .tabs-carousel-wrapper {
    overflow: visible !important;
  }

  /* Mantém todas as abas visíveis no início */
  .tabs-carousel-wrapper .e-n-tabs-heading > * {
    opacity: 1 !important;
    visibility: visible !important;
  }
}/* End custom CSS */