/* ==========================================================================
   DEPOIS DO DIPLOMA — AICLAX CARREIRA MÉDICA
   Design System & Styling Premium Médico
   Paleta: #326056 (Principal), #578e82 (Secundária), #C9A23A (Dourado de Destaque)
   Tipografia: Montserrat (Títulos 800/700/600) + Inter (Corpo)
   Conformidade WCAG 2.2 AA • Mobile-First • Alto Desempenho
   ========================================================================== */

:root {
  /* Cores Estruturais Mantidas (Menu & Footer) */
  --c-primary: #0071ef;
  --c-primary-hover: #005ec8;
  --c-primary-light: #90c0f4;
  --c-primary-soft: rgba(0, 113, 239, 0.08);
  --c-primary-dark: #0050ab;
  --c-primary-deep: #08162b;

  /* Nova Paleta Médica Moderna High-Tech */
  --c-navy: #08162b;
  --c-navy-deep: #040c18;
  --c-navy-surface: #0d1e38;
  --c-navy-card: rgba(14, 32, 60, 0.85);
  --c-navy-border: rgba(0, 210, 255, 0.18);

  /* Acentos em Azul Elétrico (High-Tech) */
  --c-electric: #00d2ff;
  --c-electric-bright: #38bdf8;
  --c-electric-soft: rgba(0, 210, 255, 0.1);
  --c-electric-border: rgba(0, 210, 255, 0.35);
  --c-electric-glow: 0 0 25px rgba(0, 210, 255, 0.3);

  /* Acentos Dourados Sutis (Ética, CFM e Certificação) */
  --c-gold: #c5a059;
  --c-gold-bright: #d4af37;
  --c-gold-light: #f5eedc;
  --c-gold-soft: rgba(197, 160, 89, 0.14);
  --c-gold-border: rgba(197, 160, 89, 0.4);
  --c-gold-glow: 0 0 20px rgba(197, 160, 89, 0.25);

  /* Cor Secundária Clara */
  --c-secondary: #90c0f4;
  --c-secondary-hover: #b0d4fc;
  --c-secondary-dark: #0071ef;
  --c-secondary-soft: rgba(144, 192, 244, 0.16);
  --c-secondary-border: rgba(144, 192, 244, 0.45);

  /* Cor de Alta Conversão dos Botões (Laranja Chamativo / CTA) */
  --c-orange: #ff7a00;
  --c-orange-hover: #ff8c1a;
  --c-orange-deep: #e65c00;
  --shadow-orange: 0 8px 25px rgba(230, 92, 0, 0.4);
  --shadow-orange-hover: 0 14px 35px rgba(230, 92, 0, 0.55);

  /* Neutros e Superfícies */
  --c-text-dark: #08162b;
  --c-text-muted: #52637a;
  --c-text-light: #eaf3fc;
  --c-text-white: #ffffff;

  --c-bg-light: #f8fafc;
  --c-bg-white: #ffffff;
  --c-bg-alt: #f1f5f9;
  --c-bg-dark: #08162b;
  --c-bg-card-dark: #0c1e38;

  --c-border: rgba(8, 22, 43, 0.08);
  --c-border-light: rgba(255, 255, 255, 0.12);
  --c-border-gold: rgba(197, 160, 89, 0.4);

  /* Status */
  --c-success: #10b981;
  --c-error: #ef4444;

  /* Tipografia */
  --font-heading: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  /* Geometria e Sombras */
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-xl: 28px;
  --radius-pill: 9999px;

  --shadow-sm: 0 4px 12px rgba(8, 22, 43, 0.05);
  --shadow-md: 0 12px 30px rgba(8, 22, 43, 0.08);
  --shadow-lg: 0 24px 50px rgba(8, 22, 43, 0.12);
  --shadow-tech: 0 16px 40px rgba(0, 113, 239, 0.18);
  --shadow-dark: 0 25px 60px rgba(0, 0, 0, 0.5);

  --transition-fast: 0.18s ease;
  --transition-base: 0.28s cubic-bezier(0.16, 1, 0.3, 1);
  --container-max: 1240px;
}

/* Reset Universal & Base */
*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  scroll-behavior: smooth;
  font-size: 16px;
  text-size-adjust: 100%;
}

body {
  font-family: var(--font-body);
  color: var(--c-text-dark);
  background-color: var(--c-bg-light);
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
}

/* Acessibilidade - Visually Hidden */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* Focus Indicator Visível (WCAG 2.2 AA) */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 3px solid var(--c-gold);
  outline-offset: 3px;
}

/* Imagens Responsivas */
img {
  max-width: 100%;
  height: auto;
  display: block;
}

/* Layout Container */
.container {
  width: 100%;
  max-width: var(--container-max);
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

/* ==========================================================================
   TIPOGRAFIA E TÍTULOS
   ========================================================================== */
h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-heading);
  color: var(--c-primary-deep);
  line-height: 1.22;
  font-weight: 800;
  letter-spacing: -0.025em;
}

.eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  font-family: var(--font-heading);
  font-size: 0.78rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  color: var(--c-primary);
  background: rgba(0, 113, 239, 0.08);
  border: 1px solid rgba(0, 113, 239, 0.22);
  padding: 0.35rem 1rem;
  border-radius: var(--radius-pill);
  margin-bottom: 1.25rem;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.eyebrow::before {
  content: "";
  display: inline-block;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: var(--c-electric);
  box-shadow: 0 0 10px var(--c-electric);
}

.eyebrow-gold {
  color: #a17c2f !important;
  background: var(--c-gold-soft) !important;
  border-color: var(--c-gold-border) !important;
}

.eyebrow-gold::before {
  background-color: var(--c-gold-bright) !important;
  box-shadow: 0 0 10px var(--c-gold-bright) !important;
}

.section-header {
  text-align: center;
  max-width: 840px;
  margin: 0 auto 3.75rem auto;
}

.section-header h2 {
  font-size: clamp(2rem, 3.8vw, 3rem);
  margin-bottom: 1.25rem;
  letter-spacing: -0.03em;
  color: var(--c-navy);
}

.section-header p {
  font-size: 1.125rem;
  color: var(--c-text-muted);
  line-height: 1.75;
}

.section-header.text-left {
  text-align: left;
  margin-left: 0;
}

/* ==========================================================================
   BOTÕES E COMPONENTES DE AÇÃO
   ========================================================================== */
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  font-family: var(--font-heading);
  font-size: 0.9375rem;
  font-weight: 700;
  text-decoration: none;
  border-radius: var(--radius-pill);
  padding: 0.95rem 2rem;
  cursor: pointer;
  transition: all var(--transition-base);
  border: none;
  min-height: 52px;
  line-height: 1;
  text-align: center;
}

.btn-primary {
  background: linear-gradient(135deg, #ff8c1a 0%, #ff7a00 50%, #e65c00 100%);
  color: #ffffff !important;
  font-weight: 800;
  letter-spacing: -0.01em;
  border: 1px solid rgba(255, 255, 255, 0.25);
  box-shadow: 0 8px 25px rgba(230, 92, 0, 0.42), 0 2px 6px rgba(0, 0, 0, 0.1);
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
}

.btn-primary:hover {
  background: linear-gradient(135deg, #ffa033 0%, #ff8c1a 50%, #f06400 100%);
  color: #ffffff !important;
  transform: translateY(-2px);
  box-shadow: 0 14px 35px rgba(230, 92, 0, 0.58), 0 4px 10px rgba(0, 0, 0, 0.15);
}

.btn-primary:active {
  transform: translateY(1px);
  box-shadow: 0 4px 14px rgba(230, 92, 0, 0.4);
}

.btn-secondary {
  background-color: transparent;
  color: var(--c-text-white);
  border: 1.5px solid var(--c-secondary);
}

.btn-secondary:hover {
  background-color: var(--c-secondary);
  color: #07254a;
  transform: translateY(-2px);
}

.btn-dark {
  background-color: var(--c-primary-deep);
  color: var(--c-text-white);
}

.btn-dark:hover {
  background-color: var(--c-primary);
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

.btn-outline-primary {
  background-color: transparent;
  color: var(--c-primary);
  border: 1.5px solid var(--c-primary);
}

.btn-outline-primary:hover {
  background-color: var(--c-primary);
  color: var(--c-text-white);
  transform: translateY(-2px);
}

.btn-block {
  width: 100%;
}

.btn-sm {
  min-height: 42px;
  padding: 0.65rem 1.4rem;
  font-size: 0.875rem;
}

/* ==========================================================================
   HEADER MINIMALISTA E NAVEGAÇÃO (COR PRINCIPAL CHAPADA #0071ef)
   ========================================================================== */
.site-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
  transition: all var(--transition-base);
  padding: 1.1rem 0;
  background-color: #0071ef !important;
  border-bottom: 1px solid rgba(144, 192, 244, 0.3);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
}

.site-header.is-scrolled {
  background-color: #0071ef !important;
  border-bottom: 1px solid rgba(144, 192, 244, 0.4);
  padding: 0.75rem 0;
  box-shadow: 0 8px 25px rgba(0, 45, 110, 0.25);
}

.header-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.header-brand {
  display: flex;
  align-items: center;
  gap: 1rem;
  text-decoration: none;
}

.header-logo {
  height: 70px;
  width: auto;
  object-fit: contain;
  background: transparent;
  border: none;
  box-shadow: none;
}

.header-brand-divider {
  width: 1px;
  height: 24px;
  background-color: rgba(255, 255, 255, 0.35);
}

.header-brand-title {
  display: flex;
  flex-direction: column;
}

.header-brand-title .brand-project {
  font-family: var(--font-heading);
  font-size: 0.9375rem;
  font-weight: 800;
  color: var(--c-text-white);
  letter-spacing: -0.01em;
  line-height: 1.15;
}

.header-brand-title .brand-sub {
  font-size: 0.6875rem;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--c-secondary);
  font-weight: 700;
}

.nav-links {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  list-style: none;
}

/* O botão CTA fica em header-actions no desktop; este item é só para o menu mobile */
.nav-mobile-cta {
  display: none;
}

.nav-link {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.3rem;
  font-family: var(--font-heading);
  font-size: 0.875rem;
  font-weight: 600;
  color: #ffffff;
  text-decoration: none;
  transition: color var(--transition-fast), background-color var(--transition-fast), box-shadow var(--transition-fast);
  position: relative;
  padding: 0.35rem 0.75rem;
  border-radius: 14px;
  white-space: nowrap;
}

/* Número (card) acima de cada item do menu */
.nav-num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 20px;
  height: 20px;
  padding: 0 5px;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.2);
  color: #ffffff;
  font-size: 0.68rem;
  font-weight: 800;
  line-height: 1;
}

.nav-link:hover {
  color: var(--c-secondary);
}

/* ==========================================================================
   HOVER DO MENU (DESKTOP): ao passar o mouse, o card do número fica LARANJA
   com o número branco e executa, em loop enquanto o mouse estiver sobre o item:
   Fase 1 (0–2s) brilha/pisca/pulsa  →  Fase 2 (2–4s) trepida/treme.
   Ao tirar o mouse, a animação para e o card volta ao normal.
   Só em dispositivos com mouse real (hover) — nunca em toque/mobile.
   ========================================================================== */
