.elementor-24610 .elementor-element.elementor-element-c1dc098{--display:flex;--min-height:450px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:1;}.elementor-24610 .elementor-element.elementor-element-c1dc098:not(.elementor-motion-effects-element-type-background), .elementor-24610 .elementor-element.elementor-element-c1dc098 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #3482FF 0%, #20225E 100%);}.elementor-24610 .elementor-element.elementor-element-c1dc098::before, .elementor-24610 .elementor-element.elementor-element-c1dc098 > .elementor-background-video-container::before, .elementor-24610 .elementor-element.elementor-element-c1dc098 > .e-con-inner > .elementor-background-video-container::before, .elementor-24610 .elementor-element.elementor-element-c1dc098 > .elementor-background-slideshow::before, .elementor-24610 .elementor-element.elementor-element-c1dc098 > .e-con-inner > .elementor-background-slideshow::before, .elementor-24610 .elementor-element.elementor-element-c1dc098 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-24610 .elementor-element.elementor-element-c1dc098.e-con{--align-self:center;}.elementor-24610 .elementor-element.elementor-element-441a6b3{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-24610 .elementor-element.elementor-element-c783728{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-24610 .elementor-element.elementor-element-c783728.elementor-element{--align-self:flex-start;}.elementor-24610 .elementor-element.elementor-element-c783728 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:36px;font-weight:700;line-height:41px;color:#FFFFFF;}.elementor-24610 .elementor-element.elementor-element-d26804a.elementor-element{--align-self:flex-start;}.elementor-24610 .elementor-element.elementor-element-d26804a{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;color:#FFFFFF;}.elementor-24610 .elementor-element.elementor-element-2998a85{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-evenly;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-24610 .elementor-element.elementor-element-2998a85.e-con{--order:99999 /* order end hack */;--flex-grow:0;--flex-shrink:0;}.elementor-24610 .elementor-element.elementor-element-e5094e4{--display:flex;--min-height:100px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;}.elementor-24610 .elementor-element.elementor-element-e5094e4:not(.elementor-motion-effects-element-type-background), .elementor-24610 .elementor-element.elementor-element-e5094e4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F9F9F9;}.elementor-24610 .elementor-element.elementor-element-a1c256b .elementor-button{background-color:#91D329;font-family:"Montserrat", Sans-serif;font-size:12px;font-weight:600;fill:#20225E;color:#20225E;border-style:none;padding:20px 70px 20px 70px;}.elementor-24610 .elementor-element.elementor-element-a1c256b .elementor-button:hover, .elementor-24610 .elementor-element.elementor-element-a1c256b .elementor-button:focus{background-color:#30DBF2;color:#20225E;box-shadow:0px 6px 10px 0px rgba(0, 0, 0, 0.2);}.elementor-24610 .elementor-element.elementor-element-a1c256b{width:auto;max-width:auto;}.elementor-24610 .elementor-element.elementor-element-a1c256b:hover{--e-transform-translateY:-4px;}.elementor-24610 .elementor-element.elementor-element-a1c256b.elementor-element{--align-self:center;}.elementor-24610 .elementor-element.elementor-element-a1c256b .elementor-button-content-wrapper{flex-direction:row;}.elementor-24610 .elementor-element.elementor-element-a1c256b .elementor-button:hover svg, .elementor-24610 .elementor-element.elementor-element-a1c256b .elementor-button:focus svg{fill:#20225E;}.elementor-24610 .elementor-element.elementor-element-d9fc982 .elementor-button{background-color:#91D329;font-family:"Montserrat", Sans-serif;font-size:12px;font-weight:600;fill:#20225E;color:#20225E;border-style:none;padding:20px 40px 20px 40px;}.elementor-24610 .elementor-element.elementor-element-d9fc982 .elementor-button:hover, .elementor-24610 .elementor-element.elementor-element-d9fc982 .elementor-button:focus{background-color:#30DBF2;color:#20225E;box-shadow:0px 6px 10px 0px rgba(0, 0, 0, 0.2);}.elementor-24610 .elementor-element.elementor-element-d9fc982{width:auto;max-width:auto;}.elementor-24610 .elementor-element.elementor-element-d9fc982:hover{--e-transform-translateY:-4px;}.elementor-24610 .elementor-element.elementor-element-d9fc982.elementor-element{--align-self:center;}.elementor-24610 .elementor-element.elementor-element-d9fc982 .elementor-button-content-wrapper{flex-direction:row;}.elementor-24610 .elementor-element.elementor-element-d9fc982 .elementor-button:hover svg, .elementor-24610 .elementor-element.elementor-element-d9fc982 .elementor-button:focus svg{fill:#20225E;}.elementor-24610 .elementor-element.elementor-element-597ba87 .elementor-button{background-color:#91D329;font-family:"Montserrat", Sans-serif;font-size:12px;font-weight:600;fill:#20225E;color:#20225E;border-style:none;padding:20px 60px 20px 60px;}.elementor-24610 .elementor-element.elementor-element-597ba87 .elementor-button:hover, .elementor-24610 .elementor-element.elementor-element-597ba87 .elementor-button:focus{background-color:#30DBF2;color:#20225E;box-shadow:0px 6px 10px 0px rgba(0, 0, 0, 0.2);}.elementor-24610 .elementor-element.elementor-element-597ba87{width:auto;max-width:auto;}.elementor-24610 .elementor-element.elementor-element-597ba87:hover{--e-transform-translateY:-4px;}.elementor-24610 .elementor-element.elementor-element-597ba87.elementor-element{--align-self:center;}.elementor-24610 .elementor-element.elementor-element-597ba87 .elementor-button-content-wrapper{flex-direction:row;}.elementor-24610 .elementor-element.elementor-element-597ba87 .elementor-button:hover svg, .elementor-24610 .elementor-element.elementor-element-597ba87 .elementor-button:focus svg{fill:#20225E;}.elementor-24610 .elementor-element.elementor-element-1f593b3{--display:flex;--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;}.elementor-24610 .elementor-element.elementor-element-27c54cc{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:center;}.elementor-24610 .elementor-element.elementor-element-27c54cc.elementor-element{--align-self:flex-start;}.elementor-24610 .elementor-element.elementor-element-27c54cc .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:36px;font-weight:700;color:#20225E;}.elementor-24610 .elementor-element.elementor-element-09b2c05{--display:flex;--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;}.elementor-24610 .elementor-element.elementor-element-db37114{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:center;}.elementor-24610 .elementor-element.elementor-element-db37114.elementor-element{--align-self:flex-start;}.elementor-24610 .elementor-element.elementor-element-db37114 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:36px;font-weight:700;color:#20225E;}.elementor-24610 .elementor-element.elementor-element-7f1e99d{--display:flex;--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;}.elementor-24610 .elementor-element.elementor-element-a07ba8b{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:center;}.elementor-24610 .elementor-element.elementor-element-a07ba8b.elementor-element{--align-self:flex-start;}.elementor-24610 .elementor-element.elementor-element-a07ba8b .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:36px;font-weight:700;color:#20225E;}.elementor-24610 .elementor-element.elementor-element-7446cb3{--display:flex;--min-height:500px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--overlay-opacity:0.5;}.elementor-24610 .elementor-element.elementor-element-7446cb3:not(.elementor-motion-effects-element-type-background), .elementor-24610 .elementor-element.elementor-element-7446cb3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F9F9F9;}.elementor-24610 .elementor-element.elementor-element-7446cb3::before, .elementor-24610 .elementor-element.elementor-element-7446cb3 > .elementor-background-video-container::before, .elementor-24610 .elementor-element.elementor-element-7446cb3 > .e-con-inner > .elementor-background-video-container::before, .elementor-24610 .elementor-element.elementor-element-7446cb3 > .elementor-background-slideshow::before, .elementor-24610 .elementor-element.elementor-element-7446cb3 > .e-con-inner > .elementor-background-slideshow::before, .elementor-24610 .elementor-element.elementor-element-7446cb3 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#F9F9F9;--background-overlay:'';}.elementor-24610 .elementor-element.elementor-element-65948e0{--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;border-style:none;--border-style:none;--border-radius:20px 20px 20px 20px;}.elementor-24610 .elementor-element.elementor-element-65948e0.e-con{--order:99999 /* order end hack */;}.elementor-24610 .elementor-element.elementor-element-404410a{border-radius:20px 20px 20px 20px;}.elementor-24610 .elementor-element.elementor-element-404410a img{border-radius:20px 20px 20px 20px;}.elementor-24610 .elementor-element.elementor-element-518606e{--display:flex;--gap:20px 0px;--row-gap:20px;--column-gap:0px;}.elementor-24610 .elementor-element.elementor-element-518606e.e-con{--align-self:center;}.elementor-24610 .elementor-element.elementor-element-1469260.elementor-element{--align-self:center;}.elementor-24610 .elementor-element.elementor-element-1469260{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;}.elementor-24610 .elementor-element.elementor-element-03ccd08.elementor-element{--align-self:flex-start;--order:-99999 /* order start hack */;}.elementor-24610 .elementor-element.elementor-element-03ccd08{text-align:start;}.elementor-24610 .elementor-element.elementor-element-03ccd08 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:36px;font-weight:700;color:#3482FF;}@media(max-width:1024px){.elementor-24610 .elementor-element.elementor-element-441a6b3{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-24610 .elementor-element.elementor-element-c783728 .elementor-heading-title{font-size:25px;line-height:1.2em;}.elementor-24610 .elementor-element.elementor-element-d26804a{font-size:12px;}.elementor-24610 .elementor-element.elementor-element-27c54cc .elementor-heading-title{font-size:25px;line-height:1.2em;}.elementor-24610 .elementor-element.elementor-element-db37114 .elementor-heading-title{font-size:25px;line-height:1.2em;}.elementor-24610 .elementor-element.elementor-element-a07ba8b .elementor-heading-title{font-size:25px;line-height:1.2em;}}@media(max-width:767px){.elementor-24610 .elementor-element.elementor-element-c1dc098{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-24610 .elementor-element.elementor-element-441a6b3{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-24610 .elementor-element.elementor-element-c783728{text-align:center;}.elementor-24610 .elementor-element.elementor-element-c783728 .elementor-heading-title{font-size:22px;line-height:1.1em;}.elementor-24610 .elementor-element.elementor-element-d26804a{text-align:center;font-size:14px;line-height:1.5em;}.elementor-24610 .elementor-element.elementor-element-2998a85{--width:320px;}.elementor-24610 .elementor-element.elementor-element-58fd350.elementor-element{--align-self:center;}.elementor-24610 .elementor-element.elementor-element-e5094e4{--min-height:250px;--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;--justify-content:center;}.elementor-24610 .elementor-element.elementor-element-27c54cc .elementor-heading-title{font-size:22px;line-height:1.1em;}.elementor-24610 .elementor-element.elementor-element-db37114 .elementor-heading-title{font-size:22px;line-height:1.1em;}.elementor-24610 .elementor-element.elementor-element-a07ba8b .elementor-heading-title{font-size:22px;line-height:1.1em;}.elementor-24610 .elementor-element.elementor-element-65948e0.e-con{--order:99999 /* order end hack */;}.elementor-24610 .elementor-element.elementor-element-1469260{text-align:center;font-size:14px;}.elementor-24610 .elementor-element.elementor-element-03ccd08.elementor-element{--align-self:center;}.elementor-24610 .elementor-element.elementor-element-03ccd08{text-align:center;}}@media(min-width:768px){.elementor-24610 .elementor-element.elementor-element-441a6b3{--width:43%;}.elementor-24610 .elementor-element.elementor-element-2998a85{--width:42%;}.elementor-24610 .elementor-element.elementor-element-65948e0{--width:39%;}.elementor-24610 .elementor-element.elementor-element-518606e{--width:50%;}}/* Start custom CSS for container, class: .elementor-element-c1dc098 *//* =========================================================
   TRILHA / CONTEÚDO DIGITAL — CSS GLOBAL (100% PREFIXADO)
   Uso: aplique no container principal da trilha:
        class="trilhaSection"  e  atributo  data-trilha
   Ex.: <section class="trilhaSection" data-trilha>...</section>

   Este CSS é “safe” para uso global porque:
   - tudo fica escopado dentro de .trilhaSection
   - não afeta outros widgets/elementos do site
   ========================================================= */


