/* AZS Corretora de Seguros · estilo global do tema (Fase 1).
   Fonte do design system: design-system-azs/ds/azs-tokens.json.
   Mobile-first a 390 px. Expande em breakpoints discretos. */

/* ────────────────────────────────────────────────────────────────── */
/* 1. Reset mínimo + base                                             */
/* ────────────────────────────────────────────────────────────────── */

*,
*::before,
*::after { box-sizing: border-box; }

/* Garante que [hidden] vence seletores com `display: flex|grid|inline-flex|...`.
   Sem !important, `.azs-botao { display: inline-flex }` sobrepoe o padrao do UA
   e o botao Voltar do seletor da home mostrava 3 CTAs ao mesmo tempo. */
[hidden] { display: none !important; }

html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

body {
  margin: 0;
  background: var(--wp--preset--color--azs-areia);
  color: var(--wp--preset--color--azs-grafite);
  font-family: var(--wp--preset--font-family--figtree);
  font-size: var(--wp--preset--font-size--texto);
  line-height: 1.6;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

img, svg, video { max-width: 100%; height: auto; display: block; }
img { font-style: italic; } /* alt visível se falhar */

:focus-visible {
  outline: 3px solid var(--wp--preset--color--azs-azul);
  outline-offset: 3px;
  border-radius: 4px;
}

::selection {
  background: var(--wp--preset--color--azs-azul);
  color: var(--wp--preset--color--azs-branco);
}

/* Hierarquia tipográfica (quando o core do WP não aplica — fallback) */
h1, h2, h3 { text-wrap: balance; letter-spacing: -0.015em; }
p { text-wrap: pretty; max-width: 65ch; }
.azs-site-footer p, .azs-parceiros__lista { max-width: none; }

/* ────────────────────────────────────────────────────────────────── */
/* 2. Skip-link e wrappers                                            */
/* ────────────────────────────────────────────────────────────────── */

.azs-skip-link {
  position: absolute; left: -9999px; top: 0;
  background: var(--wp--preset--color--azs-azul);
  color: var(--wp--preset--color--azs-branco);
  padding: 0.75rem 1rem; z-index: 1000;
  text-decoration: none; border-radius: 0 0 8px 0;
}
.azs-skip-link:focus-visible { left: 0; }

.azs-site-main { padding-block: 0; }

/* ────────────────────────────────────────────────────────────────── */
/* 3. Botão (azs-botao)                                               */
/* ────────────────────────────────────────────────────────────────── */

.azs-botao {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  min-height: 48px;
  padding: 0.9rem 1.5rem;
  border-radius: 999px;
  font-family: var(--wp--preset--font-family--figtree);
  font-weight: 700;
  font-size: var(--wp--preset--font-size--texto);
  text-decoration: none;
  cursor: pointer;
  border: 2px solid transparent;
  transition: transform 220ms cubic-bezier(0.22, 1, 0.36, 1),
              background 180ms, border-color 180ms, color 180ms;
}

.azs-botao--primario {
  background: var(--wp--preset--color--azs-vermelho);
  color: var(--wp--preset--color--azs-branco);
  border-color: var(--wp--preset--color--azs-vermelho);
}
.azs-botao--primario:hover,
.azs-botao--primario:focus-visible {
  background: var(--wp--preset--color--azs-vermelho-texto);
  border-color: var(--wp--preset--color--azs-vermelho-texto);
  transform: translateY(-1px);
}

.azs-botao--secundario {
  background: transparent;
  color: var(--wp--preset--color--azs-azul);
  border-color: var(--wp--preset--color--azs-azul);
}
.azs-botao--secundario:hover,
.azs-botao--secundario:focus-visible {
  background: var(--wp--preset--color--azs-azul);
  color: var(--wp--preset--color--azs-branco);
  transform: translateY(-1px);
}

@media (hover: none) {
  .azs-botao:hover { transform: none; }
}

/* ────────────────────────────────────────────────────────────────── */
/* 4. Cabeçalho do site                                               */
/* ────────────────────────────────────────────────────────────────── */

.azs-site-header {
  position: sticky; top: 0; z-index: 50;
  background: color-mix(in srgb, var(--wp--preset--color--azs-areia) 92%, transparent);
  /* backdrop-filter so em desktop: no mobile ele vira o header em "containing block"
     pros descendentes `position: fixed` (spec CSS), quebrando o nav fullscreen do burger. */
  border-bottom: 1px solid var(--wp--preset--color--azs-areia-2);
  padding: 0;
}
.azs-site-header__inner {
  display: flex; align-items: center; gap: 1rem;
  justify-content: space-between;
  padding: 0.75rem 1rem;
  max-width: var(--wp--style--global--wide-size, 1200px);
  margin: 0 auto;
}
.azs-site-header__logo { display: inline-flex; align-items: center; }
.azs-site-header__logo-img--desktop { display: none; }
.azs-site-header__logo-img--mobile  { display: block; height: 40px; width: auto; }
.azs-site-header__nav {
  display: none;
  flex-direction: column;
  position: fixed; inset: 64px 0 0 0;
  background: var(--wp--preset--color--azs-areia);
  padding: 2rem 1.5rem;
  z-index: 40;
  overflow-y: auto;
}
.azs-site-header__nav.is-aberto { display: flex; }
.azs-site-header__menu {
  list-style: none; margin: 0 0 1.5rem; padding: 0;
  display: flex; flex-direction: column; gap: 1rem;
}
.azs-site-header__menu a {
  color: var(--wp--preset--color--azs-azul);
  font-weight: 700; font-size: 1.25rem; text-decoration: none;
}
.azs-site-header__menu a:hover,
.azs-site-header__menu a:focus-visible { color: var(--wp--preset--color--azs-vermelho-texto); }
.azs-site-header__cta { align-self: flex-start; }

.azs-site-header__burger {
  background: transparent; border: 0; width: 48px; height: 48px;
  display: inline-flex; flex-direction: column; justify-content: center; align-items: center; gap: 5px;
  cursor: pointer; padding: 0;
}
.azs-site-header__burger-barra {
  display: block; width: 24px; height: 2px;
  background: var(--wp--preset--color--azs-azul);
  border-radius: 2px;
  transition: transform 220ms cubic-bezier(0.22, 1, 0.36, 1), opacity 180ms;
}
.azs-site-header__burger[aria-expanded="true"] .azs-site-header__burger-barra:nth-child(1) {
  transform: translateY(7px) rotate(45deg);
}
.azs-site-header__burger[aria-expanded="true"] .azs-site-header__burger-barra:nth-child(2) { opacity: 0; }
.azs-site-header__burger[aria-expanded="true"] .azs-site-header__burger-barra:nth-child(3) {
  transform: translateY(-7px) rotate(-45deg);
}

@media (min-width: 960px) {
  .azs-site-header {
    /* Em desktop o `.azs-site-header__nav` e `position: static`, nao `fixed`,
       entao o backdrop-filter pode ficar aqui sem efeito colateral. */
    backdrop-filter: saturate(1.4) blur(10px);
    -webkit-backdrop-filter: saturate(1.4) blur(10px);
  }
  .azs-site-header__logo-img--desktop { display: block; height: 40px; width: auto; }
  .azs-site-header__logo-img--mobile  { display: none; }
  .azs-site-header__burger { display: none; }
  .azs-site-header__nav {
    display: flex; flex-direction: row; align-items: center; gap: 2rem;
    position: static; inset: auto; padding: 0; background: transparent;
  }
  .azs-site-header__menu {
    flex-direction: row; gap: 1.75rem; margin: 0;
  }
  .azs-site-header__menu a { font-size: 1rem; }
  .azs-site-header__cta { align-self: center; }
}

/* ────────────────────────────────────────────────────────────────── */
/* 5. HERO                                                            */
/* ────────────────────────────────────────────────────────────────── */

.azs-hero {
  padding: clamp(2rem, 6vw, 5rem) 1rem clamp(2.5rem, 7vw, 6rem);
}
.azs-hero__inner {
  display: grid;
  gap: clamp(1.5rem, 4vw, 3rem);
  max-width: var(--wp--style--global--wide-size, 1200px);
  margin: 0 auto;
  align-items: center;
}
.azs-hero__texto { position: relative; z-index: 2; }
.azs-hero__etiqueta {
  display: inline-block;
  font-size: var(--wp--preset--font-size--etiqueta);
  color: var(--wp--preset--color--azs-vermelho-texto);
  font-weight: 700;
  margin: 0 0 1rem;
  letter-spacing: 0.02em;
}
.azs-hero__titulo {
  font-family: var(--wp--preset--font-family--archivo);
  font-weight: 800;
  font-size: var(--wp--preset--font-size--destaque);
  line-height: 1.02;
  letter-spacing: -0.025em;
  margin: 0 0 1.25rem;
  color: var(--wp--preset--color--azs-azul);
  font-stretch: 104%;
  text-wrap: balance;
}
.azs-hero__alterna {
  display: inline-block;
  position: relative;
  color: var(--wp--preset--color--azs-vermelho-texto);
  min-width: 7ch;
}
.azs-hero__alterna-item {
  display: inline-block;
  opacity: 0;
  transform: translateY(0.4em);
  position: absolute;
  left: 0; top: 0;
  transition: opacity 320ms cubic-bezier(0.22, 1, 0.36, 1),
              transform 480ms cubic-bezier(0.22, 1, 0.36, 1);
  white-space: nowrap;
}
.azs-hero__alterna-item.is-active {
  opacity: 1; transform: translateY(0);
  position: relative;
}
.azs-hero__ponto { color: var(--wp--preset--color--azs-azul); }
.azs-hero__apoio {
  font-size: var(--wp--preset--font-size--apoio);
  color: var(--wp--preset--color--azs-grafite);
  margin: 0 0 1.75rem;
  max-width: 48ch;
  line-height: 1.5;
}
.azs-hero__ctas { display: flex; gap: 0.75rem; flex-wrap: wrap; }

.azs-hero__arte {
  position: relative;
  aspect-ratio: 1 / 1;
  max-width: 540px;
  margin-inline: auto;
  width: 100%;
}
.azs-hero__ilus {
  position: absolute;
  inset: 0;
  width: 100%; height: 100%;
  object-fit: contain;
  mix-blend-mode: darken;
  opacity: 0;
  transform: scale(0.98);
  transition: opacity 520ms cubic-bezier(0.22, 1, 0.36, 1),
              transform 760ms cubic-bezier(0.22, 1, 0.36, 1);
}
.azs-hero__ilus.is-active { opacity: 1; transform: scale(1); }

@media (prefers-reduced-motion: reduce) {
  .azs-hero__alterna-item,
  .azs-hero__ilus { transition: none; }
}

@media (min-width: 820px) {
  .azs-hero__inner { grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); }
  .azs-hero__arte { max-width: 620px; }
}

