/* assets/tpl-svc.css — gerado em 02/10/2026: CSS inline identico presente em TODAS as 27 paginas do template 'svc'.
   Carregado DEPOIS de styles.css e ANTES do <style> da pagina. Regenerar com scratchpad/onda3_tpl_css.py. */

:root { --green:#2E7D5B; --green-50:#ECFDF5; }
.breadcrumb ol { list-style:none; display:flex; flex-wrap:wrap; gap:8px; padding:0; margin:0; align-items:center; }
.breadcrumb li { display:flex; align-items:center; gap:8px; }
.breadcrumb li + li::before { content:"/"; color:var(--ink-40); }
.breadcrumb a { color:var(--ink-60); }
.breadcrumb a:hover { color:var(--orange); }
.breadcrumb [aria-current="page"] { color:var(--ink); font-weight:500; }
.svc-hero { position:relative; margin-top:-76px; background:#0a0a0c; overflow:hidden; }
.svc-hero-media { position:absolute; inset:0; z-index:1; }
.svc-hero-hud { position:absolute; top:0; left:0; right:0; z-index:4; padding:calc(76px + 24px) 36px 28px; display:flex; align-items:flex-start; justify-content:space-between; gap:40px; color:#FFFBF5; }
.svc-hero-eyebrow { display:inline-flex; align-items:center; gap:10px; font-size:11px; font-weight:500; letter-spacing:0.22em; text-transform:uppercase; color:rgba(255,251,245,0.85); font-family:var(--font-display); }
.svc-hero-eyebrow .dot { width:6px; height:6px; border-radius:50%; background:var(--orange); box-shadow:0 0 0 4px rgba(232,119,34,0.2); }
.svc-hero-metrics { display:flex; gap:28px; align-items:flex-start; }
.svc-hero-metric { font-family:var(--font-display); font-variant-numeric:tabular-nums; text-align:right; line-height:1; }
.svc-hero-metric .v { font-size:16px; color:#FFFBF5; font-weight:500; }
.svc-hero-lockup { position:absolute; left:0; right:0; bottom:0; z-index:4; padding:0 40px 52px; display:grid; grid-template-columns:1.15fr 1fr; gap:56px; align-items:end; color:#FFFBF5; }
.svc-hero-byline::before { content:""; width:28px; height:1px; background:rgba(255,251,245,0.35); }
.svc-hero-byline b { color:#FFFBF5; font-weight:500; }
.svc-hero h1 em { font-family:var(--font-serif); font-style:italic; font-weight:400; color:var(--orange); letter-spacing:-0.02em; }
.svc-hero-sidecopy p b { color:#FFFBF5; font-weight:500; }
.svc-hero-actions { display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.btn-wa:hover { background:var(--orange-600); transform:translateY(-1px); }
.btn-wa svg { width:18px; height:18px; }
.btn-secondary:hover { border-color:#FFFBF5; background:rgba(255,251,245,0.08); }
.svc-final .btn-wa { background:white; color:var(--orange-text); }