/* ==========================================================================
   Laborana — novo layout (2026)
   Design system herdado do rascunho aprovado em jul/2026 (grafite + laranja,
   Inter). Todas as classes usam o prefixo .lb- para não colidir com o
   Bootstrap 4 e o custom.css, que continuam ativos nas páginas internas.
   ========================================================================== */

:root{
  --lb-graphite-900:#15181b;
  --lb-graphite-800:#202428;
  --lb-graphite-700:#2c3136;
  --lb-orange:#f28b22;
  --lb-orange-dark:#d97815;
  --lb-orange-soft:rgba(242,139,34,.12);
  --lb-ink:#181c1f;
  --lb-muted:#5c6368;
  --lb-muted-2:#80888d;
  --lb-line:#e4e6e8;
  --lb-bg-alt:#f5f6f7;
  --lb-on-dark:#d6dde2;
  --lb-on-dark-muted:#a3afb7;
  --lb-on-dark-faint:#7f8b93;
  --lb-green:#25d366;
  --lb-r-sm:8px;
  --lb-r-md:14px;
  --lb-r-lg:22px;
  --lb-shadow-sm:0 4px 14px rgba(16,20,24,.07);
  --lb-shadow-md:0 16px 36px rgba(16,20,24,.10);
  --lb-shadow-lg:0 30px 64px rgba(16,20,24,.20);
  --lb-ease:cubic-bezier(.4,0,.2,1);
  --lb-font:'Inter',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;
}

/* Base global (vale também para as páginas internas) */
body.lb{font-family:var(--lb-font);color:var(--lb-ink);background:#fff;-webkit-font-smoothing:antialiased;padding-top:0!important}
body.lb ::selection{background:var(--lb-orange);color:#fff}
.lb-wrap{max-width:1240px;margin:0 auto;padding:0 20px}
.lb-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.lb a:focus-visible,.lb input:focus-visible,.lb button:focus-visible,.lb select:focus-visible{outline:2px solid var(--lb-orange);outline-offset:3px}

/* Botões */
.lb-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,var(--lb-orange),var(--lb-orange-dark));color:#fff!important;padding:14px 26px;border:0;border-radius:999px;font:800 14px/1.2 var(--lb-font);letter-spacing:.2px;text-decoration:none!important;box-shadow:0 8px 16px rgba(242,139,34,.26);transition:transform .2s,box-shadow .2s;cursor:pointer}
.lb-btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(242,139,34,.32)}
.lb-btn-sm{padding:10px 18px;font-size:13px}
.lb-btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:transparent;color:#fff!important;border:1.5px solid rgba(255,255,255,.4);padding:13px 24px;border-radius:999px;font:800 14px/1.2 var(--lb-font);text-decoration:none!important;transition:border-color .2s,background .2s}
.lb-btn-ghost:hover{border-color:#fff;background:rgba(255,255,255,.1)}
.lb-btn-line{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#fff;color:var(--lb-ink)!important;border:1.5px solid var(--lb-line);padding:13px 24px;border-radius:999px;font:800 14px/1.2 var(--lb-font);text-decoration:none!important;transition:border-color .2s,color .2s}
.lb-btn-line:hover{border-color:var(--lb-orange);color:var(--lb-orange-dark)!important}
.lb-btn-wa{background:var(--lb-green);box-shadow:0 8px 16px rgba(37,211,102,.28)}
.lb-btn-wa:hover{box-shadow:0 10px 20px rgba(37,211,102,.36)}
.lb-arrow:after{content:"→";font-weight:900;transition:transform .2s var(--lb-ease)}
.lb-arrow:hover:after{transform:translateX(4px)}

/* ---------- Topbar ---------- */
.lb-topbar{background:var(--lb-graphite-900);color:var(--lb-on-dark);font:500 12.5px/1 var(--lb-font);letter-spacing:.2px}
.lb-topbar .lb-wrap{display:flex;justify-content:space-between;align-items:center;min-height:36px;gap:16px}
.lb-topbar nav{display:flex;gap:22px}
.lb-topbar a{color:var(--lb-on-dark)!important;text-decoration:none!important;transition:color .2s}
.lb-topbar a:hover{color:var(--lb-orange)!important}
.lb-topbar-right{display:flex;align-items:center;gap:18px}
.lb-topbar-hours{color:var(--lb-on-dark-faint)}
.lb-quote-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.08);padding:6px 12px;border-radius:999px;font-weight:700}
.lb-quote-badge b{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--lb-orange);color:#fff;font-size:11px}