@media (hover: hover) and (pointer: fine) {
  .nav-link:hover .nav-num {
    background: linear-gradient(135deg, #ff8c1a 0%, #ff7a00 50%, #e65c00 100%) !important;
    color: #ffffff !important;
    animation: navnum-glow-shake 4s ease-in-out infinite;
    will-change: transform, box-shadow, opacity;
  }
}

@keyframes navnum-glow-shake {
  /* ---- Fase 1: brilha / pisca / pulsa (0–2s) ---- */
  0%   { transform: scale(1);    box-shadow: 0 0 0 0 rgba(255, 138, 26, 0);    opacity: 1; }
  10%  { transform: scale(1.22); box-shadow: 0 0 16px 4px rgba(255, 138, 26, 0.95); opacity: 1; }
  18%  { opacity: 0.35; }
  26%  { opacity: 1; transform: scale(1.18); }
  34%  { opacity: 0.4; }
  42%  { opacity: 1; transform: scale(1.14); box-shadow: 0 0 14px 3px rgba(255, 138, 26, 0.85); }
  50%  { transform: scale(1);    box-shadow: 0 0 9px 2px rgba(255, 138, 26, 0.6);  opacity: 1; }
  /* ---- Fase 2: trepida / treme (2–4s) ---- */
  54%  { transform: translateX(-3px) rotate(-7deg) scale(1.05); }
  58%  { transform: translateX(3px)  rotate(7deg)  scale(1.05); }
  62%  { transform: translateX(-3px) rotate(-6deg) scale(1.05); }
  66%  { transform: translateX(3px)  rotate(6deg)  scale(1.04); }
  70%  { transform: translateX(-2px) rotate(-5deg) scale(1.04); }
  74%  { transform: translateX(2px)  rotate(5deg)  scale(1.03); }
  78%  { transform: translateX(-2px) rotate(-3deg) scale(1.02); }
  82%  { transform: translateX(1px)  rotate(2deg)  scale(1.01); }
  86%  { transform: translateX(0)    rotate(0)     scale(1); }
  100% { transform: translateX(0)    rotate(0)     scale(1); box-shadow: 0 0 0 0 rgba(255, 138, 26, 0); }
}

@media (prefers-reduced-motion: reduce) {
  .nav-link:hover .nav-num { animation: none; }
}

/* Item de menu ativo: card laranja com texto branco (apenas um por vez) */
.nav-link.active {
  background: linear-gradient(135deg, #ff8c1a 0%, #ff7a00 50%, #e65c00 100%);
  color: #ffffff;
  box-shadow: 0 4px 14px rgba(230, 92, 0, 0.4);
}

.nav-link.active:hover {
  color: #ffffff;
}

.nav-link.active::after {
  display: none;
}

/* Botão CTA do header (2 linhas) — pisca a cada 3s e pulsa/balança a cada 4s */
.header-cta-btn {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 1px;
  background: linear-gradient(135deg, #ff8c1a 0%, #ff7a00 50%, #e65c00 100%);
  color: #ffffff;
  text-decoration: none;
  border-radius: var(--radius-pill);
  padding: 0.5rem 1.4rem;
  border: 1px solid rgba(255, 255, 255, 0.25);
  box-shadow: 0 8px 25px rgba(230, 92, 0, 0.42), 0 2px 6px rgba(0, 0, 0, 0.1);
  line-height: 1.05;
  flex-shrink: 0;
  transform-origin: center;
  animation: cta-blink 3s infinite, cta-bounce 4s infinite;
}

.header-cta-btn:hover {
  background: linear-gradient(135deg, #ffa033 0%, #ff8c1a 50%, #f06400 100%);
  color: #ffffff;
}

.header-cta-line1 {
  font-family: var(--font-heading);
  font-weight: 800;
  font-size: 0.8rem;
  letter-spacing: 0.01em;
}

.header-cta-line2 {
  font-size: 0.6rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  opacity: 0.95;
}

@keyframes cta-blink {
  0%, 88%, 100% { opacity: 1; }
  92% { opacity: 0.4; }
  96% { opacity: 1; }
}

@keyframes cta-bounce {
  0%, 84%, 100% { transform: scale(1) translateX(0) rotate(0); }
  88% { transform: scale(1.07) translateX(-3px) rotate(-2.5deg); }
  91% { transform: scale(1.07) translateX(3px) rotate(2.5deg); }
  94% { transform: scale(1.05) translateX(-2px) rotate(-1.5deg); }
  97% { transform: scale(1.02) translateX(0) rotate(0); }
}

@media (prefers-reduced-motion: reduce) {
  .header-cta-btn {
    animation: none;
  }
}

.nav-link::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 2px;
  background-color: var(--c-gold);
  transition: width var(--transition-base);
}

.nav-link:hover::after {
  width: 100%;
}

.header-actions {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.mobile-menu-toggle {
  display: none;
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: var(--radius-sm);
  color: var(--c-text-white);
  width: 44px;
  height: 44px;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

/* ==========================================================================
   HERO SECTION (VÍDEO DE FUNDO PONTA A PONTA & AJUSTE 1ª DOBRA)
   ========================================================================== */
.hero-section {
  position: relative;
  background-color: var(--c-navy);
  color: var(--c-text-white);
  min-height: 100vh;
  min-height: 100dvh;
  display: flex;
  align-items: center;
  padding-top: 5.5rem;
  padding-bottom: 1.5rem;
  overflow: hidden;
  box-sizing: border-box;
}

/* Background Video Fullscreen Ponta a Ponta */
.hero-video-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 1;
  pointer-events: none;
  user-select: none;
}

.hero-video-element {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  transform: translate(-50%, -50%);
  object-fit: cover;
  z-index: 1;
  pointer-events: none;
  background-color: var(--c-navy);
}

/* Supressão Total de Controles Nativos e Símbolos de Play/Pause */
.hero-video-element::-webkit-media-controls,
.hero-video-element::-webkit-media-controls-enclosure,
.hero-video-element::-webkit-media-controls-panel,
.hero-video-element::-webkit-media-controls-play-button,
.hero-video-element::-webkit-media-controls-start-playback-button,
.hero-video-element::-webkit-media-controls-overlay-play-button {
  display: none !important;
  -webkit-appearance: none;
  opacity: 0;
}

/* Overlay Escuro com Gradiente Tecnológico */
.hero-video-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background: radial-gradient(ellipse at top center, rgba(0, 113, 239, 0.28) 0%, rgba(8, 22, 43, 0.76) 55%, rgba(4, 12, 24, 0.94) 100%);
}

.hero-glow {
  position: absolute;
  top: 15%;
  right: -5%;
  width: 550px;
  height: 550px;
  background: radial-gradient(circle, rgba(0, 210, 255, 0.22) 0%, rgba(8, 22, 43, 0) 70%);
  pointer-events: none;
  filter: blur(80px);
  z-index: 2;
}

.hero-container {
  position: relative;
  z-index: 3;
  width: 100%;
}

.hero-content {
  position: relative;
  z-index: 3;
  text-align: left;
  max-width: 780px;
}

.hero-content .eyebrow {
  font-size: 0.75rem;
  padding: 0.35rem 0.95rem;
  margin-bottom: 0.75rem;
  letter-spacing: 0.12em;
  color: var(--c-electric);
  background: rgba(0, 210, 255, 0.12);
  border: 1px solid rgba(0, 210, 255, 0.35);
  box-shadow: 0 0 15px rgba(0, 210, 255, 0.15);
}

.hero-title {
  color: var(--c-text-white);
  margin-bottom: 0.85rem;
  text-align: left;
}

.hero-cta-highlight {
  display: block;
  font-family: var(--font-heading);
  font-size: clamp(1.85rem, 3.2vw, 3.1rem);
  font-weight: 900;
  text-transform: uppercase;
  color: #ffffff;
  line-height: 1.08;
  letter-spacing: -0.025em;
  margin-bottom: 0.5rem;
  text-shadow: 0 4px 25px rgba(0, 210, 255, 0.35);
}

.hero-title-sub {
  display: block;
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1.2vw, 1.15rem);
  font-weight: 600;
  line-height: 1.4;
  color: #90c0f4;
  letter-spacing: -0.01em;
  max-width: 720px;
}

.hero-orange-card {
  background: linear-gradient(135deg, #ff8c1a 0%, #ff7a00 50%, #e65c00 100%);
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: var(--radius-md);
  padding: 0.85rem 1.4rem;
  margin-bottom: 1rem;
  box-shadow: 0 10px 28px rgba(230, 92, 0, 0.4), 0 2px 6px rgba(0, 0, 0, 0.12);
  max-width: 720px;
  text-align: left;
}

.hero-orange-card p {
  color: #ffffff;
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  line-height: 1.45;
  margin: 0;
  font-weight: 500;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}

.hero-cta-group {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.85rem;
  margin-bottom: 0.9rem;
}

.hero-cta-group .btn {
  min-height: 48px;
  padding: 0.8rem 1.85rem;
  font-size: 0.875rem;
}

.hero-microcopy {
  display: flex;
  align-items: center;
  gap: 1.25rem;
  font-size: 0.8125rem;
  color: rgba(255, 255, 255, 0.8);
  padding-top: 0.75rem;
  border-top: 1px solid rgba(255, 255, 255, 0.15);
  flex-wrap: wrap;
}

.hero-microcopy-item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.hero-microcopy-item svg {
  color: var(--c-electric);
}

/* Card Visual Hero Lateral */
.hero-card {
  position: relative;
  background: rgba(8, 22, 43, 0.8);
  border: 1.5px solid rgba(0, 210, 255, 0.3);
  border-radius: var(--radius-xl);
  padding: 2.5rem;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.55), 0 0 30px rgba(0, 210, 255, 0.15);
  z-index: 2;
}

.hero-card-header {
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
  padding-bottom: 1.5rem;
  margin-bottom: 1.5rem;
}

.hero-card-edition {
  font-size: 0.75rem;
  font-weight: 800;
  color: var(--c-gold-bright);
  text-transform: uppercase;
  letter-spacing: 0.14em;
  margin-bottom: 0.35rem;
}

.hero-card-title {
  font-size: 1.5rem;
  color: var(--c-text-white);
  line-height: 1.2;
}

.hero-specs-list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 1.15rem;
  margin-bottom: 2rem;
}

.hero-spec-item {
  display: flex;
  align-items: flex-start;
  gap: 0.875rem;
}

.hero-spec-icon {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: rgba(0, 210, 255, 0.12);
  border: 1px solid rgba(0, 210, 255, 0.25);
  color: var(--c-electric);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.hero-spec-text strong {
  display: block;
  font-family: var(--font-heading);
  font-size: 0.9375rem;
  color: var(--c-text-white);
  margin-bottom: 0.15rem;
}

.hero-spec-text span {
  font-size: 0.84rem;
  color: rgba(255, 255, 255, 0.75);
}

.hero-card-badge {
  background: rgba(197, 160, 89, 0.12);
  border: 1px dashed var(--c-gold-border);
  border-radius: var(--radius-md);
  padding: 1rem;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  font-size: 0.8125rem;
  color: var(--c-gold-light);
}

/* ==========================================================================
   SEÇÃO 3: DOR & CONTEXTO REAL (SUPERFÍCIE 1: FUNDO BRANCO PURO)
   ========================================================================== */
.problem-section {
  padding: 7rem 0;
  background-color: var(--c-bg-white);
  position: relative;
  border-bottom: 1px solid var(--c-border);
}

.problem-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.5rem;
  margin-bottom: 3.5rem;
}

@media (max-width: 1024px) {
  .problem-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 1.25rem;
  }
}

@media (max-width: 640px) {
  .problem-grid {
    grid-template-columns: 1fr;
    gap: 1.25rem;
  }
}

.problem-card {
  background: var(--c-bg-white);
  border: 1px solid #e2e8f0;
  border-top: 4px solid var(--c-primary);
  border-radius: var(--radius-lg);
  padding: 2.25rem 1.75rem;
  box-shadow: 0 4px 15px rgba(8, 22, 43, 0.04);
  transition: all var(--transition-base);
  display: flex;
  flex-direction: column;
  position: relative;
}

.problem-card:hover {
  transform: translateY(-8px);
  border-color: var(--c-primary);
  box-shadow: 0 20px 40px rgba(0, 113, 239, 0.12);
}

.problem-card-num {
  font-family: var(--font-heading);
  font-size: 0.875rem;
  font-weight: 800;
  color: var(--c-primary);
  background: rgba(0, 113, 239, 0.08);
  border: 1px solid rgba(0, 113, 239, 0.2);
  border-radius: var(--radius-pill);
  padding: 0.25rem 0.75rem;
  display: inline-block;
  align-self: flex-start;
  margin-bottom: 1.25rem;
}

/* ==========================================================================
   ANIMAÇÃO SEQUENCIAL DOS NÚMEROS 01 → 04
   Ciclo individual por card (total 32s / 8s por número):
   0–2s  pisca e fica laranja com o número branco
   2–4s  trepida/treme e some
   4–6s  fica translúcido
   6–8s  volta ao normal (pausa antes do próximo)
   ========================================================================== */
.problem-card-num {
  animation: badge-sequence 32s linear infinite;
  will-change: transform, opacity, background-color, color;
}

/* Atraso individual: 01 começa, depois 02, 03 e 04 em sequência */
.problem-grid .problem-card:nth-child(1) .problem-card-num { animation-delay: 0s; }
.problem-grid .problem-card:nth-child(2) .problem-card-num { animation-delay: 8s; }
.problem-grid .problem-card:nth-child(3) .problem-card-num { animation-delay: 16s; }
.problem-grid .problem-card:nth-child(4) .problem-card-num { animation-delay: 24s; }

