.elementor-5414 .elementor-element.elementor-element-1cce57b5{--display:grid;--e-con-grid-template-columns:1.8fr;--e-con-grid-template-rows:repeat(1, 1fr);--gap:50px 50px;--row-gap:50px;--column-gap:50px;--grid-auto-flow:row;--align-items:center;--border-radius:20px 20px 20px 20px;--padding-top:60px;--padding-bottom:60px;--padding-left:60px;--padding-right:60px;}.elementor-5414 .elementor-element.elementor-element-1cce57b5:not(.elementor-motion-effects-element-type-background), .elementor-5414 .elementor-element.elementor-element-1cce57b5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#003B46;}.elementor-5414 .elementor-element.elementor-element-44614488{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-5414 .elementor-element.elementor-element-72f7a584{font-family:"Exo", Sans-serif;font-size:22px;font-weight:400;line-height:37px;letter-spacing:0.4px;color:#FFFFFF;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;padding:0px 0px 0px 0px;}@media(max-width:1024px){.elementor-5414 .elementor-element.elementor-element-1cce57b5{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-5414 .elementor-element.elementor-element-1cce57b5{--e-con-grid-template-columns:1;--grid-auto-flow:row;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-5414 .elementor-element.elementor-element-72f7a584{font-size:16px;line-height:24px;}}/* Start custom CSS */#lista-indice a.elementor-item.elementor-item-anchor.elementor-item-active {
    font-weight: 700;
    border-left: 3px solid #0a434d;
    padding-left: 26px;
}

.triar-table{
  --border: #d6d6d6;
  --head-bg: #DC831A; /* laranja do topo */
  --body-bg: #efefef; /* cinza do corpo */
  --text: #0F0F0F;

  width: 100%;
  border: 1px solid var(--border);
  border-radius: 20px;
  overflow: hidden;
  font-family: exo;
  color: var(--text);
}

.triar-table__head,
.triar-table__row{
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.triar-table__head{
  background: var(--head-bg);
  font-weight: 600;
  
}

.triar-table__row{
  background: var(--body-bg);
}

.triar-table__cell{
  padding: 10px 14px;
  font-size: 16px;
  line-height: 1.2;
}

/* Divisórias */
.triar-table__head .triar-table__cell + .triar-table__cell,
.triar-table__row .triar-table__cell + .triar-table__cell{
  border-left: 1px solid var(--border);
}

.triar-table__row + .triar-table__row{
  border-top: 1px solid var(--border);
}

@media (max-width: 700px){
    .elementor-element.elementor-element-403dc21.elementor-hidden-desktop.elementor-hidden-tablet.e-flex.e-con-boxed.e-con.e-parent.e-lazyloaded.elementor-sticky.elementor-sticky--active.elementor-section--handles-inside.elementor-sticky--effects {
    background: #a3b8c4;
}

}

/* Aplica o efeito apenas no Mobile */
@media (max-width: 767px) {
    
    html, body {
        overflow-x: hidden !important;
    }

    .elementor-widget-container {
        overflow: hidden !important; 
    }

    /* O TRILHO: Em vez de auto, jogamos uma margem fixa na esquerda */
    .elementor-main-swiper {
        overflow: visible !important;
        width: 85% !important; /* Aumentei um pouco para o card principal ser maior */
        margin-left: 0px !important; /* Recuo fixo na esquerda */
        margin-right: 0 !important;
    }

    .swiper-slide {
        width: 100% !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    /* Garante que o swiper saiba que o alinhamento é pela esquerda */
    .swiper-wrapper {
        display: flex !important;
        transition-timing-function: ease-out !important;
    }
}

/* Mobile: empilha (opcional) */
@media (max-width: 520px){
    
  .triar-table__head,
  .triar-table__row{
    grid-template-columns: 1fr;
  }

  .triar-table__head .triar-table__cell + .triar-table__cell,
  .triar-table__row .triar-table__cell + .triar-table__cell{
    border-left: 0;
    border-top: 1px solid var(--border);
  }
}/* End custom CSS */