/*
 * Shared final review layer for the five core pages.
 * This adapter stabilizes the existing CTA families without replacing page
 * layouts. Load after page-local and shell styles. The narrow !important
 * declarations intentionally override historical ID- and Kids-scoped rules.
 * Produtos remains a separate prototype and does not load this file.
 */
:root {
  --black: #0a0806;
  --black-soft: #120f0a;
  --black-card: #17110b;
  --accent: #e8521a;
  --accent-dim: #c43e0a;
  --accent-soft: rgba(232, 82, 26, 0.14);
  --accent-line: rgba(232, 82, 26, 0.34);
  --tan: #c4956a;
  --white: #f5f0e8;
  --muted: rgba(245, 240, 232, 0.68);
  --line: rgba(245, 240, 232, 0.12);
  --font-head: "Inter", system-ui, sans-serif;
  --font-mono: "Inter", system-ui, sans-serif;
  --ve-cta-height: 48px;
  --ve-cta-radius: 999px;
  --ve-cta-gap: 9px;
  --ve-cta-padding: 12px 22px;
  --ve-cta-font: 800 12px/1.4 "Inter", system-ui, sans-serif;
  --ve-whatsapp: #25d366;
  --ve-whatsapp-hover: #1fc15d;
}

body :is(.btn, .btn-primary, .btn-ghost, .kids-btn, .kids-inline-cta, .kids-whatsapp-cta) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--ve-cta-gap) !important;
  min-height: var(--ve-cta-height) !important;
  max-width: 100%;
  box-sizing: border-box;
  padding: var(--ve-cta-padding) !important;
  border: 1px solid transparent !important;
  border-radius: var(--ve-cta-radius) !important;
  background: var(--accent) !important;
  color: var(--black) !important;
  font: var(--ve-cta-font) !important;
  letter-spacing: 0.06em !important;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  text-shadow: none;
  white-space: normal !important;
  overflow-wrap: anywhere;
  box-shadow: none !important;
  cursor: pointer;
  transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease !important;
}

body :is(.btn, .btn-primary, .kids-btn, .kids-inline-cta, .kids-whatsapp-cta):hover {
  background: #f16b36 !important;
  color: var(--black) !important;
}

/* An opaque dark surface keeps outlined actions readable over light cards
 * and photographic heroes alike. Existing secondary markup is retained. */
body :is(.btn.secondary, .btn-ghost, .kids-btn.secondary) {
  border-color: rgba(245, 240, 232, 0.66) !important;
  background: var(--black-soft) !important;
  color: var(--white) !important;
}

body :is(.btn.secondary, .btn-ghost, .kids-btn.secondary):hover {
  border-color: var(--white) !important;
  background: #211b14 !important;
  color: var(--white) !important;
}

/* Preserve the site's existing WhatsApp destination semantics. */
body :is(.btn, .btn-primary, .btn-ghost, .kids-btn, .kids-inline-cta, .kids-whatsapp-cta)[href*="wa.me"] {
  border-color: transparent !important;
  background: var(--ve-whatsapp) !important;
  color: var(--black) !important;
}

body :is(.btn, .btn-primary, .btn-ghost, .kids-btn, .kids-inline-cta, .kids-whatsapp-cta)[href*="wa.me"]:hover {
  background: var(--ve-whatsapp-hover) !important;
  color: var(--black) !important;
}

body :is(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
  outline: 3px solid var(--white) !important;
  outline-offset: 3px !important;
  box-shadow: 0 0 0 6px var(--black) !important;
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto !important;
  }

  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}