/*
 * v2-styles.css — Melhorias visuais V2 Premium
 * Dr. Igor Reggiani — drigorreggiani.com.br
 */

/* ── VARIÁVEIS ADICIONAIS ── */
:root {
  --gold-dark: #a8893d;
  --gold-light: rgba(196,169,106,.1);
  --navy-deep: #0f1d2e;
}

body { overflow-x: hidden; }

/* ── NAV — glass + blur ── */
.menu-topo {
  background: rgba(255,255,255,0.95) !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
  transition: box-shadow .3s !important;
  border-bottom: 1px solid rgba(0,0,0,.04) !important;
}
.menu-topo.v2-scrolled {
  box-shadow: 0 4px 24px rgba(27,42,63,.1) !important;
}
.social-icons a {
  transition: color .2s, transform .2s !important;
}
.social-icons a:hover {
  transform: scale(1.15) !important;
}

/* ── HERO ── */
.hero-section {
  border-radius: 18px !important;
  box-shadow: 0 8px 40px rgba(27,42,63,.09) !important;
  border-left: none !important;
  position: relative !important;
  overflow: hidden !important;
}
.hero-section::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important; left: 0 !important; bottom: 0 !important;
  width: 4px !important;
  background: linear-gradient(180deg, #C4A96A, #a8893d) !important;
  border-radius: 0 !important;
}
.hero-titulo {
  font-family: 'Playfair Display', Georgia, serif !important;
  font-size: 2.3rem !important;
  line-height: 1.2 !important;
}

/* ── BOTÃO PRINCIPAL ── */
.btn-acao {
  border-radius: 8px !important;
  transition: background .18s, transform .15s, box-shadow .2s !important;
  box-shadow: 0 4px 14px rgba(27,117,69,.22) !important;
}
.btn-acao:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 22px rgba(27,117,69,.34) !important;
}

/* ── CARDS DE DESTAQUE ── */
.destaque-item {
  border-radius: 14px !important;
  transition: transform .25s, box-shadow .25s, border-color .25s !important;
  position: relative !important;
  overflow: hidden !important;
}
.destaque-item::after {
  content: '' !important;
  position: absolute !important;
  bottom: 0 !important; left: 0 !important; right: 0 !important;
  height: 3px !important;
  background: #C4A96A !important;
  transform: scaleX(0) !important;
  transition: transform .3s ease !important;
  transform-origin: left !important;
}
.destaque-item:hover {
  transform: translateY(-7px) !important;
  box-shadow: 0 14px 40px rgba(27,42,63,.12) !important;
  border-color: rgba(196,169,106,.3) !important;
}
.destaque-item:hover::after {
  transform: scaleX(1) !important;
}
.destaque-item-icon {
  border-radius: 14px !important;
}

/* ── SEÇÕES COM BORDA ── */
.areas-section,
.locais-section,
.por-que-section {
  border-radius: 16px !important;
  box-shadow: 0 4px 20px rgba(0,0,0,.06) !important;
  border-left: none !important;
  position: relative !important;
  overflow: hidden !important;
}
.areas-section::before,
.locais-section::before,
.por-que-section::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important; left: 0 !important; bottom: 0 !important;
  width: 4px !important;
  background: linear-gradient(180deg, #C4A96A, #a8893d) !important;
}

/* ── ITEMS DE ÁREA ── */
.areas-lista li {
  border-radius: 7px !important;
  border: 1px solid transparent !important;
  transition: background .2s, border-color .2s, transform .2s !important;
}
.areas-lista li:hover {
  background: #eaf0f8 !important;
  border-color: rgba(27,42,63,.1) !important;
  transform: translateX(4px) !important;
}

/* ── DEPOIMENTOS ── */
.depoimento-card {
  border-radius: 14px !important;
  position: relative !important;
  transition: transform .25s, box-shadow .25s !important;
}
.depoimento-card:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 10px 30px rgba(0,0,0,.1) !important;
}
.depoimento-card::before {
  content: '\201C' !important;
  position: absolute !important;
  top: 10px !important; right: 18px !important;
  font-family: 'Playfair Display', Georgia, serif !important;
  font-size: 3.8rem !important;
  color: rgba(196,169,106,.18) !important;
  line-height: 1 !important;
}

/* ── CTA FINAL ── */
.cta-final {
  border-radius: 18px !important;
  background: linear-gradient(135deg, var(--navy-deep, #0f1d2e) 0%, #1B2A3F 60%, #243550 100%) !important;
  position: relative !important;
  overflow: hidden !important;
}
.cta-final::before {
  content: '' !important;
  position: absolute !important;
  top: -70px !important; right: -70px !important;
  width: 300px !important; height: 300px !important;
  border-radius: 50% !important;
  background: radial-gradient(circle, rgba(196,169,106,.1), transparent 70%) !important;
  pointer-events: none !important;
}

/* ── ARTIGOS ── */
.artigo-page {
  border-radius: 16px !important;
  box-shadow: 0 6px 32px rgba(0,0,0,.07) !important;
  border-left: none !important;
  position: relative !important;
  overflow: hidden !important;
}
.artigo-page::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important; left: 0 !important; bottom: 0 !important;
  width: 4px !important;
  background: linear-gradient(180deg, #C4A96A, #a8893d) !important;
}
.artigo-page h1 {
  font-family: 'Playfair Display', Georgia, serif !important;
  line-height: 1.3 !important;
}
.artigo-page h2 {
  font-family: 'Playfair Display', Georgia, serif !important;
}
.artigo-cta {
  border-radius: 12px !important;
  background: linear-gradient(135deg, #0f1d2e, #1B2A3F) !important;
}
.autor-box {
  border-radius: 12px !important;
}

/* ── LOCAIS ── */
.locais-mapa-link {
  border-radius: 6px !important;
  transition: background .2s, transform .15s !important;
}
.locais-mapa-link:hover {
  transform: translateY(-1px) !important;
}

/* ── WHATSAPP FLOAT ── */
.whatsapp-float {
  box-shadow: 0 5px 20px rgba(27,117,69,.38) !important;
  transition: transform .2s, background .2s, box-shadow .2s !important;
}
.whatsapp-float:hover {
  transform: translateY(-5px) scale(1.05) !important;
  box-shadow: 0 8px 28px rgba(27,117,69,.5) !important;
}

/* ── HEADINGS ── */
.section-titulo,
.destaque-titulo {
  font-family: 'Playfair Display', Georgia, serif !important;
}

/* ── BARRA DE PROGRESSO DE SCROLL ── */
.v2-scroll-progress {
  position: fixed;
  top: 0; left: 0;
  height: 3px;
  background: linear-gradient(90deg, #C4A96A, #a8893d);
  z-index: 9999;
  width: 0%;
  pointer-events: none;
}

/* ── REDUCED MOTION ── */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
  }
}