.elementor-widget-container .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-container .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-8084 .elementor-element.elementor-element-2be2beeb{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-8084 .elementor-element.elementor-element-2be2beeb:not(.elementor-motion-effects-element-type-background), .elementor-8084 .elementor-element.elementor-element-2be2beeb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#2961B2;}.elementor-widget-html .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-html .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}@media(max-width:1024px){.elementor-8084 .elementor-element.elementor-element-2be2beeb{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-8084 .elementor-element.elementor-element-2be2beeb{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for html, class: .elementor-element-23a17d30 */.botoes-container {
  display: flex;
  flex-direction: column;  
  align-items: center;     
  gap: 10px;
  margin-top: 220px;
}

.botoes-container .botao {
  display: block;
  width: 70%;
  background-color: #fff;
  border: none;
  padding: 8px 10px;
  border-radius: 16px;
  cursor: pointer;
  font-family: roboto;
  color: #2961B2;
  font-size: 15px;
  font-weight: 500;
  transition: background 0.3s, color 0.3s;
  margin-top: 5px;
}

.botoes-container .botao:hover {
  background-color: #35BEF0;
}

.botoes-container .botao.ativo {
  background-color: #35BEF0;
  color: #fff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-67dc661 */<style> .imagens-container { 
    position: relative; 
    min-height: 300px; /* ajuste conforme a maior imagem */ 
    overflow: hidden; 
    
} 
.all-images { 
    position: absolute; 
    top: -400px; 
    left: 110%; 
    width: 70%; 
    height: auto; 
    opacity: 0; 
    pointer-events: none; 
    transition: opacity 0s ease-in-out; 
    border-color: #fff;
    border-radius: 10px;
} 
.all-images.visivel { 
    opacity: 1; 
    pointer-events: auto; 
    position: relative; /* mantém layout */ 
     border-color: #fff;
    border-radius: 25px;
    border-style: solid;
    border-width: 2px;
    
} 
[data-showme] { 
    background-color: #fff; 
    color: #2961B2; 
    border: none; 
    cursor: pointer; 
    border-radius: 6px; 
    transition: 0.3s; 
    margin-right: 5px; 
    
} 
[data-showme].ativo { 
    background-color: #35BEF0 !important; 
    color: #fff !important; 
    
} [data-showme]:hover:not(.ativo) {
    background-color: #fff; 
    
} 
</style>/* End custom CSS */