/* ---------- Header ---------- */
.lb-header{background:#fff;border-bottom:1px solid var(--lb-line);position:relative;z-index:30}
.lb-header:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;background:linear-gradient(90deg,var(--lb-orange-dark),var(--lb-orange),var(--lb-orange-dark))}
.lb-header .lb-wrap{min-height:100px;display:flex;align-items:center;gap:28px}
.lb-logo{display:flex;align-items:center;gap:14px;flex:none}
.lb-logo img.lb-logo-img{display:block;width:220px;height:auto}
.lb-logo img.lb-seal{display:block;width:54px;height:auto;filter:drop-shadow(0 4px 10px rgba(0,0,0,.15))}
.lb-search{flex:1;position:relative;display:flex;max-width:560px;margin:0}
.lb-search input{width:100%;padding:14px 120px 14px 44px;border:1.5px solid var(--lb-line);border-radius:999px;font:400 14px var(--lb-font);background:var(--lb-bg-alt);color:var(--lb-ink);transition:border-color .2s,background .2s}
.lb-search input:focus{outline:none;border-color:var(--lb-orange);background:#fff}
.lb-search svg{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:17px;height:17px;opacity:.5;pointer-events:none}
.lb-search button{position:absolute;right:5px;top:5px;bottom:5px;border:0;border-radius:999px;padding:0 18px;background:var(--lb-graphite-800);color:#fff;font:700 12.5px var(--lb-font);cursor:pointer;transition:background .2s}
.lb-search button:hover{background:var(--lb-orange-dark)}
.lb-header-contact{margin-left:auto;display:flex;align-items:center;gap:16px;flex:none}
.lb-phone{text-align:right;line-height:1.35;text-decoration:none!important}
.lb-phone small{display:block;font:600 11.5px var(--lb-font);color:var(--lb-muted);text-transform:uppercase;letter-spacing:.6px}
.lb-phone strong{display:block;font:800 19px var(--lb-font);color:var(--lb-ink);letter-spacing:-.2px}

/* ---------- Nav ---------- */
.lb-nav{background:var(--lb-graphite-800);position:sticky;top:0;z-index:25;box-shadow:0 2px 18px rgba(0,0,0,.2)}
.lb-nav .lb-wrap{display:flex;justify-content:center;position:relative}
.lb-menu-toggle{display:none;width:100%;align-items:center;justify-content:space-between;padding:15px 0;background:transparent;border:0;color:#fff;font:800 13px/1 var(--lb-font);letter-spacing:.5px;text-transform:uppercase;cursor:pointer}
.lb-menu-toggle i{position:relative;width:24px;height:16px;border-top:2px solid currentColor;border-bottom:2px solid currentColor}
.lb-menu-toggle i:after{content:"";position:absolute;left:0;right:0;top:5px;border-top:2px solid currentColor}
.lb-menu{margin:0;padding:0;list-style:none;display:flex;align-items:center}
.lb-menu>li{position:relative}
.lb-menu>li.lb-mega-parent{position:static}
.lb-menu>li>a{position:relative;display:flex;white-space:nowrap;align-items:center;gap:6px;padding:18px 15px;font:700 12.5px/1 var(--lb-font);letter-spacing:.4px;text-transform:uppercase;color:var(--lb-on-dark)!important;text-decoration:none!important;transition:background .2s,color .2s}
.lb-menu>li>a:after{content:"";position:absolute;left:15px;right:15px;bottom:10px;height:2px;background:var(--lb-orange);transform:scaleX(0);transition:transform .25s}
.lb-menu>li.lb-has-sub>a:before{content:"";order:2;width:6px;height:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);opacity:.7}
.lb-menu>li:hover>a,.lb-menu>li.lb-current>a{background:rgba(255,255,255,.08);color:#fff!important}
.lb-menu>li:hover>a:after,.lb-menu>li.lb-current>a:after{transform:scaleX(1)}
.lb-menu>li.lb-highlight>a{color:#ffc58a!important}

.lb-drop,.lb-mega{opacity:0;visibility:hidden;position:absolute;top:100%;transform:translateY(8px);transition:opacity .2s,transform .2s,visibility .2s;background:#fff;color:var(--lb-ink);box-shadow:var(--lb-shadow-lg);border-top:3px solid var(--lb-orange);z-index:40}
.lb-drop{left:0;min-width:290px;border-radius:0 0 var(--lb-r-md) var(--lb-r-md);padding:8px}
.lb-mega{left:20px;right:20px;border-radius:0 0 var(--lb-r-lg) var(--lb-r-lg);padding:30px}
.lb-menu>li:hover .lb-drop,.lb-menu>li:focus-within .lb-drop,
.lb-menu>li:hover .lb-mega,.lb-menu>li:focus-within .lb-mega{opacity:1;visibility:visible;transform:translateY(0)}
.lb-drop a{display:block;padding:11px 14px;border-radius:var(--lb-r-sm);font:500 14px var(--lb-font);color:var(--lb-ink)!important;text-decoration:none!important;transition:background .15s,color .15s,padding-left .15s}
.lb-drop a:hover{background:var(--lb-bg-alt);color:var(--lb-orange-dark)!important;padding-left:18px}
.lb-mega-grid{display:grid;grid-template-columns:repeat(4,1fr) 250px;gap:28px}
.lb-mega-col{padding-right:20px;border-right:1px solid var(--lb-line)}
.lb-mega h4{margin:0 0 10px;font:800 12px var(--lb-font);letter-spacing:.5px;text-transform:uppercase;color:var(--lb-orange-dark)}
.lb-mega h4 a{padding:0!important;color:inherit!important}
.lb-mega a{display:block;padding:7px 0;font:500 14px var(--lb-font);color:var(--lb-ink)!important;text-decoration:none!important;transition:color .15s,transform .15s}
.lb-mega a:hover{color:var(--lb-orange-dark)!important;transform:translateX(3px)}
.lb-mega-cta{background:var(--lb-bg-alt);padding:22px;border-radius:var(--lb-r-md);border:1px solid var(--lb-line);display:flex;flex-direction:column}
.lb-mega-cta strong{display:block;font:800 15px var(--lb-font);margin-bottom:8px}
.lb-mega-cta p{margin:0 0 16px;font-size:13px;color:var(--lb-muted);line-height:1.55}
.lb-mega-cta .lb-btn{margin-top:auto;padding:12px 16px;font-size:13px}
.lb-mega-cta .lb-btn:hover{transform:none}

/* ---------- Aviso (CMS) ---------- */
.lb-aviso{background:#fff7ee;border-bottom:1px solid #f7d9b7;font-size:14px}
.lb-aviso .lb-wrap{display:flex;gap:16px;align-items:center;padding-top:12px;padding-bottom:12px}
.lb-aviso p{margin:0}
.lb-aviso button{margin-left:auto;border:0;background:none;font-size:20px;line-height:1;cursor:pointer;color:var(--lb-muted)}

/* ---------- Seções ---------- */
.lb-section{padding:80px 0}
.lb-section.lb-alt{background:var(--lb-bg-alt)}
.lb-section.lb-tight{padding:56px 0}
.lb-head{text-align:center;max-width:680px;margin:0 auto 40px}
.lb-head h2{margin:0 0 10px;font:800 32px/1.2 var(--lb-font);letter-spacing:-.5px;color:var(--lb-ink)}
.lb-head p{margin:0;color:var(--lb-muted);font-size:15.5px;line-height:1.6}
.lb-eyebrow{display:inline-block;font:800 12px var(--lb-font);letter-spacing:1.2px;text-transform:uppercase;color:var(--lb-orange-dark);background:var(--lb-orange-soft);padding:6px 14px;border-radius:999px;margin-bottom:14px}
.lb-more{text-align:center;margin-top:36px}

/* Hero */
.lb-hero{position:relative;background:var(--lb-graphite-900) url('/img/novo/hero.jpg') right center/cover no-repeat;color:#fff;overflow:hidden}
.lb-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(16,20,24,.97) 0%,rgba(16,20,24,.9) 42%,rgba(16,20,24,.45) 72%,rgba(16,20,24,.25) 100%)}
.lb-hero .lb-wrap{position:relative;z-index:1;padding-top:88px;padding-bottom:88px}
.lb-hero-copy{max-width:620px}
.lb-hero .lb-eyebrow{background:rgba(255,255,255,.1);color:#ffd7ac}
.lb-hero h1{margin:6px 0 18px;font:800 46px/1.08 var(--lb-font);letter-spacing:-1.2px;color:#fff}
.lb-hero h1 em{font-style:normal;color:var(--lb-orange)}
.lb-hero p{margin:0 0 30px;font-size:17px;line-height:1.65;color:var(--lb-on-dark)}
.lb-hero-actions{display:flex;flex-wrap:wrap;gap:14px}
.lb-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:56px;max-width:860px;border-top:1px solid rgba(255,255,255,.14);padding-top:28px}
.lb-stats div{padding-right:20px}
.lb-stats strong{display:block;font:800 30px/1 var(--lb-font);color:#fff;letter-spacing:-.5px}
.lb-stats span{display:block;margin-top:8px;font-size:13px;color:var(--lb-on-dark-muted);line-height:1.4}

/* Categorias */
.lb-cats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.lb-cat{display:flex;flex-direction:column;background:#fff;border:1px solid var(--lb-line);border-radius:var(--lb-r-md);padding:24px;box-shadow:var(--lb-shadow-sm);text-decoration:none!important;color:var(--lb-muted)!important;transition:transform .3s var(--lb-ease),box-shadow .3s var(--lb-ease),border-color .3s}
.lb-cat:hover{transform:translateY(-6px);box-shadow:var(--lb-shadow-md);border-color:transparent}
.lb-cat-ico{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:14px;background:var(--lb-orange-soft);font-size:24px;margin-bottom:16px;transition:background .25s,transform .25s}
.lb-cat:hover .lb-cat-ico{background:var(--lb-orange);transform:scale(1.06)}
.lb-cat b{display:block;color:var(--lb-ink);font:800 16px/1.3 var(--lb-font);margin-bottom:6px}
.lb-cat span{font-size:13.5px;line-height:1.55;flex:1}
.lb-cat em{margin-top:14px;font:800 13px var(--lb-font);font-style:normal;color:var(--lb-orange-dark)}

/* Busca guiada */
.lb-guide{display:grid;grid-template-columns:1fr 1.25fr;gap:48px;align-items:center}
.lb-guide-copy h2{margin:0 0 14px;font:800 32px/1.2 var(--lb-font);letter-spacing:-.5px}
.lb-guide-copy p{margin:0 0 20px;color:var(--lb-muted);line-height:1.7;font-size:15.5px}
.lb-guide-copy ul{margin:0;padding:0;list-style:none}
.lb-guide-copy li{display:flex;gap:10px;margin-bottom:10px;font-size:14.5px;color:var(--lb-ink)}
.lb-guide-copy li:before{content:"✓";color:var(--lb-orange-dark);font-weight:900}
.lb-guide-box{background:#fff;border:1px solid var(--lb-line);border-radius:var(--lb-r-lg);box-shadow:var(--lb-shadow-md);padding:30px}
.lb-guide-step{display:none}
.lb-guide-step.lb-on{display:block;animation:lb-fade .3s ease}
@keyframes lb-fade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.lb-guide-step h3{margin:0 0 6px;font:800 18px var(--lb-font)}
.lb-guide-step small{display:block;margin-bottom:18px;color:var(--lb-muted-2);font:700 12px var(--lb-font);text-transform:uppercase;letter-spacing:.6px}
.lb-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.lb-option{display:flex;align-items:center;gap:12px;text-align:left;width:100%;padding:14px 16px;border:1.5px solid var(--lb-line);border-radius:var(--lb-r-md);background:#fff;font:600 14px/1.35 var(--lb-font);color:var(--lb-ink);cursor:pointer;transition:border-color .15s,background .15s,transform .15s}
.lb-option:hover{border-color:var(--lb-orange);background:#fffaf4;transform:translateY(-2px)}
.lb-option i{font-style:normal;font-size:20px;flex:none}
.lb-guide-result{display:grid;gap:10px;margin-bottom:18px}
.lb-guide-result a{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-radius:var(--lb-r-md);background:var(--lb-bg-alt);border:1px solid var(--lb-line);font:700 14.5px var(--lb-font);color:var(--lb-ink)!important;text-decoration:none!important;transition:border-color .15s,color .15s}
.lb-guide-result a:hover{border-color:var(--lb-orange);color:var(--lb-orange-dark)!important}
.lb-guide-result a:after{content:"→";font-weight:900;color:var(--lb-orange-dark)}
.lb-guide-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.lb-guide-back{border:0;background:none;color:var(--lb-muted);font:700 13px var(--lb-font);cursor:pointer;padding:8px 0;margin-left:auto}
.lb-guide-back:hover{color:var(--lb-orange-dark)}

/* Consultoria (etapas) */
.lb-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;counter-reset:lbstep}
.lb-step{position:relative;background:#fff;border:1px solid var(--lb-line);border-radius:var(--lb-r-md);padding:28px 24px;box-shadow:var(--lb-shadow-sm)}
.lb-step:before{counter-increment:lbstep;content:counter(lbstep,decimal-leading-zero);display:block;font:900 30px/1 var(--lb-font);color:var(--lb-orange);margin-bottom:16px;letter-spacing:-1px}
.lb-step b{display:block;font:800 16px/1.3 var(--lb-font);margin-bottom:8px}
.lb-step p{margin:0;color:var(--lb-muted);font-size:14px;line-height:1.6}
.lb-steps-cta{display:flex;justify-content:center;flex-wrap:wrap;gap:14px;margin-top:36px}

/* Produtos (card padrão: include.lb-helpers.php → lb_card) */
.lb-products{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.lb-product{display:flex;flex-direction:column;background:#fff;border:1px solid var(--lb-line);border-radius:var(--lb-r-md);overflow:hidden;box-shadow:var(--lb-shadow-sm);transition:transform .25s,box-shadow .25s}
.lb-product:hover{transform:translateY(-4px);box-shadow:var(--lb-shadow-md)}
.lb-product-pic{display:flex;align-items:center;justify-content:center;height:200px;background:#fff;border-bottom:1px solid var(--lb-line)}
.lb-product-pic img{width:100%;height:100%;object-fit:contain;padding:16px;transition:transform .35s var(--lb-ease)}
.lb-product:hover .lb-product-pic img{transform:scale(1.04)}
.lb-product-body{display:flex;flex-direction:column;flex:1;padding:16px}
.lb-product-cat{font:700 11px var(--lb-font);letter-spacing:.5px;text-transform:uppercase;color:var(--lb-orange-dark);margin-bottom:6px}
.lb-product h3{margin:0 0 14px;font:700 14.5px/1.4 var(--lb-font);flex:1}
.lb-product h3 a{color:var(--lb-ink)!important;text-decoration:none!important}
.lb-product h3 a:hover{color:var(--lb-orange-dark)!important}
.lb-product-actions{display:flex;gap:8px}
.lb-card-more,.lb-card-add{display:inline-flex;align-items:center;justify-content:center;padding:10px 12px;border-radius:999px;font:800 12.5px/1 var(--lb-font);text-decoration:none!important;transition:background .2s,color .2s,border-color .2s;white-space:nowrap}
.lb-card-more{flex:1;background:var(--lb-graphite-800);color:#fff!important}
.lb-card-more:hover{background:var(--lb-orange-dark)}
.lb-card-add{border:1.5px solid var(--lb-line);color:var(--lb-ink)!important;background:#fff}
.lb-card-add:hover{border-color:var(--lb-orange);color:var(--lb-orange-dark)!important}
.lb-card-add.lb-in{border-color:#bfe8cf;background:#eefaf2;color:#17803d!important}

/* Banner câmera */
.lb-banner{background:linear-gradient(115deg,var(--lb-graphite-800),var(--lb-graphite-700));color:#fff;border-radius:var(--lb-r-lg);padding:48px;display:grid;grid-template-columns:1.3fr 1fr;gap:36px;align-items:center;box-shadow:var(--lb-shadow-md);overflow:hidden;position:relative}
.lb-banner:after{content:"";position:absolute;right:-90px;top:-90px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(242,139,34,.25),transparent 70%)}
.lb-banner h2{margin:0 0 12px;font:800 30px/1.2 var(--lb-font);color:#fff;letter-spacing:-.5px}
.lb-banner p{margin:0 0 24px;color:var(--lb-on-dark);line-height:1.65}
.lb-banner-list{display:grid;gap:10px;position:relative;z-index:1}
.lb-banner-list a{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-radius:var(--lb-r-md);background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);font:700 14.5px var(--lb-font);color:#fff!important;text-decoration:none!important;transition:background .2s,border-color .2s}
.lb-banner-list a:hover{background:rgba(242,139,34,.18);border-color:var(--lb-orange)}
.lb-banner-list a:after{content:"→";color:var(--lb-orange);font-weight:900}

/* Marcas e clientes */
.lb-logos{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.lb-logo-box{background:#fff;border:1px solid var(--lb-line);border-radius:var(--lb-r-md);height:120px;padding:24px;display:flex;align-items:center;justify-content:center;box-shadow:var(--lb-shadow-sm);transition:border-color .25s,box-shadow .25s,transform .25s}
.lb-logo-box img{max-width:100%;max-height:100%;object-fit:contain;filter:grayscale(1);opacity:.7;transition:filter .25s,opacity .25s}
.lb-logo-box:hover{border-color:var(--lb-orange);box-shadow:var(--lb-shadow-md);transform:translateY(-4px)}
.lb-logo-box:hover img{filter:grayscale(0);opacity:1}
.lb-clients{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.lb-client{background:#fff;border:1px solid var(--lb-line);border-radius:var(--lb-r-sm);height:86px;padding:14px;display:flex;align-items:center;justify-content:center}
.lb-client img{max-width:100%;max-height:100%;object-fit:contain;filter:grayscale(1);opacity:.65;transition:filter .2s,opacity .2s}
.lb-client:hover img{filter:none;opacity:1}

/* Sobre */
.lb-about{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center}
.lb-about h2{margin:0 0 16px;font:800 32px/1.2 var(--lb-font);letter-spacing:-.5px}
.lb-about p{margin:0 0 16px;color:var(--lb-muted);line-height:1.75;font-size:15.5px}
.lb-about img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--lb-r-lg);box-shadow:var(--lb-shadow-md)}

/* Blog */
.lb-blog{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.lb-post{display:flex;flex-direction:column;background:#fff;border:1px solid var(--lb-line);border-radius:var(--lb-r-md);overflow:hidden;box-shadow:var(--lb-shadow-sm);text-decoration:none!important;transition:transform .25s,box-shadow .25s}
.lb-post:hover{transform:translateY(-6px);box-shadow:var(--lb-shadow-md)}
.lb-post figure{margin:0;aspect-ratio:16/9;background:var(--lb-bg-alt);overflow:hidden}
.lb-post figure img{width:100%;height:100%;object-fit:cover;transition:transform .4s var(--lb-ease)}
.lb-post:hover figure img{transform:scale(1.04)}
.lb-post-body{padding:22px;display:flex;flex-direction:column;flex:1}
.lb-post-date{font:800 11.5px var(--lb-font);letter-spacing:.5px;text-transform:uppercase;color:var(--lb-orange-dark);margin-bottom:10px}
.lb-post h3{margin:0 0 10px;font:800 16px/1.4 var(--lb-font);color:var(--lb-ink)}
.lb-post p{margin:0 0 16px;font-size:13.5px;line-height:1.6;color:var(--lb-muted);flex:1}
.lb-post-link{font:800 13px var(--lb-font);color:var(--lb-orange-dark)}

/* CTA final */
.lb-cta{position:relative;background:var(--lb-graphite-900) url('/img/novo/cta.jpg') center/cover no-repeat;border-bottom:3px solid var(--lb-orange);overflow:hidden}
.lb-cta:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(16,20,24,.97) 0%,rgba(16,20,24,.88) 44%,rgba(16,20,24,.42) 72%,rgba(16,20,24,.2) 100%)}
.lb-cta .lb-wrap{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:36px;padding-top:64px;padding-bottom:64px}
.lb-cta .lb-eyebrow{background:rgba(255,255,255,.1);color:#ffd7ac}
.lb-cta h2{margin:6px 0 10px;font:800 30px/1.2 var(--lb-font);color:#fff;letter-spacing:-.5px}
.lb-cta p{margin:0;max-width:500px;color:var(--lb-on-dark-muted);font-size:15px;line-height:1.6}
.lb-cta-actions{display:flex;flex-wrap:wrap;gap:14px;flex:none}

/* ---------- Footer ---------- */
.lb-footer{background:var(--lb-graphite-900);color:var(--lb-on-dark);padding:64px 0 0;position:relative;overflow:hidden;font-family:var(--lb-font)}
.lb-footer:before{content:"";position:absolute;top:-120px;right:-120px;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(242,139,34,.14),transparent 70%);pointer-events:none}
.lb-footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.4fr;gap:40px;padding-bottom:52px;position:relative}
.lb-footer-brand img{width:190px;height:auto;margin-bottom:18px}
.lb-footer-brand p{color:var(--lb-on-dark-muted);font-size:13.5px;line-height:1.8;margin:0 0 22px;max-width:300px}
.lb-footer-social{display:flex;gap:12px}
.lb-footer-social a{display:flex!important;align-items:center;justify-content:center;width:42px;height:42px;margin:0!important;border-radius:50%;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.22);transition:background .25s,border-color .25s,transform .25s}
.lb-footer-social a:hover{background:var(--lb-orange);border-color:var(--lb-orange);transform:translateY(-4px)!important}
.lb-footer-social svg{width:18px;height:18px;fill:#fff}
.lb-footer h5{position:relative;color:#fff;font:800 12px var(--lb-font);letter-spacing:.8px;text-transform:uppercase;margin:0 0 22px;padding-bottom:14px}
.lb-footer h5:after{content:"";position:absolute;left:0;bottom:0;width:26px;height:2px;background:var(--lb-orange);border-radius:2px}
.lb-footer a{display:block;color:var(--lb-on-dark-muted)!important;margin:0 0 12px;font-size:13.5px;text-decoration:none!important;transition:color .2s,transform .2s}
.lb-footer a:hover{color:var(--lb-orange)!important;transform:translateX(3px)}
.lb-footer-line{color:var(--lb-on-dark-muted);font-size:13.5px;margin:0 0 12px;line-height:1.6}
.lb-footer-line strong{color:#fff}
.lb-footer-bottom{border-top:1px solid rgba(255,255,255,.1)}
.lb-footer-bottom .lb-wrap{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:22px;padding-bottom:22px;font-size:12.5px;color:var(--lb-on-dark-faint)}
.lb-footer-bottom a{display:inline;margin:0;font-size:inherit;color:inherit!important}
.lb-footer-bottom a:hover{transform:none}

/* WhatsApp flutuante */
.lb-wa{position:fixed;right:24px;bottom:24px;z-index:60;display:flex;align-items:center;gap:12px;text-decoration:none!important}
.lb-wa-bubble{background:#fff;color:var(--lb-ink);font:700 13.5px var(--lb-font);padding:11px 18px;border-radius:999px;box-shadow:var(--lb-shadow-md);white-space:nowrap;opacity:0;visibility:hidden;transform:translateX(8px);transition:opacity .25s,transform .25s,visibility .25s}
.lb-wa:hover .lb-wa-bubble{opacity:1;visibility:visible;transform:none}
.lb-wa-icon{width:58px;height:58px;border-radius:50%;background:var(--lb-green);display:flex;align-items:center;justify-content:center;box-shadow:0 14px 30px rgba(37,211,102,.42);animation:lb-wa-pulse 2.6s ease-out infinite}
.lb-wa-icon svg{width:29px;height:29px;fill:#fff}
@keyframes lb-wa-pulse{0%,100%{box-shadow:0 14px 30px rgba(37,211,102,.42),0 0 0 0 rgba(37,211,102,.5)}50%{box-shadow:0 14px 30px rgba(37,211,102,.42),0 0 0 10px rgba(37,211,102,0)}}

/* Esconde o header/rodapé antigos caso algum template ainda os renderize */
body.lb #header,body.lb .float-whatsapp{display:none!important}

/* ---------- Responsivo ---------- */
@media(max-width:1180px){
  .lb-mega-grid{grid-template-columns:repeat(3,1fr)}
  .lb-mega-cta{grid-column:1/-1}
  .lb-menu>li>a{padding:18px 11px;font-size:12px}
  .lb-menu>li>a:after{left:11px;right:11px}
}
@media(max-width:1050px){
  .lb-cats,.lb-products{grid-template-columns:repeat(2,1fr)}
  .lb-steps{grid-template-columns:repeat(2,1fr)}
  .lb-clients{grid-template-columns:repeat(4,1fr)}
  .lb-blog{grid-template-columns:1fr 1fr}
  .lb-guide{grid-template-columns:1fr}
  .lb-topbar-hours{display:none}
}
@media(max-width:900px){
  .lb-topbar nav{display:none}
  .lb-topbar .lb-wrap{justify-content:flex-end}
  .lb-header .lb-wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;min-height:0;padding-top:16px;padding-bottom:16px;gap:14px 16px}
  .lb-logo img.lb-logo-img{width:180px}
  .lb-logo img.lb-seal{width:44px}
  .lb-search{grid-column:1/-1;max-width:none;order:3}
  .lb-header-contact .lb-btn{display:none}
  .lb-phone strong{font-size:16px}
  .lb-menu-toggle{display:flex}
  .lb-nav .lb-wrap{display:block}
  .lb-menu{display:none;flex-direction:column;align-items:stretch;border-top:1px solid rgba(255,255,255,.12);max-height:calc(100vh - 60px);overflow-y:auto}
  .lb-nav.lb-open .lb-menu{display:flex}
  .lb-menu>li>a{padding:16px 4px;justify-content:space-between}
  .lb-menu>li>a:after{display:none}
  .lb-drop,.lb-mega{position:static;box-shadow:none;transform:none;opacity:1;visibility:visible;display:none;border-radius:var(--lb-r-sm);margin-bottom:10px;padding:14px}
  .lb-menu>li:hover .lb-drop,.lb-menu>li:hover .lb-mega{transform:none}
  .lb-menu>li.lb-sub-open .lb-drop,.lb-menu>li.lb-sub-open .lb-mega{display:block}
  .lb-mega-grid{grid-template-columns:1fr}
  .lb-mega-col{border-right:0;padding-right:0;border-bottom:1px solid var(--lb-line);padding-bottom:12px}
  .lb-hero .lb-wrap{padding-top:56px;padding-bottom:56px}
  .lb-hero h1{font-size:34px}
  .lb-hero:before{background:linear-gradient(180deg,rgba(16,20,24,.86),rgba(16,20,24,.96))}
  .lb-stats{grid-template-columns:1fr 1fr;row-gap:22px}
  .lb-banner{grid-template-columns:1fr;padding:32px}
  .lb-about{grid-template-columns:1fr;gap:32px}
  .lb-cta .lb-wrap{flex-direction:column;align-items:flex-start}
  .lb-footer-grid{grid-template-columns:1fr 1fr}
  .lb-logos{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
  .lb-section{padding:56px 0}
  .lb-head h2,.lb-guide-copy h2,.lb-about h2{font-size:26px}
  .lb-hero h1{font-size:29px}
  .lb-hero p{font-size:15px}
  .lb-hero-actions .lb-btn,.lb-hero-actions .lb-btn-ghost{width:100%}
  .lb-cats,.lb-steps,.lb-blog,.lb-options{grid-template-columns:1fr}
  .lb-products{grid-template-columns:1fr 1fr;gap:12px}
  .lb-product-pic{height:150px}
  .lb-product-actions{flex-direction:column}
  .lb-clients{grid-template-columns:repeat(3,1fr)}
  .lb-footer-grid{grid-template-columns:1fr}
  .lb-footer-bottom .lb-wrap{flex-direction:column;text-align:center}
  .lb-guide-box{padding:22px}
  .lb-wa{right:16px;bottom:16px}
  .lb-wa-bubble{display:none}
  .lb-cta-actions{width:100%}
  .lb-cta-actions a{flex:1}
}

/* Títulos: neutraliza cores/fontes herdadas do custom.css antigo */
body.lb .lb-head h2,body.lb .lb-guide-copy h2,body.lb .lb-about h2,body.lb .lb-guide-step h3,body.lb .lb-step b,body.lb .lb-cat b,body.lb .lb-product h3,body.lb .lb-post h3{color:var(--lb-ink);font-family:var(--lb-font)}
body.lb .lb-hero h1,body.lb .lb-banner h2,body.lb .lb-cta h2{color:#fff;font-family:var(--lb-font)}
body.lb .lb-hero h1 em{color:var(--lb-orange)}

/* ==========================================================================
   Pele de transição para as páginas internas (templates antigos com
   Bootstrap). Aplica a paleta nova sem mexer no HTML. Cada template refeito
   depois deixa de depender destas regras.
   ========================================================================== */
body.lb main.interna{background:#fff}
body.lb .page-header{background:var(--lb-graphite-900)!important;background-image:linear-gradient(90deg,rgba(16,20,24,.96),rgba(16,20,24,.75)),url('/img/novo/hero.jpg')!important;background-size:cover!important;background-position:center!important;padding:44px 0!important;min-height:0!important;border-bottom:3px solid var(--lb-orange)}
body.lb .page-header h1{font:800 32px/1.2 var(--lb-font)!important;letter-spacing:-.5px;text-transform:none!important;color:#fff!important;margin:0}
body.lb .page-header .breadcrumb{background:none;margin:0;padding:0}
body.lb .page-header .breadcrumb-item,body.lb .page-header .breadcrumb-item a,body.lb .page-header .breadcrumb-item:before{color:var(--lb-on-dark-muted)!important;font-size:13px}
body.lb .page-header .breadcrumb-item.active{color:#fff!important}
body.lb .btn-primary,body.lb .btn-primary2{background:linear-gradient(135deg,var(--lb-orange),var(--lb-orange-dark))!important;border:0!important;border-radius:999px!important;color:#fff!important;font-family:var(--lb-font)!important;font-weight:800!important;text-transform:none!important;letter-spacing:.2px;box-shadow:0 8px 16px rgba(242,139,34,.22)}
body.lb .btn-primary:hover,body.lb .btn-primary2:hover{box-shadow:0 10px 20px rgba(242,139,34,.32)!important}
body.lb .primary-color{color:var(--lb-orange-dark)!important}
body.lb .primary-color-hover:hover{color:var(--lb-orange-dark)!important}
body.lb .menu-lateral{background:var(--lb-bg-alt)!important;border:1px solid var(--lb-line);border-radius:var(--lb-r-md);padding:20px!important}
body.lb .menu-lateral .titulo{color:var(--lb-ink)!important;font-size:12px;letter-spacing:.8px}
body.lb .menu-lateral a{color:var(--lb-ink)!important;font-size:14px}
body.lb .menu-lateral a:hover,body.lb .menu-lateral .current>a{color:var(--lb-orange-dark)!important}
body.lb .menu-lateral li{background:none!important}
body.lb .produtos .item>a,body.lb .produtos-pagina .item>a{display:flex;flex-direction:column;height:100%;background:#fff;border:1px solid var(--lb-line);border-radius:var(--lb-r-md);overflow:hidden;box-shadow:var(--lb-shadow-sm);transition:transform .25s,box-shadow .25s;text-decoration:none}
body.lb .produtos .item>a:hover{transform:translateY(-4px);box-shadow:var(--lb-shadow-md)}
body.lb .produtos .item{margin-bottom:22px;background:none!important}
body.lb .produtos .item figure{background:linear-gradient(155deg,#f6f7f8,#eceff1);margin:0}
body.lb .produtos .item .titulo{color:var(--lb-ink)!important;font-weight:700!important;text-transform:none!important;font-size:14.5px!important;line-height:1.4!important}
body.lb .produtos .item .btn{margin:auto 14px 14px!important;width:auto!important;font-size:13px!important;padding:11px!important}
body.lb .newsletter{display:none!important}
body.lb main h1,body.lb main h2,body.lb main h3{font-family:var(--lb-font)}
body.lb .menu-lateral ul,body.lb .menu-lateral li,body.lb .menu-lateral li>a{background:none!important}
body.lb .menu-lateral li.current>a,body.lb .menu-lateral li.open>a{color:var(--lb-orange-dark)!important;font-weight:800}
body.lb .menu-lateral .submenu{border-left:2px solid var(--lb-orange);margin:4px 0 10px 10px!important;padding-left:10px!important}
body.lb .menu-lateral .submenu a{color:var(--lb-muted)!important;font-size:12.5px!important}
body.lb .menu-lateral .submenu a:hover{color:var(--lb-orange-dark)!important}
body.lb .menu-lateral>span.titulo,body.lb .menu-lateral .titulo strong{background:none!important}
body.lb .produtos .item figure{background:#fff!important;border-bottom:1px solid var(--lb-line)}

/* Celular: zera o espaço que o custom.css antigo reservava para o header fixo e compacta o header novo */
body.lb{margin-top:0!important}
@media(max-width:620px){
  .lb-header .lb-wrap{gap:10px 12px;padding-top:12px;padding-bottom:12px}
  .lb-logo{gap:8px}
  .lb-logo img.lb-logo-img{width:148px}
  .lb-logo img.lb-seal{width:34px}
  .lb-phone small{display:none}
  .lb-phone strong{font-size:14px;white-space:nowrap}
  .lb-search input{padding:12px 92px 12px 40px;font-size:16px}
  .lb-search button{padding:0 14px}
  .lb-topbar .lb-wrap{min-height:32px}
}
.lb-section,.lb-hero,.lb-cta{scroll-margin-top:56px}