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

.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; }
.lp-hero { padding:120px 0 70px; background:var(--cream); }
.lp-hero .container { max-width:1100px; margin:0 auto; padding:0 40px; }
.lp-hero .eyebrow { color:var(--orange-text); font-family:var(--font-display); font-size:11px; font-weight:500; letter-spacing:0.22em; text-transform:uppercase; margin-bottom:18px; display:inline-block; }
.lp-hero h1 em { font-family:var(--font-serif); font-style:italic; font-weight:400; color:var(--orange-600); }
.lp-hero .lede { font-size:17.5px; line-height:1.6; color:var(--ink-60); max-width:62ch; margin:0 0 28px; }
.lp-hero .lede b { color:var(--navy); font-weight:500; }
.lp-hero-actions { display:flex; gap:12px; flex-wrap:wrap; }
.btn-wa { display:inline-flex; align-items:center; gap:12px; background:var(--orange); color:white; 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:var(--orange-600); transform:translateY(-1px); }
.btn-wa svg { width:18px; height:18px; }
.btn-secondary { display:inline-flex; align-items:center; gap:10px; color:var(--navy); font-weight:500; font-size:14px; padding:14px 22px; border-radius:100px; border:1px solid var(--ink-15); transition:all 0.3s var(--ease); text-decoration:none; }
.btn-secondary:hover { border-color:var(--orange); color:var(--orange); }
.lp-section { padding:90px 0; background:var(--bone); }
.lp-section.alt { background:var(--cream); }
.lp-section .container { max-width:880px; margin:0 auto; padding:0 40px; }
.lp-section .eyebrow { color:var(--orange-text); margin-bottom:14px; display:inline-block; font-family:var(--font-display); font-size:11px; font-weight:500; letter-spacing:0.22em; text-transform:uppercase; }
.lp-section h2 { font-family:var(--font-display); font-size:clamp(28px,3.4vw,44px); font-weight:500; letter-spacing:-0.02em; line-height:1.08; color:var(--navy); margin:0 0 28px; max-width:22ch; }
.lp-section h2 em { font-family:var(--font-serif); font-style:italic; font-weight:400; color:var(--orange-600); }
.lp-section h3 { font-family:var(--font-display); font-size:clamp(20px,2vw,26px); font-weight:500; letter-spacing:-0.01em; line-height:1.2; color:var(--navy); margin:36px 0 14px; }
.lp-section p { font-size:16.5px; line-height:1.7; color:var(--ink); margin:0 0 18px; max-width:70ch; }
.lp-section p b { color:var(--navy); font-weight:600; }
.lp-section a { color:var(--orange); text-decoration:underline; text-underline-offset:3px; }
.lp-section a:hover { color:var(--orange-600); }
.faq-list { display:flex; flex-direction:column; max-width:880px; }
.faq-item { border-top:1px solid var(--ink-15); padding:4px 0; }
.faq-item:last-child { border-bottom:1px solid var(--ink-15); }
.faq-item summary { display:flex; justify-content:space-between; align-items:center; gap:16px; padding:20px 0; cursor:pointer; list-style:none; font-family:var(--font-display); font-size:clamp(16px,1.6vw,18px); font-weight:500; color:var(--navy); }
.faq-item summary::-webkit-details-marker { display:none; }
.faq-item summary .plus { color:var(--orange); font-size:22px; font-weight:400; transition:transform 0.3s var(--ease); }
.faq-item[open] summary .plus { transform:rotate(45deg); }
.faq-item .answer { padding:0 0 20px; color:var(--ink-60); line-height:1.7; font-size:15.5px; max-width:70ch; }
.svc-final { padding:100px 0; background:var(--navy); color:var(--bone); text-align:center; }
.svc-final .container { max-width:800px; margin:0 auto; padding:0 40px; }
.svc-final h2 { font-family:var(--font-display); font-size:clamp(32px,4vw,52px); font-weight:500; letter-spacing:-0.02em; color:white; margin:0 0 20px; }
.svc-final p { font-size:16.5px; color:rgba(255,251,245,0.75); margin:0 0 32px; }
.svc-final-actions { display:flex; gap:12px; flex-wrap:wrap; justify-content:center; }
.svc-final .btn-secondary { color:rgba(255,251,245,0.95); border-color:rgba(255,251,245,0.3); }
.svc-final .btn-secondary:hover { border-color:white; color:white; background:rgba(255,255,255,0.06); }