@keyframes badge-sequence {
  /* ---- Estado normal ---- */
  0% {
    background: rgba(0, 113, 239, 0.08);
    border-color: rgba(0, 113, 239, 0.2);
    color: var(--c-primary);
    opacity: 1;
    transform: none;
  }

  /* ---- FASE PISCA: 0–2s (laranja, número branco, piscando) ---- */
  0.5% {
    background: var(--c-orange);
    border-color: var(--c-orange);
    color: #ffffff;
    opacity: 1;
    transform: scale(1.1);
  }
  1.6%  { opacity: 0.2; }
  2.7%  { opacity: 1; }
  3.8%  { opacity: 0.2; }
  4.9%  { opacity: 1; }
  6.25% {
    background: var(--c-orange);
    border-color: var(--c-orange);
    color: #ffffff;
    opacity: 1;
    transform: scale(1.1);
  }

  /* ---- FASE TREME: 2–4s (trepida e some) ---- */
  6.7%  { transform: translateX(-4px) rotate(-4deg) scale(1.1); background: var(--c-orange); border-color: var(--c-orange); color: #ffffff; }
  7.3%  { transform: translateX(4px) rotate(4deg) scale(1.1); }
  7.9%  { transform: translateX(-4px) rotate(-4deg) scale(1.1); }
  8.5%  { transform: translateX(4px) rotate(4deg) scale(1.1); }
  9.1%  { transform: translateX(-3px) rotate(-3deg) scale(1.08); }
  9.7%  { transform: translateX(3px) rotate(3deg) scale(1.08); }
  11%   { transform: translateX(0) scale(1.05); opacity: 1; }
  12.5% {
    background: var(--c-orange);
    border-color: var(--c-orange);
    color: #ffffff;
    transform: scale(0.5);
    opacity: 0; /* some */
  }

  /* ---- FASE TRANSLÚCIDO: 4–6s ---- */
  12.7% {
    background: var(--c-orange);
    border-color: var(--c-orange);
    color: #ffffff;
    transform: scale(1);
    opacity: 0.3;
  }
  18.75% {
    background: var(--c-orange);
    border-color: var(--c-orange);
    color: #ffffff;
    opacity: 0.3;
    transform: scale(1);
  }

  /* ---- VOLTA AO NORMAL: 6–8s (pausa antes do próximo) ---- */
  19% { opacity: 1; }
  25% {
    background: rgba(0, 113, 239, 0.08);
    border-color: rgba(0, 113, 239, 0.2);
    color: var(--c-primary);
    opacity: 1;
    transform: none;
  }

  /* ---- Resto do ciclo: parado em estado normal (espera a vez) ---- */
  100% {
    background: rgba(0, 113, 239, 0.08);
    border-color: rgba(0, 113, 239, 0.2);
    color: var(--c-primary);
    opacity: 1;
    transform: none;
  }
}

/* Respeita quem prefere menos movimento */
@media (prefers-reduced-motion: reduce) {
  .problem-card-num { animation: none; }
}

.problem-card h3 {
  font-size: 1.15rem;
  margin-bottom: 0.75rem;
  color: var(--c-navy);
  font-weight: 800;
  letter-spacing: -0.01em;
}

.problem-card p {
  font-size: 0.95rem;
  color: var(--c-text-muted);
  line-height: 1.65;
  margin-bottom: 0;
}

.problem-banner {
  background: linear-gradient(135deg, #0c1e38 0%, #08162b 100%);
  border: 1px solid rgba(0, 210, 255, 0.25);
  border-radius: var(--radius-xl);
  padding: 2.75rem 3rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2.5rem;
  box-shadow: 0 20px 50px rgba(8, 22, 43, 0.25);
}

.problem-banner-content h3 {
  font-size: 1.45rem;
  font-weight: 700;
  color: #ffffff;
  margin: 0;
  line-height: 1.45;
}

.btn-banner-cta {
  flex-shrink: 0;
  white-space: nowrap;
}

@media (max-width: 768px) {
  .problem-banner {
    flex-direction: column;
    text-align: center;
    padding: 2rem 1.5rem;
    gap: 1.5rem;
  }
  .btn-banner-cta {
    width: 100%;
  }
}

.problem-transition-note {
  margin-top: 3.5rem;
  padding: 1.75rem 2.5rem;
  background: linear-gradient(135deg, rgba(0, 113, 239, 0.04) 0%, rgba(144, 192, 244, 0.1) 100%);
  border: 1px solid rgba(0, 113, 239, 0.18);
  border-left: 4px solid var(--c-primary);
  border-radius: 0 var(--radius-lg) var(--radius-lg) 0;
  text-align: center;
  max-width: 920px;
  margin-left: auto;
  margin-right: auto;
}

.problem-transition-note p {
  font-size: 1.125rem;
  color: var(--c-primary-deep);
  line-height: 1.7;
  margin: 0;
}

.problem-transition-note strong {
  color: var(--c-primary);
  font-weight: 700;
}

/* ==========================================================================
   SEÇÃO 4 & 5: OS 3 MÓDULOS (SUPERFÍCIE 2: AZUL MARINHO ESCURO PROFUNDO #08162b)
   ========================================================================== */
.modules-section {
  padding: 7.5rem 0;
  background-color: var(--c-navy);
  background-image: radial-gradient(circle at 50% 0%, rgba(0, 210, 255, 0.1) 0%, transparent 60%);
  color: #ffffff;
  position: relative;
}

.modules-section .section-header .eyebrow {
  color: var(--c-electric);
  background: rgba(0, 210, 255, 0.12);
  border-color: rgba(0, 210, 255, 0.35);
  box-shadow: 0 0 15px rgba(0, 210, 255, 0.15);
}

.modules-section .section-header .eyebrow::before {
  background-color: var(--c-electric);
  box-shadow: 0 0 10px var(--c-electric);
}

.modules-section .section-header h2 {
  color: #ffffff;
}

.modules-section .section-header p {
  color: #cbd5e1;
}

.modules-intro-highlight {
  text-align: center;
  max-width: 880px;
  margin: 0 auto 3.5rem;
  font-family: var(--font-heading);
  font-size: clamp(1.15rem, 2.2vw, 1.55rem);
  font-weight: 800;
  letter-spacing: 0.05em;
  line-height: 1.35;
  text-transform: uppercase;
  color: var(--c-electric);
  background: rgba(0, 210, 255, 0.06);
  border: 1px solid rgba(0, 210, 255, 0.25);
  border-radius: var(--radius-pill);
  padding: 1rem 2rem;
  box-shadow: 0 0 30px rgba(0, 210, 255, 0.15);
}

.modules-timeline {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
  margin-bottom: 3.5rem;
}

.module-card {
  background: linear-gradient(180deg, #0e213b 0%, #08162b 100%);
  border: 1px solid rgba(0, 210, 255, 0.2);
  border-radius: var(--radius-xl);
  padding: 2.75rem 2.25rem;
  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.4);
  color: #ffffff;
  display: flex;
  flex-direction: column;
  position: relative;
  transition: all var(--transition-base);
}

.module-card:hover {
  transform: translateY(-8px);
  border-color: var(--c-electric);
  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.5), 0 0 25px rgba(0, 210, 255, 0.2);
}

.module-badge {
  font-family: var(--font-heading);
  font-size: 0.75rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: var(--c-electric);
  background: rgba(0, 210, 255, 0.12);
  border: 1px solid rgba(0, 210, 255, 0.35);
  padding: 0.35rem 0.85rem;
  border-radius: var(--radius-pill);
  align-self: flex-start;
  margin-bottom: 1.25rem;
}

.module-card h3 {
  font-size: 1.45rem;
  color: #ffffff;
  margin-bottom: 0.85rem;
  font-weight: 800;
  letter-spacing: -0.01em;
}

.module-card-copy {
  font-size: 0.925rem;
  color: #94a3b8;
  font-style: italic;
  margin-bottom: 1.75rem;
  line-height: 1.6;
}

.module-topics {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}

.module-topic-item {
  display: flex;
  align-items: flex-start;
  gap: 0.65rem;
  font-size: 0.925rem;
  color: #e2e8f0;
  line-height: 1.5;
}

.module-topic-item::before {
  content: "✓";
  font-weight: 800;
  color: var(--c-electric);
  flex-shrink: 0;
}

/* Módulo 2 com Destaque Dourado (CFM & Ética) */
.module-card.featured {
  border-color: rgba(197, 160, 89, 0.5);
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5), 0 0 35px rgba(197, 160, 89, 0.15);
}

.module-card.featured .module-badge {
  color: var(--c-gold-bright);
  background: rgba(197, 160, 89, 0.16);
  border-color: rgba(197, 160, 89, 0.5);
}

.special-dynamic-box {
  background: rgba(197, 160, 89, 0.12);
  border-left: 3px solid var(--c-gold);
  border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
  padding: 1rem 1.25rem;
  margin-top: 1.5rem;
  font-size: 0.875rem;
  color: var(--c-gold-light);
  line-height: 1.55;
}

.special-dynamic-box strong {
  display: block;
  color: var(--c-gold-bright);
  font-weight: 800;
  margin-bottom: 0.35rem;
}

.qa-closure-box {
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(0, 210, 255, 0.2);
  border-radius: var(--radius-xl);
  padding: 2.25rem 2.75rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2.5rem;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.35);
}

.qa-closure-content {
  display: flex;
  align-items: center;
  gap: 1.75rem;
}

.qa-closure-icon {
  width: 58px;
  height: 58px;
  border-radius: 50%;
  background: rgba(0, 210, 255, 0.12);
  border: 1px solid rgba(0, 210, 255, 0.3);
  color: var(--c-electric);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.qa-closure-content h4 {
  font-size: 1.15rem;
  color: var(--c-electric);
  margin-bottom: 0.4rem;
  letter-spacing: 0.05em;
}

.qa-closure-content p {
  color: #cbd5e1;
  font-size: 0.95rem;
  margin: 0;
  line-height: 1.6;
}

@media (max-width: 768px) {
  .qa-closure-box {
    flex-direction: column;
    text-align: center;
    padding: 2rem 1.5rem;
    gap: 1.5rem;
  }
  .qa-closure-content {
    flex-direction: column;
  }
  .qa-closure-box .btn {
    width: 100%;
  }
}

/* ==========================================================================
   SEÇÃO 6: PROGRAMAÇÃO COMPLETA (SUPERFÍCIE 3: FUNDO BRANCO PURO)
   ========================================================================== */
.schedule-section {
  padding: 7rem 0;
  background-color: var(--c-bg-white);
  border-bottom: 1px solid var(--c-border);
}

.schedule-container {
  max-width: 880px;
  margin: 0 auto;
}

.schedule-list {
  list-style: none;
  display: flex;
  flex-direction: column;
  position: relative;
}

.schedule-list::before {
  content: "";
  position: absolute;
  top: 1.5rem;
  bottom: 1.5rem;
  left: 120px;
  width: 3px;
  background: linear-gradient(180deg, var(--c-primary) 0%, var(--c-electric) 50%, var(--c-gold) 100%);
  border-radius: var(--radius-pill);
}

.schedule-item {
  display: flex;
  align-items: flex-start;
  position: relative;
  padding: 1.25rem 0;
}

.schedule-time {
  width: 105px;
  font-family: var(--font-heading);
  font-weight: 800;
  font-size: 0.85rem;
  color: #ffffff;
  background: var(--c-navy);
  border: 1px solid rgba(0, 210, 255, 0.3);
  border-radius: var(--radius-pill);
  padding: 0.35rem 0.65rem;
  text-align: center;
  flex-shrink: 0;
}

.schedule-bullet {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: var(--c-bg-white);
  border: 3.5px solid var(--c-primary);
  margin-left: 13px;
  margin-right: 2rem;
  margin-top: 4px;
  flex-shrink: 0;
  z-index: 2;
  box-shadow: 0 0 0 4px rgba(0, 113, 239, 0.15);
}

.schedule-item.break .schedule-bullet {
  border-color: var(--c-gold);
  box-shadow: 0 0 0 4px rgba(197, 160, 89, 0.2);
}

.schedule-content {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-left: 3px solid var(--c-primary);
  border-radius: var(--radius-md);
  padding: 1.35rem 1.75rem;
  flex-grow: 1;
  box-shadow: 0 4px 15px rgba(8, 22, 43, 0.04);
}

.schedule-item.break .schedule-content {
  background: #fffdf7;
  border-left-color: var(--c-gold);
}

.schedule-content h4 {
  font-size: 1.15rem;
  margin-bottom: 0.35rem;
  color: var(--c-navy);
  font-weight: 800;
}

.schedule-item.break .schedule-content h4 {
  color: #946f1e;
}

.schedule-content p {
  font-size: 0.925rem;
  color: var(--c-text-muted);
  margin: 0;
  line-height: 1.6;
}

/* ==========================================================================
   SEÇÃO 7: PARA QUEM É (SUPERFÍCIE 4: CINZA TECNOLÓGICO CLARO)
   ========================================================================== */
.audience-section {
  padding: 7rem 0;
  background-color: var(--c-bg-alt);
  border-bottom: 1px solid var(--c-border);
}

.audience-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
  margin-bottom: 3.5rem;
}

