/* global.css — estilos FIXOS de toda página interna: tokens, header, footer,
   breadcrumb, botões, hero, CTA e FAQ. Use junto com o CSS específico da tela. */

:root{
  --primary:#6B8E7A;--primary-dark:#4e6e5d;--primary-light:#c2d8cc;--bg:#fff;--bg-soft:#F4F8F5;--bg-warm:#faf9f7;
  --text-primary:#1a1a1a;--text-secondary:#5a5a5a;--text-light:#888;--whatsapp:#25D366;--whatsapp-dark:#128C7E;--border:#D4E5DC;
  --radius:16px;--radius-lg:24px;--radius-pill:9999px;--shadow-sm:0 2px 8px rgba(0,0,0,.06);--shadow:0 4px 24px rgba(0,0,0,.08);
  --urgent:#b0573f;--font:'Nunito', 'Nunito-Fallback', -apple-system, BlinkMacSystemFont, sans-serif;--side-pad:clamp(20px, 5vw, 60px);--max-width:1160px;
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:var(--font);color:var(--text-primary);background:var(--bg);line-height:1.75;-webkit-font-smoothing:antialiased}
a{color:var(--primary-dark);text-decoration:none}
h1{font-weight:800;line-height:1.13;letter-spacing:-.02em}
h2{font-weight:700}
h3{font-weight:700}
.ic{width:1em;height:1em;vertical-align:-.12em}
.wrap{max-width:820px;margin:0 auto;padding-inline:var(--side-pad)}
.wrap-wide{max-width:1100px;margin:0 auto;padding-inline:var(--side-pad)}
section{padding:88px 0}

