/* assets/tpl-post.css — gerado em 02/10/2026: CSS inline identico presente em TODAS as 62 paginas do template 'post'.
   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 { padding-top:24px; font-size:13px; color:var(--ink-60); }
.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; }
.post-hero { background:var(--cream); padding:120px 0 60px; position:relative; }
.post-hero .eyebrow { color:var(--orange-text); margin-bottom:18px; }
.post-hero h1 { font-family:var(--font-display); font-size:clamp(36px,5vw,68px); font-weight:500; line-height:1.04; letter-spacing:-0.03em; color:var(--navy); max-width:22ch; margin:0 0 28px; }
.post-hero h1 em { font-family:var(--font-serif); font-style:italic; font-weight:400; color:var(--orange-600); }
.post-hero .lead { font-family:var(--font-serif); font-weight:300; font-size:clamp(20px,2.2vw,26px); line-height:1.45; color:var(--ink-60); max-width:58ch; margin:0 0 40px; }
.post-meta-row { display:flex; flex-wrap:wrap; align-items:center; gap:24px; padding:28px 0; border-top:1px solid var(--ink-08); border-bottom:1px solid var(--ink-08); font-family:var(--font-display); font-size:13px; color:var(--ink-60); letter-spacing:0.01em; }
.post-meta-row .author { display:flex; align-items:center; gap:12px; }
.post-meta-row .avatar { width:42px; height:42px; object-fit:contain; flex-shrink:0; display:block; }
.post-meta-row .author b { display:block; color:var(--navy); font-weight:500; font-size:14px; margin-bottom:2px; }
.post-meta-row .sep { color:var(--ink-15); }
.post-cover { background:var(--bone); padding:60px 0; }
.post-body { max-width:720px; margin:0 auto; font-family:var(--font-body); color:var(--ink); font-size:18px; line-height:1.75; }
.post-body a { color:var(--orange); text-decoration:underline; text-underline-offset:3px; text-decoration-thickness:1px; }
.post-body a:hover { text-decoration-thickness:2px; }
.post-body strong, .post-body b { color:var(--navy); font-weight:600; }
.post-body ul, .post-body ol { margin:0 0 26px; padding-left:24px; }
.post-body li { margin:0 0 10px; }
.post-body li::marker { color:var(--orange); }
.svc-final { padding:100px 0; background:linear-gradient(135deg,var(--orange) 0%,var(--orange-600) 100%); color: var(--navy); text-align:center; position:relative; overflow:hidden; }
.btn-wa { display:inline-flex; align-items:center; gap:12px; background:white; color:var(--orange-text); font-weight:500; font-size:15px; padding:15px 24px; border-radius:100px; transition:all 0.3s var(--ease); text-decoration:none; }
.btn-wa:hover { background:rgba(255,255,255,0.92); transform:translateY(-1px); }
.btn-wa svg { width:18px; height:18px; }
.btn-secondary { display:inline-flex; align-items:center; gap:10px; background:transparent; color:white; font-weight:500; font-size:14px; padding:14px 22px; border-radius:100px; border:1px solid rgba(255,255,255,0.35); transition:all 0.3s var(--ease); text-decoration:none; }
.btn-secondary:hover { border-color:white; background:rgba(255,255,255,0.08); }
.wa-float svg { width:28px; height:28px; }