.audience-card {
  background: var(--c-bg-white);
  border-radius: var(--radius-xl);
  border: 1px solid #e2e8f0;
  padding: 2.75rem 2.25rem;
  display: flex;
  flex-direction: column;
  transition: all var(--transition-base);
  box-shadow: 0 8px 25px rgba(8, 22, 43, 0.05);
}

.audience-card:hover {
  transform: translateY(-8px);
  border-color: var(--c-primary);
  box-shadow: 0 20px 45px rgba(0, 113, 239, 0.12);
}

.audience-icon {
  width: 58px;
  height: 58px;
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(0, 113, 239, 0.1) 0%, rgba(0, 210, 255, 0.18) 100%);
  border: 1px solid rgba(0, 113, 239, 0.25);
  color: var(--c-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.5rem;
}

.audience-card h3 {
  font-size: 1.35rem;
  margin-bottom: 0.85rem;
  color: var(--c-navy);
  font-weight: 800;
}

.audience-card p {
  font-size: 0.95rem;
  color: var(--c-text-muted);
  line-height: 1.65;
  margin: 0;
}

.legal-disclaimer-box {
  background: transparent;
  border: none;
  border-radius: 0;
  padding: 1.25rem 0 0;
  text-align: center;
  max-width: 860px;
  margin: 0 auto;
  font-size: 0.9rem;
  color: var(--c-text-muted);
  box-shadow: none;
}

.legal-disclaimer-box strong {
  color: #946f1e;
}

/* ==========================================================================
   SEÇÃO 8: QUEM CONDUZ (SUPERFÍCIE 5: AZUL MARINHO ESCURO PROFUNDO #061325)
   ========================================================================== */
.speaker-section {
  padding: 7.5rem 0;
  background-color: #061325;
  color: #ffffff;
}

.speaker-section .section-header .eyebrow {
  color: var(--c-electric);
  background: rgba(0, 210, 255, 0.12);
  border-color: rgba(0, 210, 255, 0.35);
  box-shadow: 0 0 15px rgba(0, 210, 255, 0.15);
}

.speaker-section .section-header h2 {
  color: #ffffff;
}

.speaker-card {
  background: linear-gradient(135deg, #0c1e36 0%, #061325 100%);
  border-radius: var(--radius-xl);
  border: 1px solid rgba(0, 210, 255, 0.25);
  color: #ffffff;
  padding: 3.5rem;
  display: grid;
  grid-template-columns: 0.7fr 1.3fr;
  gap: 3.5rem;
  align-items: center;
  box-shadow: 0 25px 65px rgba(0, 0, 0, 0.55), 0 0 35px rgba(0, 210, 255, 0.15);
}

.speaker-visual {
  position: relative;
  text-align: center;
}

.speaker-avatar-wrapper {
  width: 220px;
  height: 220px;
  margin: 0 auto;
  border-radius: 50%;
  background: #08162b;
  border: 4px solid #08162b;
  outline: 3px solid var(--c-electric);
  box-shadow: 0 0 30px rgba(0, 210, 255, 0.4), 0 15px 35px rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  padding: 0;
}

.speaker-avatar {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
  display: block;
}

/* ==========================================================================
   EFEITOS ATRÁS DO CÍRCULO DO PERFIL
   1) Flash de luz amarela que estoura e pulsa 40% para fora (atrás do círculo)
   2) Feixe de neon amarelo que pulsa na linha e circula o anel (direita→esquerda, 3s, loop)
   ========================================================================== */
.speaker-visual {
  isolation: isolate; /* mantém os efeitos atrás apenas do círculo, não do card */
}

/* O círculo fica acima dos efeitos */
.speaker-avatar-wrapper {
  position: relative;
  z-index: 2;
}

/* (1) FLASH amarelo — explosão/pulsar degradê ao fundo, maior que o círculo,
   formando um halo amarelo sempre visível ao redor e por trás do círculo */
.speaker-visual::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 340px;
  height: 340px;
  border-radius: 50%;
  transform: translate(-50%, -50%) scale(0.9);
  background: radial-gradient(circle,
    rgba(255, 238, 0, 0.95) 0%,
    rgba(255, 216, 0, 0.7) 24%,
    rgba(255, 200, 0, 0.4) 44%,
    rgba(255, 190, 0, 0.16) 62%,
    rgba(255, 190, 0, 0) 78%);
  filter: blur(6px);
  z-index: 1; /* atrás do wrapper (z-index: 2) */
  pointer-events: none;
  animation: speaker-flash-burst 4s ease-in-out infinite;
}

/* uma explosão a cada 4 segundos, com um brilho suave de base entre os pulsos */
@keyframes speaker-flash-burst {
  0%   { transform: translate(-50%, -50%) scale(0.9);  opacity: 0.4; }
  15%  { transform: translate(-50%, -50%) scale(1.22); opacity: 1; }    /* explosão */
  35%  { transform: translate(-50%, -50%) scale(1.4);  opacity: 0.35; } /* expande e recua */
  55%  { transform: translate(-50%, -50%) scale(0.9);  opacity: 0.4; }  /* volta à base */
  100% { transform: translate(-50%, -50%) scale(0.9);  opacity: 0.4; }  /* calmo até o próximo pulso */
}

/* (2) FEIXE DE NEON que circula a linha do círculo
   - começa às 12h (topo) e gira em sentido HORÁRIO (como um ponteiro de relógio)
   - degradê nas duas pontas (some nas extremidades) e degradê nas laterais (bordas suaves)
   - miolo quase branco puxando para o amarelo => aspecto de neon 3D */
.speaker-visual::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 248px;
  height: 248px;
  border-radius: 50%;
  transform: translate(-50%, -50%) rotate(0deg);
  /* feixe centrado no topo (0deg = 12h), com as duas pontas em degradê até transparente */
  background: conic-gradient(from 0deg,
    #ffffff 0deg,
    rgba(255, 248, 200, 0.98) 14deg,
    rgba(255, 232, 100, 0.6) 30deg,
    rgba(255, 220, 0, 0) 46deg,
    rgba(255, 220, 0, 0) 314deg,
    rgba(255, 232, 100, 0.6) 330deg,
    rgba(255, 248, 200, 0.98) 346deg,
    #ffffff 360deg);
  /* laterais do feixe em degradê (borda interna e externa suaves, nada sólido) */
  -webkit-mask: radial-gradient(farthest-side,
    transparent calc(100% - 22px),
    rgba(0, 0, 0, 0.3) calc(100% - 17px),
    #000 calc(100% - 13px),
    #000 calc(100% - 8px),
    rgba(0, 0, 0, 0.3) calc(100% - 4px),
    transparent 100%);
          mask: radial-gradient(farthest-side,
    transparent calc(100% - 22px),
    rgba(0, 0, 0, 0.3) calc(100% - 17px),
    #000 calc(100% - 13px),
    #000 calc(100% - 8px),
    rgba(0, 0, 0, 0.3) calc(100% - 4px),
    transparent 100%);
  z-index: 3; /* sobre o círculo: o feixe traça visivelmente a borda e some atrás na volta */
  pointer-events: none;
  animation:
    speaker-neon-travel 3s linear infinite,
    speaker-neon-pulse 1.6s ease-in-out infinite,
    speaker-neon-visibility 4s ease-in-out infinite;
}

/* o feixe some devagar quando a explosão acontece e volta quando ela se dissipa
   (sincronizado com o ciclo de 4s de speaker-flash-burst) */
@keyframes speaker-neon-visibility {
  0%   { opacity: 1; }
  30%  { opacity: 0; }   /* some devagar (~1,2s) enquanto o background explode */
  55%  { opacity: 0; }   /* permanece oculto durante a explosão */
  78%  { opacity: 1; }   /* volta automaticamente quando a explosão se dissipa */
  100% { opacity: 1; }
}

/* gira em sentido horário, 3s por volta, em loop */
@keyframes speaker-neon-travel {
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}

/* pulso de brilho branco do neon (miolo branco + halo amarelo => 3D) */
@keyframes speaker-neon-pulse {
  0%, 100% {
    filter: drop-shadow(0 0 4px rgba(255, 255, 255, 0.95))
            drop-shadow(0 0 11px rgba(255, 224, 40, 0.9))
            drop-shadow(0 0 22px rgba(255, 200, 0, 0.6));
  }
  50% {
    filter: drop-shadow(0 0 7px rgba(255, 255, 255, 1))
            drop-shadow(0 0 20px rgba(255, 224, 40, 1))
            drop-shadow(0 0 38px rgba(255, 200, 0, 0.9));
  }
}

@media (prefers-reduced-motion: reduce) {
  .speaker-visual::before,
  .speaker-visual::after { animation: none; }
}

.speaker-bio h3 {
  font-size: 2.4rem;
  color: #ffffff;
  margin-bottom: 1.25rem;
  font-weight: 800;
  letter-spacing: -0.02em;
  text-decoration: underline;
  text-decoration-color: #ffd60a;
  text-decoration-thickness: 4px;
  text-underline-offset: 8px;
}

.speaker-text {
  font-size: 1.15rem;
  line-height: 1.85;
  color: #e2e8f0;
  margin-bottom: 0;
  font-weight: 400;
}

.speaker-text a {
  color: var(--c-electric-bright);
  font-weight: 700;
  text-decoration: none;
  border-bottom: 1px solid var(--c-electric-border);
  transition: color var(--transition-base), border-color var(--transition-base);
}

.speaker-text a:hover {
  color: #ffffff;
  border-bottom-color: var(--c-electric-bright);
}

/* ==========================================================================
   SEÇÃO 9: A EXPERIÊNCIA (SUPERFÍCIE 6: FUNDO BRANCO PURO)
   ========================================================================== */
.experience-section {
  padding: 7rem 0;
  background-color: var(--c-bg-white);
  border-bottom: 1px solid var(--c-border);
}

.pillars-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.75rem;
}

.pillar-card {
  background: var(--c-bg-white);
  border: 1px solid #e2e8f0;
  border-top: 3px solid var(--c-primary);
  border-radius: var(--radius-xl);
  padding: 2.5rem 1.75rem;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: all var(--transition-base);
  box-shadow: 0 6px 20px rgba(8, 22, 43, 0.04);
}

.pillar-card:hover {
  transform: translateY(-8px);
  border-top-color: var(--c-electric);
  box-shadow: 0 20px 45px rgba(0, 113, 239, 0.12);
}

.pillar-icon-box {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: rgba(0, 113, 239, 0.08);
  border: 1px solid rgba(0, 113, 239, 0.2);
  color: var(--c-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.5rem;
}

.pillar-card:nth-child(2) .pillar-icon-box {
  background: rgba(0, 210, 255, 0.12);
  border-color: rgba(0, 210, 255, 0.3);
  color: var(--c-electric);
}

.pillar-card:nth-child(3) .pillar-icon-box {
  background: rgba(197, 160, 89, 0.15);
  border-color: rgba(197, 160, 89, 0.4);
  color: var(--c-gold);
}

.pillar-card:nth-child(4) .pillar-icon-box {
  background: rgba(8, 22, 43, 0.08);
  border-color: rgba(8, 22, 43, 0.2);
  color: var(--c-navy);
}

.pillar-card h3 {
  font-size: 1.15rem;
  margin-bottom: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--c-navy);
  font-weight: 800;
}