/* ────────────────────────────────────────────────────────────────── */
/* 6. Seletor "Encontre seu seguro"                                   */
/* ────────────────────────────────────────────────────────────────── */

.azs-seletor {
  background: var(--wp--preset--color--azs-azul);
  color: var(--wp--preset--color--azs-branco);
  padding: clamp(2.5rem, 6vw, 4.5rem) 1rem;
}
.azs-seletor__inner {
  max-width: 760px;
  margin: 0 auto;
}
.azs-seletor__titulo {
  color: var(--wp--preset--color--azs-branco);
  font-family: var(--wp--preset--font-family--archivo);
  font-weight: 800;
  font-size: var(--wp--preset--font-size--titulo);
  margin: 0 0 0.5rem;
  line-height: 1.08;
}
.azs-seletor__apoio {
  color: var(--wp--preset--color--azs-ceu);
  font-size: var(--wp--preset--font-size--apoio);
  margin: 0 0 2rem;
}
.azs-seletor__form { display: flex; flex-direction: column; gap: 1.5rem; }
.azs-seletor__passo { border: 0; padding: 0; margin: 0; }
.azs-seletor__passo legend {
  color: var(--wp--preset--color--azs-ceu);
  font-weight: 700;
  margin-bottom: 1rem;
  font-size: var(--wp--preset--font-size--texto);
}
.azs-seletor__opcoes { display: flex; flex-direction: column; gap: 0.75rem; }
.azs-seletor__opcoes label {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.9rem 1.25rem;
  background: color-mix(in srgb, var(--wp--preset--color--azs-noite) 60%, transparent);
  border-radius: 999px;
  cursor: pointer;
  transition: background 180ms, transform 180ms cubic-bezier(0.22, 1, 0.36, 1);
}
.azs-seletor__opcoes label:hover {
  background: var(--wp--preset--color--azs-noite);
}
.azs-seletor__opcoes label:has(input:checked) {
  background: var(--wp--preset--color--azs-vermelho);
}
.azs-seletor__opcoes input[type="radio"] {
  accent-color: var(--wp--preset--color--azs-branco);
  width: 20px; height: 20px;
}
.azs-seletor__acoes { display: flex; gap: 0.75rem; margin-top: 1rem; flex-wrap: wrap; }
.azs-seletor__finalizar { background: var(--wp--preset--color--azs-vermelho); color: var(--wp--preset--color--azs-branco); border-color: var(--wp--preset--color--azs-vermelho); }

.azs-seletor__passo:not(.is-ativo) { display: none; }

/* ────────────────────────────────────────────────────────────────── */
/* 7. Três frentes + Consórcio                                        */
/* ────────────────────────────────────────────────────────────────── */

.azs-frentes { padding: clamp(2.5rem, 6vw, 5rem) 1rem; }
.azs-frentes__inner { max-width: var(--wp--style--global--wide-size, 1200px); margin: 0 auto; }
.azs-frentes__titulo {
  font-family: var(--wp--preset--font-family--archivo);
  font-weight: 800;
  font-size: var(--wp--preset--font-size--titulo);
  color: var(--wp--preset--color--azs-azul);
  margin: 0 0 2rem;
  line-height: 1.08;
}
.azs-frentes__grade {
  display: grid;
  gap: 1rem;
  grid-template-columns: 1fr;
}
.azs-frente {
  display: grid;
  grid-template-columns: 110px 1fr;
  align-items: center;
  gap: 1rem;
  background: var(--wp--preset--color--azs-branco);
  border-radius: 32px;
  padding: 1.25rem;
  text-decoration: none;
  color: inherit;
  transition: transform 240ms cubic-bezier(0.22, 1, 0.36, 1), box-shadow 240ms;
}
.azs-frente img { mix-blend-mode: darken; aspect-ratio: 1; object-fit: contain; }
.azs-frente h3 { font-family: var(--wp--preset--font-family--archivo); color: var(--wp--preset--color--azs-azul); margin: 0 0 0.25rem; font-size: var(--wp--preset--font-size--apoio); font-weight: 800; }
.azs-frente p { margin: 0 0 0.5rem; font-size: var(--wp--preset--font-size--texto); color: var(--wp--preset--color--azs-grafite); }
.azs-frente__cta { color: var(--wp--preset--color--azs-vermelho-texto); font-weight: 700; }
.azs-frente:hover, .azs-frente:focus-visible {
  transform: translateY(-3px);
  box-shadow: 0 8px 24px rgba(10, 37, 114, 0.08);
  outline: none;
}

.azs-frentes__consorcio {
  margin-top: 2rem;
  background: var(--wp--preset--color--azs-noite);
  color: var(--wp--preset--color--azs-branco);
  border-radius: 44px;
  padding: clamp(1.5rem, 4vw, 2.5rem);
  display: grid;
  gap: 1.5rem;
  align-items: center;
}
.azs-frentes__consorcio h3 {
  color: var(--wp--preset--color--azs-branco);
  font-size: var(--wp--preset--font-size--pergunta);
  margin: 0.25rem 0 0.75rem;
}
.azs-frentes__etiqueta {
  color: var(--wp--preset--color--azs-ceu);
  font-size: var(--wp--preset--font-size--etiqueta);
  letter-spacing: 0.03em;
  margin: 0;
  font-weight: 700;
}
.azs-frentes__consorcio p { color: var(--wp--preset--color--azs-ceu); max-width: 50ch; }
.azs-frentes__consorcio img { mix-blend-mode: screen; opacity: 0.9; max-width: 220px; justify-self: end; }

/* Variante do botão secundário sobre fundo escuro (noite/azul). */
.azs-frentes__consorcio .azs-botao--secundario,
.azs-seletor .azs-botao--secundario,
.azs-processo .azs-botao--secundario {
  color: var(--wp--preset--color--azs-branco);
  border-color: var(--wp--preset--color--azs-branco);
}
.azs-frentes__consorcio .azs-botao--secundario:hover,
.azs-frentes__consorcio .azs-botao--secundario:focus-visible,
.azs-seletor .azs-botao--secundario:hover,
.azs-seletor .azs-botao--secundario:focus-visible,
.azs-processo .azs-botao--secundario:hover,
.azs-processo .azs-botao--secundario:focus-visible {
  background: var(--wp--preset--color--azs-branco);
  color: var(--wp--preset--color--azs-noite);
}

@media (min-width: 740px) {
  .azs-frentes__grade {
    grid-template-columns: repeat(3, 1fr);
  }
  .azs-frente { grid-template-columns: 1fr; text-align: left; padding: 1.75rem; }
  .azs-frente img { max-width: 180px; }
  .azs-frentes__consorcio { grid-template-columns: 1.4fr 1fr; }
}

/* ────────────────────────────────────────────────────────────────── */
/* 8. Por que corretor                                                */
/* ────────────────────────────────────────────────────────────────── */

.azs-por-que {
  background: var(--wp--preset--color--azs-ceu);
  padding: clamp(2.5rem, 6vw, 5rem) 1rem;
}
.azs-por-que__inner { max-width: var(--wp--style--global--wide-size, 1200px); margin: 0 auto; }
.azs-por-que h2 {
  font-family: var(--wp--preset--font-family--archivo);
  font-weight: 800;
  font-size: var(--wp--preset--font-size--titulo);
  color: var(--wp--preset--color--azs-azul);
  margin: 0 0 2rem;
  line-height: 1.08;
}
.azs-por-que__lista {
  list-style: none; margin: 0; padding: 0;
  display: grid; gap: 1.5rem;
}
.azs-por-que__lista li {
  background: var(--wp--preset--color--azs-areia);
  border-radius: 32px;
  padding: 1.5rem;
}
.azs-por-que__numero {
  display: inline-flex;
  align-items: center; justify-content: center;
  width: 48px; height: 48px;
  border-radius: 999px;
  background: var(--wp--preset--color--azs-azul);
  color: var(--wp--preset--color--azs-branco);
  font-family: var(--wp--preset--font-family--archivo);
  font-weight: 800;
  margin-bottom: 1rem;
  font-size: 1.25rem;
}
.azs-por-que__lista h3 {
  font-family: var(--wp--preset--font-family--archivo);
  color: var(--wp--preset--color--azs-azul);
  margin: 0 0 0.5rem;
  font-size: var(--wp--preset--font-size--apoio);
  font-weight: 800;
}
.azs-por-que__lista p { margin: 0; font-size: var(--wp--preset--font-size--texto); }
@media (min-width: 740px) {
  .azs-por-que__lista { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 1100px) {
  .azs-por-que__lista { grid-template-columns: repeat(4, 1fr); }
}

/* ────────────────────────────────────────────────────────────────── */
/* 9. Timeline "Desde 1992"                                           */
/* ────────────────────────────────────────────────────────────────── */

.azs-timeline { padding: clamp(2.5rem, 6vw, 5rem) 1rem; }
.azs-timeline__inner { max-width: var(--wp--style--global--wide-size, 1200px); margin: 0 auto; }
.azs-timeline__etiqueta {
  color: var(--wp--preset--color--azs-vermelho-texto);
  font-weight: 700;
  letter-spacing: 0.03em;
  font-size: var(--wp--preset--font-size--etiqueta);
  margin: 0 0 0.5rem;
}
.azs-timeline__titulo {
  font-family: var(--wp--preset--font-family--archivo);
  font-weight: 800;
  font-size: var(--wp--preset--font-size--titulo);
  color: var(--wp--preset--color--azs-azul);
  margin: 0 0 2.5rem;
  line-height: 1.05;
}
.azs-timeline__linha {
  list-style: none; margin: 0; padding: 0;
  display: grid; gap: 1.5rem;
  position: relative;
}
.azs-timeline__linha li {
  position: relative; padding-left: 2.5rem;
}
.azs-timeline__linha li::before {
  content: "";
  position: absolute; left: 0.6rem; top: 0.4rem;
  width: 14px; height: 14px; border-radius: 50%;
  background: var(--wp--preset--color--azs-vermelho);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--wp--preset--color--azs-vermelho) 20%, transparent);
}
.azs-timeline__linha li::after {
  content: "";
  position: absolute; left: 1.2rem; top: 1.8rem;
  width: 2px; height: calc(100% + 1.3rem);
  background: var(--wp--preset--color--azs-areia-2);
}
.azs-timeline__linha li:last-child::after { display: none; }
.azs-timeline__linha time {
  font-family: var(--wp--preset--font-family--archivo);
  color: var(--wp--preset--color--azs-azul);
  font-size: var(--wp--preset--font-size--apoio);
  font-weight: 800;
  display: block;
  margin-bottom: 0.25rem;
}
.azs-timeline__linha p { margin: 0; max-width: 48ch; }

