.elementor-63 .elementor-element.elementor-element-a9dec51{--display:flex;}/* Start custom CSS *//* ===============================
   AJUSTES GERAIS DE SEÇÃO
================================ */
section{
  width:100%;
  overflow:hidden;
}

.about,
.section,
.hero,
.faq,
.cta{
  padding-left:0;
  padding-right:0;
}

.about__grid,
.hero__grid{
  align-items:center;
}

/* ===============================
   IMAGENS – CONTENÇÃO E ORDEM
================================ */
.about-figure,
.hero-figure{
  width:100%;
  max-width:100%;
}

.about-figure img,
.hero-figure img{
  width:100%;
  height:auto;
  object-fit:cover;
  border-radius:16px;
}

/* ===============================
   CTA STACK – CENTRALIZAÇÃO
================================ */
.cta-stack{
  max-width:420px;
  margin-top:20px;
}

.cta-stack a{
  width:100%;
  text-align:center;
}

/* ===============================
   HERO – AJUSTE FINO MOBILE
================================ */
@media (max-width: 960px){
  .hero{
    padding:24px 0 12px;
  }

  .hero__grid{
    display:flex;
    flex-direction:column;
    gap:16px;
  }

  .hero h1{
    font-size:28px;
    line-height:1.25;
  }

  .hero p{
    font-size:14px;
  }

  .hero .cta-stack{
    margin-top:16px;
  }
}

/* ===============================
   ABOUT SECTIONS – MOBILE FIRST
================================ */
@media (max-width: 960px){
  .about__grid{
    display:flex;
    flex-direction:column;
    gap:18px;
  }

  /* força texto sempre antes da imagem */
  .about__grid > div{
    order:1;
  }

  .about__grid > figure{
    order:2;
  }
}

/* ===============================
   ACORDION / FAQ – MOBILE
================================ */
@media (max-width: 760px){
  .accordion,
  .faq-grid{
    display:grid;
    grid-template-columns:1fr;
    gap:12px;
  }

  details{
    font-size:14px;
  }
}

/* ===============================
   BOTÕES – MOBILE CONFORTÁVEL
================================ */
@media (max-width: 560px){
  .btn-primary,
  .btn-whats,
  .btn-call{
    font-size:15px;
    padding:14px 16px;
  }

  .btn-call{
    white-space:nowrap;
  }
}

/* ===============================
   WHATS FLOAT – MOBILE CLEAN
================================ */
@media (max-width: 560px){
  .whats-float{
    right:14px;
    bottom:14px;
    padding:14px 18px;
    font-size:15px;
  }
}

/* ===============================
   FOOTER – ORGANIZAÇÃO MOBILE
================================ */
@media (max-width: 760px){
  .regions{
    grid-template-columns:1fr;
  }

  footer p,
  footer li{
    font-size:13px;
  }
}

/* ===============================
   PREVENÇÃO DE QUEBRA VISUAL
================================ */
body{
  overflow-x:hidden;
}

img{
  max-width:100%;
}

/* ===============================
   PADRÃO GLOBAL DE TEXTO
================================ */
h1, h2, h3, h4{
  letter-spacing:-0.02em;
}

p{
  max-width:720px;
}

/* ===============================
   DESKTOP – TEXTO ALINHADO À ESQUERDA
================================ */
@media (min-width: 961px){
  h1, h2, h3, h4,
  p,
  .lead,
  .badge{
    text-align:left;
  }

  .about p,
  .section p,
  .faq p{
    margin-left:0;
    margin-right:0;
  }
}

/* ===============================
   MOBILE – TEXTO CENTRALIZADO
================================ */
@media (max-width: 960px){
  h1, h2, h3, h4,
  p,
  .lead,
  .badge{
    text-align:center;
  }

  p{
    margin-left:auto;
    margin-right:auto;
  }
}

/* ===============================
   HERO – AJUSTE FINO DE TEXTO
================================ */
.hero h1{
  max-width:720px;
}

.hero p{
  max-width:640px;
}

/* MOBILE HERO */
@media (max-width: 960px){
  .hero h1{
    font-size:28px;
    margin-left:auto;
    margin-right:auto;
  }

  .hero p{
    font-size:14px;
    margin-left:auto;
    margin-right:auto;
  }
}

/* ===============================
   ABOUT SECTIONS – TEXTO LIMPO
================================ */
.about h2{
  line-height:1.25;
}

.about p{
  font-size:16px;
}

/* MOBILE ABOUT */
@media (max-width: 960px){
  .about h2{
    font-size:22px;
  }

  .about p{
    font-size:15px;
  }
}

/* ===============================
   FAQ / ACCORDION – TEXTO LEGÍVEL
================================ */
details summary{
  line-height:1.3;
}

details p{
  line-height:1.55;
}

/* ===============================
   CTA – TEXTO SEM QUEBRA
================================ */
.cta h3{
  max-width:680px;
  margin-left:auto;
  margin-right:auto;
}

.cta p{
  max-width:600px;
}

/* ===============================
   EVITA TEXTO MUITO LARGO
================================ */
.container > div > p{
  max-width:720px;
}

/* ===============================
   MICRO AJUSTES VISUAIS
================================ */
.badge{
  display:inline-block;
}

@media (max-width:960px){
  .badge{
    margin-left:auto;
    margin-right:auto;
  }
}/* End custom CSS */