/* Seção de diferenciais + missão da /nova-pagina/ (opção C escolhida): duas
 * colunas sobre o terracota — à esquerda título, missão e botão; à direita um
 * painel creme com os 4 diferenciais (foto alta + ícone, título e texto).
 * Substitui as seções do Elementor 302893f, 7e680d1 e 6e20eed. */

body.nova-pagina .nv-df {
  --df-bg: #b84c26;
  --df-fg: #ffffff;
  --df-fg-2: #ffffff;      /* texto secundário: branco para passar de 5:1 sobre o terracota */
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  gap: clamp(40px, 6vw, 90px);
  align-items: center;
  padding: 104px max(24px, calc((100% - 1200px) / 2));
  background: var(--df-bg);
  color: var(--df-fg);
  font-family: "Heebo", system-ui, sans-serif;
}

/* ---------- coluna de texto ---------- */
body.nova-pagina .nv-df p { margin: 0; font-size: 16px; line-height: 1.65; }
body.nova-pagina .nv-df strong { font-weight: 700; }
body.nova-pagina .nv-df :is(.nv-df__sobre, .nv-df__missao-rot) {
  margin-bottom: 14px;
  color: var(--df-fg);
  font: 700 13px/1.3 "Heebo", system-ui, sans-serif;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}
body.nova-pagina .nv-df__titulo {
  margin: 0 0 16px;
  color: var(--df-fg);
  font: 700 clamp(30px, 3.4vw, 46px)/1.12 "Lato", system-ui, sans-serif;
  text-wrap: balance;
}
body.nova-pagina .nv-df .nv-df__intro { max-width: 62ch; color: var(--df-fg-2); font-size: 17px; }
body.nova-pagina .nv-df__missao {
  display: grid;
  justify-items: start;
  gap: 10px;
  margin-top: 44px;
  padding-top: 36px;
  border-top: 1px solid rgba(255, 255, 255, 0.25);
}
body.nova-pagina .nv-df__citacao {
  max-width: 34em;
  margin: 0 0 14px;
  padding: 0;
  border: 0;
  color: var(--df-fg);
  font: italic 400 clamp(19px, 1.6vw, 22px)/1.45 "Lato", system-ui, sans-serif;
}
body.nova-pagina .nv-df__citacao::before {
  content: "“";
  display: block;
  height: 34px;
  color: #ffb48a;
  font: 700 70px/1 Georgia, serif;
}
body.nova-pagina .nv-df__citacao strong { font-style: italic; }
body.nova-pagina .nv-df .nv-df__pergunta { margin-top: 6px; font: 700 20px/1.3 "Lato", system-ui, sans-serif; }
/* botão claro sobre o terracota (pílula, foco branco) */
body.nova-pagina .nv-df__btn { margin-top: 14px; border-radius: var(--raio-botao, 999px); background: #fff; color: var(--df-bg); }
body.nova-pagina .nv-df__btn:is(:hover, :focus-visible) { background: #fbe9e0; color: #8f3a1c; }
body.nova-pagina .nv-df__btn:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }

/* ---------- painel dos diferenciais ---------- */
body.nova-pagina .nv-df__lista {
  list-style: none;
  margin: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  padding: 14px;
  border-radius: 24px;
  background: var(--nv-h-creme);
}
body.nova-pagina .nv-df__item {
  overflow: hidden;
  border-radius: 16px;
  background: #fff;
  color: var(--nv-h-ink-2);
  box-shadow: 0 6px 16px rgba(60, 20, 6, 0.06);
}
/* fotos verticais (2:3): recorte quase quadrado, com o ponto de interesse de
 * cada uma definido por object-position no próprio <img> */
body.nova-pagina .nv-df__foto { aspect-ratio: 1 / 0.92; overflow: hidden; }
body.nova-pagina .nv-df__foto picture { display: contents; }
body.nova-pagina .nv-df__foto img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 600ms var(--nv-ease-out, ease);
}
body.nova-pagina .nv-df__txt { padding: 14px 16px 16px; }
body.nova-pagina .nv-df__topo { display: flex; align-items: center; gap: 8px; margin-bottom: 4px; }
body.nova-pagina .nv-df__ico {
  width: 20px; height: 20px; flex: none;
  fill: none; stroke: var(--df-bg); stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round;
}
body.nova-pagina .nv-df h3 { margin: 0; color: var(--nv-h-ink); font: 700 16px/1.25 "Lato", system-ui, sans-serif; }
body.nova-pagina .nv-df__item p { font-size: 14px; line-height: 1.5; }
@media (hover: hover) {
  body.nova-pagina .nv-df__item:hover .nv-df__foto img { transform: scale(1.04); }
}

/* ---------- responsivo ---------- */
@media (max-width: 1024px) {
  body.nova-pagina .nv-df { grid-template-columns: 1fr; }
}
@media (max-width: 767px) {
  body.nova-pagina .nv-df { padding: 72px 20px; }
  body.nova-pagina .nv-df__lista { gap: 10px; padding: 10px; border-radius: 18px; }
  body.nova-pagina .nv-df__txt { padding: 12px 12px 14px; }
  body.nova-pagina .nv-df h3 { font-size: 15px; }
  body.nova-pagina .nv-df__ico { display: none; }
  body.nova-pagina .nv-df__item p { font-size: 16px; }
  body.nova-pagina .nv-df__btn { width: 100%; justify-content: center; }
}
@media (max-width: 359px) {
  body.nova-pagina .nv-df__lista { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
  body.nova-pagina .nv-df__foto img { transition: none; }
}