/*!
 * Dr. Vinícius Lacerda — Custom LP Overrides
 * Version: 1.0.1 (2026-05-25 — pós-FAIL v1.0.0, escopo reduzido)
 *
 * MUDANÇAS v1.0.1 (após Lighthouse FAIL):
 * - Removido font preload (causa de FCP regression)
 * - Removidas cascades de typography agressivas (heading h1-h4 globais)
 * - Texto corpo trocado de blue-700 (#334155) → blue-800 (#1e293b)
 *   para contraste AA garantido mesmo em cards/sections non-white
 * - Removidas seções 3, 5, 8 da v1.0.0 (typography forçada, cards, normalizações
 *   amplas) — mantido apenas tokens + form normalization + button hover + a11y
 *
 * Tokens documentados em:
 * landpages/refactor-elementor-nativo/audit-css-4lps-2026-05-25/reports/03-design-tokens.md
 */

/* ====================================================================
   1. DESIGN TOKENS (escopo: .elementor-page, não global)
   ==================================================================== */

.elementor-page {
  /* Brand — Red (rose) */
  --vl-red-500: #f43f5e;
  --vl-red-600: #e11d48;
  --vl-red-700: #be123c;

  /* Brand — Blue/Slate */
  --vl-blue-200: #e2e8f0;
  --vl-blue-300: #cbd5e1;
  --vl-blue-600: #475569;
  --vl-blue-700: #334155;
  --vl-blue-800: #1e293b;
  --vl-blue-900: #0f172a;

  /* Neutros */
  --vl-white: #ffffff;

  /* Spacing */
  --vl-space-3: 0.75rem;
  --vl-space-4: 1rem;
  --vl-space-6: 1.5rem;

  /* Border-radius */
  --vl-radius-md: 0.5rem;

  /* Shadow */
  --vl-shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
}

/* ====================================================================
   2. FORM INPUTS — normalização leve
   ==================================================================== */

.elementor-page .elementor-field-group input[type="text"],
.elementor-page .elementor-field-group input[type="email"],
.elementor-page .elementor-field-group input[type="tel"],
.elementor-page .elementor-field-group input[type="number"],
.elementor-page .elementor-field-group select,
.elementor-page .elementor-field-group textarea {
  border: 1px solid var(--vl-blue-300);
  border-radius: var(--vl-radius-md);
  padding: var(--vl-space-3) var(--vl-space-4);
  transition: border-color 150ms ease, box-shadow 150ms ease;
}

.elementor-page .elementor-field-group input:focus,
.elementor-page .elementor-field-group select:focus,
.elementor-page .elementor-field-group textarea:focus {
  border-color: var(--vl-red-600);
  box-shadow: 0 0 0 3px rgb(225 29 72 / 0.15);
  outline: none;
}

/* ====================================================================
   3. CTA / BUTTON HOVER STATE — não-bloqueante, melhora UX
   ==================================================================== */

.elementor-page .elementor-button {
  transition: background-color 150ms ease, transform 100ms ease, box-shadow 150ms ease;
}

.elementor-page .elementor-button:hover {
  transform: translateY(-1px);
  box-shadow: var(--vl-shadow-md);
}

.elementor-page .elementor-button:active {
  transform: translateY(0);
}

/* ====================================================================
   4. ACESSIBILIDADE — focus-visible para keyboard navigation
   ==================================================================== */

.elementor-page a:focus-visible,
.elementor-page button:focus-visible,
.elementor-page input:focus-visible,
.elementor-page select:focus-visible,
.elementor-page textarea:focus-visible {
  outline: 2px solid var(--vl-red-600);
  outline-offset: 2px;
}

/* ====================================================================
   FIM custom-lp-overrides.css v1.0.1
   ==================================================================== */