.elementor-1892 .elementor-element.elementor-element-44950fb{--display:flex;--min-height:850px;--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;--overlay-opacity:0.5;--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-1892 .elementor-element.elementor-element-44950fb:not(.elementor-motion-effects-element-type-background), .elementor-1892 .elementor-element.elementor-element-44950fb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#100A07;background-image:url("https://lojasuplimed.com.br/wp-content/uploads/2026/02/limpe-seu-nome.png");background-position:-50px -22px;background-repeat:no-repeat;background-size:cover;}.elementor-1892 .elementor-element.elementor-element-44950fb::before, .elementor-1892 .elementor-element.elementor-element-44950fb > .elementor-background-video-container::before, .elementor-1892 .elementor-element.elementor-element-44950fb > .e-con-inner > .elementor-background-video-container::before, .elementor-1892 .elementor-element.elementor-element-44950fb > .elementor-background-slideshow::before, .elementor-1892 .elementor-element.elementor-element-44950fb > .e-con-inner > .elementor-background-slideshow::before, .elementor-1892 .elementor-element.elementor-element-44950fb > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-1892 .elementor-element.elementor-element-61872b1{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1892 .elementor-element.elementor-element-1a4bfb3{--display:flex;}.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-1892 .elementor-element.elementor-element-b5cf7db{font-family:"Roboto", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-1892 .elementor-element.elementor-element-a3aa67e{--display:flex;--min-height:595.29px;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:80px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1892 .elementor-element.elementor-element-e43bfd0{width:var( --container-widget-width, 470px );max-width:470px;--container-widget-width:470px;--container-widget-flex-grow:0;}.elementor-1892 .elementor-element.elementor-element-e43bfd0 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:43.91px;font-weight:200;line-height:1.2em;color:#FFFFFF;}.elementor-1892 .elementor-element.elementor-element-5fb70e3{width:var( --container-widget-width, 466px );max-width:466px;--container-widget-width:466px;--container-widget-flex-grow:0;font-family:"Sora", Sans-serif;font-size:22.54px;font-weight:200;line-height:1.5em;color:#FFFFFF;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1892 .elementor-element.elementor-element-cc61065{width:var( --container-widget-width, 359px );max-width:359px;padding:10px 0px 0px 0px;--container-widget-width:359px;--container-widget-flex-grow:0;}.elementor-1892 .elementor-element.elementor-element-cc61065 .elementor-button{font-family:"Roboto", Sans-serif;font-weight:500;transition-duration:1.1s;padding:20px 40px 20px 40px;}.elementor-1892 .elementor-element.elementor-element-e609fd2{--display:flex;}.elementor-1892 .elementor-element.elementor-element-e609fd2:not(.elementor-motion-effects-element-type-background), .elementor-1892 .elementor-element.elementor-element-e609fd2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1892 .elementor-element.elementor-element-b66f83b{--display:flex;}.elementor-1892 .elementor-element.elementor-element-b66f83b:not(.elementor-motion-effects-element-type-background), .elementor-1892 .elementor-element.elementor-element-b66f83b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1892 .elementor-element.elementor-element-95d4737{--display:flex;}.elementor-1892 .elementor-element.elementor-element-95d4737:not(.elementor-motion-effects-element-type-background), .elementor-1892 .elementor-element.elementor-element-95d4737 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#02010100;}.elementor-1892 .elementor-element.elementor-element-e78a7f2{--display:flex;}.elementor-1892 .elementor-element.elementor-element-e78a7f2:not(.elementor-motion-effects-element-type-background), .elementor-1892 .elementor-element.elementor-element-e78a7f2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1892 .elementor-element.elementor-element-8d59ff0{--display:flex;}.elementor-1892 .elementor-element.elementor-element-9ce1eda{--display:flex;}@media(min-width:768px){.elementor-1892 .elementor-element.elementor-element-a3aa67e{--width:629.53px;}}@media(max-width:1024px){.elementor-1892 .elementor-element.elementor-element-44950fb:not(.elementor-motion-effects-element-type-background), .elementor-1892 .elementor-element.elementor-element-44950fb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}}@media(max-width:767px){.elementor-1892 .elementor-element.elementor-element-44950fb:not(.elementor-motion-effects-element-type-background), .elementor-1892 .elementor-element.elementor-element-44950fb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://lojasuplimed.com.br/wp-content/uploads/2026/02/limpe-seu-nome.png");background-position:-580px 0px;background-size:1000px auto;}.elementor-1892 .elementor-element.elementor-element-44950fb{--content-width:949px;--min-height:806px;--justify-content:flex-end;--overlay-opacity:0;--padding-top:0px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-1892 .elementor-element.elementor-element-fc1a63c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -92px) 0px;text-align:center;}.elementor-1892 .elementor-element.elementor-element-fc1a63c img{width:64%;}.elementor-1892 .elementor-element.elementor-element-b5cf7db{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -52px) 0px;text-align:center;font-size:14px;}.elementor-1892 .elementor-element.elementor-element-a3aa67e{--min-height:330px;--justify-content:flex-start;--gap:10px 0px;--row-gap:10px;--column-gap:0px;--border-radius:15px 15px 15px 15px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1892 .elementor-element.elementor-element-e43bfd0{text-align:center;}.elementor-1892 .elementor-element.elementor-element-e43bfd0 .elementor-heading-title{font-size:25px;}.elementor-1892 .elementor-element.elementor-element-5fb70e3{text-align:center;font-size:15px;}.elementor-1892 .elementor-element.elementor-element-cc61065 .elementor-button{font-size:12px;padding:20px 20px 20px 20px;}}/* Start custom CSS for heading, class: .elementor-element-e43bfd0 *//* O Gradiente Dourado para o texto principal */
.elementor-1892 .elementor-element.elementor-element-e43bfd0 .elementor-heading-title {
  background: linear-gradient(135deg, #FFF7D1 0%, #EAC781 25%, #C49645 50%, #9E6E2D 75%, #6E491E 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
  font-weight: 900;
  letter-spacing: -0.5px;
}

/* A regra que força o trecho específico a ficar branco */
.elementor-1892 .elementor-element.elementor-element-e43bfd0 .texto-branco {
  background: none;
  -webkit-text-fill-color: #FFFFFF;
  color: #FFFFFF;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-cc61065 */.elementor-1892 .elementor-element.elementor-element-cc61065 .elementor-button{
    border-radius: 8px;
    border: 1px solid #0F2A44;
    background: linear-gradient(270deg, #1E3C72 0%, #0F2027 100%);
    box-shadow: 0 0 40px rgba(13, 38, 76, 0.35);
    color: #FFFFFF;
    font-weight: 600;
    letter-spacing: 0.5px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3aa67e *//* Efeito de Vidro Premium - AMS Regularize */
.elementor-1892 .elementor-element.elementor-element-a3aa67e {
  /* Borda esquerda usando o Dourado Metálico da marca */
  border-left: 3px solid #C49645;
  /* Fundo Azul Marinho profundo e semi-transparente */
  background: rgba(15, 23, 42, 0.75);
  background-blend-mode: multiply;
  /* Desfoque de vidro limpo */
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px); /* Suporte para iPhones/Safari */
}

/* Ajuste para Celular */
@media (max-width: 767px) {
  .elementor-1892 .elementor-element.elementor-element-a3aa67e {
    border-left: 0px;
    /* No celular, uma borda dourada bem fina e elegante contornando tudo */
    border: 1px solid rgba(196, 150, 69, 0.4); 
    background: rgba(15, 23, 42, 0.75);
    background-blend-mode: multiply;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-44950fb */@media(max-width:767px){
.elementor-1892 .elementor-element.elementor-element-44950fb::before {
  content: "";
  position: absolute;
  top: 45%;
  left: 0;
  width: 100%;
  height: 10%;
  background: linear-gradient(to top, #100A07, transparent);
  pointer-events: none; /* Para não interferir na interação com o conteúdo */
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fcac4d0 *//* --- ESTRUTURA GERAL DA DOBRA 2 --- */
.dobra2-ams {
  background-color: #FFFFFF; /* Fundo branco puro e limpo */
  padding: 100px 20px;
  width: 100%;
  font-family: 'Montserrat', sans-serif;
}

.container-dobra2 {
  max-width: 1100px; /* Mantém o conteúdo centralizado e chique */
  margin: 0 auto;
}

/* --- CABEÇALHO --- */
.cabecalho-dobra2 {
  text-align: center;
  margin-bottom: 60px;
}

.tag-dor {
  font-size: 13px;
  font-weight: 700;
  color: #C49645; /* Nosso Dourado */
  letter-spacing: 2px;
  text-transform: uppercase;
  display: block;
  margin-bottom: 15px;
}

.titulo-dobra2 {
  font-size: 38px;
  font-weight: 800;
  color: #0F172A; /* Azul/Chumbo escuro (Navy) - Muito mais premium que preto puro */
  line-height: 1.2;
  margin-bottom: 20px;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

.subtitulo-dobra2 {
  font-size: 18px;
  color: #475569; /* Cinza médio elegante */
  line-height: 1.6;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

/* --- GRID DE CARDS --- */
.grid-dores {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* 3 colunas no PC */
  gap: 30px;
  margin-bottom: 50px;
}

/* --- DESIGN DOS CARDS (Minimalista) --- */
.card-dor {
  background-color: #F8FAFC; /* Um cinza/azul quase imperceptível de fundo */
  padding: 40px 30px;
  border-radius: 8px;
  border-top: 4px solid #C49645; /* O toque de ouro no topo do card */
  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.05); /* Sombra super leve */
  transition: transform 0.3s ease;
}

.card-dor:hover {
  transform: translateY(-5px); /* Efeito de levitar ao passar o mouse */
}

.icone-dor {
  font-size: 42px;
  font-weight: 900;
  color: transparent;
  -webkit-text-stroke: 1.5px #C49645; /* Número "vazado" com borda dourada - Moderno demais! */
  margin-bottom: 20px;
}

.titulo-card {
  font-size: 20px;
  font-weight: 700;
  color: #0F172A;
  margin-bottom: 15px;
}

.texto-card {
  font-size: 15px;
  color: #475569;
  line-height: 1.6;
}

/* --- O BOTÃO VERDE PULSANTE --- */
.acao-dobra2 {
  text-align: center;
}

.btn-verde-pulsante {
  display: inline-block;
  background-color: #10B981; /* Verde Esmeralda (Confiança/Aprovação) */
  color: #FFFFFF;
  font-weight: 800;
  font-size: 16px;
  text-decoration: none;
  padding: 20px 40px;
  border-radius: 5px;
  box-shadow: 0 4px 15px rgba(16, 185, 129, 0.4);
  animation: pulsar 2s infinite; /* A animação que chama o clique */
  transition: all 0.3s ease;
}

.btn-verde-pulsante:hover {
  background-color: #059669; /* Escurece no hover */
  transform: scale(1.05);
}

/* Animação do Pulso */
@keyframes pulsar {
  0% { box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7); }
  70% { box-shadow: 0 0 0 15px rgba(16, 185, 129, 0); }
  100% { box-shadow: 0 0 0 0 rgba(16, 185, 129, 0); }
}

/* --- RESPONSIVO PARA CELULAR --- */
@media (max-width: 900px) {
  .grid-dores {
    grid-template-columns: 1fr; /* Coloca um card embaixo do outro no celular */
    gap: 20px;
  }
  
  .titulo-dobra2 {
    font-size: 28px;
  }
  
  .dobra2-ams {
    padding: 60px 20px;
  }
}
/* --- ATUALIZE A CLASSE CARD-DOR PARA RECEBER A ANIMAÇÃO SUAVE --- */
.card-dor {
  background-color: #F8FAFC; 
  padding: 40px 30px;
  border-radius: 8px;
  border-top: 4px solid #C49645; 
  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.05); 
  
  /* Adicionei 'opacity' e mudei o tempo para 0.6s para o movimento ficar macio */
  transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.6s ease-out, box-shadow 0.3s ease;
}

.card-dor:hover {
  /* Força o hover a funcionar mesmo depois da animação */
  transform: translateY(-5px) !important; 
}


/* ====== ADICIONE ISSO NO FINAL DO SEU CSS ====== */
/* --- EFEITO ZIGUEZAGUE NO SCROLL --- */

/* Esconde e joga o card para a DIREITA inicialmente */
.anima-direita {
  opacity: 0;
  transform: translateX(80px);
}

/* Esconde e joga o card para a ESQUERDA inicialmente */
.anima-esquerda {
  opacity: 0;
  transform: translateX(-80px);
}

/* A mágica: A classe que o script adiciona quando a pessoa rola a tela */
.card-visivel {
  opacity: 1;
  transform: translateX(0); /* Volta pro centro de forma suave */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fd31363 *//* --- FUNDO DA SEÇÃO --- */
.dobra-editorial-ams {
  background-color: #F8FAFC; /* Fundo Gelo clarinho */
  padding: 100px 20px;
  width: 100%;
  font-family: 'Montserrat', sans-serif;
  box-sizing: border-box;
  overflow-x: hidden;
}

.container-editorial {
  max-width: 1100px;
  margin: 0 auto;
  display: flex;
  align-items: center; /* Centraliza a foto e o texto na mesma linha */
  gap: 80px; /* Muito respiro entre a foto e o texto */
}

/* --- A COLUNA DA IMAGEM --- */
.coluna-imagem-editorial {
  flex: 1;
  position: relative;
}

.imagem-wrapper {
  position: relative;
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
}

/* O quadrado dourado deslocado no fundo */
.bloco-decorativo-ouro {
  position: absolute;
  top: -20px;
  left: -20px;
  width: 100%;
  height: 100%;
  background-color: #C49645;
  border-radius: 8px;
  z-index: 1;
}

.img-editorial {
  width: 100%;
  height: auto;
  border-radius: 8px;
  position: relative;
  z-index: 2; /* Fica por cima do bloco dourado */
  box-shadow: 0 15px 35px rgba(15, 23, 42, 0.1); /* Sombra super suave */
  display: block;
}

/* --- A COLUNA DE TEXTO --- */
.coluna-texto-editorial {
  flex: 1;
}

.tag-editorial {
  font-size: 13px;
  font-weight: 700;
  color: #C49645;
  letter-spacing: 2px;
  text-transform: uppercase;
  display: block;
  margin-bottom: 15px;
}

.titulo-editorial {
  font-size: 38px;
  font-weight: 800;
  color: #0F172A; /* Texto super escuro e legível */
  line-height: 1.2;
  margin-bottom: 20px;
}

.texto-editorial {
  font-size: 16px;
  color: #475569;
  line-height: 1.6;
  margin-bottom: 30px;
}

.lista-editorial {
  list-style: none;
  padding: 0;
  margin: 0;
}

.lista-editorial li {
  display: flex;
  align-items: flex-start;
  margin-bottom: 15px;
  font-size: 16px;
  color: #334155;
}

.lista-editorial strong {
  color: #0F172A;
  margin-right: 6px;
}

.check-ouro {
  color: #C49645;
  font-size: 16px;
  font-weight: 900;
  margin-right: 12px;
  margin-top: 3px;
}

/* --- RESPONSIVO PARA CELULAR (SÓLIDO E SEGURO) --- */
@media (max-width: 900px) {
  .container-editorial {
    flex-direction: column; /* Joga a imagem para cima e o texto para baixo */
    gap: 50px;
  }

  .dobra-editorial-ams {
    padding: 60px 20px;
  }

  .bloco-decorativo-ouro {
    /* No celular a gente diminui o deslocamento para não vazar da tela */
    top: -10px;
    left: -10px;
  }

  .titulo-editorial {
    font-size: 30px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ca8636e *//* --- FUNDO ESCURO (Regra da Zebra) --- */
.dobra3-ams {
  background-color: #0F172A; /* O mesmo Azul Marinho escuro e premium */
  padding: 100px 20px;
  width: 100%;
  font-family: 'Montserrat', sans-serif;
  color: #FFFFFF;
}

.container-dobra3 {
  max-width: 900px; /* Mais estreito para o texto não ficar cansativo de ler */
  margin: 0 auto;
}

/* --- CABEÇALHO --- */
.cabecalho-dobra3 {
  text-align: center;
  margin-bottom: 60px;
}

.tag-processo {
  font-size: 13px;
  font-weight: 700;
  color: #C49645; /* Dourado AMS */
  letter-spacing: 2px;
  text-transform: uppercase;
  display: block;
  margin-bottom: 15px;
}

.titulo-dobra3 {
  font-size: 38px;
  font-weight: 800;
  color: #FFFFFF;
  line-height: 1.2;
  margin-bottom: 20px;
}

.subtitulo-dobra3 {
  font-size: 18px;
  color: #94A3B8; /* Um cinza-azulado muito chique para leitura */
  line-height: 1.6;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

/* --- A LINHA DO TEMPO (O Segredo do Design) --- */
.timeline-ams {
  position: relative;
  margin: 0 auto 60px auto;
  padding-left: 50px; /* Dá espaço para as bolinhas e a linha à esquerda */
  max-width: 700px;
}

/* A Linha Dourada Vertical que liga os pontos */
.timeline-ams::before {
  content: '';
  position: absolute;
  left: 15px; /* Alinhado exatamente no centro das bolinhas */
  top: 0;
  height: 100%;
  width: 2px;
  /* Gradiente na linha: começa dourado forte e some no final */
  background: linear-gradient(to bottom, #C49645 0%, rgba(196, 150, 69, 0.1) 100%);
}

.timeline-item {
  position: relative;
  margin-bottom: 50px;
}

/* Esconde a margem do último item para não sobrar espaço */
.timeline-item:last-child {
  margin-bottom: 0;
}

/* As bolinhas douradas com os números */
.timeline-dot {
  position: absolute;
  left: -50px; /* Puxa a bolinha para cima da linha vertical */
  top: 0;
  width: 32px;
  height: 32px;
  background: linear-gradient(135deg, #FFF7D1 0%, #C49645 100%); /* Ouro Metálico */
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 900;
  font-size: 14px;
  color: #0F172A; /* Cor escura no número para dar contraste */
  z-index: 2;
  box-shadow: 0 0 15px rgba(196, 150, 69, 0.4); /* Brilho em volta da bolinha */
}

/* --- CONTEÚDO DOS PASSOS --- */
.titulo-passo {
  font-size: 22px;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 10px;
  margin-top: 2px; /* Alinha o texto certinho com a bolinha */
}

.texto-passo {
  font-size: 16px;
  color: #94A3B8;
  line-height: 1.6;
}

/* --- O BOTÃO VERDE PULSANTE (Ajustado pro fundo escuro) --- */
.acao-dobra3 {
  text-align: center;
}

.btn-verde-pulsante-escuro {
  display: inline-block;
  background-color: #10B981;
  color: #FFFFFF;
  font-weight: 800;
  font-size: 16px;
  text-decoration: none;
  padding: 20px 40px;
  border-radius: 5px;
  box-shadow: 0 4px 20px rgba(16, 185, 129, 0.3);
  animation: pulsar-escuro 2s infinite;
  transition: all 0.3s ease;
}

.btn-verde-pulsante-escuro:hover {
  background-color: #059669;
  transform: scale(1.05);
}

@keyframes pulsar-escuro {
  0% { box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.5); }
  70% { box-shadow: 0 0 0 15px rgba(16, 185, 129, 0); }
  100% { box-shadow: 0 0 0 0 rgba(16, 185, 129, 0); }
}

/* --- RESPONSIVO PARA CELULAR --- */
@media (max-width: 768px) {
  .titulo-dobra3 {
    font-size: 30px;
  }
  
  .dobra3-ams {
    padding: 70px 20px;
  }

  .timeline-ams {
    padding-left: 40px; /* Reduz um pouco o recuo no celular */
  }

  .timeline-dot {
    left: -40px;
    width: 28px;
    height: 28px;
    font-size: 12px;
  }

  .timeline-ams::before {
    left: -26px; /* Reajusta a linha para o centro da nova bolinha menor */
  }
}
/* --- ESTADO INICIAL DA BOLINHA (Apagada) --- */
.timeline-dot {
  position: absolute;
  left: -50px; 
  top: 0;
  width: 32px;
  height: 32px;
  /* Começa escura, só com uma bordinha dourada apagada */
  background: #1E293B; 
  border: 2px solid rgba(196, 150, 69, 0.3);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 900;
  font-size: 14px;
  color: #94A3B8; /* Número apagado */
  z-index: 2;
  /* Transição suave para acender como uma lâmpada */
  transition: all 0.5s ease-in-out;
}

/* --- ESTADO ATIVO (Quando o script avisa que chegou nela) --- */
.timeline-dot.dot-aceso {
  background: linear-gradient(135deg, #FFF7D1 0%, #C49645 100%); /* Ouro Metálico */
  border: 2px solid #C49645;
  color: #0F172A; /* Número escuro pra dar contraste */
  /* O Brilho forte ao redor */
  box-shadow: 0 0 15px rgba(196, 150, 69, 0.8), 0 0 30px rgba(196, 150, 69, 0.4); 
  transform: scale(1.15); /* Dá um pequeno pulinho (aumenta 15%) pra chamar a atenção */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-95d4737 *//* Força o fundo escuro no Container do Elementor */
.elementor-1892 .elementor-element.elementor-element-95d4737 {
    background-color: #0F172A !important;
    padding: 0 !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e26bff9 *//* --- FUNDO CLARO (Regra da Zebra) --- */
.dobra4-ams {
  background-color: #FFFFFF;
  padding: 100px 20px;
  width: 100%;
  font-family: 'Montserrat', sans-serif;
  box-sizing: border-box; 
  overflow-x: hidden; 
}

.container-dobra4 {
  max-width: 1100px;
  margin: 0 auto;
}

/* --- CABEÇALHO --- */
.cabecalho-dobra4 {
  text-align: center;
  margin-bottom: 60px;
}

.tag-autoridade {
  font-size: 13px;
  font-weight: 700;
  color: #C49645; /* Dourado AMS */
  letter-spacing: 2px;
  text-transform: uppercase;
  display: block;
  margin-bottom: 15px;
}

.titulo-dobra4 {
  font-size: 38px;
  font-weight: 800;
  color: #0F172A; /* Azul/Chumbo escuro */
  line-height: 1.2;
  margin-bottom: 20px;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

.subtitulo-dobra4 {
  font-size: 18px;
  color: #475569;
  line-height: 1.6;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

/* --- GRID DE PILARES (4 colunas) --- */
.grid-autoridade {
  display: grid;
  grid-template-columns: repeat(4, 1fr); /* 4 lado a lado no PC */
  gap: 25px;
}

/* --- CARDS DE AUTORIDADE --- */
.card-autoridade {
  background-color: #FFFFFF;
  border: 1px solid rgba(196, 150, 69, 0.2); /* Borda dourada super suave */
  border-radius: 8px;
  padding: 40px 25px;
  text-align: center;
  transition: all 0.3s ease;
}

.card-autoridade:hover {
  border-color: #C49645; /* Acende o dourado ao passar o mouse */
  transform: translateY(-5px);
  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.05);
}

.icone-autoridade {
  font-size: 40px;
  margin-bottom: 20px;
  /* Filtro para deixar os emojis com um tom mais sóbrio e menos "coloridão" */
  filter: sepia(0.8) hue-rotate(330deg) saturate(2); 
}

.titulo-pilar {
  font-size: 18px;
  font-weight: 700;
  color: #0F172A;
  margin-bottom: 15px;
}

.texto-pilar {
  font-size: 14px;
  color: #475569;
  line-height: 1.6;
}

/* --- RESPONSIVO --- */
@media (max-width: 1024px) {
  .grid-autoridade {
    grid-template-columns: repeat(2, 1fr); /* 2 colunas no tablet */
  }
}

@media (max-width: 768px) {
  .dobra4-ams {
    padding: 70px 20px;
  }
  
  .titulo-dobra4 {
    font-size: 28px;
  }

  .grid-autoridade {
    grid-template-columns: 1fr; /* 1 coluna no celular */
    gap: 15px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-02b8f46 *//* --- FUNDO DA SEÇÃO --- */
.dobra-depoimentos-ams {
  background-color: #0F172A; 
  padding: 100px 20px;
  width: 100%;
  font-family: 'Montserrat', sans-serif;
  box-sizing: border-box;
  overflow-x: hidden;
}

.container-depoimentos {
  max-width: 1100px;
  margin: 0 auto;
}

/* --- CABEÇALHO --- */
.cabecalho-depoimentos { text-align: center; margin-bottom: 50px; }
.tag-depoimentos { font-size: 13px; font-weight: 700; color: #C49645; letter-spacing: 2px; text-transform: uppercase; display: block; margin-bottom: 15px; }
.titulo-depoimentos { font-size: 38px; font-weight: 800; color: #FFFFFF; line-height: 1.2; margin-bottom: 20px; max-width: 800px; margin: 0 auto 20px auto; }
.subtitulo-depoimentos { font-size: 18px; color: #94A3B8; line-height: 1.6; max-width: 700px; margin: 0 auto; }

/* --- A MÁGICA DO CARROSSEL --- */
.carrossel-wrapper {
  width: 100%;
  position: relative;
}

.carrossel-depoimentos {
  display: flex;
  gap: 30px;
  overflow-x: auto; /* Permite rolar para o lado */
  scroll-snap-type: x mandatory; /* Faz o card travar certinho na tela ao soltar o dedo */
  padding-bottom: 20px; /* Dá espaço para a sombra do card não cortar */
  
  /* Esconde a barra de rolagem em todos os navegadores para ficar chique */
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

.carrossel-depoimentos::-webkit-scrollbar {
  display: none; /* Chrome, Safari e Opera */
}

/* --- DESIGN DOS CARDS --- */
.card-depo {
  /* Tamanho fixo do card para eles não espremerem */
  min-width: 340px; 
  max-width: 340px;
  background: rgba(255, 255, 255, 0.03); 
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-top: 4px solid #C49645; 
  border-radius: 8px;
  padding: 40px 30px;
  display: flex;
  flex-direction: column;
  scroll-snap-align: center; /* Quando a pessoa arrastar, o card para no centro */
  transition: transform 0.3s ease;
}

.card-depo:hover {
  transform: translateY(-5px);
  background: rgba(255, 255, 255, 0.05); 
}

/* --- ELEMENTOS DO CARD --- */
.header-card-depo { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 20px; }
.aspas-ouro { font-family: Georgia, serif; font-size: 60px; font-weight: 900; color: #C49645; line-height: 0.5; opacity: 0.8; }
.estrelas-ouro { color: #C49645; font-size: 18px; letter-spacing: 2px; }

.texto-depo { font-size: 15px; color: #E2E8F0; line-height: 1.7; font-style: italic; flex-grow: 1; margin-bottom: 30px; }
.autor-depo { border-top: 1px solid rgba(255, 255, 255, 0.1); padding-top: 20px; }
.autor-depo strong { display: block; color: #FFFFFF; font-size: 16px; font-weight: 700; margin-bottom: 4px; }
.autor-depo span { display: block; color: #94A3B8; font-size: 13px; text-transform: uppercase; letter-spacing: 1px; }

/* --- DICA DE ARRASTE PARA MOBILE --- */
.dica-arraste {
  text-align: center;
  color: #C49645;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-top: 15px;
  display: none; /* Escondido no PC */
}

/* --- RESPONSIVO PARA CELULAR --- */
@media (max-width: 900px) {
  .titulo-depoimentos { font-size: 28px; }
  .dobra-depoimentos-ams { padding: 60px 20px; }
  
  .card-depo {
    /* No celular, o card ocupa quase a tela toda, mas deixa um pedacinho do próximo aparecendo pra incentivar o arraste */
    min-width: 85vw; 
    max-width: 85vw;
  }
  
  .dica-arraste {
    display: block; /* Mostra a frase "Arraste para o lado" no celular */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8d59ff0 *//* Força o fundo escuro no Container do Elementor */
.elementor-1892 .elementor-element.elementor-element-8d59ff0 {
    background-color: #0F172A !important;
    padding: 0 !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-674c41d *//* --- FUNDO ESCURO (Regra da Zebra) --- */
.dobra5-ams {
  background-color: #0F172A; /* Azul Marinho profundo */
  padding: 100px 20px;
  width: 100%;
  font-family: 'Montserrat', sans-serif;
  color: #FFFFFF;
  box-sizing: border-box; 
  overflow-x: hidden; 
}

.container-dobra5 {
  max-width: 800px; /* Mais estreito para focar a atenção na leitura */
  margin: 0 auto;
}

/* --- CABEÇALHO --- */
.cabecalho-dobra5 {
  text-align: center;
  margin-bottom: 50px;
}

.tag-faq {
  font-size: 13px;
  font-weight: 700;
  color: #C49645;
  letter-spacing: 2px;
  text-transform: uppercase;
  display: block;
  margin-bottom: 15px;
}

.titulo-dobra5 {
  font-size: 38px;
  font-weight: 800;
  color: #FFFFFF;
  margin-bottom: 20px;
}

.subtitulo-dobra5 {
  font-size: 18px;
  color: #94A3B8;
  line-height: 1.6;
}

/* --- O ACORDEÃO DE PERGUNTAS --- */
.faq-acordeao {
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin-bottom: 60px;
}

.faq-item {
  background-color: rgba(255, 255, 255, 0.03); /* Fundo levíssimamente claro */
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  transition: all 0.3s ease;
}

/* O que acontece quando a caixa está aberta */
.faq-item[open] {
  background-color: rgba(255, 255, 255, 0.05);
  border-left: 4px solid #C49645; /* Acende a borda dourada */
  border-color: rgba(196, 150, 69, 0.3);
}

/* A linha da pergunta (Onde o usuário clica) */
.faq-pergunta {
  padding: 25px 30px;
  font-size: 18px;
  font-weight: 700;
  color: #FFFFFF;
  cursor: pointer;
  list-style: none; /* Remove a setinha padrão feia do HTML */
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* O sinal de "+" customizado dourado */
.faq-pergunta::after {
  content: '+';
  font-size: 24px;
  color: #C49645;
  font-weight: 400;
  transition: transform 0.3s ease;
}

/* Vira um "x" quando a pergunta abre */
.faq-item[open] .faq-pergunta::after {
  content: '+'; /* Mantém o + mas rotaciona ele */
  transform: rotate(45deg);
}

/* O texto da resposta */
.faq-resposta {
  padding: 0 30px 25px 30px;
  font-size: 15px;
  color: #94A3B8;
  line-height: 1.7;
}

/* --- CHAMADA FINAL DE AÇÃO --- */
.acao-dobra5 {
  text-align: center;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding-top: 50px;
}

.chamada-final {
  font-size: 20px;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 30px;
}

/* (O Botão Verde Pulsante já tem as regras no CSS da Dobra 3, então ele vai puxar automaticamente se você jogar o HTML aqui!) */

/* --- RESPONSIVO --- */
@media (max-width: 768px) {
  .titulo-dobra5 {
    font-size: 30px;
  }
  
  .dobra5-ams {
    padding: 70px 20px;
  }

  .faq-pergunta {
    font-size: 16px;
    padding: 20px;
  }

  .faq-resposta {
    padding: 0 20px 20px 20px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9ce1eda *//* Força o fundo escuro no Container do Elementor */
.elementor-1892 .elementor-element.elementor-element-9ce1eda {
    background-color: #0F172A !important;
    padding: 0 !important;
}/* End custom CSS */