@media (min-width: 900px) {
  .azs-timeline__linha {
    grid-template-columns: repeat(4, 1fr);
    gap: 2rem;
  }
  .azs-timeline__linha li { padding-left: 0; padding-top: 2.5rem; }
  .azs-timeline__linha li::before { left: 0; top: 1.2rem; }
  .azs-timeline__linha li::after {
    left: 1.3rem; top: 1.6rem;
    width: calc(100% + 2rem); height: 2px;
  }
}

/* ────────────────────────────────────────────────────────────────── */
/* 10. Processo (como atendemos)                                      */
/* ────────────────────────────────────────────────────────────────── */

.azs-processo {
  background: var(--wp--preset--color--azs-azul);
  color: var(--wp--preset--color--azs-branco);
  padding: clamp(2.5rem, 6vw, 5rem) 1rem;
}
.azs-processo__inner { max-width: var(--wp--style--global--wide-size, 1200px); margin: 0 auto; }
.azs-processo h2 {
  color: var(--wp--preset--color--azs-branco);
  font-family: var(--wp--preset--font-family--archivo);
  font-weight: 800;
  font-size: var(--wp--preset--font-size--titulo);
  margin: 0 0 2rem;
  line-height: 1.08;
}
.azs-processo__passos {
  list-style: none; margin: 0; padding: 0;
  display: grid; gap: 1rem;
}
.azs-processo__passos li {
  background: color-mix(in srgb, var(--wp--preset--color--azs-noite) 60%, transparent);
  border-radius: 32px;
  padding: 1.5rem;
}
.azs-processo__passos h3 {
  color: var(--wp--preset--color--azs-branco);
  font-family: var(--wp--preset--font-family--archivo);
  margin: 0 0 0.5rem;
  font-size: var(--wp--preset--font-size--apoio);
  font-weight: 800;
}
.azs-processo__passos p { color: var(--wp--preset--color--azs-ceu); margin: 0; }
@media (min-width: 740px) {
  .azs-processo__passos { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 1100px) {
  .azs-processo__passos { grid-template-columns: repeat(4, 1fr); }
}

/* ────────────────────────────────────────────────────────────────── */
/* 11. Mitos e verdades (flip)                                        */
/* ────────────────────────────────────────────────────────────────── */

.azs-mitos { padding: clamp(2.5rem, 6vw, 5rem) 1rem; }
.azs-mitos__inner { max-width: var(--wp--style--global--wide-size, 1200px); margin: 0 auto; }
.azs-mitos h2 {
  font-family: var(--wp--preset--font-family--archivo);
  font-weight: 800;
  font-size: var(--wp--preset--font-size--titulo);
  color: var(--wp--preset--color--azs-azul);
  margin: 0 0 0.5rem;
}
.azs-mitos__apoio { max-width: 55ch; margin: 0 0 2rem; }
.azs-mitos__grade {
  list-style: none; margin: 0; padding: 0;
  display: grid; gap: 1rem;
}
.azs-mito { perspective: 1200px; }
.azs-mito__botao {
  all: unset;
  /* Grid de 1 celula com as duas faces (frente + verso) sobrepostas via `grid-area: stack`.
     A celula se expande ate a altura do maior conteudo, entao textos longos do verso
     deixam de extrapolar quando o card fica estreito (laptop ~1100px, 4 colunas). */
  display: grid;
  grid-template-areas: "stack";
  position: relative;
  width: 100%;
  min-height: 220px;
  cursor: pointer;
  transform-style: preserve-3d;
  transition: transform 540ms cubic-bezier(0.22, 1, 0.36, 1);
}
.azs-mito__botao:focus-visible { outline: none; }
.azs-mito__botao:focus-visible .azs-mito__frente,
.azs-mito__botao:focus-visible .azs-mito__verso {
  outline: 3px solid var(--wp--preset--color--azs-azul);
  outline-offset: 3px;
}
.azs-mito__botao[aria-expanded="true"] { transform: rotateY(180deg); }

.azs-mito__frente,
.azs-mito__verso {
  grid-area: stack;
  padding: 1.5rem;
  border-radius: 32px;
  backface-visibility: hidden;
  display: flex; flex-direction: column; justify-content: space-between;
  gap: 0.75rem;
}
.azs-mito__frente {
  background: var(--wp--preset--color--azs-branco);
}
.azs-mito__verso {
  background: var(--wp--preset--color--azs-azul);
  color: var(--wp--preset--color--azs-branco);
  transform: rotateY(180deg);
}
.azs-mito__etiqueta {
  color: var(--wp--preset--color--azs-vermelho-texto);
  font-size: var(--wp--preset--font-size--etiqueta);
  font-weight: 700;
  letter-spacing: 0.03em;
}
.azs-mito__pergunta {
  font-family: var(--wp--preset--font-family--archivo);
  color: var(--wp--preset--color--azs-azul);
  font-size: var(--wp--preset--font-size--apoio);
  font-weight: 700;
  line-height: 1.2;
}
.azs-mito__dica {
  color: var(--wp--preset--color--azs-cinza);
  font-size: var(--wp--preset--font-size--etiqueta);
}
.azs-mito__resposta {
  font-family: var(--wp--preset--font-family--archivo);
  font-size: var(--wp--preset--font-size--pergunta);
  font-weight: 800;
  color: var(--wp--preset--color--azs-branco);
}
.azs-mito__texto { color: var(--wp--preset--color--azs-ceu); line-height: 1.45; }

@media (prefers-reduced-motion: reduce) {
  .azs-mito__botao { transition: none; transform: none !important; }
  .azs-mito__botao[aria-expanded="true"] .azs-mito__frente { opacity: 0; visibility: hidden; }
  .azs-mito__verso { transform: none; }
  .azs-mito__botao[aria-expanded="false"] .azs-mito__verso { opacity: 0; visibility: hidden; }
}

@media (min-width: 740px) {
  .azs-mitos__grade { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 1100px) {
  .azs-mitos__grade { grid-template-columns: repeat(4, 1fr); }
  .azs-mito__botao { min-height: 260px; }
}

/* ────────────────────────────────────────────────────────────────── */
/* 12. Parceiros                                                      */
/* ────────────────────────────────────────────────────────────────── */

.azs-parceiros {
  background: var(--wp--preset--color--azs-areia-2);
  padding: clamp(2.5rem, 6vw, 5rem) 1rem;
}
.azs-parceiros__inner { max-width: var(--wp--style--global--wide-size, 1200px); margin: 0 auto; }
.azs-parceiros h2 {
  font-family: var(--wp--preset--font-family--archivo);
  font-weight: 800;
  font-size: var(--wp--preset--font-size--titulo);
  color: var(--wp--preset--color--azs-azul);
  margin: 0 0 0.5rem;
}
.azs-parceiros__apoio { max-width: 55ch; margin: 0 0 2rem; }
.azs-parceiros__lista {
  list-style: none; margin: 0 0 1.5rem; padding: 0;
  display: flex; flex-wrap: wrap; gap: 0.5rem 0.75rem;
}
.azs-parceiros__lista li {
  background: var(--wp--preset--color--azs-areia);
  border-radius: 999px;
  padding: 0.5rem 1rem;
  font-weight: 500;
  font-size: var(--wp--preset--font-size--texto);
  color: var(--wp--preset--color--azs-azul);
}
.azs-parceiros__ver-mais a { color: var(--wp--preset--color--azs-azul); font-weight: 700; text-decoration: none; }
.azs-parceiros__ver-mais a:hover { text-decoration: underline; }

/* ────────────────────────────────────────────────────────────────── */
/* 13. Dicas placeholder (D-S07)                                      */
/* ────────────────────────────────────────────────────────────────── */

.azs-dicas { padding: clamp(2.5rem, 6vw, 5rem) 1rem; }
.azs-dicas__inner { max-width: 820px; margin: 0 auto; text-align: center; }
.azs-dicas h2 {
  font-family: var(--wp--preset--font-family--archivo);
  font-weight: 800;
  font-size: var(--wp--preset--font-size--titulo);
  color: var(--wp--preset--color--azs-azul);
  margin: 0 0 0.75rem;
}
.azs-dicas__apoio { margin: 0 auto 1.5rem; max-width: 50ch; }

/* ────────────────────────────────────────────────────────────────── */
/* 14. CTA final                                                      */
/* ────────────────────────────────────────────────────────────────── */

.azs-cta-final {
  background: var(--wp--preset--color--azs-vermelho);
  color: var(--wp--preset--color--azs-branco);
  padding: clamp(3rem, 7vw, 5rem) 1rem;
}
.azs-cta-final__inner { max-width: 820px; margin: 0 auto; text-align: center; }
.azs-cta-final h2 {
  font-family: var(--wp--preset--font-family--archivo);
  color: var(--wp--preset--color--azs-branco);
  font-size: var(--wp--preset--font-size--titulo);
  font-weight: 800;
  margin: 0 0 0.75rem;
  line-height: 1.08;
}
.azs-cta-final p {
  color: var(--wp--preset--color--azs-branco);
  margin: 0 auto 2rem; max-width: 50ch;
  font-size: var(--wp--preset--font-size--apoio);
}
.azs-cta-final .azs-botao--primario {
  background: var(--wp--preset--color--azs-branco);
  color: var(--wp--preset--color--azs-vermelho-texto);
  border-color: var(--wp--preset--color--azs-branco);
}
.azs-cta-final .azs-botao--primario:hover {
  background: var(--wp--preset--color--azs-areia);
  color: var(--wp--preset--color--azs-vermelho-texto);
  border-color: var(--wp--preset--color--azs-areia);
}

/* ────────────────────────────────────────────────────────────────── */
/* 15. WhatsApp flutuante                                             */
/* ────────────────────────────────────────────────────────────────── */

.azs-whatsapp-float {
  position: fixed;
  right: clamp(0.75rem, 2vw, 1.5rem);
  bottom: clamp(0.75rem, 2vw, 1.5rem);
  background: #0E7466; /* WhatsApp dark — passa AA sobre texto branco (≥5.4:1) */
  color: #fff;
  padding: 0.75rem 1.1rem;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  text-decoration: none;
  font-weight: 700;
  box-shadow: 0 10px 24px rgba(14, 116, 102, 0.3), 0 4px 10px rgba(0,0,0,0.08);
  transition: transform 240ms cubic-bezier(0.22, 1, 0.36, 1), opacity 240ms;
  z-index: 60;
}
.azs-whatsapp-float:hover { transform: translateY(-2px); }
.azs-whatsapp-float.is-oculto { opacity: 0; pointer-events: none; transform: translateY(10px); }
.azs-whatsapp-float__texto { font-size: 0.9rem; }

@media (max-width: 520px) {
  .azs-whatsapp-float__texto { display: none; }
  .azs-whatsapp-float { padding: 0.9rem; }
}

/* ────────────────────────────────────────────────────────────────── */
/* 16. Rodapé                                                         */
/* ────────────────────────────────────────────────────────────────── */

.azs-site-footer {
  background: var(--wp--preset--color--azs-noite);
  color: var(--wp--preset--color--azs-ceu);
  padding: clamp(2.5rem, 6vw, 4rem) 1rem clamp(1.5rem, 3vw, 2.5rem);
}
.azs-site-footer__inner {
  max-width: var(--wp--style--global--wide-size, 1200px);
  margin: 0 auto;
  display: grid;
  gap: 2.5rem;
}
.azs-site-footer__marca { max-width: 320px; }
.azs-site-footer__logo { max-width: 160px; height: auto; }
.azs-site-footer__assinatura { color: var(--wp--preset--color--azs-ceu); font-size: var(--wp--preset--font-size--texto); margin: 1rem 0 0; }

.azs-site-footer__nav { display: grid; gap: 2rem; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); }
.azs-site-footer__nav h3 {
  color: var(--wp--preset--color--azs-branco);
  font-family: var(--wp--preset--font-family--archivo);
  font-weight: 800;
  font-size: 1rem;
  margin: 0 0 0.75rem;
}
.azs-site-footer__h3-extra { margin-top: 1.25rem !important; }
.azs-site-footer__nav ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 0.5rem; }
.azs-site-footer__nav a { color: var(--wp--preset--color--azs-ceu); text-decoration: none; font-size: 0.95rem; }
.azs-site-footer__nav a:hover { color: var(--wp--preset--color--azs-branco); text-decoration: underline; }