/* =========================================================
   1) BASE + TOKENS
   ========================================================= */
.trilhaSection{
  /* cores */
  --t-primary:#20225e;
  --t-text:#1f1f1f;
  --t-muted:#6b6b6b;

  /* bordas / sombras */
  --t-border:rgba(0,0,0,.10);
  --t-shadow:0 14px 34px rgba(0,0,0,.12);

  /* layout */
  --t-radius:18px;
  --t-card-radius:16px;
  --t-gap:16px;
  --t-img-h:180px;

  width:100%;
  background:#fff;
  border-radius:var(--t-radius);
  padding:18px 16px;
}

.trilhaSection,
.trilhaSection *{
  box-sizing:border-box;
}


/* =========================================================
   2) HEADER
   ========================================================= */
.trilhaSection .trilhaHeader{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
  margin:0 0 12px;
}

.trilhaSection .trilhaHeader__title{
  margin:0;
  font-size:22px;
  line-height:1.15;
  color:var(--t-primary);
}

.trilhaSection .trilhaHeader__subtitle{
  margin:6px 0 0;
  font-size:14px;
  color:var(--t-muted);
}

.trilhaSection .trilhaHeader__cta{
  font-size:14px;
  font-weight:700;
  color:var(--t-primary);
  text-decoration:none;
  white-space:nowrap;
}

