/* Rocha Brasil — camada premium (v1, 01/09/2026)
   Refinamento sobre o design incumbente. Nao redesenha: reforca a identidade
   editorial (Fraunces + verde/dourado) que o styles.css ja pede.
   Carregada DEPOIS de styles.css. */

:root{
  --rb-r: 14px;              /* raio unico de card */
  --rb-r-sm: 9px;            /* raio de controle pequeno */
  --rb-e1: 0 1px 2px rgba(16,24,20,.05), 0 4px 14px rgba(16,24,20,.07);
  --rb-e2: 0 6px 18px rgba(16,24,20,.10), 0 20px 44px rgba(16,24,20,.12);
  --rb-line: rgba(10,31,18,.10);
}

/* ── Superficies do navegador: o sinal mais barato de "foi desenhado" ── */
::selection{ background: #d4af37; color: #0a1f12; }
html{ accent-color: #b8912f; -webkit-tap-highlight-color: rgba(184,145,47,.18); }
:where(a, button, input, select, textarea, [tabindex]):focus-visible{
  outline: 2px solid #b8912f; outline-offset: 2px; border-radius: 3px;
}
@supports (scrollbar-color: auto){
  html{ scrollbar-color: #b8912f transparent; scrollbar-width: thin; }
}
a{ text-underline-offset: .18em; text-decoration-thickness: from-font; }

/* ── Tipografia: a home pede Fraunces mas so carregava Georgia (fallback) ── */
h1, h2, h3, h4, .hero__title, .stat__num{ text-wrap: balance; }
.hero__title{ letter-spacing: -.028em; }
h2{ letter-spacing: -.018em; }
/* numerais alinhados nas estatisticas e em qualquer dado */
.stat__num, .hero__stats *, .tbl td, time, [class*="num"]{
  font-variant-numeric: tabular-nums; font-feature-settings: "tnum" 1, "lnum" 1;
}
/* medida de leitura confortavel em blocos longos */
.rb-faq h3 + p, .rb-faq p, #sobre p, .sobre p, section#faq p{ max-width: 64ch; }

/* ── Profundidade coerente: um shadow, offset + blur, nada de halo colorido ── */
.qa-cta-arrow{ box-shadow: var(--rb-e1) !important; }
/* mata o glow verde (#25d366) do botao no fundo escuro do hero */
[style*="rgba(37,211,102"], [style*="rgba(37, 211, 102"]{ box-shadow: 0 6px 16px rgba(10,31,18,.28) !important; }

/* ── Imagens de segmento: reservar espaco (evita layout shift / CLS) ── */
.qa-card img, .qa-grid img{
  aspect-ratio: 16 / 10; width: 100%; height: auto; display: block;
  background: #f2ede1; border-radius: 0;
}

/* ── Transicoes de link discretas e uniformes (um ritmo so) ── */
a{ transition: color .18s ease; }
@media (prefers-reduced-motion: reduce){ *{ scroll-behavior: auto !important; } }