/* botões */
.btn{font-family:var(--font);display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:var(--radius-pill);font-size:15px;font-weight:700;cursor:pointer;border:none;text-decoration:none;transition:all .2s ease;white-space:nowrap;padding:15px 32px;min-height:52px;letter-spacing:.01em}
.btn svg{flex-shrink:0;width:20px;height:20px}
.btn-whatsapp{background:var(--whatsapp);color:#fff;box-shadow:0 4px 16px rgba(37,211,102,.30)}
.btn-whatsapp:hover{background:var(--whatsapp-dark);transform:translateY(-2px);box-shadow:0 8px 24px rgba(37,211,102,.40)}
.btn-lg{font-size:clamp(14px,3.5vw,16px);padding:16px clamp(20px,5vw,40px);min-height:52px}
.btn-ghost{background:transparent;color:var(--primary);border:2px solid var(--primary-light)}
.btn-ghost:hover{background:var(--bg-soft);border-color:var(--primary)}
.header-btn{padding:10px 22px;min-height:42px;font-size:14px}

/* header / footer */
.site-header{position:sticky;top:0;z-index:200;background:rgba(255,255,255,0.96);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}
.header-wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:16px;padding-bottom:16px}
.logo{display:flex;flex-direction:column;line-height:1.2;font-size:17px;font-weight:800;color:var(--primary-dark);letter-spacing:-.01em}
.logo span{font-size:11px;font-weight:500;color:var(--text-light);letter-spacing:.02em}
.header-nav{display:flex;gap:32px;align-items:center}
.header-nav a{font-size:14px;font-weight:500;color:var(--text-secondary);transition:color .15s}
.header-nav a:hover{color:var(--primary)}
.header-nav a.active{color:var(--primary-dark);font-weight:700}
.container{width:100%;max-width:var(--max-width);margin:0 auto;padding-inline:var(--side-pad)}
.site-footer{background:#131e17;padding:56px 0 32px;color:rgba(255,255,255,0.65)}
.footer-grid{display:grid;grid-template-columns:1fr;gap:40px;margin-bottom:48px}
@media(min-width:640px){.footer-grid{grid-template-columns:1.6fr 1fr 1fr;gap:32px}}
.footer-logo{color:#A8C3B0;font-size:18px;font-weight:800}
.footer-logo span{display:block;font-size:11px;font-weight:400;color:rgba(255,255,255,0.4);margin-top:2px}
.footer-desc{font-size:14px;color:rgba(255,255,255,0.50);line-height:1.7;margin-top:14px}
.footer-col h3,.footer-col h4{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,0.90);margin-bottom:16px}
.footer-col ul{display:flex;flex-direction:column;gap:10px;list-style:none}
.footer-col li{font-size:14px}
.footer-col a{color:rgba(255,255,255,0.55);transition:color .15s}
.footer-col a:hover{color:#A8C3B0}
.footer-bottom{border-top:1px solid rgba(255,255,255,0.08);padding-top:24px;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;text-align:center;font-size:13px;color:rgba(255,255,255,0.30)}
.footer-bottom a{color:rgba(255,255,255,0.45)}

/* breadcrumb — discreto e padronizado em TODAS as telas */
.crumb{font-size:.72rem;color:var(--text-light);margin-bottom:18px;font-weight:500;letter-spacing:.01em}
.crumb a{color:var(--text-light)}
.crumb a:hover{color:var(--primary-dark)}

/* hero (blog index + especialidade) */
.hero{background:linear-gradient(180deg,#f8fbf9,#f2f7f4);padding:64px 0 48px}
.hero .eyebrow{font-size:.76rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--primary-dark);margin-bottom:12px}
.hero h1{font-size:clamp(30px,4.5vw,52px);margin-bottom:14px}
.hero p:not(.crumb){font-size:1.12rem;color:var(--text-secondary);max-width:60ch;margin-bottom:24px}

/* CTA */
.cta{background:linear-gradient(135deg,var(--primary-dark),#3a5a49);color:#fff;border-radius:var(--radius-lg);padding:36px 30px;text-align:center;margin:40px 0}
.cta h2,.cta h3{color:#fff;font-size:1.45rem;margin-bottom:10px}
.cta p{color:rgba(255,255,255,.85);margin-bottom:20px}

/* FAQ */
.faq{margin:42px 0}
.faq h2{font-size:1.5rem;font-weight:700;margin-bottom:16px}
.faq-item{border-bottom:1px solid var(--border)}
.faq-item:first-of-type{border-top:1px solid var(--border)}
.faq-btn{width:100%;background:none;border:none;cursor:pointer;padding:22px 0;display:flex;justify-content:space-between;align-items:center;gap:20px;text-align:left;font-size:16px;font-weight:600;color:var(--text-primary);transition:color .15s;font-family:inherit}
.faq-btn:hover{color:var(--primary)}
.faq-btn-icon{flex-shrink:0;width:28px;height:28px;border-radius:50%;background:var(--bg-soft);color:var(--primary);display:flex;align-items:center;justify-content:center;transition:transform .25s ease,background .2s,color .2s}
.faq-btn-icon svg{width:14px;height:14px}
.faq-item.open .faq-btn-icon{transform:rotate(45deg);background:var(--primary);color:#fff}
.faq-body{max-height:0;overflow:hidden;transition:max-height .32s ease}
.faq-item.open .faq-body{max-height:600px}
.faq-body p{font-size:15px;line-height:1.75;color:var(--text-secondary);padding-bottom:22px}

@media(max-width:767px){.header-nav{gap:18px}.header-nav a{padding-block:12px}.header-nav a:not(.nav-primary){display:none}.header-btn{display:none}}

/* ícone WhatsApp em todos os botões (identidade igual à home) */
.btn-whatsapp::before{content:"";width:20px;height:20px;flex-shrink:0;background:no-repeat center/contain url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%23ffffff%22%3E%3Cpath%20d%3D%22M17.472%2014.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94%201.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198%200-.52.074-.792.372-.272.297-1.04%201.016-1.04%202.479%200%201.462%201.065%202.875%201.213%203.074.149.198%202.096%203.2%205.077%204.487.709.306%201.262.489%201.694.625.712.227%201.36.195%201.871.118.571-.085%201.758-.719%202.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421%207.403h-.004a9.87%209.87%200%2001-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86%209.86%200%2001-1.51-5.26c.001-5.45%204.436-9.884%209.888-9.884%202.64%200%205.122%201.03%206.988%202.898a9.825%209.825%200%20012.893%206.994c-.003%205.45-4.437%209.884-9.885%209.884m8.413-18.297A11.815%2011.815%200%200012.05%200C5.495%200%20.16%205.335.157%2011.892c0%202.096.547%204.142%201.588%205.945L.057%2024l6.305-1.654a11.882%2011.882%200%20005.683%201.448h.005c6.554%200%2011.89-5.335%2011.893-11.893a11.821%2011.821%200%2000-3.48-8.413z%22%2F%3E%3C%2Fsvg%3E")}

.section-pt0{padding-top:0}
.footer-col .muted{opacity:.6}

/* botão flutuante de WhatsApp (igual à home) */
.wpp-float{position:fixed;bottom:28px;right:24px;z-index:999;width:62px;height:62px;border-radius:50%;background:var(--whatsapp);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px rgba(37,211,102,0.50);transition:transform .2s,box-shadow .2s}
.wpp-float:hover{transform:scale(1.1);box-shadow:0 8px 32px rgba(37,211,102,0.55)}
.wpp-float svg{width:32px;height:32px}

.wpp-float{transition:transform .2s,box-shadow .2s,opacity .25s,visibility .25s}
.wpp-float.wpp-hidden{opacity:0;visibility:hidden;transform:scale(.6) translateY(10px);pointer-events:none}
/* Menu mobile (hamburger) */
.nav-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;padding:9px;background:none;border:0;cursor:pointer;border-radius:8px;flex-shrink:0}
.nav-toggle span{display:block;height:2px;width:100%;background:var(--primary-dark);border-radius:2px;transition:transform .25s,opacity .2s}
.nav-toggle.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-toggle.is-open span:nth-child(2){opacity:0}
.nav-toggle.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media(max-width:767px){
  .nav-toggle{display:flex}
  .site-header .header-nav{position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:#fff;border-bottom:1px solid var(--border);padding:6px 0;display:none;box-shadow:0 12px 30px rgba(0,0,0,.10);z-index:200}
  .site-header .header-nav.nav-open{display:flex}
  .site-header .header-nav a,.site-header .header-nav a:not(.nav-primary){display:block;padding:14px 24px}
}