.trilhaSection .trilhaHeader__cta:hover{
  text-decoration:underline;
}


/* =========================================================
   3) RAIL / VIEWPORT (CARROSSEL)
   - contextos corretos para z-index das setas
   - scrollbar escondida
   ========================================================= */
.trilhaSection .trilhaRail{
  position:relative !important;
  overflow:hidden;
  isolation:isolate; /* stacking context limpo */
}

.trilhaSection .trilhaViewport{
  display:flex;
  gap:var(--t-gap);
  padding:8px 2px 12px;

  overflow-x:auto;
  overflow-y:hidden;

  scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior-x:contain;
  scroll-behavior:smooth;

  /* esconder scrollbar */
  scrollbar-width:none;
  -ms-overflow-style:none;
}
.trilhaSection .trilhaViewport::-webkit-scrollbar{
  display:none;
}


/* =========================================================
   4) CARD
   ========================================================= */
.trilhaSection .trilhaCard{
  flex:0 0 auto;
  width:clamp(260px, 82vw, 340px);

  scroll-snap-align:start;

  background:#fff;
  border:1px solid var(--t-border);
  border-radius:var(--t-card-radius);
  overflow:hidden;

  transform:translateZ(0);
  transition:transform .2s ease, box-shadow .2s ease;
}