.azs-site-footer__contato h3 {
  color: var(--wp--preset--color--azs-branco);
  font-family: var(--wp--preset--font-family--archivo);
  font-weight: 800;
  font-size: 1rem;
  margin: 0 0 0.75rem;
}
.azs-site-footer__contato p { margin: 0 0 0.5rem; color: var(--wp--preset--color--azs-ceu); }
.azs-site-footer__link-contato { color: var(--wp--preset--color--azs-ceu); text-decoration: none; }
.azs-site-footer__link-contato strong { color: var(--wp--preset--color--azs-branco); font-weight: 700; display: inline-block; margin-right: 0.5rem; }
.azs-site-footer__link-contato:hover { color: var(--wp--preset--color--azs-branco); }
.azs-site-footer__horario { margin-top: 1rem; }

.azs-site-footer__legal {
  margin-top: 2.5rem;
  padding-top: 1.5rem;
  border-top: 1px solid color-mix(in srgb, var(--wp--preset--color--azs-ceu) 15%, transparent);
  font-size: 0.85rem;
  color: var(--wp--preset--color--azs-ceu);
  max-width: var(--wp--style--global--wide-size, 1200px);
  margin-inline: auto;
}
.azs-site-footer__legal p { margin: 0 0 0.5rem; max-width: none; }
.azs-site-footer__legal a { color: var(--wp--preset--color--azs-ceu); }
.azs-site-footer__legal a:hover { color: var(--wp--preset--color--azs-branco); }
.azs-site-footer__creditos {
  margin-top: 0.75rem !important;
  font-size: 0.75rem;
  opacity: 0.75;
}
.azs-site-footer__creditos a { text-decoration: underline; text-underline-offset: 2px; }

@media (min-width: 900px) {
  .azs-site-footer__inner {
    grid-template-columns: 1fr 2.4fr 1.2fr;
    align-items: start;
  }
}

/* ────────────────────────────────────────────────────────────────── */
/* 17. Scroll-reveal (progressive)                                    */
/* ────────────────────────────────────────────────────────────────── */

[data-azs-reveal] {
  opacity: 1;
  transform: none;
  transition: opacity 540ms cubic-bezier(0.22, 1, 0.36, 1),
              transform 640ms cubic-bezier(0.22, 1, 0.36, 1);
}
.azs-js-on [data-azs-reveal] {
  opacity: 0;
  transform: translateY(16px);
}
.azs-js-on [data-azs-reveal].is-visivel {
  opacity: 1;
  transform: none;
}
@media (prefers-reduced-motion: reduce) {
  .azs-js-on [data-azs-reveal] { opacity: 1 !important; transform: none !important; }
}

/* ================================================================== */
/* FASE 2 — páginas de produto + Consórcio                            */
/* ================================================================== */

/* ────────────────────────────────────────────────────────────────── */
/* P1. Breadcrumb                                                     */
/* ────────────────────────────────────────────────────────────────── */

.azs-breadcrumb {
  font-size: var(--wp--preset--font-size--etiqueta);
  color: var(--wp--preset--color--azs-cinza);
  padding: 1rem;
  max-width: var(--wp--style--global--wide-size, 1200px);
  margin: 0 auto;
}
.azs-breadcrumb ol {
  list-style: none; margin: 0; padding: 0;
  display: flex; flex-wrap: wrap; gap: 0.5rem;
  align-items: center;
}
.azs-breadcrumb li { display: inline-flex; align-items: center; gap: 0.5rem; }
.azs-breadcrumb li + li::before {
  content: "›"; color: var(--wp--preset--color--azs-areia-2);
}
.azs-breadcrumb a {
  color: var(--wp--preset--color--azs-azul);
  text-decoration: none;
}
.azs-breadcrumb a:hover { text-decoration: underline; }
.azs-breadcrumb li[aria-current] { color: var(--wp--preset--color--azs-grafite); font-weight: 500; }

/* ────────────────────────────────────────────────────────────────── */
/* P2. Produto Hero                                                   */
/* ────────────────────────────────────────────────────────────────── */

.azs-produto-hero {
  padding: clamp(1.5rem, 4vw, 3rem) 1rem clamp(2.5rem, 6vw, 5rem);
}
.azs-produto-hero__inner {
  display: grid;
  gap: clamp(1.5rem, 4vw, 3rem);
  max-width: var(--wp--style--global--wide-size, 1200px);
  margin: 0 auto;
  align-items: center;
}
.azs-produto-hero__etiqueta {
  color: var(--wp--preset--color--azs-vermelho-texto);
  font-weight: 700;
  font-size: var(--wp--preset--font-size--etiqueta);
  letter-spacing: 0.02em;
  margin: 0 0 1rem;
}
.azs-produto-hero__titulo {
  font-family: var(--wp--preset--font-family--archivo);
  font-weight: 800;
  font-size: var(--wp--preset--font-size--titulo);
  line-height: 1.05;
  letter-spacing: -0.02em;
  color: var(--wp--preset--color--azs-azul);
  margin: 0 0 1.25rem;
  text-wrap: balance;
}
.azs-produto-hero__apoio {
  font-size: var(--wp--preset--font-size--apoio);
  color: var(--wp--preset--color--azs-grafite);
  margin: 0 0 1.75rem;
  max-width: 50ch;
  line-height: 1.5;
}
.azs-produto-hero__ctas { display: flex; gap: 0.75rem; flex-wrap: wrap; }
.azs-produto-hero__arte {
  max-width: 540px;
  margin-inline: auto;
  width: 100%;
  aspect-ratio: 1 / 1;
}
.azs-produto-hero__arte img {
  width: 100%; height: 100%;
  object-fit: contain;
  mix-blend-mode: darken;
}
@media (min-width: 820px) {
  .azs-produto-hero__inner { grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); }
}

/* ────────────────────────────────────────────────────────────────── */
/* P3. "Para quem é"                                                  */
/* ────────────────────────────────────────────────────────────────── */

.azs-para-quem {
  background: var(--wp--preset--color--azs-ceu);
  padding: clamp(2.5rem, 6vw, 5rem) 1rem;
}
.azs-para-quem__inner { max-width: var(--wp--style--global--wide-size, 1200px); margin: 0 auto; }
.azs-para-quem h2 {
  font-family: var(--wp--preset--font-family--archivo);
  font-weight: 800;
  font-size: var(--wp--preset--font-size--titulo);
  color: var(--wp--preset--color--azs-azul);
  margin: 0 0 2rem;
  line-height: 1.08;
}
.azs-para-quem__grade {
  display: grid; gap: 1rem;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}
.azs-para-quem__item {
  background: var(--wp--preset--color--azs-areia);
  border-radius: 32px;
  padding: 1.5rem;
}
.azs-para-quem__item h3 {
  font-family: var(--wp--preset--font-family--archivo);
  color: var(--wp--preset--color--azs-azul);
  font-size: var(--wp--preset--font-size--apoio);
  font-weight: 800;
  margin: 0 0 0.5rem;
}
.azs-para-quem__item p { margin: 0; }

/* ────────────────────────────────────────────────────────────────── */
/* P4. Coberturas (sempre "conforme as coberturas contratadas")       */
/* ────────────────────────────────────────────────────────────────── */

