/* Lubcenter modern theme */
:root{
  --lc-navy:#0b1b2b;
  --lc-green:#0f7a5a;
  --lc-gold:#c8a04b;
  --lc-bg:#f6f8fb;
  --lc-text:#102133;
  --lc-muted:#5a6b7c;
  --lc-card:#ffffff;
  --lc-border:rgba(16,33,51,.12);
  --lc-shadow:0 10px 30px rgba(0,0,0,.08);
  --lc-radius:18px;
  --lc-max:1120px;
  --lc-font: system-ui, -apple-system, Segoe UI, Roboto, Arial, "Helvetica Neue", Helvetica, sans-serif;
}
html,body{height:100%;}
body{
  margin:0;
  font-family:var(--lc-font);
  color:var(--lc-text);
  background: linear-gradient(to bottom, rgba(246,248,251,1) 0%, rgba(236,242,248,1) 100%);
  min-height:100vh;
}

body.lc-home{
  background:
    linear-gradient(to bottom, rgba(11,27,43,.18) 0%, rgba(11,27,43,.18) 100%),
    url("/assets/img/bg-gear-oil.webp");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
@media (max-width: 900px){
  body.lc-home{ background-attachment: scroll; }
}

a{color:var(--lc-green); text-decoration:none;}
a:hover{text-decoration:underline;}
a:hover{text-decoration:underline;}
img{max-width:100%; height:auto;}
.lc-shell{min-height:100%; display:flex; flex-direction:column;}
.lc-header{
  position:sticky; top:0; z-index:9999;
  backdrop-filter:saturate(1.2) blur(10px);
  background:rgba(246,248,251,.86);
  border-bottom:1px solid var(--lc-border);
}
.lc-header-inner{
  max-width:var(--lc-max);
  margin:0 auto;
  padding:14px 18px;
  display:flex; align-items:center; justify-content:space-between;
  gap:14px;
}
.lc-brand{display:flex; align-items:center; gap:12px; min-width:140px;}
.lc-brand img{width:44px; height:44px; object-fit:contain; border-radius:10px; background:#fff; padding:6px; box-shadow:0 6px 16px rgba(0,0,0,.06);}
.lc-brand .lc-title{display:flex; flex-direction:column;}
.lc-brand .lc-title strong{color:var(--lc-navy); font-size:16px; letter-spacing:.2px;}
.lc-brand .lc-title span{color:var(--lc-muted); font-size:12px; margin-top:1px;}
.lc-nav{display:flex; gap:12px; flex-wrap:wrap; align-items:center; justify-content:flex-end;}
.lc-nav a{
  color:var(--lc-navy);
  font-weight:650;
  font-size:13px;
  padding:10px 12px;
  border-radius:12px;
  transition:background .15s ease, color .15s ease;
}
.lc-nav a:hover{background:rgba(15,122,90,.10); text-decoration:none; color:var(--lc-green);}
.lc-nav .lc-cta{
  background:linear-gradient(135deg, var(--lc-green), #0b5f46);
  color:#fff !important;
  box-shadow:0 10px 20px rgba(15,122,90,.24);
}
.lc-nav .lc-cta:hover{filter:brightness(1.05);}
.lc-burger{display:none; border:1px solid var(--lc-border); background:#fff; border-radius:12px; padding:10px 12px; font-weight:700; color:var(--lc-navy);}
@media (max-width: 860px){
  .lc-burger{display:inline-flex;}
  .lc-nav{display:none; width:100%; padding:10px 0 0; border-top:1px solid var(--lc-border);}
  .lc-header-inner{flex-wrap:wrap;}
  .lc-nav.lc-open{display:flex;}
  .lc-nav a{width:100%; justify-content:flex-start;}
}
.lc-main{flex:1;}
.lc-container{max-width:var(--lc-max); margin:0 auto; padding:24px 18px;}
.lc-hero{
  display:grid; grid-template-columns: 1.1fr .9fr; gap:22px; align-items:center;
  padding:22px; border-radius:var(--lc-radius);
  background:var(--lc-card);
  color:var(--lc-text);
  box-shadow:var(--lc-shadow);
  border:1px solid var(--lc-border);
  overflow:hidden;
  position:relative;
}
.lc-hero:before{
  content:""; position:absolute; inset:-60px -60px auto auto; width:280px; height:280px;
  background:radial-gradient(circle at 30% 30%, rgba(200,160,75,.55), transparent 55%);
  transform:rotate(18deg);
}
.lc-hero h1{margin:0 0 8px; font-size:38px; line-height:1.1; letter-spacing:.2px;}
.lc-hero p{margin:0 0 14px; color:var(--lc-muted); font-size:15px;}
.lc-hero .lc-actions{display:flex; gap:12px; flex-wrap:wrap; align-items:center; margin-top:10px;}
.lc-btn{
  display:inline-flex; align-items:center; justify-content:center;
  padding:12px 14px; border-radius:14px; font-weight:750; font-size:14px;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.10);
  color:#fff;
  text-decoration:none !important;
}
.lc-btn:hover{filter:brightness(1.06);}
.lc-btn.lc-primary{background:linear-gradient(135deg, var(--lc-green), #0b5f46); border-color:transparent;}
.lc-btn.lc-secondary{background:rgba(255,255,255,.14);}
.lc-hero-card{
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.14);
  border-radius:var(--lc-radius);
  padding:16px;
}
.lc-hero-card h3{margin:0 0 6px; font-size:16px;}
.lc-hero-card ul{margin:10px 0 0; padding-left:18px; color:rgba(255,255,255,.88);}
.lc-grid{display:grid; grid-template-columns: repeat(3, 1fr); gap:14px; margin-top:18px;}
.lc-card{
  background:var(--lc-card);
  border:1px solid var(--lc-border);
  border-radius:var(--lc-radius);
  padding:16px;
  box-shadow:0 10px 26px rgba(0,0,0,.06);
}
.lc-card h3{margin:0 0 6px; font-size:15px; color:var(--lc-navy);}
.lc-card p{margin:0; color:var(--lc-muted); font-size:13px;}
@media (max-width: 980px){
  .lc-hero{grid-template-columns:1fr;}
  .lc-hero h1{font-size:32px;}
  .lc-grid{grid-template-columns:1fr;}
}
.lc-marquee{
  margin-top:16px;
  background:rgba(255,255,255,.7);
  border:1px solid var(--lc-border);
  border-radius:var(--lc-radius);
  overflow:hidden;
}
.lc-marquee-track{
  display:flex; gap:12px;
  padding:14px;
  width:max-content;
  animation: lc-marquee 22s linear infinite;
}
.lc-logo{
  display:inline-flex; align-items:center; justify-content:center;
  padding:10px 14px;
  border-radius:999px;
  border:1px solid rgba(11,27,43,.12);
  background:#fff;
  color:var(--lc-navy);
  font-weight:800;
  font-size:13px;
  letter-spacing:.2px;
  white-space:nowrap;
}
.lc-logo em{font-style:normal; color:var(--lc-gold);}
@keyframes lc-marquee{
  0%{transform:translateX(0);}
  100%{transform:translateX(-50%);}
}
.lc-footer{
  border-top:1px solid var(--lc-border);
  background:rgba(246,248,251,.92);
}
.lc-footer-inner{
  max-width:var(--lc-max);
  margin:0 auto;
  padding:18px;
  display:flex; gap:14px; flex-wrap:wrap; justify-content:space-between; align-items:center;
  color:var(--lc-muted);
  font-size:12px;
}
.lc-whats{
  position:fixed; right:18px; bottom:18px; z-index:9998;
  background:linear-gradient(135deg, var(--lc-green), #0b5f46);
  color:#fff; border-radius:999px; padding:12px 14px;
  font-weight:850; box-shadow:0 16px 32px rgba(15,122,90,.26);
}
.lc-whats:hover{text-decoration:none; filter:brightness(1.05);}
.lc-hide-old-blog a[href*="blog"]{display:none !important;}
/* Keep legacy tables readable */
table{max-width:100%;}


/* Brand slider */
.lc-brand-slider{
  position:relative;
  margin-top:14px;
  border:1px solid var(--lc-border);
  background:#fff;
  border-radius:18px;
  padding:16px;
  min-height:96px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}
.lc-brand-slide{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  opacity:0;
  transition:opacity .45s ease;
}
.lc-brand-slide.active{ opacity:1; }
.lc-brand-slide img{
  max-height:64px;
  max-width:min(520px, 86%);
  object-fit:contain;
}
@media (max-width:640px){
  .lc-brand-slide img{ max-height:52px; }
  .lc-brand-slider{ min-height:84px; }
}


/* Hide legacy header/menu from old template when enhanced */
body.lc-enhanced #center > #menu{display:none !important;}
body.lc-enhanced #menu{display:none !important;}
/* Make legacy wrappers not fight layout */
body.lc-enhanced #center{background:transparent !important;}

/* Brand slider (hero right) */
.lc-brandbox{
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.18);
  border-radius:16px;
  padding:14px;
}
.lc-brandbox h3{margin:0 0 10px; font-size:14px; letter-spacing:.2px; color:#fff;}
.lc-brand-slider{position:relative; width:100%; height:120px; overflow:hidden; display:flex; align-items:center; justify-content:center;}
.lc-brand-slide{position:absolute; inset:0; display:flex; align-items:center; justify-content:center; opacity:0; transition:opacity .35s ease;}
.lc-brand-slide.active{opacity:1;}
.lc-brand-slide img{max-height:92px; max-width:100%; object-fit:contain;}
@media (max-width: 860px){
  .lc-hero{grid-template-columns: 1fr; }
  .lc-brand-slider{height:96px;}
  .lc-brand-slide img{max-height:72px;}
}


/* --- Fixes v7 (header/menu/whats/slider/cards + hide legacy header bits) --- */
.lc-enhanced #logo,
.lc-enhanced #redes,
.lc-enhanced #menu { display:none !important; }

.lc-header { position: sticky; top:0; z-index: 9999; }
.lc-header-inner { display:flex; align-items:center; gap:16px; }
.lc-brand { display:flex; align-items:center; gap:12px; }
.lc-brand-logo { display:block; height:52px; width:auto; }
.lc-actions { margin-left:auto; display:flex; align-items:center; gap:12px; }
.lc-socials { display:flex; align-items:center; gap:8px; }
.lc-ico { width:36px; height:36px; display:grid; place-items:center; border-radius:10px; background: rgba(255,255,255,.06); }
.lc-ico svg{ width:18px; height:18px; fill: currentColor; opacity:.95; }
.lc-burger{ display:none; }

.lc-btn-wa{ white-space:nowrap; }

@media (max-width: 980px){
  .lc-burger{ display:inline-flex; }
  .lc-nav{ display:none; }
  .lc-nav.lc-open{ display:flex; flex-direction:column; position:absolute; left:12px; right:12px; top:72px; background:#0b1f2d; border:1px solid rgba(255,255,255,.10); border-radius:16px; padding:10px; gap:6px; box-shadow:0 18px 50px rgba(0,0,0,.45); }
  .lc-nav.lc-open a{ padding:10px 12px; border-radius:12px; }
  .lc-actions{ gap:10px; }
  .lc-socials{ display:none; }
}

/* Floating WhatsApp */
.lc-whats-float{
  position:fixed; right:16px; bottom:16px; z-index:9999;
  background:#25D366; color:#0b1f2d; font-weight:800;
  padding:12px 14px; border-radius:999px; box-shadow:0 14px 35px rgba(0,0,0,.35);
}
.lc-whats-float span{ display:inline-block; }

/* Cards background */
.lc-card, .card, .box, .caixa{ background:rgba(255,255,255,.94) !important; color:var(--lc-text); }
.lc-card-inner, .lc-card .inner{ background:transparent !important; }

/* Slider sizing inside right column */
.lc-hero-grid{ display:grid; grid-template-columns: 1.7fr 0.8fr; gap:18px; align-items:stretch; }
@media (max-width: 980px){ .lc-hero-grid{ grid-template-columns: 1fr; } }

.lc-brands-card{ width:100%; }
.lc-brand-slider{ width:100%; height:100%; display:flex; align-items:center; justify-content:center; }
.lc-brand-slider img{ max-height:64px; width:auto; object-fit:contain; }

/* --- v7b: hero 70/30 + brandbox sizing --- */
.lc-hero{ grid-template-columns: 1fr .45fr !important; align-items:stretch !important; }
@media (max-width: 980px){ .lc-hero{ grid-template-columns:1fr !important; } }
.lc-brandbox{ display:flex; flex-direction:column; justify-content:center; }
.lc-brand-slider{ min-height:110px; }
.lc-brand-slider img{ max-height:56px; }


/* --- Dropdown menu (desktop + mobile) --- */
.lc-navwrap{position:relative;}
.lc-menubtn{
  background: rgba(11,27,43,.92);
  border: 1px solid rgba(200,160,75,.75);
  color:#fff;
  padding:10px 14px;
  border-radius: 12px;
  font-weight:700;
  cursor:pointer;
}
.lc-menubtn:hover{border-color: rgba(255,255,255,.5);}
.lc-dropdown{
  position:absolute;
  top: calc(100% + 10px);
  right: 0;
  min-width: 280px;
  max-width: min(92vw, 420px);
  background: #0b1b2b;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 16px;
  box-shadow: 0 18px 50px rgba(0,0,0,.28);
  padding: 10px;
  z-index: 10000;
}
.lc-dropdown a{
  display:block;
  padding:10px 12px;
  border-radius: 12px;
  color:#fff;
  text-decoration:none;
}
.lc-dropdown a:hover{background: rgba(255,255,255,.08);}
@media (max-width: 860px){
  .lc-dropdown{left:auto; right:0; margin:0;}
}

/* Force cards not to be black */
.lc-card{ background: var(--lc-card) !important; color: var(--lc-text); }


/* Footer bar */
.lc-footer-inner{ display:flex; align-items:center; justify-content:space-between; gap:16px; }
.lc-footer-left{ font-weight:600; opacity:.95; }
.lc-footer-right{ display:flex; gap:10px; flex-wrap:wrap; justify-content:flex-end; }
.lc-footer-social{ color:#fff; text-decoration:none; border:1px solid rgba(255,255,255,.18); padding:8px 10px; border-radius:12px; font-weight:700; font-size: 14px; }
.lc-footer-social:hover{ border-color: rgba(255,255,255,.45); background: rgba(255,255,255,.06); }
@media(max-width:720px){
  .lc-footer-inner{ flex-direction:column; align-items:flex-start; }
  .lc-footer-right{ justify-content:flex-start; }
}


/* Fix dropdown & buttons contrast */
.lc-menubtn{background:var(--lc-navy); color:#fff; border:1px solid var(--lc-border);}
.lc-menubtn:hover{filter:brightness(1.05);}
.lc-dropdown{background:var(--lc-navy); color:#fff; border:1px solid rgba(255,255,255,.12); box-shadow:var(--lc-shadow);}
.lc-dropdown a{color:#fff; display:block; padding:10px 12px; border-bottom:1px solid rgba(255,255,255,.08);}
.lc-dropdown a:hover{background:rgba(255,255,255,.08); text-decoration:none;}
.lc-btn-wa{background:var(--lc-green)!important; color:#fff!important; border-color:transparent!important;}
.lc-btn-wa:hover{filter:brightness(1.05);}
/* Top links */
.lc-toplinks{display:flex; gap:14px; align-items:center; margin-left:10px;}
.lc-toplink{color:var(--lc-navy); font-weight:600; padding:8px 10px; border-radius:10px;}
.lc-toplink:hover{background:rgba(11,27,43,.06); text-decoration:none;}
/* Ensure logo always shows */
.lc-brand-logo{display:block!important; height:52px!important; width:auto!important;}
/* Fix hero badge color */
.lc-badge{background:rgba(15,122,90,.10); color:var(--lc-navy); border:1px solid rgba(11,27,43,.12);}
/* Remove any accidental black card backgrounds */
.lc-card, .lc-hero, .lc-feature, .lc-card *{background-color:transparent;}
.lc-card{background:var(--lc-card)!important;}
/* Floating buttons spacing so they don't overlap */
.lc-whats-float{bottom:92px!important; z-index:9999;}
.lc-assistant{bottom:24px!important; z-index:9998;}
/* Footer credit + socials (use existing footer) */
.lc-footer-socials{display:flex; gap:12px; justify-content:center; padding:10px 0;}
.lc-footer-social{color:var(--lc-navy); font-weight:600;}
.lc-credit{font-size:13px; color:var(--lc-muted); text-align:center; padding:0 0 14px;}

#lc-assistant{position:fixed; right:18px; bottom:24px; z-index:9998;}
#lc-assistant .launcher{background:var(--lc-gold); color:var(--lc-navy); border:0; border-radius:999px; width:54px; height:54px; font-size:22px; box-shadow:var(--lc-shadow); cursor:pointer;}


/* Neutralize legacy container backgrounds */
#center{background:transparent!important; box-shadow:none!important;}


/* Visibility fixes */
.lc-menubtn{background:var(--lc-navy) !important; color:#fff !important; border-color:rgba(255,255,255,.25) !important;}
.lc-dropdown{background:#fff !important; color:var(--lc-text) !important; border:1px solid var(--lc-border) !important; box-shadow:var(--lc-shadow) !important;}
.lc-dropdown a{color:var(--lc-text) !important;}
.lc-dropdown a:hover{background:rgba(11,27,43,.06) !important;}
.lc-btn-wa, .lc-btn.lc-btn-wa{background:#25D366 !important; color:#fff !important; border-color:#25D366 !important;}
/* Make header logo wide, not a small icon box */
.lc-brand img{width:auto !important; height:56px !important; padding:0 !important; background:transparent !important; box-shadow:none !important; border-radius:0 !important;}
/* Tighten spacing between first and second sections */
.lc-container{padding-top:18px !important; padding-bottom:18px !important;}



/* ===== Background premium (engrenagem + óleo) ===== */
body.lc-enhanced{
  background: #05080c url("/assets/img/bg-gear-oil.webp") center top / cover no-repeat;
  min-height:100vh;
}
body.lc-enhanced::before{
  content:"";
  position:fixed;
  inset:0;
  background: linear-gradient(to bottom, rgba(5,8,12,.40), rgba(5,8,12,.80));
  pointer-events:none;
  z-index:-1;
}
@media (min-width: 900px){
  body.lc-enhanced{ background-attachment: fixed; }
}
body.lc-enhanced #center{ background:transparent !important; }
.lc-container{ position:relative; }

/* Cards and sections sit on top of the image */
.lc-hero, .lc-section{
  background: rgba(255,255,255,.92);
  backdrop-filter: blur(6px);
}


/* === Mobile fixes (Lubcenter) === */
@media (max-width: 900px){
  /* Hero: show slider first on mobile */
  .lc-hero{flex-direction:column; gap:14px;}
  .lc-hero > aside.lc-brandbox{order:-1; width:100%;}
  .lc-hero > div{width:100%;}
}

/* Header mobile layout: logo left, dropdown right, WhatsApp button below; hide top links */
@media (max-width: 768px){
  .lc-header-inner{flex-wrap:wrap; align-items:center;}
  .lc-toplinks{display:none !important;}
  .lc-navwrap{margin-left:auto;}
  .lc-actions{width:100%; order:5;}
  .lc-actions .lc-btn-wa{display:block; width:100%; text-align:center;}
  .lc-menubtn{background:var(--lc-navy); color:#fff; border:1px solid rgba(255,255,255,.2);}
  .lc-dropdown{background:var(--lc-navy); border:1px solid rgba(255,255,255,.18);}
  .lc-dropdown a{color:#fff;}
  .lc-dropdown a:hover{background:rgba(255,255,255,.08);}
}

/* Ensure hero text is navy (not white) */
.lc-hero h1, .lc-hero p{color:var(--lc-muted);}
.lc-badge{background:rgba(200,160,75,.18); color:var(--lc-navy);}

/* Non-hero sections: avoid transparency over background image */
.section, .container, .grid, .content, #conteudo{
  position:relative;
}
.section .card, .container .card, .grid .card{
  background:rgba(255,255,255,.94);
  border:1px solid var(--lc-border);
}

/* On mobile, don't keep assistant fixed (prevents overlap) */
@media (max-width: 768px){
  .lc-assistant{position:static !important; right:auto !important; bottom:auto !important; margin:16px auto 0;}
  .lc-whats-float{bottom:18px !important;}
}


/* Home hero text should be navy */
.lc-home .lc-hero, .lc-home .lc-hero *{ color: var(--lc-text); }
.lc-home .lc-hero .lc-btn, .lc-home .lc-hero .lc-btn *{ color:#fff; }

@media (max-width: 860px){
  .lc-brandbox{ width:100%; justify-self:center; }
  .lc-brand-slider{ margin-left:auto; margin-right:auto; }
}


/* Home (background image) — section headings readable */
body.lc-home .section > h2,
body.lc-home .section > p{
  color:#fff !important;
}
body.lc-home .section > p{ opacity:.92; }

/* Mobile header behavior */

@media (max-width: 860px){
  .lc-toplinks{display:none !important;}
  .lc-header-inner{flex-wrap:wrap;}
  .lc-brand{order:1;}
  .lc-navwrap{order:2; margin-left:auto;}
  .lc-whats{order:3; width:100%; justify-content:center;}
}


@media (max-width: 860px){
  .lc-brandbox{margin:0 auto; width:100%;}
  .lc-brand-slider, .lc-brand-slide{justify-content:center !important;}
}


@media (max-width: 860px){
  #lc-assistant{position:static !important; right:auto !important; bottom:auto !important; margin:16px auto 0; width:fit-content;}
  .lc-whats-float{display:none !important;}
}


/* Footer styling */
.site-footer{
  background:rgba(255,255,255,.92);
  border-top:1px solid var(--lc-border);
  color:var(--lc-navy);
}
.site-footer strong{color:var(--lc-navy);}
.site-footer a{color:var(--lc-navy); font-weight:700; text-decoration:none;}
.site-footer a:hover{text-decoration:underline;}
.lc-credit{display:flex; justify-content:flex-end; align-items:center; gap:8px;}
@media(max-width:720px){ .lc-credit{justify-content:flex-start;} }


/* --- Patch: slider ocupa 100% do card (brandbox) --- */
.lc-brandbox{padding:0 !important; overflow:hidden; display:flex; align-items:stretch;}
.lc-brandbox .lc-brand-slider{
  margin:0 !important;
  border:0 !important;
  background:transparent !important;
  border-radius:0 !important;
  padding:0 !important;
  width:100% !important;
  height:100% !important;
  min-height:140px;
}
@media (max-width:640px){
  .lc-brandbox .lc-brand-slider{min-height:110px;}
  .lc-brandbox .lc-brand-slide img{max-width:82%;}
}