/* Hover só onde existe hover (desktop) */
@media (hover:hover){
  .trilhaSection .trilhaCard:hover{
    transform:translateY(-2px);
    box-shadow:var(--t-shadow);
  }
}

/* Foco acessível */
.trilhaSection .trilhaCard a:focus-visible{
  outline:2px solid rgba(32,34,94,.35);
  outline-offset:3px;
  border-radius:10px;
}


/* =========================================================
   5) MEDIA (IMAGEM) + PILL
   ========================================================= */
.trilhaSection .trilhaCard__media{
  position:relative;
  display:block;
  z-index:1; /* abaixo das setas */
}

.trilhaSection .trilhaCard__media img{
  display:block;
  width:100%;
  height:var(--t-img-h);
  object-fit:cover;
}

.trilhaSection .trilhaPill{
  position:absolute;
  top:12px;
  left:12px;

  background:var(--t-primary);
  color:#91d329;

  font-size:10px;
  font-weight:600;

  padding:6px 10px;
  border-radius:999px;

  max-width:calc(100% - 24px);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}


/* =========================================================
   6) TEXTO DO CARD
   ========================================================= */
.trilhaSection .trilhaCard__body{
  padding:12px 14px 14px;
}

.trilhaSection .trilhaMeta{
  font-size:13px;
  color:var(--t-muted);
  margin-bottom:6px;
}