.pillar-card p {
  font-size: 0.925rem;
  color: var(--c-text-muted);
  line-height: 1.6;
  margin: 0;
}

/* ==========================================================================
   SEÇÃO 10: INFORMAÇÕES DO EVENTO (SUPERFÍCIE 7: CAIXA AZUL MARINHO #08162b)
   ========================================================================== */
.event-info-section {
  padding: 7rem 0;
  background-color: var(--c-bg-light);
  border-bottom: 1px solid var(--c-border);
}

.event-info-box {
  background: linear-gradient(135deg, #0a1b33 0%, #061224 100%);
  border: 1px solid rgba(0, 210, 255, 0.25);
  border-radius: var(--radius-xl);
  padding: 3.5rem;
  box-shadow: 0 25px 60px rgba(8, 22, 43, 0.25), 0 0 35px rgba(0, 210, 255, 0.12);
  color: #ffffff;
}

.event-info-headline {
  text-align: center;
  margin-top: 1.25rem;    /* linha de distância do topo do card */
  margin-bottom: 3rem;    /* linha vazia até os cards de baixo */
}

.event-info-kicker {
  color: var(--c-electric-bright);
  font-size: 1.05rem;
  font-weight: 600;
  letter-spacing: 0.01em;
  margin: 0 0 0.6rem;
}

.event-info-eventname {
  color: #ffffff;
  font-family: var(--font-heading);
  font-weight: 800;
  font-size: clamp(1.5rem, 2.8vw, 2.15rem);
  line-height: 1.15;
  letter-spacing: -0.01em;
  margin: 0;
}

.event-info-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.25rem;
  align-items: start; /* cada card acompanha o seu conteúdo (sem espaço vazio embaixo) */
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}

.event-info-col {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(0, 210, 255, 0.16);
  border-radius: var(--radius-lg);
  padding: 1.4rem 1.35rem;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);
  transition: all var(--transition-base);
}

/* Card CTA "Quero participar" — centralizado abaixo dos 4 cards */
.event-info-cta {
  display: flex;
  justify-content: center;
  margin-top: 1.75rem;
}

.event-info-cta-card {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  min-width: 280px;
  padding: 1rem 2.5rem;
  border-radius: var(--radius-lg);
  background: linear-gradient(135deg, #ff8c1a 0%, #ff7a00 50%, #e65c00 100%);
  color: #ffffff;
  font-family: var(--font-heading);
  font-weight: 800;
  font-size: 1.05rem;
  letter-spacing: 0.01em;
  text-decoration: none;
  box-shadow: var(--shadow-orange);
  transition: transform var(--transition-base), box-shadow var(--transition-base), background var(--transition-base);
}

.event-info-cta-card:hover {
  transform: translateY(-3px);
  box-shadow: var(--shadow-orange-hover);
  background: linear-gradient(135deg, #ffa033 0%, #ff8c1a 50%, #f06400 100%);
}

.event-info-col:hover {
  transform: translateY(-5px);
  box-shadow: 0 16px 35px rgba(0, 210, 255, 0.15);
  border-color: var(--c-electric);
}

.event-info-col h4 {
  font-size: 0.72rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--c-electric);
  margin-bottom: 0.6rem;
  white-space: nowrap; /* rótulo em uma única linha */
  display: inline-block; /* para a linha vermelha acompanhar a largura do texto */
  padding-bottom: 0.3rem;
  border-bottom: 2px solid #ff3b30; /* linha vermelha fina abaixo do rótulo */
}

.event-info-col p.event-value-highlight {
  font-family: var(--font-heading);
  font-size: 1.35rem;
  font-weight: 800;
  color: #ffffff;
  margin-bottom: 0.35rem;
}

.event-info-col p.event-sub-value {
  font-size: 0.88rem;
  color: #94a3b8;
  margin: 0;
  line-height: 1.5;
}

.event-policies-strip {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 1.5rem;
  font-size: 0.9rem;
  color: #cbd5e1;
}

.event-policy-item {
  display: flex;
  align-items: center;
  gap: 0.65rem;
}

.event-policy-item svg {
  color: var(--c-electric);
  flex-shrink: 0;
}

.event-policy-item:last-child svg {
  color: var(--c-gold-bright);
}

/* ==========================================================================
   SEÇÃO 11: FAQ PÚBLICO EXPANSÍVEL (SUPERFÍCIE 8: FUNDO BRANCO PURO)
   ========================================================================== */
.faq-section {
  padding: 7rem 0;
  background-color: var(--c-bg-white);
  border-bottom: 1px solid var(--c-border);
}

.faq-accordion {
  max-width: 860px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 1.15rem;
}

.faq-item {
  background: var(--c-bg-white);
  border: 1px solid #e2e8f0;
  border-radius: var(--radius-lg);
  overflow: hidden;
  transition: all var(--transition-base);
}

.faq-item:hover {
  border-color: var(--c-primary);
}

.faq-item.is-open {
  border-color: var(--c-primary);
  border-left: 4px solid var(--c-primary);
  box-shadow: 0 10px 30px rgba(0, 113, 239, 0.08);
}

.faq-trigger {
  width: 100%;
  text-align: left;
  background: transparent;
  border: none;
  padding: 1.5rem 2rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  cursor: pointer;
  font-family: var(--font-heading);
  font-size: 1.08rem;
  font-weight: 700;
  color: var(--c-navy);
}

.faq-trigger svg {
  color: var(--c-primary);
  transition: transform var(--transition-base);
  flex-shrink: 0;
}

.faq-item.is-open .faq-trigger svg {
  transform: rotate(180deg);
  color: var(--c-gold);
}

.faq-panel {
  display: none;
  padding: 0 2rem 1.75rem 2rem;
  color: var(--c-text-muted);
  font-size: 0.98rem;
  line-height: 1.75;
}

.faq-item.is-open .faq-panel {
  display: block;
}

/* ==========================================================================
   SEÇÕES 12 A 15: FUNIL DE INSCRIÇÃO & CHECKOUT (SUPERFÍCIE 9: TRANSIÇÃO)
   ========================================================================== */
.funnel-section {
  padding: 7.5rem 0;
  background: linear-gradient(180deg, #ffffff 0%, var(--c-bg-light) 100%);
  position: relative;
}

.profile-selector-wrapper {
  max-width: 900px;
  margin: 0 auto 3.5rem auto;
}

.profile-selector-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
}

.profile-card {
  background: var(--c-bg-white);
  border: 2px solid #e2e8f0;
  border-radius: var(--radius-xl);
  padding: 2.75rem 2.25rem;
  text-align: center;
  cursor: pointer;
  transition: all var(--transition-base);
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  box-shadow: 0 8px 25px rgba(8, 22, 43, 0.05);
}

.profile-card:hover {
  transform: translateY(-5px);
  border-color: var(--c-primary);
  box-shadow: 0 16px 35px rgba(0, 113, 239, 0.12);
}

.profile-card.is-active {
  border-color: var(--c-electric) !important;
  background: linear-gradient(135deg, #0d1e38 0%, #08162b 100%) !important;
  box-shadow: 0 20px 45px rgba(8, 22, 43, 0.3), 0 0 25px rgba(0, 210, 255, 0.2) !important;
  color: #ffffff !important;
}

.profile-card.is-active::after {
  content: "SELECIONADO";
  position: absolute;
  top: 1rem;
  right: 1.25rem;
  font-family: var(--font-heading);
  font-size: 0.6875rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  background: var(--c-orange);
  color: #ffffff;
  padding: 0.3rem 0.75rem;
  border-radius: var(--radius-pill);
}

.profile-card-icon {
  width: 68px;
  height: 68px;
  border-radius: 50%;
  background: rgba(0, 113, 239, 0.08);
  border: 1px solid rgba(0, 113, 239, 0.2);
  color: var(--c-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.5rem;
  transition: all var(--transition-base);
}

.profile-card.is-active .profile-card-icon {
  background: rgba(0, 210, 255, 0.15) !important;
  border-color: rgba(0, 210, 255, 0.4) !important;
  color: var(--c-electric) !important;
}

.profile-card.is-active .btn-outline-primary {
  background: linear-gradient(135deg, #ff8c1a 0%, #ff7a00 50%, #e65c00 100%);
  color: #ffffff !important;
  border-color: transparent;
  box-shadow: 0 6px 20px rgba(230, 92, 0, 0.35);
}

.profile-card-eyebrow {
  font-family: var(--font-heading);
  font-size: 0.75rem;
  font-weight: 800;
  color: var(--c-primary);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin-bottom: 0.4rem;
}

.profile-card.is-active .profile-card-eyebrow {
  color: var(--c-electric) !important;
}

.profile-card h3 {
  font-size: 1.35rem;
  margin-bottom: 0.5rem;
  color: var(--c-navy);
}

.profile-card.is-active h3 {
  color: #ffffff !important;
}

.profile-card p {
  font-size: 0.95rem;
  color: var(--c-text-muted);
  margin-bottom: 1.75rem;
}

.profile-card.is-active p {
  color: #cbd5e1 !important;
}

/* Chip de Preço Parcelado — Estilo High-Tech */
.price-chip {
  display: flex;
  align-items: center;
  gap: 1rem;
  background: linear-gradient(135deg, rgba(0, 113, 239, 0.05) 0%, rgba(0, 210, 255, 0.1) 100%);
  border: 1.5px solid rgba(0, 113, 239, 0.25);
  border-radius: var(--radius-lg);
  padding: 1.15rem 1.5rem;
  margin: 1.25rem 0 1.5rem;
}

.price-chip-info {
  display: flex;
  flex-direction: column;
  line-height: 1.2;
  flex: 1 1 auto;
  min-width: 0;
}

.price-chip-qr {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.4rem;
  flex-shrink: 0;
}

.qr-box {
  width: 94px;
  height: 94px;
  background: #ffffff;
  padding: 6px;
  border-radius: 10px;
  border: 1px solid rgba(0, 113, 239, 0.25);
  box-shadow: 0 4px 12px rgba(8, 22, 43, 0.1);
}

.qr-box img,
.qr-box canvas,
.qr-box svg {
  display: block;
  width: 100% !important;
  height: 100% !important;
}

.qr-caption {
  font-family: var(--font-heading);
  font-size: 0.62rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  color: var(--c-text-muted);
  text-align: center;
  line-height: 1.25;
}

.price-chip-label {
  font-family: var(--font-heading);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--c-text-muted);
  margin-bottom: 0.35rem;
}

.price-chip-row {
  display: flex;
  align-items: center;
  gap: 0.85rem;
  flex-wrap: wrap;
}

.price-chip-value {
  font-family: var(--font-heading);
  font-size: 1.75rem;
  font-weight: 800;
  color: var(--c-primary);
  letter-spacing: -0.02em;
}

.price-chip-note {
  font-size: 0.825rem;
  color: var(--c-text-muted);
  margin-top: 0.35rem;
}

.price-chip-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  font-family: var(--font-heading);
  font-size: 0.75rem;
  font-weight: 800;
  color: #ffffff;
  background: linear-gradient(135deg, #ff8c1a 0%, #ff7a00 50%, #e65c00 100%);
  padding: 0.45rem 0.85rem;
  border-radius: var(--radius-pill);
  box-shadow: 0 4px 14px rgba(230, 92, 0, 0.28);
  white-space: nowrap;
}

/* Pulso sutil no CTA principal para chamar atenção */
.btn-cta-pulse {
  animation: ctaPulse 2.6s ease-in-out infinite;
}

@keyframes ctaPulse {
  0%, 100% { box-shadow: var(--shadow-orange); }
  50% { box-shadow: var(--shadow-orange-hover); }
}

@media (prefers-reduced-motion: reduce) {
  .btn-cta-pulse { animation: none; }
}

.final-card-microcopy {
  text-align: center;
  margin-top: 1rem;
  font-size: 0.85rem;
  color: var(--c-text-muted);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
}

.final-card-microcopy-sub {
  margin-top: 0.35rem;
  font-size: 0.78rem;
  line-height: 1.4;
  padding: 0 1rem;
  font-style: italic;
}

.final-card-microcopy-sub a {
  color: var(--c-text-muted);
  text-decoration: none;
  transition: color var(--transition-base);
}

.final-card-microcopy-sub a:hover {
  color: var(--c-secondary-dark);
}

.final-card-policies {
  flex-wrap: wrap;
  gap: 0.35rem 1.25rem;
  margin-top: 0.55rem;
  font-size: 0.75rem;
}

.final-card-policies .fcp-item {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
}

.final-card-policies .fcp-item svg {
  color: var(--c-primary);
  flex-shrink: 0;
}

/* ==========================================================================
   CONTAINER DO FORMULÁRIO ATIVO & ETAPAS DO FUNIL
   ========================================================================== */
.funnel-container {
  max-width: 680px;
  margin: 0 auto;
  background: #ffffff;
  border: 1.5px solid #e2e8f0;
  border-radius: var(--radius-xl);
  padding: 3rem 2.75rem 2.5rem;
  box-shadow: 0 24px 60px -15px rgba(8, 22, 43, 0.12);
  position: relative;
  overflow: hidden;
}

/* Fita decorativa High-Tech no topo do card */
.funnel-container::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 5px;
  background: linear-gradient(90deg, #0071ef 0%, #00d2ff 50%, #c5a059 100%);
}

@media (max-width: 640px) {
  .funnel-container {
    padding: 2.25rem 1.5rem 2rem;
  }
}

/* Cabeçalho do Card de Inscrição */
.reg-card-head {
  text-align: center;
  margin-bottom: 2rem;
}

.reg-card-chip {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  font-family: var(--font-heading);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--c-primary);
  background: rgba(0, 113, 239, 0.08);
  border: 1px solid rgba(0, 113, 239, 0.2);
  padding: 0.4rem 1rem;
  border-radius: var(--radius-pill);
  margin-bottom: 0.85rem;
}

.reg-card-title {
  font-size: 1.75rem;
  font-weight: 800;
  line-height: 1.25;
  color: var(--c-navy);
  margin-bottom: 0.65rem;
}

.reg-card-sub {
  font-size: 0.95rem;
  color: var(--c-text-muted);
  max-width: 32rem;
  margin: 0 auto;
  line-height: 1.6;
}

/* CONTROLE DE EXIBIÇÃO DAS ETAPAS DO FUNIL (CRÍTICO: ETAPA 2 SÓ APARECE APÓS SUBMISSÃO) */
.funnel-step {
  display: none !important;
}

.funnel-step.is-active {
  display: block !important;
  animation: fadeInStep 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}

@keyframes fadeInStep {
  from { opacity: 0; transform: translateY(12px); }
  to { opacity: 1; transform: translateY(0); }
}

/* Grid e Grupos de Campos do Formulário */
.form-group-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.25rem;
  margin-bottom: 1.15rem;
}

@media (max-width: 640px) {
  .form-group-grid {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
}

.form-group {
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
  margin-bottom: 1.15rem;
}

.form-label {
  font-family: var(--font-heading);
  font-size: 0.825rem;
  font-weight: 700;
  color: var(--c-navy);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 0.15rem;
}

.form-label span.req {
  color: var(--c-orange);
  font-weight: 800;
}

/* Campos de Formulário Modernos High-Tech */
.form-control {
  width: 100%;
  height: 50px;
  padding: 0 1.25rem;
  border-radius: var(--radius-md);
  border: 1.5px solid #cbd5e1;
  background-color: #fbfcfe;
  font-family: var(--font-body);
  font-size: 0.95rem;
  color: var(--c-navy);
  transition: all var(--transition-fast);
  outline: none;
  box-sizing: border-box;
}

.form-control::placeholder {
  color: #94a3b8;
}

.form-control:hover {
  border-color: #90c0f4;
  background-color: #ffffff;
}

.form-control:focus {
  background-color: #ffffff;
  border-color: var(--c-primary);
  box-shadow: 0 0 0 4px rgba(0, 113, 239, 0.12), 0 0 15px rgba(0, 210, 255, 0.15);
  outline: none;
}

select.form-control {
  cursor: pointer;
  appearance: auto;
}

textarea.form-control {
  height: auto;
  min-height: 100px;
  padding: 1rem 1.25rem;
  resize: vertical;
  line-height: 1.5;
}

/* Termos LGPD e Consentimentos Segregados */
.terms-wrapper {
  background-color: #f8fafc;
  border: 1.5px solid #e2e8f0;
  border-radius: var(--radius-lg);
  padding: 1.35rem 1.5rem;
  margin: 1.5rem 0;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.activity-info {
  border-bottom: 1px solid #e2e8f0;
  padding-bottom: 0.9rem;
  margin-bottom: 0.3rem;
}

.activity-info-title {
  font-size: 0.95rem;
  font-weight: 800;
  color: var(--c-navy);
  margin: 0 0 0.4rem;
}

.activity-info-text {
  font-size: 0.8125rem;
  color: var(--c-text-muted);
  line-height: 1.6;
  margin: 0;
}

.terms-link-btn {
  background: none;
  border: none;
  color: var(--c-primary);
  font-weight: 700;
  text-decoration: underline;
  cursor: pointer;
  padding: 0;
  font: inherit;
}

.term-item {
  display: flex;
  align-items: flex-start;
  gap: 0.85rem;
  cursor: pointer;
}

.term-item input[type="checkbox"] {
  width: 20px;
  height: 20px;
  accent-color: var(--c-primary);
  margin-top: 2px;
  flex-shrink: 0;
  cursor: pointer;
}

.term-text {
  font-size: 0.875rem;
  color: #475569;
  line-height: 1.55;
}

.term-text a,
#btn-open-contract-modal {
  color: var(--c-primary);
  font-weight: 700;
  text-decoration: underline;
  cursor: pointer;
}

.term-text strong.req-badge {
  color: #ef4444;
  font-size: 0.75rem;
  font-weight: 800;
  text-transform: uppercase;
  margin-right: 0.25rem;
}

.term-text .req-star {
  color: #ef4444;
  font-size: 1rem;
  font-weight: 800;
  line-height: 1;
  margin-right: 0.2rem;
  vertical-align: baseline;
}

.terms-legend {
  font-size: 5pt;
  color: #64748b;
  margin-top: 0.4rem;
  line-height: 1.3;
  letter-spacing: 0.02em;
}

/* ==========================================================================
   ETAPA 2 — TELA DE REDIRECIONAMENTO DE PAGAMENTO SEGURO (ASAAS)
   ========================================================================== */
.pay-redirect {
  text-align: center;
  padding: 1rem 0;
  animation: fadeInStep 0.35s ease;
}

.pay-redirect-icon {
  width: 76px;
  height: 76px;
  border-radius: 50%;
  margin: 0 auto 1.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  background: linear-gradient(135deg, #10b981 0%, #059669 100%);
  box-shadow: 0 12px 30px -8px rgba(16, 185, 129, 0.5);
}

.pay-redirect-chip {
  display: inline-block;
  font-family: var(--font-heading);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #059669;
  background: rgba(16, 185, 129, 0.12);
  border: 1px solid rgba(16, 185, 129, 0.3);
  padding: 0.4rem 1rem;
  border-radius: var(--radius-pill);
  margin-bottom: 1rem;
}

.pay-redirect-title {
  font-size: 1.65rem;
  font-weight: 800;
  color: var(--c-navy);
  margin-bottom: 0.65rem;
}

.pay-redirect-title span {
  color: var(--c-primary);
}

.pay-redirect-sub {
  font-size: 0.95rem;
  color: var(--c-text-muted);
  max-width: 32rem;
  margin: 0 auto 1.75rem;
  line-height: 1.6;
}

.pay-summary {
  background: #f8fafc;
  border: 1.5px solid #e2e8f0;
  border-radius: var(--radius-lg);
  padding: 1.35rem 1.6rem;
  margin-bottom: 1.75rem;
  text-align: left;
}

.pay-summary-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

.pay-summary-row span {
  font-size: 0.95rem;
  font-weight: 600;
  color: var(--c-navy);
}

.pay-summary-row strong {
  font-family: var(--font-heading);
  font-size: 1.45rem;
  font-weight: 800;
  color: var(--c-primary);
}

.pay-summary-foot {
  margin-top: 0.85rem;
  padding-top: 0.85rem;
  border-top: 1px dashed #cbd5e1;
  font-size: 0.825rem;
  color: var(--c-text-muted);
}

.pay-summary-foot span {
  font-weight: 700;
  color: var(--c-navy);
}

.pay-trust {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem 1.5rem;
  margin-top: 1.35rem;
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--c-text-muted);
}

.pay-back-link {
  display: inline-block;
  margin-top: 1.5rem;
  background: none;
  border: none;
  color: var(--c-primary);
  font-family: var(--font-heading);
  font-weight: 700;
  font-size: 0.875rem;
  cursor: pointer;
  padding: 0.35rem 0.5rem;
  transition: all var(--transition-fast);
}

.pay-back-link:hover {
  color: var(--c-primary-hover);
  text-decoration: underline;
}

/* Área Institucional & Checkout Complementar */
.confirmation-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  background: rgba(0, 113, 239, 0.1);
  border: 1px solid rgba(0, 113, 239, 0.25);
  color: var(--c-primary);
  padding: 0.5rem 1.25rem;
  border-radius: var(--radius-pill);
  font-family: var(--font-heading);
  font-weight: 800;
  font-size: 0.875rem;
  margin-bottom: 1.25rem;
}

.ticket-confirmation-wrapper {
  text-align: center;
}

.digital-ticket-card {
  background: linear-gradient(135deg, #071526 0%, #0c203b 100%);
  border: 1.5px solid var(--c-secondary);
  border-radius: var(--radius-xl);
  color: var(--c-text-white);
  padding: 3rem;
  max-width: 600px;
  margin: 0 auto 2.5rem auto;
  position: relative;
  text-align: left;
  box-shadow: 0 20px 50px rgba(8, 22, 43, 0.4);
}

.digital-ticket-card::before,
.digital-ticket-card::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: var(--c-bg-white);
  transform: translateY(-50%);
}

.digital-ticket-card::before { left: -12px; }
.digital-ticket-card::after { right: -12px; }

.ticket-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 1.5rem;
  border-bottom: 1px dashed rgba(255, 255, 255, 0.2);
  margin-bottom: 1.5rem;
}

