/* =========================================================
   PREVINE — CAMADA EDITORIAL
   Sobreposição ao estilo base para dar um acabamento mais
   editorial, artesanal, no espírito do site da DVISION:
   menos "bolha de ícone colorida com sombra", mais traço
   fino, numeração tipográfica e tipografia com respiração.
   Este ficheiro é carregado DEPOIS do <style> de cada página,
   por isso as regras aqui têm prioridade sem precisar de
   !important.
   ========================================================= */

:root {
  --radius: 3px;
  --shadow: 0 1px 0 rgba(36, 49, 62, .07);
  --shadow-lg: 0 1px 0 rgba(36, 49, 62, .09);
  --hairline: rgba(36, 49, 62, .14);
  --hairline-light: rgba(255, 255, 255, .16);
}

/* ---------- Textura de grão subtil (sensação de papel/mão) ---------- */
body {
  position: relative;
}
body::before {
  content: '';
  position: fixed;
  inset: 0;
  z-index: 2147483000;
  pointer-events: none;
  mix-blend-mode: multiply;
  opacity: .5;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.035'/%3E%3C/svg%3E");
}

/* ---------- Tipografia com mais respiração editorial ---------- */
h1, h2, .section-title { letter-spacing: -0.02em; }
.hero h1 { letter-spacing: -0.025em; }
.founder-quotes p { letter-spacing: -0.005em; }

/* ---------- Rótulo de secção — estilo "eyebrow" editorial ---------- */
.section-label {
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: .72rem;
  text-transform: uppercase;
  letter-spacing: .16em;
  color: var(--red);
}
.founder-sec .section-label,
.urgency-sec .section-label,
.stories .section-label { color: var(--green); }
.section-label::before { opacity: .85; }

/* ---------- Navegação — sublinhado fino ao estilo DVISION ---------- */
.nav-links a:not(.nav-cta) { position: relative; }
.nav-links a:not(.nav-cta)::after {
  content: '';
  position: absolute;
  left: 0; bottom: -5px;
  width: 0; height: 1px;
  background: currentColor;
  transition: width .25s ease;
}
.nav-links a:not(.nav-cta):hover::after { width: 100%; }

/* ---------- Botões — sem "brilho" de template, traço mais firme ---------- */
.btn-red, .btn-red-sm {
  box-shadow: none;
  border: 1px solid var(--red);
}
.btn-red:hover, .btn-red-sm:hover { box-shadow: none; transform: none; }
.btn-outline:hover { transform: none; }
.btn-dark { box-shadow: none; }

/* ---------- Cartões — de "sombra difusa" para linha fina editorial ---------- */
.prog-card, .story-card, .urgency-card,
.case-card, .proof-card, .journey-item, .kit-card,
.inline-cta-bar {
  box-shadow: none;
  border: 1px solid var(--hairline);
}
.urgency-card { border-color: var(--hairline-light); background: rgba(255,255,255,.03); }
.prog-card:hover, .kit-card:hover, .journey-item:hover {
  box-shadow: none;
  transform: none;
  border-color: var(--red);
}

.photo-badge, .founder-photo-tag, .founder-photo-wrap img {
  box-shadow: none;
  border: 1px solid var(--hairline);
}

/* ---------- Ícones em círculo colorido → numeração tipográfica ---------- */
.urgency-grid { counter-reset: urg; }
.urgency-card { counter-increment: urg; }
.urgency-card i { display: none; }
.urgency-card::before {
  content: counter(urg, decimal-leading-zero);
  display: block;
  font-family: 'DM Serif Display', Georgia, serif;
  font-size: .85rem;
  letter-spacing: .1em;
  color: rgba(255,255,255,.45);
  margin-bottom: 14px;
}

.values-grid { counter-reset: val; }
.value-card { counter-increment: val; }
.value-icon {
  background: transparent;
  border: 1px solid var(--hairline);
  border-radius: 0;
  color: var(--red);
}
.value-icon i { display: none; }
.value-icon::before {
  content: counter(val, decimal-leading-zero);
  font-family: 'DM Serif Display', Georgia, serif;
  font-size: .95rem;
}

.programs-grid { counter-reset: prog; }
.prog-card { counter-increment: prog; position: relative; }
.prog-ico {
  background: transparent;
  border: 1px solid var(--hairline);
  border-radius: 0;
  color: var(--red);
  display: none;
}
.prog-card::before {
  content: counter(prog, decimal-leading-zero);
  display: block;
  font-family: 'DM Serif Display', Georgia, serif;
  font-size: .8rem;
  letter-spacing: .1em;
  color: var(--text-light);
  margin-bottom: 16px;
}

.kits-grid { counter-reset: kico; }
.kit-card .icon-badge {
  background: transparent;
  border: 1px solid var(--hairline);
  border-radius: 0;
  color: var(--red);
  counter-increment: kico;
}
.kit-card .icon-badge i { display: none; }
.kit-card .icon-badge::before {
  content: counter(kico, decimal-leading-zero);
  font-family: 'DM Serif Display', Georgia, serif;
  font-size: .95rem;
}

/* ---------- Citações / apontamentos manuscritos ---------- */
.story-quote, .founder-quote-mark { opacity: .85; }
.case-card .case-tag, .kit-tag { border-radius: 2px; }