.trilhaSection .trilhaTitle{
  margin:0 0 8px;
  font-size:16px;
  line-height:1.2;
}

.trilhaSection .trilhaTitle a{
  color:var(--t-primary);
  text-decoration:none;
}

.trilhaSection .trilhaTitle a:hover{
  text-decoration:underline;
}

.trilhaSection .trilhaDesc{
  margin:0;
  font-size:14px;
  color:var(--t-text);
}


/* =========================================================
   7) SETAS (DESKTOP)
   - z-index muito alto para não ficar atrás da imagem
   - mobile: ocultas
   ========================================================= */
.trilhaSection .trilhaArrow{
  position:absolute !important;
  top:50%;
  transform:translateY(-50%);

  width:40px;
  height:40px;
  border-radius:999px;

  border:1px solid var(--t-border);
  background:#fff;

  cursor:pointer;

  z-index:9999 !important;
  pointer-events:auto !important;

  display:none; /* mobile */
}

.trilhaSection .trilhaArrow span{
  font-size:24px;
  line-height:1;
  color:var(--t-primary);
}

.trilhaSection .trilhaArrow--prev{ left:8px; }
.trilhaSection .trilhaArrow--next{ right:8px; }

.trilhaSection .trilhaArrow[disabled]{
  opacity:.35;
  cursor:default;
}

@media (min-width: 992px){
  .trilhaSection .trilhaArrow{
    display:grid;
    place-items:center;
  }

  /* espaço para não cobrir cards */
  .trilhaSection .trilhaViewport{
    padding-left:52px;
    padding-right:52px;
  }
}


/* =========================================================
   8) PAGINAÇÃO NUMÉRICA
   - Desktop: 14px
   - Mobile: 10px
   ========================================================= */
.trilhaSection .trilhaPager{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:10px;

  padding:8px 0 2px;
  user-select:none;

  min-height:24px; /* reserva espaço antes do JS */
}

.trilhaSection .trilhaPage{
  appearance:none;
  border:0;
  background:transparent;

  padding:4px 2px;
  cursor:pointer;

  font-weight:700;
  font-size:14px;
  line-height:1;

  color:rgba(32,34,94,.55);
}

.trilhaSection .trilhaPage.is-active{
  color:var(--t-primary);
  text-decoration:underline;
  text-underline-offset:3px;
}

@media (max-width: 991px){
  .trilhaSection .trilhaPage{
    font-size:10px;
  }
}


/* =========================================================
   9) AJUSTES OPCIONAIS (MELHOR UX)
   - evita seleção estranha em botões/links em arraste
   ========================================================= */
.trilhaSection .trilhaArrow,
.trilhaSection .trilhaPage{
  -webkit-tap-highlight-color:transparent;
}

.trilhaSection .trilhaViewport:focus{
  outline:none;
}/* End custom CSS */