.azs-coberturas { padding: clamp(2.5rem, 6vw, 5rem) 1rem; }
.azs-coberturas__inner { max-width: var(--wp--style--global--wide-size, 1200px); margin: 0 auto; }
.azs-coberturas h2 {
  font-family: var(--wp--preset--font-family--archivo);
  font-weight: 800;
  font-size: var(--wp--preset--font-size--titulo);
  color: var(--wp--preset--color--azs-azul);
  margin: 0 0 0.5rem;
  line-height: 1.08;
}
.azs-coberturas__apoio {
  color: var(--wp--preset--color--azs-grafite);
  max-width: 55ch;
  margin: 0 0 2rem;
  font-size: var(--wp--preset--font-size--apoio);
}
.azs-coberturas__ressalva {
  display: inline-block;
  background: var(--wp--preset--color--azs-areia-2);
  color: var(--wp--preset--color--azs-grafite);
  font-size: var(--wp--preset--font-size--etiqueta);
  padding: 0.5rem 1rem;
  border-radius: 999px;
  margin-bottom: 1.5rem;
  font-weight: 500;
}
.azs-coberturas__grupos {
  display: grid;
  gap: 1.25rem;
  grid-template-columns: 1fr;
}
.azs-coberturas__grupo {
  background: var(--wp--preset--color--azs-branco);
  border-radius: 32px;
  padding: clamp(1.25rem, 2.5vw, 1.75rem);
}
.azs-coberturas__grupo h3 {
  font-family: var(--wp--preset--font-family--archivo);
  color: var(--wp--preset--color--azs-azul);
  font-size: var(--wp--preset--font-size--apoio);
  font-weight: 800;
  margin: 0 0 1rem;
  display: flex; align-items: center; gap: 0.75rem;
}
.azs-coberturas__chip {
  display: inline-block;
  padding: 0.2rem 0.75rem;
  border-radius: 999px;
  font-family: var(--wp--preset--font-family--figtree);
  font-size: var(--wp--preset--font-size--etiqueta);
  font-weight: 700;
  letter-spacing: 0.02em;
}
.azs-coberturas__chip--basica {
  background: var(--wp--preset--color--azs-azul);
  color: var(--wp--preset--color--azs-branco);
}
.azs-coberturas__chip--opcional {
  background: var(--wp--preset--color--azs-areia-2);
  color: var(--wp--preset--color--azs-azul);
}
.azs-coberturas__chip--assistencia {
  background: var(--wp--preset--color--azs-ceu);
  color: var(--wp--preset--color--azs-azul);
}
.azs-coberturas__lista {
  list-style: none; margin: 0; padding: 0;
  display: grid; gap: 0.65rem;
}
.azs-coberturas__lista li {
  display: grid;
  grid-template-columns: 24px 1fr;
  gap: 0.75rem;
  align-items: baseline;
  color: var(--wp--preset--color--azs-grafite);
  line-height: 1.5;
}
.azs-coberturas__lista li::before {
  content: "";
  width: 10px; height: 10px;
  border-radius: 50%;
  background: currentColor;
  opacity: 0.6;
  margin-top: 0.5em;
  justify-self: center;
}
@media (min-width: 740px) {
  .azs-coberturas__grupos { grid-template-columns: repeat(2, 1fr); }
  .azs-coberturas__grupo--completo { grid-column: 1 / -1; }
}
@media (min-width: 1100px) {
  .azs-coberturas__grupos { grid-template-columns: repeat(3, 1fr); }
}

/* ────────────────────────────────────────────────────────────────── */
/* P5. Como contratar (3 passos)                                      */
/* ────────────────────────────────────────────────────────────────── */

.azs-como-contratar {
  background: var(--wp--preset--color--azs-areia-2);
  padding: clamp(2.5rem, 6vw, 5rem) 1rem;
}
.azs-como-contratar__inner { max-width: var(--wp--style--global--wide-size, 1200px); margin: 0 auto; }
.azs-como-contratar h2 {
  font-family: var(--wp--preset--font-family--archivo);
  font-weight: 800;
  font-size: var(--wp--preset--font-size--titulo);
  color: var(--wp--preset--color--azs-azul);
  margin: 0 0 2rem;
  line-height: 1.08;
}
.azs-como-contratar__passos {
  list-style: none; margin: 0; padding: 0;
  display: grid; gap: 1rem;
}
.azs-como-contratar__passo {
  background: var(--wp--preset--color--azs-areia);
  border-radius: 32px;
  padding: 1.5rem;
  position: relative;
}
.azs-como-contratar__numero {
  font-family: var(--wp--preset--font-family--archivo);
  font-size: 3rem;
  font-weight: 800;
  line-height: 1;
  color: var(--wp--preset--color--azs-vermelho);
  margin: 0 0 0.5rem;
  display: block;
  font-stretch: 100%;
}
.azs-como-contratar__passo h3 {
  font-family: var(--wp--preset--font-family--archivo);
  color: var(--wp--preset--color--azs-azul);
  font-size: var(--wp--preset--font-size--apoio);
  font-weight: 800;
  margin: 0 0 0.5rem;
}
.azs-como-contratar__passo p { margin: 0; }
@media (min-width: 820px) {
  .azs-como-contratar__passos { grid-template-columns: repeat(3, 1fr); }
}

/* ────────────────────────────────────────────────────────────────── */
/* P6. FAQ (acordeão com <details> nativo)                            */
/* ────────────────────────────────────────────────────────────────── */

.azs-faq { padding: clamp(2.5rem, 6vw, 5rem) 1rem; }
.azs-faq__inner { max-width: 820px; margin: 0 auto; }
.azs-faq h2 {
  font-family: var(--wp--preset--font-family--archivo);
  font-weight: 800;
  font-size: var(--wp--preset--font-size--titulo);
  color: var(--wp--preset--color--azs-azul);
  margin: 0 0 2rem;
  line-height: 1.08;
}
.azs-faq__lista { display: grid; gap: 0.75rem; }

details.azs-faq__item {
  background: var(--wp--preset--color--azs-branco);
  border-radius: 24px;
  padding: 0;
  border: 1px solid var(--wp--preset--color--azs-areia-2);
  overflow: hidden;
}
details.azs-faq__item summary {
  list-style: none;
  cursor: pointer;
  padding: 1.25rem 1.25rem 1.25rem 1.5rem;
  font-family: var(--wp--preset--font-family--archivo);
  font-weight: 700;
  color: var(--wp--preset--color--azs-azul);
  font-size: var(--wp--preset--font-size--apoio);
  line-height: 1.35;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 1rem;
  transition: background 180ms;
  text-wrap: balance;
}
details.azs-faq__item summary::-webkit-details-marker { display: none; }
details.azs-faq__item summary::after {
  content: "+";
  display: inline-grid;
  place-items: center;
  width: 32px; height: 32px;
  background: var(--wp--preset--color--azs-areia);
  color: var(--wp--preset--color--azs-azul);
  border-radius: 999px;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1;
  transition: transform 220ms cubic-bezier(0.22, 1, 0.36, 1), background 180ms;
}
details.azs-faq__item[open] summary::after {
  transform: rotate(45deg);
  background: var(--wp--preset--color--azs-vermelho);
  color: var(--wp--preset--color--azs-branco);
}
details.azs-faq__item summary:hover,
details.azs-faq__item summary:focus-visible { background: var(--wp--preset--color--azs-areia); outline: none; }
details.azs-faq__item > .azs-faq__corpo {
  padding: 0 1.5rem 1.5rem;
  color: var(--wp--preset--color--azs-grafite);
}
details.azs-faq__item > .azs-faq__corpo p { margin: 0 0 0.75rem; }
details.azs-faq__item > .azs-faq__corpo p:last-child { margin-bottom: 0; }
details.azs-faq__item > .azs-faq__corpo ul { padding-left: 1.25rem; margin: 0 0 0.75rem; }
details.azs-faq__item > .azs-faq__corpo li { margin-bottom: 0.4rem; }

/* ────────────────────────────────────────────────────────────────── */
/* P7. Produtos relacionados                                          */
/* ────────────────────────────────────────────────────────────────── */

.azs-relacionados {
  background: var(--wp--preset--color--azs-areia-2);
  padding: clamp(2.5rem, 6vw, 5rem) 1rem;
}
.azs-relacionados__inner { max-width: var(--wp--style--global--wide-size, 1200px); margin: 0 auto; }
.azs-relacionados h2 {
  font-family: var(--wp--preset--font-family--archivo);
  font-weight: 800;
  font-size: var(--wp--preset--font-size--titulo);
  color: var(--wp--preset--color--azs-azul);
  margin: 0 0 2rem;
  line-height: 1.08;
}
.azs-relacionados__grade {
  display: grid; gap: 1rem;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}
.azs-relacionados__card {
  background: var(--wp--preset--color--azs-areia);
  border-radius: 24px;
  padding: 1.25rem;
  display: grid;
  grid-template-columns: 72px 1fr;
  gap: 1rem;
  align-items: center;
  text-decoration: none;
  color: inherit;
  transition: transform 220ms cubic-bezier(0.22, 1, 0.36, 1), box-shadow 220ms;
}
.azs-relacionados__card:hover,
.azs-relacionados__card:focus-visible {
  transform: translateY(-3px);
  box-shadow: 0 6px 20px rgba(10, 37, 114, 0.08);
  outline: none;
}
.azs-relacionados__card img {
  mix-blend-mode: darken;
  aspect-ratio: 1;
  object-fit: contain;
}
.azs-relacionados__card h3 {
  font-family: var(--wp--preset--font-family--archivo);
  color: var(--wp--preset--color--azs-azul);
  font-size: 1.125rem;
  font-weight: 800;
  margin: 0 0 0.25rem;
}
.azs-relacionados__card p {
  margin: 0;
  font-size: var(--wp--preset--font-size--etiqueta);
  color: var(--wp--preset--color--azs-grafite);
}

/* ────────────────────────────────────────────────────────────────── */
/* P8. Consórcio — passo a passo scroll-triggered                     */
/* ────────────────────────────────────────────────────────────────── */

