/* /atendimento — carregado apenas nesta página, depois dos demais estilos. */

/* O header global é fixed. Nesta landing isso fazia o topo do hero nascer por baixo
   da barra, principalmente em iPhones. Sticky mantém a barra visível sem tirá-la
   do fluxo do documento, então o conteúdo sempre começa abaixo dela. */
.header {
  position: sticky;
  top: 0;
  left: auto;
  right: auto;
  width: 100%;
  z-index: 1000;
}

#sinais,
#quero-atendimento {
  scroll-margin-top: 110px;
}

main.container,
.atendimento-lead,
.atendimento-lead > *,
.atendimento-lead__hero > *,
.atendimento-lead__about > *,
.atendimento-lead__form-section > *,
.atendimento-lead__testimonial-grid > * {
  min-width: 0;
}

.atendimento-lead,
.atendimento-lead img,
.atendimento-lead video,
.atendimento-lead audio,
.atendimento-lead iframe,
.atendimento-lead input,
.atendimento-lead textarea,
.atendimento-lead button,
.atendimento-lead .btn {
  max-width: 100%;
}

.atendimento-lead h1,
.atendimento-lead h2,
.atendimento-lead h3,
.atendimento-lead p,
.atendimento-lead li,
.atendimento-lead label,
.atendimento-lead a,
.atendimento-lead span,
.atendimento-lead strong {
  overflow-wrap: break-word;
  word-break: normal;
}

@media (max-width: 700px) {
  main.container {
    width: 100%;
    max-width: 100vw;
    padding-left: 16px;
    padding-right: 16px;
  }

  .atendimento-lead {
    width: 100%;
    max-width: 100%;
    padding-top: 14px;
    padding-bottom: 56px;
  }

  .atendimento-lead__hero,
  .atendimento-lead__reassurance,
  .atendimento-lead__section,
  .atendimento-lead__bridge,
  .atendimento-lead__about,
  .atendimento-lead__testimonials,
  .atendimento-lead__form-section,
  .atendimento-lead__final-note {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .atendimento-lead__hero {
    grid-template-columns: minmax(0, 1fr);
    gap: 24px;
    padding: 26px 18px;
    border-radius: 18px;
  }

  .atendimento-lead__hero h1 {
    width: 100%;
    max-width: 100%;
    font-size: clamp(2rem, 10vw, 2.65rem);
    line-height: 1.04;
    letter-spacing: -0.03em;
  }

  .atendimento-lead__lead {
    width: 100%;
    max-width: 100%;
    margin-top: 20px;
    font-size: 1rem;
    line-height: 1.58;
  }

  .atendimento-lead__actions {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    width: 100%;
    max-width: 100%;
    gap: 10px;
    margin-top: 24px;
  }

  .atendimento-lead__actions .btn,
  .atendimento-lead__submit,
  .atendimento-lead__success .btn {
    display: flex;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    min-height: 52px;
    align-items: center;
    justify-content: center;
    padding: 13px 16px;
    white-space: normal;
    line-height: 1.3;
    text-align: center;
  }

  .atendimento-lead__hero-note {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    padding: 22px 18px;
    border-radius: 16px;
  }

  .atendimento-lead__hero-note h2 {
    font-size: 1.45rem;
    line-height: 1.18;
  }

  .atendimento-lead__hero-note ul {
    padding-left: 18px;
  }

  .atendimento-lead__reassurance {
    margin-top: 16px;
    padding: 16px 17px;
  }

  .atendimento-lead__section {
    padding-top: 56px;
  }

  .atendimento-lead__heading h2,
  .atendimento-lead__about h2,
  .atendimento-lead__form-intro h2,
  .atendimento-lead__bridge h2 {
    font-size: clamp(1.8rem, 8.5vw, 2.35rem);
    line-height: 1.08;
  }

  .atendimento-lead__pain-grid,
  .atendimento-lead__testimonial-grid,
  .atendimento-lead__form-row {
    grid-template-columns: minmax(0, 1fr);
  }

  .atendimento-lead__pain,
  .atendimento-lead__testimonial,
  .atendimento-lead__form-card,
  .atendimento-lead__success {
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }

  .atendimento-lead__bridge {
    margin-top: 48px;
    padding: 30px 18px;
  }

  .atendimento-lead__about {
    grid-template-columns: minmax(0, 1fr);
    margin-top: 54px;
    padding: 18px;
    gap: 24px;
    border-radius: 18px;
  }

  .atendimento-lead__about-image,
  .atendimento-lead__about-image img {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    min-height: 280px;
  }

  .atendimento-lead__testimonials {
    margin-top: 54px;
    padding: 28px 18px;
    border-radius: 18px;
  }

  .atendimento-lead__testimonial-media,
  .atendimento-lead__testimonial-media--audio,
  .atendimento-lead__testimonial-media video,
  .atendimento-lead__testimonial-media audio {
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }

  .atendimento-lead__form-section {
    grid-template-columns: minmax(0, 1fr);
    margin-top: 56px;
    padding: 24px 16px;
    gap: 26px;
    border-radius: 18px;
  }

  .atendimento-lead__form-card,
  .atendimento-lead__success {
    padding: 20px 15px;
  }

  .atendimento-lead__field,
  .atendimento-lead__field input,
  .atendimento-lead__field textarea,
  .atendimento-lead__consents,
  .atendimento-lead__turnstile {
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }

  .atendimento-lead__consents label {
    min-width: 0;
  }

  .atendimento-lead__consents input[type="checkbox"] {
    flex: 0 0 auto;
  }
}

@media (max-width: 390px) {
  main.container {
    padding-left: 12px;
    padding-right: 12px;
  }

  .atendimento-lead__hero {
    padding: 23px 16px;
  }

  .atendimento-lead__hero h1 {
    font-size: clamp(1.9rem, 9.6vw, 2.3rem);
  }

  .atendimento-lead__eyebrow {
    font-size: .7rem;
    letter-spacing: .09em;
  }
}