.ticket-event-name {
  font-family: var(--font-heading);
  font-size: 1.25rem;
  font-weight: 800;
  color: var(--c-text-white);
}

.ticket-badge-pill {
  font-size: 0.75rem;
  font-weight: 800;
  color: var(--c-gold);
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.ticket-attendee-details {
  margin-bottom: 2rem;
}

.ticket-data-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.5rem;
  margin-bottom: 1rem;
}

.ticket-data-col span {
  display: block;
  font-size: 0.75rem;
  color: rgba(255, 255, 255, 0.6);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  margin-bottom: 0.2rem;
}

.ticket-data-col strong {
  font-family: var(--font-heading);
  font-size: 1rem;
  color: var(--c-text-white);
}

.ticket-bottom-qr {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 1.5rem;
  border-top: 1px dashed rgba(255, 255, 255, 0.2);
}

.ticket-qr-code-box {
  width: 100px;
  height: 100px;
  background: #ffffff;
  padding: 6px;
  border-radius: var(--radius-sm);
}

.ticket-auth-code {
  font-family: monospace;
  font-size: 0.85rem;
  color: var(--c-gold);
}

.ticket-action-btns {
  display: flex;
  justify-content: center;
  gap: 1rem;
  flex-wrap: wrap;
}

/* ==========================================================================
   FOOTER INSTITUCIONAL (COR PRINCIPAL CHAPADA #0071ef)
   ========================================================================== */
.site-footer {
  background-color: #0071ef !important;
  color: #ffffff;
  padding: 5.5rem 0 3rem 0;
  border-top: 1px solid rgba(144, 192, 244, 0.35);
}

.footer-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  gap: 5rem;
  margin-bottom: 3.5rem;
}

.footer-col-brand img,
.footer-logo {
  height: 162px;
  width: auto;
  max-width: 324px;
  object-fit: contain;
  background: transparent;
  border: none;
  box-shadow: none;
  margin-bottom: 0;
  display: block;
  flex-shrink: 0;
}

/* Marca: logotipo e texto lado a lado (horizontal) */
.footer-col-brand {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  text-align: left;
}

.footer-col-brand p {
  font-size: 0.9375rem;
  line-height: 1.7;
  max-width: 320px;
  margin-bottom: 0;
  color: rgba(255, 255, 255, 0.95);
}