.azs-consorcio-passos {
  padding: clamp(2.5rem, 6vw, 5rem) 1rem;
  background: var(--wp--preset--color--azs-areia);
}
.azs-consorcio-passos__inner {
  max-width: var(--wp--style--global--wide-size, 1200px);
  margin: 0 auto;
}
.azs-consorcio-passos__etiqueta {
  color: var(--wp--preset--color--azs-vermelho-texto);
  font-weight: 700;
  letter-spacing: 0.03em;
  font-size: var(--wp--preset--font-size--etiqueta);
  margin: 0 0 0.5rem;
}
.azs-consorcio-passos h2 {
  font-family: var(--wp--preset--font-family--archivo);
  font-weight: 800;
  font-size: var(--wp--preset--font-size--titulo);
  color: var(--wp--preset--color--azs-azul);
  margin: 0 0 2.5rem;
  line-height: 1.05;
}
.azs-consorcio-passos__linha {
  list-style: none; margin: 0; padding: 0;
  display: grid; gap: 2rem;
  counter-reset: passo;
}
.azs-consorcio-passos__passo {
  position: relative;
  padding-left: 4rem;
  counter-increment: passo;
}
.azs-consorcio-passos__passo::before {
  content: counter(passo, decimal-leading-zero);
  position: absolute; left: 0; top: 0;
  font-family: var(--wp--preset--font-family--archivo);
  font-weight: 800;
  font-size: 2.75rem;
  color: var(--wp--preset--color--azs-vermelho);
  line-height: 0.9;
}
.azs-consorcio-passos__passo::after {
  content: "";
  position: absolute;
  left: 1rem; top: 3.2rem;
  width: 2px;
  height: calc(100% + 0.75rem);
  background: var(--wp--preset--color--azs-areia-2);
}
.azs-consorcio-passos__passo:last-child::after { display: none; }
.azs-consorcio-passos__passo h3 {
  font-family: var(--wp--preset--font-family--archivo);
  color: var(--wp--preset--color--azs-azul);
  font-size: var(--wp--preset--font-size--apoio);
  font-weight: 800;
  margin: 0 0 0.5rem;
}
.azs-consorcio-passos__passo p {
  margin: 0;
  max-width: 55ch;
}

/* Estado inicial para a entrada em cascata; vira progressivo sem JS. */
.azs-js-on .azs-consorcio-passos__passo {
  opacity: 0;
  transform: translateY(16px);
  transition: opacity 540ms cubic-bezier(0.22, 1, 0.36, 1),
              transform 640ms cubic-bezier(0.22, 1, 0.36, 1);
}
.azs-js-on .azs-consorcio-passos__passo.is-visivel {
  opacity: 1;
  transform: none;
}
@media (prefers-reduced-motion: reduce) {
  .azs-js-on .azs-consorcio-passos__passo { opacity: 1 !important; transform: none !important; }
}

/* ────────────────────────────────────────────────────────────────── */
/* P9. Consórcio × Financiamento (tabela comparativa)                 */
/* ────────────────────────────────────────────────────────────────── */

.azs-comparacao {
  padding: clamp(2.5rem, 6vw, 5rem) 1rem;
  background: var(--wp--preset--color--azs-areia-2);
}
.azs-comparacao__inner { max-width: 980px; margin: 0 auto; }
.azs-comparacao h2 {
  font-family: var(--wp--preset--font-family--archivo);
  font-weight: 800;
  font-size: var(--wp--preset--font-size--titulo);
  color: var(--wp--preset--color--azs-azul);
  margin: 0 0 0.5rem;
  line-height: 1.08;
}
.azs-comparacao__apoio {
  color: var(--wp--preset--color--azs-grafite);
  max-width: 50ch;
  margin: 0 0 2rem;
  font-size: var(--wp--preset--font-size--apoio);
}
.azs-comparacao__tabela {
  background: var(--wp--preset--color--azs-areia);
  border-radius: 32px;
  overflow: hidden;
}
.azs-comparacao__linha {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  border-bottom: 1px solid var(--wp--preset--color--azs-areia-2);
}
.azs-comparacao__linha:last-child { border-bottom: none; }
.azs-comparacao__linha > * {
  padding: 1rem 1.25rem;
  font-size: var(--wp--preset--font-size--texto);
}
.azs-comparacao__linha--cabecalho { background: var(--wp--preset--color--azs-azul); color: var(--wp--preset--color--azs-branco); }
.azs-comparacao__linha--cabecalho > * {
  font-family: var(--wp--preset--font-family--archivo);
  font-weight: 800;
  font-size: 1rem;
}
.azs-comparacao__rotulo {
  color: var(--wp--preset--color--azs-grafite);
  font-weight: 700;
}
.azs-comparacao__consorcio {
  background: color-mix(in srgb, var(--wp--preset--color--azs-vermelho) 10%, var(--wp--preset--color--azs-areia));
  color: var(--wp--preset--color--azs-vermelho-texto);
  font-weight: 700;
}
.azs-comparacao__financiamento { color: var(--wp--preset--color--azs-grafite); }

@media (max-width: 640px) {
  .azs-comparacao__linha {
    grid-template-columns: 1fr;
    gap: 0;
  }
  .azs-comparacao__linha > * { border-bottom: 1px dashed var(--wp--preset--color--azs-areia-2); padding: 0.75rem 1.25rem; }
  .azs-comparacao__linha > *:last-child { border-bottom: none; }
  .azs-comparacao__linha--cabecalho .azs-comparacao__rotulo { display: none; }
  .azs-comparacao__consorcio::before { content: "Consórcio: "; color: var(--wp--preset--color--azs-grafite); font-weight: 500; }
  .azs-comparacao__financiamento::before { content: "Financiamento: "; color: var(--wp--preset--color--azs-grafite); font-weight: 500; }
}

/* ────────────────────────────────────────────────────────────────── */
/* P10. Tags/culturas (chips reutilizável)                            */
/* ────────────────────────────────────────────────────────────────── */

.azs-chips {
  list-style: none; margin: 0; padding: 0;
  display: flex; flex-wrap: wrap; gap: 0.5rem 0.6rem;
}
.azs-chips li {
  background: var(--wp--preset--color--azs-areia);
  color: var(--wp--preset--color--azs-azul);
  padding: 0.4rem 1rem;
  border-radius: 999px;
  font-weight: 600;
  font-size: var(--wp--preset--font-size--etiqueta);
}

/* ================================================================== */
/* FASE 3A — hubs, sinistro, sobre, transparência, contato, 404       */
/* ================================================================== */

/* ────────────────────────────────────────────────────────────────── */
/* H1. Hub (/seguros-para-voce/, /empresas/, /agro/)                  */
/* ────────────────────────────────────────────────────────────────── */

.azs-hub-hero {
  padding: clamp(2rem, 5vw, 4rem) 1rem clamp(1.5rem, 3vw, 2.5rem);
  background: var(--wp--preset--color--azs-areia);
}
.azs-hub-hero__inner {
  max-width: var(--wp--style--global--wide-size, 1200px);
  margin: 0 auto;
}
.azs-hub-hero__etiqueta {
  color: var(--wp--preset--color--azs-vermelho-texto);
  font-weight: 700;
  font-size: var(--wp--preset--font-size--etiqueta);
  letter-spacing: 0.02em;
  margin: 0 0 0.75rem;
}
.azs-hub-hero h1 {
  font-family: var(--wp--preset--font-family--archivo);
  font-weight: 800;
  font-size: var(--wp--preset--font-size--titulo);
  color: var(--wp--preset--color--azs-azul);
  margin: 0 0 1rem;
  line-height: 1.05;
  text-wrap: balance;
}
.azs-hub-hero p {
  font-size: var(--wp--preset--font-size--apoio);
  color: var(--wp--preset--color--azs-grafite);
  margin: 0;
  max-width: 60ch;
}

.azs-hub-grade {
  padding: clamp(1.5rem, 4vw, 3rem) 1rem clamp(2.5rem, 6vw, 5rem);
}
.azs-hub-grade__inner {
  max-width: var(--wp--style--global--wide-size, 1200px);
  margin: 0 auto;
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}
.azs-hub-produto {
  background: var(--wp--preset--color--azs-branco);
  border-radius: 32px;
  padding: 1.5rem;
  display: grid;
  gap: 1rem;
  text-decoration: none;
  color: inherit;
  transition: transform 240ms cubic-bezier(0.22, 1, 0.36, 1), box-shadow 240ms;
}
.azs-hub-produto:hover,
.azs-hub-produto:focus-visible {
  transform: translateY(-3px);
  box-shadow: 0 10px 28px rgba(10, 37, 114, 0.1);
  outline: none;
}
.azs-hub-produto__arte {
  aspect-ratio: 1.4;
  background: var(--wp--preset--color--azs-areia);
  border-radius: 24px;
  display: grid;
  place-items: center;
  overflow: hidden;
}
.azs-hub-produto__arte img {
  width: 70%; height: 70%;
  object-fit: contain;
  mix-blend-mode: darken;
}
.azs-hub-produto h2 {
  font-family: var(--wp--preset--font-family--archivo);
  color: var(--wp--preset--color--azs-azul);
  font-size: var(--wp--preset--font-size--apoio);
  font-weight: 800;
  margin: 0;
}
.azs-hub-produto p {
  margin: 0;
  color: var(--wp--preset--color--azs-grafite);
  font-size: var(--wp--preset--font-size--texto);
}
.azs-hub-produto__cta {
  color: var(--wp--preset--color--azs-vermelho-texto);
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  margin-top: auto;
}

/* ────────────────────────────────────────────────────────────────── */
/* H2. Sinistro: checklist                                            */
/* ────────────────────────────────────────────────────────────────── */

.azs-sinistro-hero {
  background: var(--wp--preset--color--azs-noite);
  color: var(--wp--preset--color--azs-ceu);
  padding: clamp(2.5rem, 6vw, 5rem) 1rem;
}
.azs-sinistro-hero__inner {
  max-width: 820px; margin: 0 auto;
}
.azs-sinistro-hero__etiqueta {
  color: var(--wp--preset--color--azs-vermelho);
  font-weight: 700;
  font-size: var(--wp--preset--font-size--etiqueta);
  letter-spacing: 0.03em;
  margin: 0 0 0.75rem;
}
.azs-sinistro-hero h1 {
  color: var(--wp--preset--color--azs-branco);
  font-family: var(--wp--preset--font-family--archivo);
  font-weight: 800;
  font-size: var(--wp--preset--font-size--titulo);
  margin: 0 0 1rem;
  line-height: 1.05;
  text-wrap: balance;
}
.azs-sinistro-hero p {
  color: var(--wp--preset--color--azs-ceu);
  font-size: var(--wp--preset--font-size--apoio);
  margin: 0 0 1.5rem;
  max-width: 55ch;
}
.azs-sinistro-hero__urgente {
  background: var(--wp--preset--color--azs-vermelho);
  color: var(--wp--preset--color--azs-branco);
  padding: 1rem 1.25rem;
  border-radius: 16px;
  margin-top: 1rem;
  font-weight: 500;
}
.azs-sinistro-hero__urgente strong { display: block; margin-bottom: 0.25rem; font-family: var(--wp--preset--font-family--archivo); font-size: 1.05rem; }
.azs-sinistro-hero__urgente a {
  color: var(--wp--preset--color--azs-branco);
  font-weight: 700;
  text-decoration: underline;
}

