/* Sete FAQs precisam de altura de conteúdo no desktop, sem comprimir respostas. */
@media (min-width: 1101px) {
  html[data-page="casamentos"] .process-faq__canvas {
    min-height: clamp(980px, 128dvh, 1160px);
  }

  html[data-page="casamentos"] .process-faq__faq-column {
    top: 6.5%;
    bottom: 3.5%;
  }

  html[data-page="casamentos"] .process-faq__accordion {
    flex: 0 0 auto;
    min-height: 0;
  }

  html[data-page="casamentos"] .process-faq__accordion-header {
    min-height: 94px;
    flex: 0 0 auto;
    padding: clamp(24px, 2cqw, 36px) clamp(27px, 2.45cqw, 44px);
  }

  html[data-page="casamentos"] .process-faq__accordion details,
  html[data-page="casamentos"] .process-faq__accordion details[open] {
    display: block;
    min-height: 0;
    flex: 0 0 auto;
  }

  html[data-page="casamentos"] .process-faq__accordion summary,
  html[data-page="casamentos"] .process-faq__accordion details:nth-of-type(1) summary,
  html[data-page="casamentos"] .process-faq__accordion details:nth-of-type(2) summary,
  html[data-page="casamentos"] .process-faq__accordion details:nth-of-type(3) summary,
  html[data-page="casamentos"] .process-faq__accordion details:nth-of-type(4) summary {
    height: auto;
    min-height: clamp(58px, 4.3cqw, 74px);
    padding: clamp(15px, 1.15cqw, 21px) clamp(27px, 2.45cqw, 44px);
    font-size: clamp(16px, 1.16cqw, 21px);
    line-height: 1.3;
  }

  html[data-page="casamentos"] .process-faq__answer,
  html[data-page="casamentos"] .process-faq__accordion details[open] .process-faq__answer {
    height: auto;
    min-height: 0;
    padding: 0 clamp(27px, 2.45cqw, 44px) clamp(20px, 1.6cqw, 30px);
  }

  html[data-page="casamentos"] .process-faq__answer p {
    font-size: clamp(14px, 1cqw, 18px);
    line-height: 1.55;
  }

  html[data-page="casamentos"] .process-faq__cta-row {
    min-height: clamp(74px, 5.1cqw, 92px);
    flex: 0 0 auto;
    margin-top: clamp(24px, 2cqw, 36px);
  }
}

/*
 * Em desktops largos, as respostas mais altas das sete FAQs deixavam o CTA
 * quase encostado na transicao. A reserva cresce apenas onde o conteudo ja
 * atingiu o teto anterior e preserva as composicoes de 1672px para baixo.
 */
@media (min-width: 1856px) {
  html[data-page="casamentos"] .process-faq__canvas {
    min-height: clamp(1160px, 61.5cqw, 1180px);
  }
}

/* Wide/4K: mantém a seção de processo respirando pela altura disponível. */
@media (min-width: 2200px) and (min-height: 1200px) {
  html[data-page="casamentos"] .process-faq__canvas {
    min-height: max(1180px, 100dvh);
  }

  html[data-page="casamentos"] .process-faq__accordion-header {
    min-height: 8.704svh;
    padding: 3.333svh 4.074svh;
  }

  html[data-page="casamentos"] .process-faq__accordion summary,
  html[data-page="casamentos"] .process-faq__accordion details:nth-of-type(1) summary,
  html[data-page="casamentos"] .process-faq__accordion details:nth-of-type(2) summary,
  html[data-page="casamentos"] .process-faq__accordion details:nth-of-type(3) summary,
  html[data-page="casamentos"] .process-faq__accordion details:nth-of-type(4) summary {
    min-height: 6.852svh;
    padding: 1.944svh 4.074svh;
    font-size: 1.944svh;
  }

  html[data-page="casamentos"] .process-faq__answer,
  html[data-page="casamentos"] .process-faq__accordion details[open] .process-faq__answer {
    padding: 0 4.074svh 2.778svh;
  }

  html[data-page="casamentos"] .process-faq__answer p {
    font-size: 1.667svh;
  }

  html[data-page="casamentos"] .process-faq__cta-row {
    min-height: 8.519svh;
    margin-top: 3.333svh;
  }


}