.footer-col h4 {
  font-size: 1rem;
  color: #ffffff;
  font-weight: 700;
  margin-bottom: 1.5rem;
  letter-spacing: -0.01em;
}

.footer-nav-list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
}

.footer-nav-link {
  font-size: 0.85rem;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.85);
  text-decoration: none;
  transition: color var(--transition-fast);
}

.footer-nav-link:hover {
  color: var(--c-secondary);
}

/* Assinatura institucional discreta (entre o conteúdo do footer e a linha do copyright) */
.footer-institutional {
  max-width: 850px;
  margin: 0 auto 2.75rem;
  text-align: center;
  font-size: 0.75rem;
  line-height: 1.5;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.6);
}

/* Foco visível e consistente (acessibilidade — não depende só de cor) */
.footer-nav-link:focus-visible,
.footer-legal-link:focus-visible,
.footer-whatsapp-btn:focus-visible {
  outline: 2px solid #ffffff;
  outline-offset: 3px;
  border-radius: 3px;
}

.footer-bottom-bar {
  padding-top: 2.5rem;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 1.5rem;
  font-size: 0.8125rem;
  color: rgba(255, 255, 255, 0.85);
}

.footer-legal-links {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  flex-wrap: wrap;
  margin: 0;
}

.footer-legal-link {
  color: #ffffff;
  text-decoration: none;
  font-weight: 500;
  transition: color var(--transition-fast);
}

.footer-legal-link:hover {
  color: var(--c-secondary);
  text-decoration: underline;
}

.footer-sep {
  color: rgba(255, 255, 255, 0.4);
  font-size: 0.8rem;
}

.footer-whatsapp-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  background: linear-gradient(135deg, #ff8c1a 0%, #ff7a00 50%, #e65c00 100%);
  color: #ffffff !important;
  font-weight: 800;
  font-size: 0.85rem;
  padding: 0.65rem 1.25rem;
  min-height: 42px;
  border-radius: var(--radius-pill);
  text-decoration: none;
  box-shadow: 0 4px 15px rgba(230, 92, 0, 0.4);
  margin-bottom: 0.75rem;
  transition: all var(--transition-base);
  border: 1px solid rgba(255, 255, 255, 0.25);
  line-height: 1;
}

.footer-whatsapp-btn:hover {
  background: linear-gradient(135deg, #ffa033 0%, #ff8c1a 50%, #f06400 100%);
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(230, 92, 0, 0.55);
  color: #ffffff !important;
}

.footer-cfm-badge {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  color: var(--c-secondary);
  font-weight: 600;
  text-align: center;
  margin: 0 auto 1.75rem;
}

/* ==========================================================================
   ESTILOS PARA PÁGINAS LEGAIS INTERNAS (PRIVACIDADE, TERMOS, COOKIES)
   ========================================================================== */
.legal-page-hero {
  padding: 9rem 0 4.5rem 0;
  background: radial-gradient(circle at 50% 20%, rgba(0, 210, 255, 0.1) 0%, transparent 60%), #08162b;
  color: var(--c-text-white);
  text-align: center;
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid rgba(0, 210, 255, 0.15);
}

.legal-page-hero .eyebrow {
  margin-bottom: 1rem;
  color: var(--c-gold-bright) !important;
  background: rgba(197, 160, 89, 0.15) !important;
  border-color: rgba(197, 160, 89, 0.45) !important;
}

.legal-page-hero .eyebrow::before {
  background-color: var(--c-gold-bright) !important;
  box-shadow: 0 0 10px var(--c-gold-bright) !important;
}

.legal-page-hero h1 {
  font-size: clamp(2.2rem, 4vw, 3.2rem);
  font-weight: 800;
  letter-spacing: -0.025em;
  margin-bottom: 1rem;
  color: #ffffff;
}

.legal-page-hero p {
  font-size: 1.08rem;
  max-width: 680px;
  margin: 0 auto;
  color: #cbd5e1;
  line-height: 1.65;
}

.legal-page-body {
  padding: 5rem 0;
  background: var(--c-bg-light);
  color: var(--c-text-dark);
}

.legal-content-card {
  background: #ffffff;
  border-radius: var(--radius-xl);
  padding: 4rem;
  box-shadow: 0 16px 45px rgba(8, 22, 43, 0.06);
  border: 1px solid #e2e8f0;
  max-width: 920px;
  margin: 0 auto;
}

.legal-content-card h2 {
  font-size: 1.55rem;
  font-weight: 800;
  color: var(--c-navy);
  margin-top: 2.75rem;
  margin-bottom: 1.15rem;
  padding-bottom: 0.6rem;
  border-bottom: 2px solid rgba(0, 113, 239, 0.15);
}

.legal-content-card h2:first-of-type {
  margin-top: 0;
}

.legal-content-card h3 {
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--c-navy-surface);
  margin-top: 2rem;
  margin-bottom: 0.85rem;
}

.legal-content-card p,
.legal-content-card li {
  font-size: 1rem;
  line-height: 1.8;
  color: #334e68;
}

.legal-content-card p {
  margin-bottom: 1.35rem;
}

.legal-content-card ul,
.legal-content-card ol {
  padding-left: 1.75rem;
  margin-bottom: 1.5rem;
}

.legal-content-card li {
  margin-bottom: 0.5rem;
}

.legal-highlight-box {
  background: rgba(0, 113, 239, 0.05);
  border-left: 4px solid var(--c-primary);
  border-radius: 0 8px 8px 0;
  padding: 1.35rem 1.65rem;
  margin: 1.75rem 0;
}

.cookie-switch-item {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 1.5rem 0;
  border-bottom: 1px solid #e2e8f0;
  gap: 1.5rem;
}

.cookie-switch-item:last-child {
  border-bottom: none;
}

.cookie-info h4 {
  font-size: 1.1rem;
  font-weight: 700;
  margin-bottom: 0.35rem;
  color: var(--c-navy);
}

.cookie-info p {
  font-size: 0.92rem;
  color: var(--c-text-muted);
  margin-bottom: 0;
  line-height: 1.55;
}

.cookie-toggle {
  position: relative;
  display: inline-block;
  width: 52px;
  height: 28px;
  flex-shrink: 0;
}

.cookie-toggle input {
  opacity: 0;
  width: 0;
  height: 0;
}

.cookie-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #cbd5e1;
  transition: 0.3s;
  border-radius: 34px;
}

.cookie-slider:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  transition: 0.3s;
  border-radius: 50%;
}

.cookie-toggle input:checked + .cookie-slider {
  background-color: #ff7a00;
}

.cookie-toggle input:checked + .cookie-slider:before {
  transform: translateX(24px);
}

.cookie-toggle input:disabled + .cookie-slider {
  background-color: #0071ef;
  opacity: 0.65;
  cursor: not-allowed;
}

/* ==========================================================================
   RESPONSIVIDADE (BREAKPOINTS 1024px, 768px, 480px)
   ========================================================================== */
@media (max-width: 1024px) {
  .hero-section {
    padding-top: 5rem;
    padding-bottom: 1rem;
  }
  .hero-cta-highlight {
    font-size: clamp(1.7rem, 4.5vw, 2.6rem);
  }
  .speaker-card {
    grid-template-columns: 1fr;
    padding: 2.5rem;
    text-align: center;
  }
  .speaker-credentials-list {
    align-items: center;
  }
  .modules-timeline {
    grid-template-columns: 1fr;
  }
  .pillars-grid {
    grid-template-columns: 1fr 1fr;
  }
  .event-info-grid {
    grid-template-columns: 1fr 1fr;
  }
  .footer-grid {
    gap: 3.5rem;
  }
}

@media (max-width: 768px) {
  /* Hero Mobile */
  .hero-section {
    min-height: 100svh;
    align-items: flex-start;
    padding-top: 5rem;
    padding-bottom: 1.5rem;
  }
  .hero-video-element {
    min-width: 100%;
    min-height: 100%;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .hero-content {
    max-width: 100%;
  }
  .hero-cta-highlight {
    font-size: clamp(1.6rem, 7vw, 2.2rem);
    margin-bottom: 0.4rem;
  }
  .hero-title-sub {
    font-size: clamp(0.9rem, 3.5vw, 1rem);
    max-width: 100%;
  }
  .hero-orange-card {
    max-width: 100%;
    padding: 0.75rem 1.1rem;
    margin-bottom: 0.75rem;
  }
  .hero-orange-card p {
    font-size: 0.85rem;
    line-height: 1.45;
  }
  .hero-cta-group {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.65rem;
    margin-bottom: 0.65rem;
  }
  .hero-cta-group .btn {
    width: 100%;
    justify-content: center;
  }
  .hero-microcopy {
    padding-top: 0.6rem;
    font-size: 0.75rem;
  }
  /* Nav Mobile Drawer Premium */
  .site-header .header-actions .btn,
  .site-header .header-actions .header-cta-btn {
    display: none;
  }
  .header-logo {
    height: 44px;
  }
  .mobile-menu-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    min-width: 44px;
    min-height: 44px;
    background: transparent;
    border: none;
    color: #ffffff;
    cursor: pointer;
    touch-action: manipulation;
    padding: 0;
    -webkit-tap-highlight-color: transparent;
  }
  .site-header .nav-links {
    display: flex !important;
    flex-direction: column !important;
    position: fixed !important;
    top: var(--header-h, 64px) !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    /* Encaixe exato: do fim do header até o limite inferior REAL do aparelho.
       100dvh respeita a barra do navegador (iOS/Android); 100vh é o fallback. */
    height: calc(100vh - var(--header-h, 64px)) !important;
    height: calc(100dvh - var(--header-h, 64px)) !important;
    max-height: none !important;
    background: linear-gradient(180deg, hsl(221, 55%, 12%) 0%, hsl(223, 60%, 8%) 100%) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    padding: 0.4rem 1.15rem 0 !important;
    border-bottom: none !important;
    box-shadow: 0 24px 48px rgba(0, 0, 0, 0.5) !important;
    gap: 0 !important;
    list-style: none !important;
    transform: translateY(-130%) !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transition: transform 0.34s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.25s ease !important;
    z-index: 99999 !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior: contain !important;
  }
  .site-header .nav-links.is-open {
    transform: translateY(0) !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }
  .site-header .nav-links li {
    width: 100% !important;
    border-bottom: 1px solid hsla(210, 40%, 98%, 0.07) !important;
    flex: 0 0 auto !important;
  }
  /* Itens compactos em LINHA (badge + rótulo), sistema 8pt, para caber sem corte */
  .site-header .nav-links .nav-link {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0.85rem !important;
    width: 100% !important;
    padding: 0.72rem 0.45rem !important;
    font-size: 1.02rem !important;
    font-weight: 600 !important;
    color: hsl(210, 40%, 98%) !important;
    min-height: 0 !important;
    border-radius: 12px !important;
    transition: background-color 0.2s ease, padding-left 0.2s ease, color 0.2s ease !important;
  }
  .site-header .nav-links .nav-link .nav-num {
    min-width: 26px !important;
    height: 26px !important;
    padding: 0 6px !important;
    font-size: 0.72rem !important;
    border-radius: 8px !important;
    background: hsla(217, 100%, 60%, 0.22) !important;
    flex-shrink: 0 !important;
  }
  .site-header .nav-links .nav-link:hover,
  .site-header .nav-links .nav-link:active {
    color: #ffffff !important;
    background: hsla(217, 100%, 60%, 0.12) !important;
    padding-left: 0.7rem !important;
  }
  /* CTA sempre visível, fixo no rodapé do painel */
  .nav-mobile-cta {
    display: block !important;
    border-bottom: none !important;
    position: sticky !important;
    bottom: 0 !important;
    margin-top: auto !important;
    padding: 0.8rem 0 calc(0.7rem + env(safe-area-inset-bottom, 0px)) !important;
    background: linear-gradient(180deg, hsla(223, 60%, 8%, 0) 0%, hsl(223, 60%, 8%) 32%) !important;
  }
  .nav-mobile-cta .btn {
    font-size: 0.88rem !important;
    line-height: 1.15 !important;
    letter-spacing: 0.01em !important;
    min-height: 52px !important;
  }
  .audience-grid {
    grid-template-columns: 1fr;
  }
  .profile-selector-grid {
    grid-template-columns: 1fr;
  }
  .form-group-grid {
    grid-template-columns: 1fr;
  }
  .funnel-container {
    padding: 2rem 1.35rem;
  }
  .reg-card-title {
    font-size: 1.35rem;
  }
  .price-chip {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.75rem;
  }
  .price-chip-badge {
    align-self: flex-start;
  }
  .schedule-list::before {
    left: 20px;
  }
  .schedule-item {
    flex-direction: column;
    padding-left: 45px;
  }
  .schedule-bullet {
    position: absolute;
    left: 14px;
    top: 18px;
    margin: 0;
  }
  .schedule-time {
    width: auto;
    margin-bottom: 0.4rem;
  }
  .pillars-grid {
    grid-template-columns: 1fr;
  }
  .event-info-grid {
    grid-template-columns: 1fr;
  }
  .problem-banner {
    flex-direction: column;
    text-align: center;
    padding: 2rem;
  }
  .qa-closure-box {
    flex-direction: column;
    text-align: center;
  }
  .qa-closure-content {
    flex-direction: column;
  }
  .digital-ticket-card {
    padding: 2rem 1.5rem;
  }
  .ticket-data-row {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
  .footer-grid {
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 2.5rem;
  }
  .footer-grid .footer-col-brand {
    flex-direction: column;
    text-align: center;
    gap: 1.25rem;
  }
  .footer-grid .footer-col-brand p,
  .footer-grid .footer-logo {
    margin-left: auto;
    margin-right: auto;
  }
  .footer-grid .footer-nav-list {
    align-items: center;
  }
}

@media (max-width: 480px) {
  .hero-section {
    padding-top: 4.5rem;
    padding-bottom: 1rem;
  }
  .hero-cta-highlight {
    font-size: clamp(1.45rem, 8.5vw, 1.9rem);
  }
  .hero-title-sub {
    font-size: 0.875rem;
    line-height: 1.35;
  }
  .hero-orange-card p {
    font-size: 0.825rem;
  }
  .hero-content .eyebrow {
    font-size: 0.7rem;
    padding: 0.2rem 0.7rem;
  }
}

/* ==========================================================================
   MODAL DE CONTRATO E GARANTIA (POPUP ACESSÍVEL)
   ========================================================================== */
.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(14, 30, 26, 0.85);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  z-index: 99999;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 1.5rem;
  opacity: 0;
  transition: opacity var(--transition-base);
}