.azs-checklist { padding: clamp(2.5rem, 6vw, 5rem) 1rem; }
.azs-checklist__inner { max-width: 820px; margin: 0 auto; }
.azs-checklist h2 {
  font-family: var(--wp--preset--font-family--archivo);
  font-weight: 800;
  font-size: var(--wp--preset--font-size--titulo);
  color: var(--wp--preset--color--azs-azul);
  margin: 0 0 0.5rem;
  line-height: 1.08;
}
.azs-checklist__apoio {
  max-width: 55ch;
  margin: 0 0 2rem;
  font-size: var(--wp--preset--font-size--apoio);
  color: var(--wp--preset--color--azs-grafite);
}
.azs-checklist__lista {
  list-style: none; margin: 0; padding: 0;
  display: grid; gap: 0.75rem;
  counter-reset: passo-sinistro;
}
.azs-checklist__item {
  background: var(--wp--preset--color--azs-branco);
  border-radius: 24px;
  padding: 1.25rem 1.5rem;
  border: 1px solid var(--wp--preset--color--azs-areia-2);
  display: grid;
  grid-template-columns: 48px 1fr;
  gap: 1rem;
  align-items: start;
  transition: background 220ms;
  counter-increment: passo-sinistro;
}
.azs-checklist__item.is-checked { background: color-mix(in srgb, var(--wp--preset--color--azs-azul) 6%, var(--wp--preset--color--azs-areia)); }
.azs-checklist__caixa {
  width: 44px; height: 44px;
  border-radius: 999px;
  border: 2px solid var(--wp--preset--color--azs-azul);
  display: grid;
  place-items: center;
  cursor: pointer;
  position: relative;
  transition: background 220ms;
  background: transparent;
}
.azs-checklist__caixa::before {
  content: counter(passo-sinistro);
  font-family: var(--wp--preset--font-family--archivo);
  color: var(--wp--preset--color--azs-azul);
  font-weight: 800;
  font-size: 1.1rem;
  transition: opacity 180ms;
}
.azs-checklist__caixa::after {
  content: "✓";
  position: absolute;
  color: var(--wp--preset--color--azs-branco);
  font-size: 1.4rem;
  font-weight: 700;
  opacity: 0;
  transition: opacity 180ms;
}
.azs-checklist__item.is-checked .azs-checklist__caixa {
  background: var(--wp--preset--color--azs-azul);
  border-color: var(--wp--preset--color--azs-azul);
}
.azs-checklist__item.is-checked .azs-checklist__caixa::before { opacity: 0; }
.azs-checklist__item.is-checked .azs-checklist__caixa::after { opacity: 1; }
.azs-checklist__item input[type="checkbox"] {
  position: absolute; opacity: 0; pointer-events: none;
}
.azs-checklist__item input[type="checkbox"]:focus-visible + .azs-checklist__caixa {
  outline: 3px solid var(--wp--preset--color--azs-azul);
  outline-offset: 3px;
}
.azs-checklist__texto h3 {
  font-family: var(--wp--preset--font-family--archivo);
  color: var(--wp--preset--color--azs-azul);
  margin: 0 0 0.25rem;
  font-size: var(--wp--preset--font-size--apoio);
  font-weight: 800;
}
.azs-checklist__texto p { margin: 0; color: var(--wp--preset--color--azs-grafite); }
.azs-checklist__reset {
  background: transparent;
  border: 0;
  color: var(--wp--preset--color--azs-cinza);
  cursor: pointer;
  font: inherit;
  padding: 0;
  margin-top: 1.5rem;
  text-decoration: underline;
}
.azs-checklist__reset:hover { color: var(--wp--preset--color--azs-vermelho-texto); }

/* ────────────────────────────────────────────────────────────────── */
/* H3. Sobre: hero + valores + placeholder equipe                     */
/* ────────────────────────────────────────────────────────────────── */

.azs-sobre-hero {
  padding: clamp(2.5rem, 6vw, 5rem) 1rem;
  background: var(--wp--preset--color--azs-ceu);
}
.azs-sobre-hero__inner {
  max-width: var(--wp--style--global--wide-size, 1200px);
  margin: 0 auto;
  display: grid;
  gap: 2rem;
  align-items: center;
}
.azs-sobre-hero__etiqueta {
  color: var(--wp--preset--color--azs-vermelho-texto);
  font-weight: 700;
  letter-spacing: 0.02em;
  font-size: var(--wp--preset--font-size--etiqueta);
  margin: 0 0 0.75rem;
}
.azs-sobre-hero h1 {
  font-family: var(--wp--preset--font-family--archivo);
  color: var(--wp--preset--color--azs-azul);
  font-weight: 800;
  font-size: var(--wp--preset--font-size--titulo);
  line-height: 1.05;
  margin: 0 0 1rem;
}
.azs-sobre-hero p {
  color: var(--wp--preset--color--azs-grafite);
  font-size: var(--wp--preset--font-size--apoio);
  max-width: 55ch;
  margin: 0 0 1rem;
}
.azs-sobre-hero__arte img { width: 100%; mix-blend-mode: darken; }
@media (min-width: 820px) {
  .azs-sobre-hero__inner { grid-template-columns: 1.2fr 1fr; }
}

.azs-valores { padding: clamp(2.5rem, 6vw, 5rem) 1rem; }
.azs-valores__inner { max-width: var(--wp--style--global--wide-size, 1200px); margin: 0 auto; }
.azs-valores h2 {
  font-family: var(--wp--preset--font-family--archivo);
  font-weight: 800;
  font-size: var(--wp--preset--font-size--titulo);
  color: var(--wp--preset--color--azs-azul);
  margin: 0 0 2rem;
  line-height: 1.08;
}
.azs-valores__grade {
  display: grid; gap: 1rem;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}
.azs-valores__item {
  background: var(--wp--preset--color--azs-branco);
  border-radius: 24px;
  padding: 1.5rem;
}
.azs-valores__item h3 {
  font-family: var(--wp--preset--font-family--archivo);
  color: var(--wp--preset--color--azs-azul);
  margin: 0 0 0.5rem;
  font-size: var(--wp--preset--font-size--apoio);
  font-weight: 800;
}
.azs-valores__item p { margin: 0; }

.azs-equipe-placeholder {
  padding: clamp(2.5rem, 6vw, 5rem) 1rem;
  background: var(--wp--preset--color--azs-areia-2);
  text-align: center;
}
.azs-equipe-placeholder__inner { max-width: 760px; margin: 0 auto; }
.azs-equipe-placeholder h2 {
  font-family: var(--wp--preset--font-family--archivo);
  font-weight: 800;
  font-size: var(--wp--preset--font-size--titulo);
  color: var(--wp--preset--color--azs-azul);
  margin: 0 0 0.75rem;
}
.azs-equipe-placeholder__ilus {
  max-width: 320px;
  margin: 0 auto 1.5rem;
  mix-blend-mode: darken;
}

/* ────────────────────────────────────────────────────────────────── */
/* H4. Transparência                                                  */
/* ────────────────────────────────────────────────────────────────── */

.azs-transparencia { padding: clamp(2.5rem, 6vw, 5rem) 1rem; }
.azs-transparencia__inner { max-width: 820px; margin: 0 auto; }
.azs-transparencia h1 {
  font-family: var(--wp--preset--font-family--archivo);
  font-weight: 800;
  font-size: var(--wp--preset--font-size--titulo);
  color: var(--wp--preset--color--azs-azul);
  margin: 0 0 1rem;
  line-height: 1.08;
}
.azs-transparencia__lead {
  font-size: var(--wp--preset--font-size--apoio);
  color: var(--wp--preset--color--azs-grafite);
  margin: 0 0 2rem;
  max-width: 55ch;
}
.azs-transparencia__bloco {
  background: var(--wp--preset--color--azs-branco);
  border-radius: 24px;
  padding: 1.5rem;
  margin: 0 0 1rem;
}
.azs-transparencia__bloco h2 {
  font-family: var(--wp--preset--font-family--archivo);
  color: var(--wp--preset--color--azs-azul);
  margin: 0 0 0.5rem;
  font-size: var(--wp--preset--font-size--apoio);
  font-weight: 800;
}
.azs-transparencia__bloco p,
.azs-transparencia__bloco ul { margin: 0 0 0.5rem; max-width: none; }
.azs-transparencia__bloco ul { padding-left: 1.25rem; }
.azs-transparencia__bloco li { margin-bottom: 0.25rem; }
.azs-transparencia__bloco strong { color: var(--wp--preset--color--azs-azul); }

/* ────────────────────────────────────────────────────────────────── */
/* H5. Contato                                                        */
/* ────────────────────────────────────────────────────────────────── */

.azs-contato-hero { padding: clamp(2rem, 5vw, 3.5rem) 1rem 1rem; }
.azs-contato-hero__inner { max-width: var(--wp--style--global--wide-size, 1200px); margin: 0 auto; }
.azs-contato-hero__etiqueta {
  color: var(--wp--preset--color--azs-vermelho-texto);
  font-weight: 700;
  font-size: var(--wp--preset--font-size--etiqueta);
  letter-spacing: 0.02em;
  margin: 0 0 0.75rem;
}
.azs-contato-hero h1 {
  font-family: var(--wp--preset--font-family--archivo);
  font-weight: 800;
  font-size: var(--wp--preset--font-size--titulo);
  color: var(--wp--preset--color--azs-azul);
  margin: 0 0 1rem;
  line-height: 1.08;
}
.azs-contato-hero p {
  font-size: var(--wp--preset--font-size--apoio);
  color: var(--wp--preset--color--azs-grafite);
  margin: 0;
  max-width: 55ch;
}

