/* Lume Pinturas — redesign baseado na Apresentação Comercial 2026 */
@font-face{font-family:"Montserrat";src:url(fonts/Montserrat.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"Montserrat";src:url(fonts/Montserrat-Italic.woff2) format("woff2");font-weight:100 900;font-style:italic;font-display:swap}

:root{
  --noite:#040a1c; --marinho:#0a1a3d; --marinho-2:#10285c;
  --azul:#2a4dff; --azul-escuro:#1530b8; --ciano:#00c2f0; --petroleo:#0596bf;
  --texto:#eef3fc; --suave:#b3c1dc; --borda:rgba(255,255,255,.14);
  --vidro:rgba(16,34,78,.42); --vidro-forte:rgba(14,30,70,.72);
  --verde-wa:#25d366; --raio:20px;
  --sombra:0 24px 60px -20px rgba(0,0,0,.6);
}
*{box-sizing:border-box;margin:0;padding:0}
html{overflow-x:clip;scroll-behavior:smooth;scroll-padding-top:90px}
body{font-family:"Montserrat",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--texto);background:var(--noite);line-height:1.65;font-size:16.5px;overflow-x:clip;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:var(--ciano);text-decoration:none}
a:hover{text-decoration:underline;text-underline-offset:3px}
:focus-visible{outline:3px solid var(--ciano);outline-offset:3px;border-radius:6px}
.container{width:min(1200px,90%);margin:0 auto}
.pular{position:absolute;left:-999px;top:8px;z-index:100;background:#fff;color:#000;padding:8px 14px;border-radius:8px}
.pular:focus{left:12px}

/* Brilhos de fundo (ondas de cor da apresentação) */
body{position:relative}
.glows{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.glows span{position:absolute;border-radius:50%;filter:blur(90px);opacity:.55}
.glows span{filter:blur(110px)}
.glows span:nth-child(1){width:900px;height:900px;left:-380px;top:-300px;background:var(--azul);opacity:.5}
.glows span:nth-child(2){width:760px;height:760px;right:-320px;top:22%;background:var(--petroleo);opacity:.4}
.glows span:nth-child(3){width:700px;height:700px;left:-260px;top:55%;background:#3b1fd1;opacity:.32}

/* Vidro */
.vidro{background:var(--vidro-forte);border:1px solid var(--borda);box-shadow:var(--sombra),inset 0 1px 0 rgba(255,255,255,.12)}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .vidro{background:var(--vidro);-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%)}
}

/* Topo */
.topbar{font-size:13.5px;padding:8px 0;color:var(--suave);border-bottom:1px solid rgba(255,255,255,.06)}
.topbar .container{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}
.topbar a{color:var(--suave)} .topbar a:hover{color:#fff}
.topbar .redes a{margin-left:16px}

header.site-header{position:sticky;top:10px;z-index:30;margin-top:10px}
.site-header .container{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:10px 14px 10px 22px;border-radius:999px;background:rgba(6,14,36,.72);border:1px solid var(--borda);box-shadow:var(--sombra)}
@supports (backdrop-filter:blur(1px)){.site-header .container{background:rgba(6,14,36,.5);backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%)}}
.logo{display:inline-flex;align-items:center}
.logo img{height:46px;width:auto;filter:brightness(1.5) contrast(1.1)}
nav ul{list-style:none;display:flex;gap:6px;align-items:center;flex-wrap:wrap}
nav a{color:var(--texto);font-weight:600;font-size:15px;padding:8px 14px;border-radius:999px;display:inline-block}
nav a:hover{text-decoration:none;background:rgba(255,255,255,.08)}
nav a.ativo{background:rgba(0,194,240,.14);color:#fff;box-shadow:inset 0 0 0 1px rgba(0,194,240,.45)}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,var(--azul),var(--ciano));color:#fff;padding:13px 24px;border-radius:999px;font-weight:700;border:none;cursor:pointer;font:inherit;font-weight:700;font-size:15.5px;box-shadow:0 10px 30px -8px rgba(42,77,255,.75);transition:transform .2s,box-shadow .2s}
.btn:hover{text-decoration:none;transform:translateY(-2px);box-shadow:0 16px 36px -8px rgba(0,194,240,.7)}
nav a.btn{padding:10px 20px;color:#fff}
nav a.btn:hover{background:linear-gradient(135deg,var(--azul),var(--ciano))}
.btn-secundario{background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.35)}
.btn-secundario:hover{background:rgba(255,255,255,.12);box-shadow:inset 0 0 0 1.5px #fff}

/* Hero */
.hero{padding:80px 0 90px}
.hero-grid{display:grid;grid-template-columns:1.02fr 1fr;gap:56px;align-items:center}
.selo{display:inline-flex;align-items:center;gap:10px;font-size:13.5px;font-weight:600;color:var(--suave);border:1px solid var(--borda);border-radius:999px;padding:7px 16px;background:rgba(255,255,255,.04)}
.ponto{width:8px;height:8px;border-radius:50%;background:var(--ciano);box-shadow:0 0 12px var(--ciano)}
.hero h1{font-size:clamp(38px,5.4vw,70px);line-height:1.04;letter-spacing:-.03em;font-weight:800;margin:22px 0 20px}
.hero h1 strong{display:block;font-weight:300;font-style:italic;background:linear-gradient(100deg,#fff 0%,var(--ciano) 45%,#6f8bff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-texto>p:not(.selo){font-size:18.5px;color:var(--suave);max-width:520px}
.hero-acoes{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.confianca{list-style:none;display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:34px;font-size:14px;font-weight:600;color:var(--texto)}
.confianca li::before{content:"";display:inline-block;width:16px;height:16px;margin-right:8px;vertical-align:-3px;border-radius:50%;background:var(--ciano) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.3l2.6 2.5L12 5.4' fill='none' stroke='%23041027' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100%}
.hero-arte{position:relative}
.hero-arte>img{width:100%;aspect-ratio:4/4.3;object-fit:cover;border-radius:28px;border:1px solid var(--borda);box-shadow:0 40px 90px -30px rgba(0,0,0,.8),0 0 0 8px rgba(255,255,255,.03)}
.hero-arte::before{content:"";position:absolute;inset:-6% -8% auto auto;width:70%;height:70%;background:radial-gradient(circle,var(--ciano),transparent 65%);filter:blur(40px);opacity:.5;z-index:-1}
.hero-card{position:absolute;display:flex;gap:14px;align-items:center;padding:16px 20px;border-radius:18px;max-width:270px}
.hero-card strong{font-size:34px;font-weight:800;line-height:1;background:linear-gradient(135deg,#fff,var(--ciano));-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-card span{font-size:13.5px;line-height:1.35;color:var(--texto);font-weight:500}
.hero-card.c1{left:-34px;bottom:56px}
.hero-card.c2{right:-22px;top:34px}

/* Seções */
section{padding:96px 0;position:relative}
section.alt{background:linear-gradient(180deg,rgba(10,26,61,0),rgba(10,26,61,.55) 20%,rgba(10,26,61,.55) 80%,rgba(10,26,61,0))}
.sobretitulo{font-size:13px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--ciano);margin-bottom:14px}
h2{font-size:clamp(30px,3.8vw,48px);line-height:1.1;letter-spacing:-.025em;font-weight:800;margin-bottom:18px}
h3{font-size:19px;font-weight:700;margin-bottom:8px;letter-spacing:-.01em}
.lead{color:var(--suave);font-size:18px;max-width:640px}
.grid{display:grid;gap:22px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:40px}
.grid-3{grid-template-columns:repeat(3,1fr)}
.card{border-radius:var(--raio);padding:30px;transition:transform .25s,border-color .25s}
.card:hover{transform:translateY(-4px);border-color:rgba(0,194,240,.45)}
.card p{color:var(--suave);font-size:15.5px}
.card .icone,.card .num{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:16px;margin-bottom:20px;font-weight:300;font-style:italic;font-size:22px;color:#fff;background:linear-gradient(135deg,var(--azul),var(--ciano));box-shadow:0 10px 24px -8px rgba(0,194,240,.7)}
.faixa-tec{padding:20px 0 70px}
.faixa-tec .grid{margin-top:10px}

.split{display:grid;gap:64px;grid-template-columns:1fr 1.05fr;align-items:center}
.foto-vidro{position:relative}
.foto-vidro img{width:100%;aspect-ratio:16/11;object-fit:cover;border-radius:26px;border:1px solid var(--borda);box-shadow:0 40px 80px -30px rgba(0,0,0,.8)}
.foto-vidro figcaption{position:absolute;left:20px;bottom:20px;padding:12px 18px;border-radius:14px;font-weight:600;font-size:14.5px}

/* Antes e depois */
.ba-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:44px}
.ba{border-radius:24px;padding:10px 10px 0;overflow:hidden}
.ba figcaption{padding:14px 8px 16px;font-weight:700;font-size:15px}
.ba-quadro{position:relative;aspect-ratio:1/1.05;border-radius:16px;overflow:hidden;--pos:50%}
.ba-quadro img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ba-antes{clip-path:inset(0 calc(100% - var(--pos)) 0 0)}
.ba-linha{position:absolute;top:0;bottom:0;left:var(--pos);width:3px;margin-left:-1.5px;background:#fff;box-shadow:0 0 18px rgba(0,194,240,.9);pointer-events:none}
.ba-linha::after{content:"‹ ›";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;color:#06122e;background:#fff;box-shadow:0 8px 24px rgba(0,0,0,.4);letter-spacing:2px}
.ba-tag{position:absolute;top:14px;padding:5px 12px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:rgba(4,10,28,.7);color:#fff;pointer-events:none}
.ba-tag-a{left:14px} .ba-tag-d{right:14px;background:linear-gradient(135deg,var(--azul),var(--ciano))}
.ba input[type=range]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}
.ba input[type=range]:focus-visible+*{outline:none}
.ba-quadro:focus-within{outline:3px solid var(--ciano);outline-offset:3px}

/* Galeria */
.galeria{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:210px;grid-auto-flow:dense;gap:16px;margin-top:44px}
.galeria li:nth-child(1){grid-column:span 2;grid-row:span 2}
.galeria li:nth-child(4),.galeria li:nth-child(7){grid-row:span 2}
.galeria li:nth-child(10){grid-column:span 2}
.g-item{display:block;width:100%;height:100%;padding:0;border:1px solid var(--borda);border-radius:18px;overflow:hidden;cursor:zoom-in;background:none}
.g-item img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.g-item:hover img{transform:scale(1.05)}
.lightbox{border:none;padding:0;background:transparent;max-width:min(1200px,94vw);margin:auto;overflow:visible}
.lightbox::backdrop{background:rgba(2,6,18,.86);backdrop-filter:blur(8px)}
.lightbox img{max-height:84vh;width:auto;margin:0 auto;border-radius:16px}
.lb-fechar,.lb-nav{position:absolute;border:1px solid var(--borda);background:rgba(10,26,61,.8);color:#fff;width:48px;height:48px;border-radius:50%;font-size:28px;line-height:1;cursor:pointer}
.lb-fechar{top:-58px;right:0}
.lb-nav{top:50%;transform:translateY(-50%)} .lb-ant{left:-64px} .lb-prox{right:-64px}

/* Formulário */
#orcamento .split{grid-template-columns:1fr 1fr}
.form-orcamento{border-radius:26px;padding:36px;max-width:540px;width:100%;margin-left:auto}
.form-orcamento label{display:block;font-weight:600;font-size:14.5px;margin:16px 0 7px}
.form-orcamento label:first-child{margin-top:0}
.form-orcamento select,.form-orcamento input,.form-orcamento textarea{width:100%;padding:13px 15px;border:1px solid rgba(255,255,255,.2);border-radius:12px;font:inherit;font-size:15.5px;background:rgba(4,10,28,.55);color:var(--texto)}
.form-orcamento select option{background:var(--marinho);color:var(--texto)}
.form-orcamento ::placeholder{color:#8896b3}
.form-orcamento select:focus,.form-orcamento input:focus,.form-orcamento textarea:focus{outline:none;border-color:var(--ciano);box-shadow:0 0 0 4px rgba(0,194,240,.2)}
.form-orcamento button{width:100%;margin-top:24px;padding:15px}

/* Sobre */
.depoimento{border-left:0;position:relative;padding-top:54px}
.depoimento::before{content:"“";position:absolute;top:8px;left:26px;font-size:72px;line-height:1;font-style:italic;font-weight:300;color:var(--ciano)}
.depoimento p{color:var(--texto);font-size:16px;margin-bottom:16px}
.depoimento span{color:var(--suave)!important;font-size:14px}
.diferenciais{list-style:none;margin-top:22px}
.diferenciais li{padding:14px 0 14px 38px;position:relative;border-bottom:1px solid rgba(255,255,255,.1)}
.diferenciais li::before{content:"";position:absolute;left:0;top:16px;width:22px;height:22px;border-radius:50%;background:var(--ciano) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.3l2.6 2.5L12 5.4' fill='none' stroke='%23041027' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100%}

/* Páginas internas */
.page-hero{padding:110px 0 80px;background:url(img/ondas.webp) center/cover no-repeat;margin-top:-80px;padding-top:180px;position:relative}
.page-hero::after{content:"";position:absolute;inset:auto 0 0;height:220px;background:linear-gradient(transparent,var(--noite))}
.page-hero .container{position:relative;z-index:1}
.page-hero h1{font-size:clamp(34px,5vw,64px);line-height:1.06;letter-spacing:-.03em;font-weight:800;max-width:860px}
.page-hero p{margin-top:16px;color:var(--suave);font-size:19px;max-width:640px}
.tec-duo{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:36px}
.tec-bloco{display:grid;grid-template-columns:.9fr 1.1fr;gap:24px;border-radius:24px;padding:14px;align-items:center}
.tec-bloco img{width:100%;height:100%;min-height:260px;object-fit:cover;border-radius:16px}
.tec-bloco h3{font-size:24px}
.tec-bloco p{color:var(--suave);font-size:15.5px}
.pontos{list-style:none;margin-top:14px;font-size:15px;color:var(--suave)}
.pontos li{padding:8px 0;border-top:1px solid rgba(255,255,255,.1)}
.pontos strong{color:#fff}
.mercados-tit{font-size:26px;margin-top:64px}
.mercados-tit+.grid{margin-top:20px}

/* Blog */
.post{padding:26px 28px;margin-bottom:14px;border-radius:18px;border:1px solid var(--borda);background:rgba(16,34,78,.35);transition:border-color .2s,transform .2s}
.post:hover{border-color:rgba(0,194,240,.5);transform:translateX(4px)}
.post time{color:var(--ciano);font-size:13.5px;font-weight:600}
.post h3{margin:4px 0 0;font-size:20px} .post h3 a{color:#fff}

/* CTA final */
.cta-final{text-align:center;padding:100px 0;background:url(img/ondas.webp) center/cover;position:relative;isolation:isolate}
.cta-final::before{content:"";position:absolute;inset:0;background:linear-gradient(var(--noite),rgba(4,10,28,.2) 35%,rgba(4,10,28,.2) 65%,var(--noite));z-index:-1}
.cta-final h2{font-size:clamp(32px,4.4vw,56px)}
.cta-final p{color:var(--suave);font-size:18px;margin:6px 0 30px}

footer{padding:48px 0 90px;font-size:14.5px;color:var(--suave);border-top:1px solid rgba(255,255,255,.08)}
footer .container{display:flex;justify-content:space-between;flex-wrap:wrap;gap:22px;align-items:center}
footer a{color:var(--suave)} footer a:hover{color:#fff}
footer .logo img{height:42px;margin-bottom:8px}
footer .redes a{margin-left:16px}

.wa-flutuante{position:fixed;right:22px;bottom:22px;z-index:40;display:inline-flex;align-items:center;gap:8px;background:var(--verde-wa);color:#05290f;font-weight:700;padding:13px 20px;border-radius:999px;box-shadow:0 12px 30px -6px rgba(37,211,102,.6)}
.wa-flutuante:hover{text-decoration:none;filter:brightness(1.06)}

/* Revelação suave */
.revelar{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}
.revelar.visivel{opacity:1;transform:none}

@media (max-width:980px){
  .hero-grid,.split,#orcamento .split,.tec-duo{grid-template-columns:1fr}
  .hero{padding:50px 0 60px}
  .hero-card.c1{left:12px;bottom:14px} .hero-card.c2{right:12px;top:14px}
  .ba-grid,.grid-3{grid-template-columns:1fr}
  .form-orcamento{margin:0 auto}
  .lb-ant{left:6px} .lb-prox{right:6px}
}
@media (max-width:720px){
  body{font-size:16px}
  .topbar{display:none}
  header.site-header{top:8px}
  .site-header .container{border-radius:24px;padding:12px 14px;justify-content:center}
  nav ul{justify-content:center;gap:2px}
  nav a{font-size:14px;padding:7px 10px}
  section{padding:68px 0}
  .hero h1{font-size:40px}
  .hero-arte>img{aspect-ratio:4/4.4}
  .hero-card{padding:12px 14px;max-width:200px}
  .hero-card strong{font-size:26px} .hero-card span{font-size:12px}
  .tec-bloco{grid-template-columns:1fr}
  .galeria{grid-template-columns:repeat(2,1fr);grid-auto-rows:150px;gap:10px} .galeria li:nth-child(10){grid-column:span 2}
  .page-hero{padding-top:150px}
  .wa-flutuante span{display:none} .wa-flutuante{padding:15px}
  footer .redes a{margin:0 16px 0 0}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .revelar{opacity:1;transform:none}
}

/* Quebras de linha */
h1,h2,h3,.cta-final p,.hero-card span,figcaption{text-wrap:balance}
p,li{text-wrap:pretty}
.nw{white-space:nowrap}
.hero h1 .ln{display:block;white-space:nowrap}
[class*="grid"]>*,[class*="duo"]>*,.diferenciais li{min-width:0}