.modal-backdrop.is-active {
  display: flex;
  opacity: 1;
}

.modal-card {
  background: #ffffff;
  border-radius: var(--radius-xl);
  max-width: 760px;
  width: 100%;
  max-height: 88vh;
  display: flex;
  flex-direction: column;
  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.4);
  border: 1.5px solid var(--c-gold-border);
  overflow: hidden;
  transform: translateY(15px);
  transition: transform var(--transition-base);
}

.modal-backdrop.is-active .modal-card {
  transform: translateY(0);
}

.modal-header {
  padding: 1.5rem 2rem;
  background: var(--c-primary-deep);
  color: #ffffff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 2px solid var(--c-gold);
}

.modal-header h3 {
  font-size: 1.25rem;
  color: #ffffff;
  margin: 0;
}

.modal-header span.modal-subtitle {
  display: block;
  font-size: 0.75rem;
  color: var(--c-gold);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-weight: 700;
  margin-bottom: 0.2rem;
}

.modal-close-btn {
  background: transparent;
  border: none;
  color: rgba(255, 255, 255, 0.7);
  font-size: 1.5rem;
  line-height: 1;
  cursor: pointer;
  padding: 0.5rem;
  border-radius: 50%;
  transition: all var(--transition-fast);
  display: flex;
  align-items: center;
  justify-content: center;
}

.modal-close-btn:hover {
  color: var(--c-gold);
  background: rgba(255, 255, 255, 0.1);
}

.modal-body {
  padding: 2rem;
  overflow-y: auto;
  font-size: 0.9375rem;
  color: var(--c-text-dark);
  line-height: 1.7;
}

.modal-body h4 {
  font-size: 1.05rem;
  color: var(--c-primary-deep);
  margin: 1.5rem 0 0.5rem 0;
}

.modal-body h4:first-child {
  margin-top: 0;
}

.modal-body p {
  margin-bottom: 1rem;
  color: var(--c-text-muted);
}

.modal-body ul {
  margin: 0 0 1rem 1.25rem;
  padding: 0;
  color: var(--c-text-muted);
}

.modal-body li {
  margin-bottom: 0.3rem;
  line-height: 1.6;
}

.modal-body a {
  color: var(--c-primary);
  text-decoration: underline;
  word-break: break-word;
}

.contract-highlight-box {
  background: #fbf8ed;
  border-left: 4px solid var(--c-gold);
  border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
  padding: 1.25rem;
  margin: 1.5rem 0;
  font-size: 0.9rem;
  color: #6a5214;
}

.contract-highlight-box strong {
  display: block;
  color: #4a3809;
  margin-bottom: 0.35rem;
  font-size: 0.95rem;
}

.modal-footer {
  padding: 1.25rem 2rem;
  background: var(--c-bg-light);
  border-top: 1px solid var(--c-border);
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem;
}

/* ==========================================================================
   BOTÃO FLUTUANTE VOLTAR AO TOPO (SCROLL TO TOP)
   ========================================================================== */
.back-to-top-btn {
  position: fixed;
  right: 24px;
  bottom: calc(24px + env(safe-area-inset-bottom, 0px));
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: linear-gradient(135deg, #007bfb 0%, #0071ef 100%);
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.35);
  box-shadow: 0 8px 22px rgba(0, 113, 239, 0.42), 0 2px 6px rgba(0, 0, 0, 0.15);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 950;
  opacity: 0;
  visibility: hidden;
  transform: translateY(16px) scale(0.88);
  transition: opacity 0.3s cubic-bezier(0.16, 1, 0.3, 1),
              transform 0.3s cubic-bezier(0.16, 1, 0.3, 1),
              visibility 0.3s ease,
              background 0.25s ease,
              box-shadow 0.25s ease;
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
  padding: 0;
}

.back-to-top-btn svg {
  display: block;
  stroke: #ffffff;
  transition: transform 0.25s ease;
}

.back-to-top-btn.is-visible {
  opacity: 1;
  visibility: visible;
  transform: translateY(0) scale(1);
}

.back-to-top-btn:hover {
  background: linear-gradient(135deg, #1b8eff 0%, #005fc9 100%);
  transform: translateY(-4px) scale(1.06);
  box-shadow: 0 12px 28px rgba(0, 113, 239, 0.58), 0 4px 10px rgba(0, 0, 0, 0.2);
}

.back-to-top-btn:hover svg {
  transform: translateY(-2px);
}

.back-to-top-btn:active {
  transform: translateY(-1px) scale(0.95);
  box-shadow: 0 6px 14px rgba(0, 113, 239, 0.4);
}

.back-to-top-btn:focus-visible {
  outline: 3px solid #ff7a00;
  outline-offset: 3px;
}

@media (max-width: 768px) {
  .back-to-top-btn {
    right: 18px;
    bottom: calc(18px + env(safe-area-inset-bottom, 0px));
    width: 44px;
    height: 44px;
  }
}

/* ==========================================================================
   DESKTOP — SECTIONS QUE CABEM EM UMA TELA (sem scroll ao navegar pelo menu)
   Área útil = 100vh menos o header fixo (~106px). O conteúdo é compactado para
   caber inteiro, sem quebrar cards. No mobile mantém-se o fluxo normal.
   ========================================================================== */
@media (min-width: 1024px) {
  /* Demais sections: âncora para com o título logo abaixo do header fixo. */
  html { scroll-padding-top: 0; }
  section[id] { scroll-margin-top: 106px; }

  /* Sections-alvo: ocupam a TELA INTEIRA (0 → 100vh) ao navegar pelo menu.
     Assim não aparece sobra da section vizinha (topo/rodapé) nem corta conteúdo;
     o conteúdo fica centralizado abaixo do header. Vizinhas só ao rolar. */
  #transicao,
  #modulos,
  #programacao,
  #publico,
  #palestrante,
  #pilares,
  #faq {
    min-height: 100vh;
    min-height: 100dvh;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding-top: calc(106px + 1.5rem) !important;
    padding-bottom: 2.5rem !important;
    scroll-margin-top: 0 !important;
  }
  #transicao > .container,
  #modulos > .container,
  #programacao > .container,
  #publico > .container,
  #palestrante > .container,
  #pilares > .container,
  #faq > .container { width: 100%; }

  /* A transição — sobe o conteúdo e aperta os espaços para os cards não cortarem */
  #transicao .section-header { margin-bottom: 1.75rem !important; }
  #transicao .problem-grid { margin-bottom: 2rem !important; }

  /* Os módulos — sobe o conteúdo (uma linha abaixo do menu) */
  #modulos .section-header { margin-bottom: 1.5rem !important; }
  #modulos .modules-intro-highlight { margin-top: 0 !important; margin-bottom: 1.5rem !important; }

  /* O evento (Dados) — título + card compactos para caber inteiro */
  #programacao .section-header { margin-bottom: 1.5rem !important; }
  #programacao .event-info-box { padding: 2.25rem 2.5rem !important; margin-bottom: 0 !important; }
  #programacao .event-info-headline { margin-top: 0.25rem !important; margin-bottom: 1.75rem !important; }
  #programacao .event-info-kicker { font-size: 0.95rem !important; margin-bottom: 0.4rem !important; }
  #programacao .event-info-eventname { font-size: clamp(1.3rem, 2.2vw, 1.85rem) !important; }
  #programacao .event-info-col h4 { margin-bottom: 0.5rem !important; }
  #programacao .event-value-highlight { font-size: 1.35rem !important; }

  /* Cabeçalhos mais compactos */
  #publico .section-header,
  #pilares .section-header,
  #faq .section-header { margin-bottom: 1.75rem !important; }
  #publico .section-header h2,
  #pilares .section-header h2,
  #faq .section-header h2 {
    font-size: clamp(1.55rem, 2.3vw, 2.05rem) !important;
    margin-bottom: 0.55rem !important;
    line-height: 1.12 !important;
  }
  #publico .section-header p,
  #pilares .section-header p,
  #faq .section-header p {
    font-size: 0.98rem !important;
    line-height: 1.5 !important;
  }

  /* Para quem é — cards menores */
  #publico .audience-grid { gap: 1.25rem !important; margin-bottom: 0 !important; }
  #publico .audience-card { padding: 1.5rem 1.4rem !important; }
  #publico .audience-card h3 { font-size: 1.1rem !important; margin-bottom: 0.45rem !important; }
  #publico .audience-card p { font-size: 0.85rem !important; line-height: 1.45 !important; }

  /* Pilares — grid e cards menores */
  #pilares .pillars-grid { gap: 1.1rem !important; }
  #pilares .pillar-card { padding: 1.5rem 1.25rem !important; }

  /* FAQ — perguntas compactas */
  #faq .faq-trigger { padding-top: 0.9rem !important; padding-bottom: 0.9rem !important; }

  /* Quem conduz — card e bio menores */
  #palestrante .section-header { margin-bottom: 1.5rem !important; }
  #palestrante .section-header h2 { font-size: clamp(1.65rem, 2.5vw, 2.25rem) !important; line-height: 1.15 !important; }
  #palestrante .speaker-card { padding: 2rem !important; gap: 2rem !important; align-items: center !important; }
  #palestrante .speaker-bio h3 { font-size: 1.85rem !important; margin-bottom: 0.7rem !important; }
  #palestrante .speaker-text { font-size: 0.98rem !important; line-height: 1.6 !important; }
  #palestrante .speaker-avatar-wrapper { width: 170px !important; height: 170px !important; }

  /* Entrada (escolha de perfil) — a VISÃO inicial cabe em uma tela;
     o formulário (funil) continua abaixo, com rolagem. */
  #participar { scroll-margin-top: 0 !important; padding-top: 0 !important; }
  #participar .entry-hero {
    min-height: 100vh;
    min-height: 100dvh;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding-top: calc(106px + 2.25rem);
    padding-bottom: 2.5rem;
  }
  #participar .entry-hero .section-header { margin-bottom: 2rem !important; }
  #participar .entry-hero .section-header h2 { font-size: clamp(1.8rem, 2.8vw, 2.5rem) !important; line-height: 1.15 !important; }
  #participar .profile-card { padding: 2rem 1.75rem !important; }
}