.azs-contato {
  padding: 1rem 1rem clamp(2.5rem, 6vw, 5rem);
}
.azs-contato__inner {
  max-width: var(--wp--style--global--wide-size, 1200px);
  margin: 0 auto;
  display: grid;
  gap: 2rem;
}
.azs-contato__canais {
  display: grid;
  gap: 1rem;
}
.azs-contato__canal {
  background: var(--wp--preset--color--azs-branco);
  border-radius: 24px;
  padding: 1.5rem;
  display: grid;
  gap: 0.5rem;
}
.azs-contato__canal--destaque {
  background: var(--wp--preset--color--azs-noite);
  color: var(--wp--preset--color--azs-branco);
}
.azs-contato__canal h2,
.azs-contato__canal h3 {
  font-family: var(--wp--preset--font-family--archivo);
  margin: 0;
  color: var(--wp--preset--color--azs-azul);
  font-size: var(--wp--preset--font-size--apoio);
  font-weight: 800;
}
.azs-contato__canal--destaque h2 { color: var(--wp--preset--color--azs-branco); }
.azs-contato__canal a {
  color: inherit;
  text-decoration: none;
  font-weight: 700;
}
.azs-contato__canal a:hover { text-decoration: underline; }
.azs-contato__canal--destaque a { color: var(--wp--preset--color--azs-ceu); }

.azs-contato__form {
  background: var(--wp--preset--color--azs-areia-2);
  border-radius: 32px;
  padding: clamp(1.5rem, 3vw, 2.5rem);
}
.azs-contato__form h2 {
  font-family: var(--wp--preset--font-family--archivo);
  color: var(--wp--preset--color--azs-azul);
  margin: 0 0 1rem;
  font-size: var(--wp--preset--font-size--pergunta);
  font-weight: 800;
}
.azs-contato__form label {
  display: block;
  font-weight: 500;
  color: var(--wp--preset--color--azs-grafite);
  margin: 0 0 0.4rem;
}
.azs-contato__form input,
.azs-contato__form select,
.azs-contato__form textarea {
  width: 100%;
  padding: 0.75rem 1rem;
  border-radius: 12px;
  border: 1px solid var(--wp--preset--color--azs-areia-2);
  background: var(--wp--preset--color--azs-branco);
  font-family: inherit;
  font-size: var(--wp--preset--font-size--texto);
  color: var(--wp--preset--color--azs-grafite);
  margin: 0 0 1rem;
}
.azs-contato__form input:focus,
.azs-contato__form select:focus,
.azs-contato__form textarea:focus {
  outline: 3px solid var(--wp--preset--color--azs-azul);
  outline-offset: 1px;
  border-color: var(--wp--preset--color--azs-azul);
}
.azs-contato__form textarea { min-height: 140px; resize: vertical; }
.azs-contato__lgpd {
  display: flex;
  gap: 0.75rem;
  align-items: flex-start;
  margin: 0 0 1.5rem;
  color: var(--wp--preset--color--azs-grafite);
  font-size: var(--wp--preset--font-size--etiqueta);
}
.azs-contato__lgpd input[type="checkbox"] {
  width: 20px; height: 20px;
  accent-color: var(--wp--preset--color--azs-azul);
  margin-top: 2px;
}
.azs-contato__mapa {
  border-radius: 24px;
  overflow: hidden;
  aspect-ratio: 16/10;
  background: var(--wp--preset--color--azs-areia-2);
  position: relative;
}
.azs-contato__mapa iframe { width: 100%; height: 100%; border: 0; display: block; }

.azs-contato__mapa-placeholder {
  position: absolute; inset: 0;
  display: grid;
  place-content: center;
  gap: 0.75rem;
  padding: 1.5rem;
  text-align: center;
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--wp--preset--color--azs-azul) 10%, transparent), transparent 60%),
    repeating-linear-gradient(45deg, var(--wp--preset--color--azs-areia-2) 0 12px, color-mix(in srgb, var(--wp--preset--color--azs-areia-2) 70%, var(--wp--preset--color--azs-azul)) 12px 13px);
}
.azs-contato__mapa-placeholder-titulo {
  font-family: var(--wp--preset--font-family--archivo);
  color: var(--wp--preset--color--azs-azul);
  font-size: var(--wp--preset--font-size--apoio);
  font-weight: 800;
  margin: 0;
}
.azs-contato__mapa-placeholder-apoio {
  color: var(--wp--preset--color--azs-grafite);
  margin: 0;
  max-width: 48ch;
  font-size: var(--wp--preset--font-size--etiqueta);
}
.azs-contato__mapa-placeholder-botoes {
  display: flex; gap: 0.5rem; flex-wrap: wrap; justify-content: center;
  margin-top: 0.5rem;
}

@media (min-width: 900px) {
  .azs-contato__inner { grid-template-columns: 1fr 1.2fr; }
  .azs-contato__canais { align-content: start; }
}

/* ────────────────────────────────────────────────────────────────── */
/* H6. Privacidade (texto longo)                                      */
/* ────────────────────────────────────────────────────────────────── */

.azs-politica { padding: clamp(2.5rem, 6vw, 5rem) 1rem; }
.azs-politica__inner { max-width: 760px; margin: 0 auto; }
.azs-politica h1 {
  font-family: var(--wp--preset--font-family--archivo);
  font-weight: 800;
  font-size: var(--wp--preset--font-size--titulo);
  color: var(--wp--preset--color--azs-azul);
  margin: 0 0 1rem;
  line-height: 1.08;
}
.azs-politica__data {
  color: var(--wp--preset--color--azs-cinza);
  font-size: var(--wp--preset--font-size--etiqueta);
  margin: 0 0 2rem;
}
.azs-politica h2 {
  font-family: var(--wp--preset--font-family--archivo);
  font-size: var(--wp--preset--font-size--pergunta);
  color: var(--wp--preset--color--azs-azul);
  margin: 2.5rem 0 1rem;
  font-weight: 800;
  line-height: 1.15;
}
.azs-politica h3 {
  font-family: var(--wp--preset--font-family--archivo);
  color: var(--wp--preset--color--azs-azul);
  margin: 1.5rem 0 0.5rem;
  font-size: var(--wp--preset--font-size--apoio);
  font-weight: 700;
}
.azs-politica p { max-width: 70ch; }
.azs-politica ul {
  padding-left: 1.25rem; margin: 0 0 1rem;
}
.azs-politica li { margin-bottom: 0.5rem; }
.azs-politica__tabela-direitos {
  background: var(--wp--preset--color--azs-areia-2);
  border-radius: 24px;
  padding: 1.5rem;
  margin: 1.5rem 0;
}
.azs-politica__tabela-direitos p { margin: 0 0 0.5rem; }
.azs-politica__tabela-direitos strong { color: var(--wp--preset--color--azs-azul); }

/* ────────────────────────────────────────────────────────────────── */
/* H7. 404                                                            */
/* ────────────────────────────────────────────────────────────────── */

.azs-404 {
  padding: clamp(3rem, 7vw, 5rem) 1rem;
  text-align: center;
}
.azs-404__inner { max-width: 640px; margin: 0 auto; }
.azs-404__codigo {
  font-family: var(--wp--preset--font-family--archivo);
  font-size: clamp(4rem, 12vw + 1rem, 9rem);
  color: var(--wp--preset--color--azs-vermelho);
  font-weight: 800;
  margin: 0;
  line-height: 1;
}
.azs-404 h1 {
  font-family: var(--wp--preset--font-family--archivo);
  color: var(--wp--preset--color--azs-azul);
  font-weight: 800;
  font-size: var(--wp--preset--font-size--titulo);
  margin: 1rem 0 1rem;
  line-height: 1.1;
}
.azs-404 p { margin: 0 auto 2rem; max-width: 50ch; }
.azs-404__sugestoes {
  background: var(--wp--preset--color--azs-areia-2);
  border-radius: 24px;
  padding: 1.5rem;
  text-align: left;
  max-width: 460px;
  margin: 2rem auto 0;
}
.azs-404__sugestoes h2 {
  font-family: var(--wp--preset--font-family--archivo);
  margin: 0 0 0.75rem;
  font-size: var(--wp--preset--font-size--apoio);
  font-weight: 800;
  color: var(--wp--preset--color--azs-azul);
}
.azs-404__sugestoes ul {
  list-style: none; margin: 0; padding: 0;
  display: grid; gap: 0.5rem;
}
.azs-404__sugestoes a {
  color: var(--wp--preset--color--azs-azul);
  font-weight: 700;
  text-decoration: none;
}
.azs-404__sugestoes a:hover { text-decoration: underline; }

/* ────────────────────────────────────────────────────────────────── */
/* H8. Banner LGPD                                                    */
/* ────────────────────────────────────────────────────────────────── */

.azs-lgpd-banner {
  position: fixed;
  left: 1rem; right: 1rem; bottom: 1rem;
  z-index: 70;
  background: var(--wp--preset--color--azs-noite);
  color: var(--wp--preset--color--azs-ceu);
  border-radius: 20px;
  padding: 1.25rem 1.5rem;
  display: grid;
  gap: 1rem;
  max-width: 720px;
  margin-inline: auto;
  box-shadow: 0 20px 40px rgba(0,0,0,0.25);
  transform: translateY(130%);
  opacity: 0;
  transition: transform 480ms cubic-bezier(0.22, 1, 0.36, 1), opacity 320ms;
}
.azs-lgpd-banner.is-visivel { transform: none; opacity: 1; }
.azs-lgpd-banner p { margin: 0; color: var(--wp--preset--color--azs-ceu); font-size: var(--wp--preset--font-size--etiqueta); }
.azs-lgpd-banner strong { color: var(--wp--preset--color--azs-branco); }
.azs-lgpd-banner a { color: var(--wp--preset--color--azs-branco); text-decoration: underline; }
.azs-lgpd-banner__botoes { display: flex; gap: 0.5rem; flex-wrap: wrap; }
.azs-lgpd-banner .azs-botao { min-height: 40px; padding: 0.6rem 1.2rem; font-size: var(--wp--preset--font-size--etiqueta); }
.azs-lgpd-banner .azs-botao--secundario {
  color: var(--wp--preset--color--azs-branco);
  border-color: var(--wp--preset--color--azs-branco);
}
@media (prefers-reduced-motion: reduce) {
  .azs-lgpd-banner { transition: none; }
}

/* Esconde WhatsApp float quando o banner LGPD está aberto, pra não brigar */
.azs-lgpd-aberto .azs-whatsapp-float { display: none; }
@media (min-width: 640px) {
  .azs-lgpd-banner {
    grid-template-columns: 1fr auto;
    align-items: center;
  }
}