:root{--grafite:#15181c;--aco:#232830;--aco2:#2d333c;--linha:#3a424b;--prata:#d9dde1;--fogo:#f04a1a;--fogo2:#ff7a2a;--texto:#eef0f2;--suave:#cfd5db;--raio:14px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:system-ui,"Segoe UI",Roboto,sans-serif;background:var(--grafite);color:var(--texto);line-height:1.6;position:relative}
a{color:var(--prata)}
img{max-width:100%}
h1{font-size:clamp(1.7rem,4.8vw,2.8rem);line-height:1.15;margin:.2em 0 .4em}
h2{margin:1.2em 0 .5em}
.lead{font-size:1.1rem;color:var(--suave);max-width:60ch}
.rascunho{color:#e0b34a;font-style:italic}

/* topo */
.topo{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;padding:10px 16px;background:rgba(35,40,48,.96);border-bottom:2px solid var(--fogo);position:sticky;top:0;z-index:10;backdrop-filter:blur(6px)}
.marca img{display:block;height:46px;width:auto}
nav{display:flex;flex-wrap:wrap;gap:6px 16px;align-items:center}
nav a{text-decoration:none;padding:6px 2px;border-bottom:2px solid transparent}
nav a.ativo{border-bottom-color:var(--fogo)}
nav a.botao.ativo{outline:2px solid var(--prata);border-bottom:0}

/* estrutura */
section{padding:48px 16px;max-width:1040px;margin:0 auto}
.faixa{max-width:none;background:var(--aco)}
footer{text-align:center;padding:28px 16px;color:var(--suave);border-top:1px solid var(--linha);margin-top:32px}

/* botões */
.botao,.botao-sec{display:inline-block;border-radius:10px;padding:12px 22px;font-size:1rem;text-decoration:none;cursor:pointer;border:2px solid var(--fogo);font-family:inherit}
.botao{background:var(--fogo);color:#15181c;font-weight:700}
.botao:hover{background:var(--fogo2);border-color:var(--fogo2)}
.botao-sec{background:transparent;color:var(--texto);border-color:var(--linha)}
.botao-sec:hover{border-color:var(--prata)}
.botao.pequeno{padding:8px 14px}
.botao.grande,.botao-sec.grande{padding:16px 28px;font-size:1.1rem}
.botao[disabled]{opacity:.45;cursor:not-allowed}
.botoes{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}

/* fotos */
.foto{display:block;width:100%;border-radius:var(--raio);object-fit:cover;aspect-ratio:4/3}
.foto.grande{aspect-ratio:16/10}
.foto.pequena{aspect-ratio:3/2}
.foto.vazia{display:grid;place-items:center;text-align:center;background:repeating-linear-gradient(45deg,var(--aco),var(--aco) 12px,var(--aco2) 12px,var(--aco2) 24px);border:1px dashed var(--linha);color:var(--suave);padding:12px}
.foto.vazia small{display:block;margin-top:4px}

/* início */
.abertura{display:grid;gap:28px;align-items:center;grid-template-columns:1fr;padding-top:56px}
@media(min-width:820px){.abertura{grid-template-columns:1.1fr 1fr}}
.selo-pequeno{display:inline-block;margin:0;padding:2px 12px;border:1px solid var(--fogo);border-radius:999px;color:var(--prata);font-size:.85rem}
.numeros{display:flex;flex-wrap:wrap;justify-content:space-around;gap:16px;padding:28px 16px}
.numero{text-align:center;min-width:140px}
.numero strong{display:block;font-size:1.8rem;color:var(--prata)}
.numero span{color:var(--suave);font-size:.9rem}
.cartoes{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.cartoes.dois{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:20px}
.cartao,.peca{display:block;background:var(--aco);border:1px solid var(--linha);border-radius:var(--raio);padding:16px;text-decoration:none;color:var(--texto);transition:transform .15s,border-color .15s}
.cartao:hover{transform:translateY(-3px);border-color:var(--fogo)}
.cartao .icone{font-size:1.8rem}
.cartao .seta{color:var(--prata)}
.peca .botao{margin-top:8px}
.chamada{text-align:center;background:linear-gradient(135deg,var(--aco),var(--aco2));border:1px solid var(--linha);border-radius:var(--raio);margin-top:32px;padding:32px 16px}
section.chamada{max-width:1000px}

/* serviços / destaque */
.servico,.destaque{display:grid;gap:24px;grid-template-columns:1fr;padding:24px 0;border-top:1px solid var(--linha);align-items:center}
@media(min-width:760px){.servico,.destaque{grid-template-columns:1fr 1.2fr}}
.servico h2,.destaque h2{margin-top:0}
.servico ul{padding-left:20px;color:var(--suave)}

/* sobre / contato */
.dados{display:grid;gap:8px;margin:0}
.dados div{display:grid;grid-template-columns:minmax(120px,200px) 1fr;gap:12px;padding:8px 0;border-bottom:1px solid var(--linha)}
.dados dt{color:var(--suave)}
.dados dd{margin:0}
.canais{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}
.canal{display:grid;gap:2px;background:var(--aco);border:1px solid var(--linha);border-radius:var(--raio);padding:16px;text-decoration:none;color:var(--texto)}
a.canal:hover{border-color:var(--fogo)}
.canal .icone{font-size:1.6rem}
.texto{max-width:760px}

/* orçamento */
.orcamento-hero{text-align:center;padding-bottom:8px}
.orcamento-hero .lead{margin:0 auto}
.orcamento-caixa{padding-top:8px;max-width:860px}
#assistente{background:var(--aco);border:1px solid var(--linha);border-radius:20px;padding:20px;box-shadow:0 20px 50px rgba(0,0,0,.35)}
@media(min-width:600px){#assistente{padding:32px}}
#assistente h2{margin-top:8px}
.dica{color:var(--suave);margin-top:-6px}
.progresso{height:6px;background:var(--grafite);border-radius:99px;overflow:hidden;margin-bottom:16px}
.progresso span{display:block;height:100%;background:linear-gradient(90deg,var(--fogo),var(--fogo2));transition:width .3s}
.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}
.tile{display:grid;gap:4px;text-align:left;background:var(--grafite);color:var(--texto);border:2px solid var(--linha);border-radius:var(--raio);padding:16px;cursor:pointer;font:inherit;transition:transform .12s,border-color .12s}
.tile:hover,.tile:focus-visible{border-color:var(--fogo);transform:translateY(-2px)}
.tile .icone{font-size:1.8rem}
.tile small{color:var(--suave)}
.fichas{display:flex;flex-wrap:wrap;gap:10px}
.ficha{background:var(--grafite);color:var(--texto);border:2px solid var(--linha);border-radius:999px;padding:10px 18px;cursor:pointer;font:inherit}
.ficha:hover{border-color:var(--prata)}
.ficha.ativa{background:var(--fogo);border-color:var(--fogo);color:#15181c;font-weight:700}
.subtitulo{margin:20px 0 8px;font-size:1rem;color:var(--suave);font-weight:600}
.busca{position:relative;margin-bottom:8px}
.busca input,.campo input,.campo textarea{width:100%;font:inherit;padding:14px;border-radius:10px;border:2px solid var(--linha);background:var(--grafite);color:var(--texto)}
.busca input:focus,.campo input:focus,.campo textarea:focus{outline:none;border-color:var(--fogo)}
.sugestoes{display:grid;gap:6px;margin-top:6px}
.sugestao,.modelo{display:grid;gap:2px;text-align:left;background:var(--grafite);color:var(--texto);border:2px solid var(--linha);border-radius:10px;padding:12px;cursor:pointer;font:inherit}
.sugestao:hover,.modelo:hover{border-color:var(--fogo)}
.modelo.ativa{border-color:var(--fogo);background:#2a150f}
.sugestao small,.modelo small{color:var(--suave)}
.sem-resultado{color:var(--suave)}
.lista-modelos{display:grid;gap:8px;max-height:320px;overflow:auto;padding-right:4px}
.grade-campos{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}
.campo{display:grid;gap:6px;margin-top:12px;color:var(--suave)}
.navegacao{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:24px}
.aviso{min-height:1.5em;color:#ffb3bf}
.resumo{display:grid;gap:6px;margin:0}
.resumo div{display:grid;grid-template-columns:minmax(100px,160px) 1fr;gap:12px;padding:8px 0;border-bottom:1px solid var(--linha)}
.resumo dt{color:var(--suave)}
.resumo dd{margin:0;word-break:break-word}
.acoes-finais{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
.sucesso{text-align:center;padding:24px 0}
.selo{width:84px;height:84px;margin:0 auto 12px;border-radius:50%;display:grid;place-items:center;font-size:2.6rem;color:#15181c;background:var(--fogo)}
.privacidade-nota{font-size:.9rem;color:var(--suave);background:var(--grafite);border-left:3px solid var(--fogo);padding:8px 12px;border-radius:6px}
.painel-teste{margin-top:16px;padding:12px;background:#0d1013;border:1px dashed #6b7280;border-radius:10px;color:#9fe6a0;font-size:.8rem;white-space:pre-wrap;word-break:break-word}
.sugestao.usar-texto{border-style:dashed;color:var(--suave)}
.sugestoes:empty{display:none}
.atalho-contato{margin-top:28px;padding-top:16px;border-top:1px dashed var(--linha);color:var(--suave);text-align:center}
.atalho-contato p{margin:0}
.link-botao{background:none;border:0;padding:0;color:var(--prata);font:inherit;font-weight:700;text-decoration:underline;cursor:pointer}
.link-botao:hover{color:var(--fogo2)}

/* identidade laranja + prata (peças de marca) */
.capa{display:block;width:100%;background:#0b0c0d}
.capa img{display:block;width:100%;height:auto}
.abertura{text-align:center;padding-top:36px}
.abertura .lead{margin-left:auto;margin-right:auto}
.abertura .botoes{justify-content:center}
.marca img{height:44px;width:auto}
.duas-colunas{display:grid;gap:28px;grid-template-columns:1fr;align-items:center}
@media(min-width:820px){.duas-colunas{grid-template-columns:1fr 1.1fr}}
.foto.marca{aspect-ratio:auto;height:auto;border:1px solid var(--linha);box-shadow:0 14px 40px rgba(0,0,0,.4)}
.diferenciais{list-style:none;padding:0;margin:0 0 16px}
.diferenciais li{padding:8px 0 8px 30px;position:relative;border-bottom:1px solid var(--linha)}
.diferenciais li:before{content:"";position:absolute;left:4px;top:15px;width:12px;height:12px;background:var(--fogo);transform:rotate(45deg)}
.icone-cartao{display:inline-grid;place-items:center;width:64px;height:64px;border-radius:14px;background:var(--grafite);border:1px solid var(--linha);color:var(--fogo)}
.icone-svg{width:36px;height:36px}
.lista-servicos{display:grid;gap:16px}
.servico{display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:start;background:var(--aco);border:1px solid var(--linha);border-radius:var(--raio);padding:20px;border-top:3px solid var(--fogo)}
.servico h2{margin:.3em 0 .4em}
.servico .foto{display:none}
.duas-colunas.largo{max-width:1000px;margin:0 auto}
.duas-colunas.sem-arte{grid-template-columns:1fr}
.causas{padding-left:22px}
.causas li{margin:6px 0}
.video-caixa{margin:24px 0}
.video-caixa video{width:100%;height:auto;border-radius:var(--raio);border:1px solid var(--linha);background:#000}
footer .selo-rodape{display:block;margin:0 auto 8px;width:56px;height:56px}
footer .frase{letter-spacing:.14em;text-transform:uppercase;font-size:.8rem;color:var(--fogo);margin:0 0 8px}
.capa-video{background:#0b0c0d;border-bottom:2px solid var(--fogo)}
.capa-video video{display:block;width:100%;height:auto;max-height:640px;object-fit:cover;aspect-ratio:1600/616}
.capa-frase{margin:0;padding:10px 16px 12px;text-align:center;letter-spacing:.18em;text-transform:uppercase;font-size:.85rem;color:var(--prata);background:#0b0c0d}
.capa-video{border-bottom:0}
.capa-frase{border-bottom:2px solid var(--fogo)}

/* fundo de aço escovado em todo o site (fixo; escurecido para o texto continuar legível) */
body::before{content:"";position:fixed;inset:0;z-index:-1;
  background:linear-gradient(rgba(15,17,20,.42),rgba(15,17,20,.72)),url("assets/fundo-aco.webp") center/cover no-repeat,var(--grafite)}
.pagina-orcamento::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(1100px 480px at 50% -80px,rgba(240,74,26,.22),transparent 70%)}
.capa-video{background:transparent}
@media (prefers-reduced-data:reduce){body::before{background:var(--grafite)}}

/* placas de aço escovado com relevo 3D nas bordas (painéis de texto da página inicial) */
.placa,.cartao,.chamada,.peca,.canal,#assistente{
  position:relative;
  background:
    linear-gradient(180deg,rgba(255,255,255,.10) 0,rgba(255,255,255,0) 16%,rgba(0,0,0,.30) 100%),
    url("assets/marca/placa-aco.webp") 0 0/100% 100% no-repeat,
    #22262c;
  border:1px solid #0b0c0e;
  border-radius:18px;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.40),
    inset 1px 0 0 rgba(255,255,255,.14),
    inset -1px 0 0 rgba(0,0,0,.45),
    inset 0 -1px 0 rgba(0,0,0,.80),
    inset 0 20px 24px -18px rgba(255,255,255,.18),
    inset 0 -24px 28px -18px rgba(0,0,0,.70),
    0 2px 0 rgba(255,255,255,.05),
    0 20px 36px -12px rgba(0,0,0,.75);
}
section.placa{max-width:1200px;width:calc(100% - 32px);margin:28px auto;padding:44px 40px}
section.placa.chamada{margin-top:36px}
.placa>*{position:relative;z-index:1}
/* chanfro interno (borda usinada) */
.placa::before{content:"";position:absolute;inset:7px;border-radius:12px;pointer-events:none;
  border:1px solid rgba(0,0,0,.50);box-shadow:0 1px 0 rgba(255,255,255,.13),inset 0 1px 0 rgba(255,255,255,.07)}
.cartao{border-radius:14px}
.cartao:hover{transform:translateY(-3px);border-color:#000;box-shadow:inset 0 1px 0 rgba(255,255,255,.5),inset 0 -24px 28px -18px rgba(0,0,0,.7),0 0 0 1px var(--fogo),0 22px 38px -12px rgba(0,0,0,.8)}
@media (max-width:700px){section.placa{padding:32px 18px}}
section.abertura{display:block;text-align:center}
section.abertura .lead{margin-left:auto;margin-right:auto}

/* logo animado: mesma largura das chapas, cantos arredondados e sombra */
.capa.capa-video{position:relative;max-width:1200px;width:calc(100% - 32px);margin:28px auto 0;
  border:1px solid #0b0c0e;border-radius:18px;overflow:hidden;background:#0b0c0d;
  box-shadow:0 2px 0 rgba(255,255,255,.05),0 22px 40px -12px rgba(0,0,0,.8),0 6px 14px rgba(0,0,0,.45)}
.capa.capa-video video{display:block;width:100%;height:auto;max-height:none;aspect-ratio:1600/616;object-fit:cover}
.capa.capa-video::after{content:"";position:absolute;inset:0;border-radius:18px;pointer-events:none;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35),inset 0 -1px 0 rgba(0,0,0,.8),inset 0 0 0 1px rgba(255,255,255,.05)}

/* chapas em todo o site */
.lista-servicos{gap:24px}
.servico{display:grid;grid-template-columns:1fr;gap:28px;align-items:center;padding:30px;border-top:1px solid #0b0c0e}
.servico .foto{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.servico-cabecalho{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:6px}
.servico h2{margin:.2em 0 .4em}
@media(min-width:820px){
  .servico{grid-template-columns:1fr 1fr}
  .servico:nth-child(even) .foto{order:-1}   /* serviços ímpares: texto à esquerda; pares: foto à esquerda */
}
.destaque.placa{padding:30px;margin:20px 0;border-top:1px solid #0b0c0e}
section.placa.texto{max-width:860px}
.peca,.canal{border-radius:14px}
.peca:hover,a.canal:hover{border-color:#000;box-shadow:inset 0 1px 0 rgba(255,255,255,.5),inset 0 -24px 28px -18px rgba(0,0,0,.7),0 0 0 1px var(--fogo),0 22px 38px -12px rgba(0,0,0,.8)}
#assistente{padding:22px;border-radius:20px}
@media(min-width:600px){#assistente{padding:34px}}

/* mesma largura em todas as seções */
section{max-width:1200px}

/* sombra em todo o texto do site (menos campos digitáveis) */
body{text-shadow:0 1px 1px #000,0 2px 4px rgba(0,0,0,.95),0 4px 12px rgba(0,0,0,.85)}
h1,h2,h3{text-shadow:0 2px 2px rgba(0,0,0,.95),0 4px 10px rgba(0,0,0,.90),0 0 3px #000}
/* botões e fichas (o navegador zera a sombra nos botões) */
button{text-shadow:0 1px 1px rgba(0,0,0,.95),0 2px 5px rgba(0,0,0,.85)}
.tile strong,.modelo strong,.sugestao strong{text-shadow:0 2px 2px rgba(0,0,0,.95),0 3px 8px rgba(0,0,0,.9),0 0 3px #000}
/* orçamento: sombra ainda mais forte e textos de apoio mais claros */
.pagina-orcamento{text-shadow:0 1px 1px #000,0 2px 4px rgba(0,0,0,.98),0 4px 12px rgba(0,0,0,.9)}
.pagina-orcamento h1,.pagina-orcamento h2,.pagina-orcamento h3{text-shadow:0 2px 2px #000,0 4px 10px rgba(0,0,0,.95),0 0 4px #000}
.pagina-orcamento button{text-shadow:0 1px 1px #000,0 2px 4px rgba(0,0,0,.98),0 4px 12px rgba(0,0,0,.9)}
.pagina-orcamento .dica,.pagina-orcamento .campo,.pagina-orcamento .subtitulo,.pagina-orcamento .lead{color:var(--suave)}
/* texto escuro sobre o fundo de fogo: relevo claro em vez de sombra escura */
.botao,.ficha.ativa,.selo,.pagina-orcamento .botao,.pagina-orcamento .ficha.ativa{text-shadow:0 1px 0 rgba(255,255,255,.30)}
/* campos onde o cliente digita (fundo liso, sem textura): sem sombra */
input,textarea,select,option,::placeholder{text-shadow:none}


/* barra de rolagem fina e escura (combina com o site e deixa a aba lateral menos "colada") */
html{scrollbar-width:thin;scrollbar-color:#4a535d #15181c}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:#15181c}
::-webkit-scrollbar-thumb{background:#4a535d;border-radius:6px;border:2px solid #15181c}
::-webkit-scrollbar-thumb:hover{background:var(--fogo)}

/* fotos reais (colagens) nos serviços: mantêm a proporção original, sem corte */
.servico img.foto{aspect-ratio:auto;height:auto;object-fit:contain;border:1px solid #0b0c0e;box-shadow:0 14px 34px -10px rgba(0,0,0,.75)}

/* vídeo das máquinas em operação (Ajuste de tabelas) */
.servico-video{margin:0;display:grid;gap:8px;justify-items:center}
.servico-video video{width:100%;max-width:400px;height:auto;aspect-ratio:368/464;border-radius:14px;
  border:1px solid #0b0c0e;box-shadow:0 14px 34px -10px rgba(0,0,0,.75);background:#000}
.servico-video figcaption{color:var(--suave);font-size:.9rem;text-align:center}

/* mídia dos serviços: foto, quadro vazio e vídeo com o mesmo tamanho (400 px, proporção do vídeo) */
.servico > img.foto,.servico > .foto.vazia,.servico .servico-video video{
  display:block;width:100%;max-width:400px;margin-inline:auto;aspect-ratio:368/464;height:auto;object-fit:cover}
.servico > img.foto{border-radius:14px}
.servico .servico-video{justify-self:center;width:100%}

/* fotos das peças: proporção original 4:3, sem corte */
.peca img.foto{aspect-ratio:4/3;object-fit:cover;border-radius:12px;border:1px solid #0b0c0e}
.pecas-grade{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}
.pecas-grade .peca{padding:14px 14px 18px}

/* documentação: "Tudo documentado" e lista "Você recebe ao final" */
.documentacao-topo{display:flex;gap:18px;align-items:flex-start;flex-wrap:wrap}
.documentacao-topo h2{margin:0 0 6px}
.documentacao-topo .lead{margin:0}
.documentos{list-style:none;margin:22px 0 14px;padding:0;display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:1100px){.documentos{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:560px){.documentos{grid-template-columns:1fr}}
.documentos li{background:rgba(10,12,14,.55);border:1px solid rgba(255,255,255,.10);border-top:3px solid var(--fogo);border-radius:12px;padding:14px 16px}
.documentos h3{margin:0 0 6px;font-size:1.02rem}
.documentos p{margin:0;color:var(--suave);font-size:.95rem}
.entrega{margin:14px 0 6px;padding:12px 14px;border-left:3px solid var(--fogo);background:rgba(10,12,14,.45);border-radius:0 10px 10px 0}
.entrega strong{display:block;margin-bottom:4px;letter-spacing:.04em}
.entrega ul{margin:0;padding-left:20px}
.entrega li{margin:3px 0}

/* documentação: versão compacta (home) e completa (serviços) */
.documentos .quando{color:var(--fogo2);font-size:.85rem;font-weight:700;letter-spacing:.03em;margin:0 0 8px}
.documentos li ul{margin:0;padding-left:18px;color:var(--texto)}
.documentos li ul li{background:none;border:0;border-radius:0;padding:2px 0;margin:0;color:var(--texto);font-size:.93rem}
.documentos-rotulos{list-style:none;margin:16px 0 14px;padding:0;display:flex;flex-wrap:wrap;gap:8px 10px}
.documentos-rotulos li{padding:7px 14px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(10,12,14,.55);font-weight:600;font-size:.92rem}
.entrega p{margin:0}
.entrega a{white-space:nowrap}

/* exemplos de relatórios (dados ocultos) */
.exemplos-titulo{margin:26px 0 12px;font-size:1.05rem}
.exemplos-titulo small{color:var(--suave);font-weight:400}
.exemplos{display:grid;gap:18px;grid-template-columns:repeat(4,minmax(0,1fr));align-items:start}
@media (max-width:900px){.exemplos{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:420px){.exemplos{grid-template-columns:1fr}}
.exemplo{display:grid;gap:8px;margin:0;color:var(--texto);text-align:center}
.exemplo img{width:100%;height:auto;border-radius:10px;border:1px solid #0b0c0e;background:#fff;box-shadow:0 14px 34px -10px rgba(0,0,0,.75)}

/* card único de experiência, com sub cards (como o card de documentos) */
.experiencia-card .exp-grade{list-style:none;margin:22px 0 4px;padding:0;display:grid;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr))}
.exp-card{background:rgba(10,12,14,.55);border:1px solid rgba(255,255,255,.10);border-top:3px solid var(--fogo);border-radius:12px;
  padding:14px 16px 16px;display:grid;gap:4px;align-content:start}
.exp-icone{color:var(--fogo2);display:inline-flex}
.exp-icone .icone-svg{width:28px;height:28px}
.exp-card h3{margin:2px 0 4px;font-size:.8rem;letter-spacing:.09em;text-transform:uppercase;color:var(--prata);font-weight:700}
.exp-valor{margin:0;font-size:clamp(1.35rem,2.2vw,1.8rem);font-weight:800;line-height:1.1;color:#fff}
.exp-valor small{font-size:.5em;font-weight:700;color:var(--prata);letter-spacing:.04em}
.exp-card.principal{grid-column:span 2}
@media (max-width:900px){.experiencia-card .exp-grade{grid-template-columns:repeat(2,minmax(0,1fr))}.exp-card.principal{grid-column:span 2}}

.entrega ul{margin:6px 0 4px}
.entrega p{margin:6px 0 0}

/* celular: rolagem mais leve (sombras de texto menores, sem desfoque do fundo no topo, fundo fixo em camada própria) */
@media (max-width:900px),(pointer:coarse){
  body,button,.pagina-orcamento,.pagina-orcamento button{text-shadow:0 1px 2px #000,0 2px 6px rgba(0,0,0,.9)}
  h1,h2,h3,.pagina-orcamento h1,.pagina-orcamento h2,.pagina-orcamento h3,.tile strong,.modelo strong,.sugestao strong{text-shadow:0 1px 3px rgba(0,0,0,.95)}
  input,textarea,select,option,::placeholder{text-shadow:none}
  .topo{backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(35,40,48,.98)}
  body::before{will-change:transform;transform:translateZ(0)}
  html{scroll-behavior:auto}
}

.dica-tecnica{display:grid;justify-items:center;gap:18px}
.dica-tecnica .foto.marca{width:100%;max-width:440px}
.dica-tecnica .botoes{justify-content:center}

/* cabeçalho: no computador, logo à esquerda e menu + botão à direita (como antes) */
.topo .marca{margin-right:auto}
.topo .botao-topo.ativo{outline:2px solid var(--prata);border-bottom:0}
/* celular: 2 linhas. Em cima (mais alta): logo + botão de orçamento. Embaixo: os demais menus */
@media (max-width:700px){
  .topo{display:grid;grid-template-columns:1fr auto;grid-template-areas:"marca botao" "menu menu";gap:6px 12px;padding:10px 12px 8px;align-items:center}
  .topo .marca{grid-area:marca;margin:0}
  .topo .marca img{height:54px}
  .topo .botao-topo{grid-area:botao;min-height:46px;padding:10px 16px;display:inline-flex;align-items:center;font-size:.95rem;text-align:center}
  .topo nav{grid-area:menu;flex-wrap:nowrap;justify-content:space-between;gap:4px;border-top:1px solid rgba(255,255,255,.08);padding-top:4px;overflow-x:auto;scrollbar-width:none}
  .topo nav::-webkit-scrollbar{display:none}
  .topo nav a{font-size:.88rem;white-space:nowrap;padding:8px 4px}
}
@media (max-width:700px){
  .topo{padding-bottom:4px}
  .topo nav{padding-top:0}
  .topo nav a{padding:6px 4px}
}
@media (max-width:360px){
  .topo .marca img{height:46px}
  .topo .botao-topo{padding:8px 12px;font-size:.88rem}
  .topo nav a{font-size:.8rem;padding:6px 2px}
}

/* solicitar contato: lista de urgência */
.campo select{width:100%;font:inherit;padding:14px;border-radius:10px;border:2px solid var(--linha);background:var(--grafite);color:var(--texto);text-shadow:none}
.campo select:focus{outline:none;border-color:var(--fogo)}
.campo select option:disabled{color:#7b8188}
#dica-urgencia{grid-column:1/-1;margin:0;min-height:1.2em}

/* janela "Solicitar contato" (dentro da página, não é pop-up do navegador) */
.cr-aberta,.cr-aberta body{overflow:hidden}
.cr-fundo{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:16px;
  background:rgba(8,9,11,.72)}
.cr-fundo[hidden]{display:none}
.cr-janela{position:relative;width:100%;max-width:520px;max-height:calc(100vh - 32px);overflow:auto;padding:26px 24px 22px;
  border-radius:16px;border:1px solid #0b0c0e;background:linear-gradient(180deg,#2a2f36,#1d2127);
  box-shadow:0 24px 70px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.08);color:var(--texto)}
.cr-janela h2{margin:0 0 4px;padding-right:36px}
.cr-dica{margin:0 0 10px;color:var(--suave)}
.cr-fechar{position:absolute;top:10px;right:10px;width:38px;height:38px;border:0;border-radius:10px;background:transparent;
  color:var(--texto);font-size:1.7rem;line-height:1;cursor:pointer}
.cr-fechar:hover{background:rgba(255,255,255,.08)}
.cr-campos{display:grid;gap:10px}
.cr-campo{display:grid;gap:6px;color:var(--suave);font-size:.95rem}
.cr-campo input,.cr-campo select{width:100%;font:inherit;padding:13px;border-radius:10px;border:2px solid var(--linha);
  background:var(--grafite);color:var(--texto);text-shadow:none}
.cr-campo input:focus,.cr-campo select:focus{outline:none;border-color:var(--fogo)}
.cr-campo select option:disabled{color:#7b8188}
.cr-sub{margin:0;min-height:1.2em;color:var(--suave);font-size:.9rem}
.cr-priv{margin:12px 0 0;color:var(--suave);font-size:.85rem}
.cr-aviso{min-height:1.2em;margin:8px 0 0;color:#ffb199}
.cr-acoes{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;margin-top:6px}
.cr-sucesso{display:grid;gap:12px;justify-items:center;text-align:center;padding:10px 4px}
.cr-sucesso .selo{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;font-size:1.7rem;
  background:var(--fogo);color:#15181c}
.cr-sucesso h2{padding:0}
.cr-sucesso p{margin:0}
@media (max-width:600px){
  .cr-fundo{padding:0;align-items:flex-end}
  .cr-janela{max-width:none;border-radius:18px 18px 0 0;max-height:92vh;padding:22px 16px calc(18px + env(safe-area-inset-bottom))}
}
.contato-destaque{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;margin:18px 0 22px}
.contato-destaque-nota{color:var(--suave)}
@media (max-width:600px){
  .cr-campos{gap:8px}
  .cr-campo{gap:4px}
  .cr-campo input,.cr-campo select{padding:11px}
  .cr-janela h2{font-size:1.35rem}
}

/* ficha do WhatsApp sem telefone informado */
.ficha.bloqueada{opacity:.45;cursor:not-allowed}

/* início: cartão "Quem é a LaserLutz" ao lado do vídeo do logo (dois cartões do mesmo tamanho no computador) */
.inicio-topo{max-width:1200px;width:calc(100% - 32px);margin:28px auto 0;display:grid;gap:20px;grid-template-columns:1fr}
.inicio-topo .capa.capa-video{width:auto;margin:0;display:grid;align-items:center}
.inicio-topo .sobre-previa{width:auto;max-width:none;margin:0;padding:30px 32px;display:grid;gap:12px;align-content:center;text-align:left}
.sobre-previa h2{margin:0;font-size:1.5rem}
.sobre-previa p{margin:0;color:var(--suave);line-height:1.55}
.sobre-previa .botao-sec{justify-self:start;margin-top:4px}
/* dois cartões lado a lado só onde o vídeo (recorte 2,2:1) preenche o cartão sem barras; abaixo disso, um sobre o outro */
@media (min-width:1240px){
  .inicio-topo{grid-template-columns:1fr 1fr;align-items:stretch}
  .inicio-topo .capa.capa-video{grid-column:2;grid-row:1}
  .inicio-topo .sobre-previa{grid-column:1;grid-row:1}
  .inicio-topo .capa.capa-video video{aspect-ratio:1600/728;align-self:center}
}
.sobre-previa h2{font-size:1.7rem}
.sobre-previa p{font-size:1.08rem}
@media (max-width:899px){.inicio-topo .sobre-previa{padding:24px 20px}.sobre-previa h2{font-size:1.45rem}}


/* celular: mostra o quadro inteiro do vídeo (recorte 2,2:1), sem cortar em cima e embaixo */
@media (max-width:899px){
  .capa.capa-video video,.inicio-topo .capa.capa-video video{aspect-ratio:1600/728}
}

/* ===== sub cards: um só padrão (vidro escuro, filete de fogo em cima, cantos arredondados) ===== */
.cartao,.peca,.canal,.entrega,.exp-card,.documentos>li,.dif-card{
  background:rgba(10,12,14,.55);
  border:1px solid rgba(255,255,255,.10);
  border-top:3px solid var(--fogo);
  border-radius:16px;
  box-shadow:none;
}
.cartao:hover,.peca:hover,a.canal:hover{
  transform:translateY(-3px);border-color:var(--fogo);
  box-shadow:0 18px 30px -14px rgba(0,0,0,.85)}
.entrega{padding:14px 16px;border-left:1px solid rgba(255,255,255,.10)}
.entrega ul{margin:6px 0 4px}

/* "Experiência que faz a diferença": dois sub cards lado a lado */
.diferenca h2{margin-top:0}
.dif-grade{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0 18px}
.dif-card{padding:16px 18px 10px}
.dif-card h3{margin:2px 0 6px;font-size:.8rem;letter-spacing:.09em;text-transform:uppercase;color:var(--prata);font-weight:700}
.dif-card .diferenciais{margin:0 0 6px}
.dif-card .diferenciais li:last-child{border-bottom:0}
@media (max-width:700px){.dif-grade{grid-template-columns:1fr}}

/* ===== cabeçalho: mesmo estilo dos sub cards, bem arredondado (quase uma elipse) ===== */
.topo{
  position:sticky;top:10px;z-index:20;
  width:min(1200px,calc(100% - 24px));margin:10px auto 0;padding:8px 30px;
  background:rgba(14,16,19,.92);
  border:1px solid rgba(255,255,255,.10);border-top:3px solid var(--fogo);border-bottom:1px solid rgba(255,255,255,.10);
  border-radius:999px;
  box-shadow:0 14px 30px -14px rgba(0,0,0,.9),inset 0 1px 0 rgba(255,255,255,.06)}
@media (max-width:700px){
  .topo{top:8px;margin-top:8px;width:calc(100% - 16px);padding:10px 18px 6px;border-radius:34px}
}
div.chamada{background:rgba(10,12,14,.55);border:1px solid rgba(255,255,255,.10);border-top:3px solid var(--fogo);border-radius:16px;box-shadow:none}
@media (max-width:700px){
  .topo{padding:10px 12px 6px}
  .topo nav{padding-left:2px;padding-right:2px}
  .topo nav a{font-size:.84rem;padding:6px 3px}
}
@media (max-width:360px){
  .topo nav a{font-size:.78rem;padding:6px 2px}
}

/* cabeçalho translúcido, como os sub cards (com desfoque do que passa por trás, no computador) */
.topo{
  background:rgba(10,12,14,.55);
  -webkit-backdrop-filter:blur(12px) saturate(1.1);backdrop-filter:blur(12px) saturate(1.1)}
/* celular: sem desfoque (rolagem mais leve), então um pouco menos transparente para o texto continuar legível */
@media (max-width:900px),(pointer:coarse){
  .topo{-webkit-backdrop-filter:none;backdrop-filter:none;background:rgba(10,12,14,.78)}
}

/* cabeçalho igual aos sub cards: semitransparente, sem desfoque */
.topo,
.topo{-webkit-backdrop-filter:none;backdrop-filter:none;background:rgba(10,12,14,.55)}
@media (max-width:900px),(pointer:coarse){
  .topo{-webkit-backdrop-filter:none;backdrop-filter:none;background:rgba(10,12,14,.55)}
}

/* "Quem é a LaserLutz" com o texto maior: tipografia mais compacta para o cartão não crescer demais */
.inicio-topo .sobre-previa{padding:22px 28px;gap:10px}
.sobre-previa h2{font-size:1.5rem}
.sobre-previa p{font-size:.98rem;line-height:1.5}

/* computador (cartões lado a lado): o vídeo usa o quadro inteiro e acompanha a altura do cartão de texto */
@media (min-width:1240px){
  .inicio-topo .capa.capa-video{display:block;min-height:0}
  .inicio-topo .capa.capa-video video{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;min-height:0}
  .inicio-topo .sobre-previa{padding:20px 26px;gap:9px}
}

/* vídeo do logo: quadro inteiro (1600x884) em todos os tamanhos; só limita a altura em telas largas empilhadas */
.capa.capa-video video{aspect-ratio:1600/884}
@media (min-width:900px) and (max-width:1239px){
  .capa.capa-video video{max-height:460px;object-fit:cover}
}
@media (max-width:899px){
  .capa.capa-video video,.inicio-topo .capa.capa-video video{aspect-ratio:1600/884}
}

/* botão flutuante do WhatsApp (contato urgente) */
.zap-flutuante{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:60;
  display:flex;align-items:center;gap:0;height:58px;min-width:58px;padding:0 14px;border-radius:999px;
  background:#25d366;color:#fff;text-decoration:none;font-weight:700;text-shadow:none;
  box-shadow:0 12px 26px -8px rgba(0,0,0,.75),inset 0 1px 0 rgba(255,255,255,.35),inset 0 -2px 0 rgba(0,0,0,.18)}
.zap-flutuante svg{width:30px;height:30px;flex:none;filter:drop-shadow(0 1px 1px rgba(0,0,0,.25))}
.zap-rotulo{max-width:0;overflow:hidden;white-space:nowrap;color:#073b1c;transition:max-width .25s,margin .25s}
.zap-flutuante:hover .zap-rotulo,.zap-flutuante:focus-visible .zap-rotulo{max-width:170px;margin-left:10px}
.zap-flutuante:hover{background:#2fe27a}
.zap-flutuante::after{content:"";position:absolute;inset:-5px;border-radius:999px;border:2px solid rgba(37,211,102,.55);
  animation:zap-pulso 2.6s ease-out infinite;pointer-events:none}
@keyframes zap-pulso{0%{transform:scale(.92);opacity:.9}70%,100%{transform:scale(1.18);opacity:0}}
@media (prefers-reduced-motion:reduce){.zap-flutuante::after{animation:none;opacity:0}}
@media (pointer:coarse){.zap-rotulo{display:none}}

.zap-flutuante svg{width:32px;height:32px}

@media (max-width:420px){.topo .botao-topo{padding:8px 12px;font-size:.88rem;line-height:1.1}}

/* ===== Início: legibilidade ===== */
/* cartão "Quem é a LaserLutz": texto claro, destaques em negrito e sombra forte sobre a chapa */
.sobre-previa h2{color:#fff;text-shadow:0 1px 1px #000,0 2px 6px rgba(0,0,0,.95),0 0 18px rgba(0,0,0,.7)}
.sobre-previa p{color:#f1f4f7;font-weight:500;
  text-shadow:0 1px 1px #000,0 2px 5px rgba(0,0,0,.95),0 0 16px rgba(0,0,0,.7)}
.sobre-previa p strong{color:#fff;font-weight:800}

/* ===== sombra em todos os cards e sub cards ===== */
.cartao,.peca,.canal,.entrega,.exp-card,.documentos>li,.dif-card,div.chamada,.tile,.modelo{
  box-shadow:0 14px 26px -12px rgba(0,0,0,.9),0 4px 8px -2px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.07)}
.cartao:hover,.peca:hover,a.canal:hover{box-shadow:0 20px 34px -12px rgba(0,0,0,.95),0 6px 12px -2px rgba(0,0,0,.6)}
.exemplo img{box-shadow:0 16px 30px -10px rgba(0,0,0,.9),0 4px 8px rgba(0,0,0,.5)}

/* página Sobre: texto institucional */
.sobre-texto{display:grid;gap:14px;max-width:78ch;margin:10px 0 8px}
.sobre-texto p{margin:0;font-size:1.06rem;line-height:1.65;color:#f1f4f7}
.sobre-texto strong{color:#fff;font-weight:800}

/* Sobre: cada bloco é um card próprio; o texto institucional fica em dois sub cards */
.sobre-grade{margin-top:18px;align-items:stretch}
.sobre-grade .dif-card{padding:18px 20px 20px;display:grid;gap:10px;align-content:start}
.sobre-grade .dif-card p{margin:0;font-size:1.04rem;line-height:1.62;color:#f1f4f7}
.sobre-grade .dif-card strong{color:#fff;font-weight:800}
.diferenca h2{margin-top:0}

/* A empresa e Sobre este site: dois cards de meia largura, lado a lado */
.sobre-duplo{max-width:1200px;width:calc(100% - 32px);margin:28px auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}
.sobre-duplo section.placa{width:auto;max-width:none;margin:0;padding:26px 24px}
.sobre-duplo h2{margin:0 0 6px;font-size:1.3rem}
.sobre-duplo .dados{gap:2px}
.sobre-duplo .dados div{grid-template-columns:minmax(90px,130px) 1fr;gap:10px;padding:7px 0;font-size:.97rem}
@media (max-width:899px){.sobre-duplo{grid-template-columns:1fr}}

.sobre-duplo{align-items:stretch}

/* canais de contato: logotipos reais */
.canal .icone{display:inline-flex;align-items:center;width:34px;height:34px}
.canal .icone svg{width:32px;height:32px;display:block}
.canal-breve{opacity:.92}
.canal-breve .breve{color:var(--fogo2);font-weight:700;font-size:.9rem;letter-spacing:.04em}

/* canais: 5 em uma linha no computador; 3 + 2 em telas médias; 1 por linha no celular (nenhum card sozinho) */
.canais{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (min-width:1100px){.canais{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media (max-width:600px){.canais{grid-template-columns:1fr}}

/* orçamento: sem moldura de foco no título (ele recebe foco por código a cada passo) */
h1[tabindex="-1"]:focus,h2[tabindex="-1"]:focus,h3[tabindex="-1"]:focus{outline:none}

/* ===== orçamento: cards de escolha (assunto, modelo da máquina e sugestões) no padrão dos sub cards ===== */
.tiles{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}
.lista-modelos{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;max-height:none;overflow:visible;padding-right:0}
.tile,.modelo,.sugestao{
  background:rgba(10,12,14,.55);
  border:1px solid rgba(255,255,255,.10);
  border-top:3px solid var(--fogo);
  border-radius:16px;
  box-shadow:0 14px 26px -12px rgba(0,0,0,.9),0 4px 8px -2px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.07)}
.tile:hover,.tile:focus-visible,.modelo:hover,.sugestao:hover{border-color:var(--fogo);border-top-color:var(--fogo2)}
.modelo.ativa{border-color:var(--fogo);background:rgba(240,74,26,.18)}
.sugestao.usar-texto{border-top-style:dashed}
/* assunto e modelo da máquina têm o MESMO tamanho: título + descrição curta embaixo */
.tile,.modelo{padding:16px;gap:4px;align-content:start;min-height:168px}
.tile strong,.modelo strong{font-size:1rem;line-height:1.25}
.tile small,.modelo small{font-size:.86rem;line-height:1.3;color:var(--suave)}
/* celular: dois por linha, com a descrição embaixo */
@media (max-width:600px){
  .tiles,.lista-modelos{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .tile,.modelo{padding:10px 12px;min-height:142px}
  .tile .icone{font-size:1.45rem}
  .tile strong,.modelo strong{font-size:.95rem}
  .tile small,.modelo small{font-size:.78rem}
}

/* orçamento: modelos de máquina em cards menores, só com o nome do modelo */
.lista-modelos{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.lista-modelos .modelo{min-height:46px;padding:9px 12px;align-content:center}
.lista-modelos .modelo strong{font-size:.95rem;line-height:1.25}
.marca-escolhida{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
@media (max-width:600px){
  .lista-modelos{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .lista-modelos .modelo{min-height:44px;padding:8px 10px}
}

/* orçamento: revisão com lápis */
.resumo>div{grid-template-columns:minmax(100px,150px) 1fr auto;align-items:center}
.resumo>div.editando{grid-template-columns:minmax(100px,150px) 1fr;align-items:start}
.resumo dd.vazio{color:var(--suave);font-style:italic;opacity:.8}
.lapis{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;
  border:1px solid rgba(255,255,255,.14);background:rgba(10,12,14,.55);color:var(--prata);cursor:pointer;padding:0}
.lapis svg{width:18px;height:18px}
.lapis:hover,.lapis:focus-visible{border-color:var(--fogo);color:var(--fogo2)}
.editor{display:grid;gap:8px}
.editor input,.editor select,.editor textarea{width:100%;font:inherit;padding:11px 12px;border-radius:10px;border:2px solid var(--linha);
  background:var(--grafite);color:var(--texto);text-shadow:none}
.editor input:focus,.editor select:focus,.editor textarea:focus{outline:none;border-color:var(--fogo)}
.editor-acoes{display:flex;gap:10px;flex-wrap:wrap}
.ed-aviso{min-height:0;margin:0}

/* revisão: valores longos quebram dentro da linha; o editor não herda o estilo das linhas */
.resumo dd{min-width:0;overflow-wrap:anywhere}
.resumo .editor{display:grid;grid-template-columns:1fr;gap:8px;padding:0;border-bottom:0}
.resumo .editor-acoes{display:flex;grid-template-columns:none;gap:10px;padding:0;border-bottom:0;flex-wrap:wrap}
.resumo .editor-acoes .botao,.resumo .editor-acoes .botao-sec{width:auto}
.resumo>div{grid-template-columns:minmax(90px,150px) minmax(0,1fr) auto}
@media (max-width:600px){
  .resumo>div{grid-template-columns:84px minmax(0,1fr) auto;gap:10px}
  .resumo>div.editando{grid-template-columns:1fr;gap:6px}
}

/* sugestões de provedor de e-mail: lado a lado, abaixo do campo */
.sugestoes-email{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.sugestoes-email:empty{display:none}
.sugestao-email{border:1px solid rgba(255,255,255,.16);background:rgba(10,12,14,.55);color:var(--texto);
  padding:5px 11px;border-radius:999px;font:inherit;font-size:.88rem;cursor:pointer;text-shadow:none}
.sugestao-email:hover,.sugestao-email:focus-visible{border-color:var(--fogo);color:#fff}

/* atalho "Solicitar contato" dos primeiros passos */
.atalho-contato{margin-top:26px;padding:18px 18px 20px;text-align:center;border-radius:16px;
  background:rgba(10,12,14,.55);border:1px solid rgba(255,255,255,.10);border-top:3px solid var(--fogo);
  box-shadow:0 14px 26px -12px rgba(0,0,0,.9),0 4px 8px -2px rgba(0,0,0,.55)}
.atalho-contato h3{margin:0 0 4px;font-size:1.05rem}
.atalho-contato p{margin:0 0 12px;color:var(--suave)}

/* revisão: dois blocos curtos, fáceis de bater o olho */
.revisao{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}
@media (max-width:700px){.revisao{grid-template-columns:1fr}}
.rev-bloco{background:rgba(10,12,14,.55);border:1px solid rgba(255,255,255,.10);border-top:3px solid var(--fogo);
  border-radius:16px;padding:12px 16px 16px;
  box-shadow:0 14px 26px -12px rgba(0,0,0,.9),0 4px 8px -2px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.07)}
.rev-bloco h3{margin:0 0 4px;font-size:.8rem;letter-spacing:.09em;text-transform:uppercase;color:var(--prata);font-weight:700}
.rev-linha{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.rev-linha:last-of-type{border-bottom:0}
.rev-linha.editando{display:grid;gap:6px;align-items:start}
.rev-texto{flex:1;min-width:0;display:grid;gap:3px}
.rev-rotulo{font-size:.75rem;color:var(--suave);text-transform:uppercase;letter-spacing:.06em}
.rev-valor{font-size:1.06rem;font-weight:600;color:#fff;overflow-wrap:anywhere;line-height:1.3}
.rev-tags{display:flex;flex-wrap:wrap;gap:6px}
.rev-tag{padding:3px 10px;border-radius:999px;background:rgba(240,74,26,.16);border:1px solid rgba(240,74,26,.55);font-size:.92rem;font-weight:600}
.rev-add{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.rev-adicionar{border:1px dashed rgba(255,255,255,.3);background:transparent;color:var(--suave);padding:6px 12px;
  border-radius:999px;font:inherit;font-size:.9rem;cursor:pointer;text-shadow:none}
.rev-adicionar:hover,.rev-adicionar:focus-visible{border-color:var(--fogo);color:#fff}
.rev-bloco .editor input,.rev-bloco .editor select,.rev-bloco .editor textarea{width:100%}

/* e-mail: lista de sugestões em formato de combobox (mostra o endereço completo, sem empurrar o layout) */
.email-ancora{position:relative;display:block;height:0;margin:0;padding:0}
.email-lista{position:absolute;left:0;right:0;top:4px;z-index:40;margin:0;padding:4px;list-style:none;
  max-height:236px;overflow:auto;background:#15181c;border:1px solid rgba(255,255,255,.18);border-radius:14px;
  box-shadow:0 18px 34px -10px rgba(0,0,0,.9)}
.email-lista[hidden]{display:none}
.email-lista li{display:flex;align-items:center;padding:9px 12px;border-radius:9px;cursor:pointer;
  color:var(--texto);text-shadow:none;font-size:.96rem;overflow-wrap:anywhere}
.email-lista .email-local{font-weight:700;color:#fff}
.email-lista .email-dominio{color:var(--suave)}
.email-lista li::after{content:"\21B5";margin-left:auto;padding-left:10px;opacity:0;color:var(--suave)}
.email-lista li.ativa,.email-lista li:hover{background:rgba(240,74,26,.18)}
.email-lista li.ativa::after,.email-lista li:hover::after{opacity:1}

/* revisão: "Contato por" com as duas opções marcáveis */
.editor-formas{display:flex;flex-wrap:wrap;gap:10px}
.forma{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.18);
  background:rgba(10,12,14,.55);cursor:pointer;font-size:.97rem}
.forma input{width:18px;height:18px;accent-color:var(--fogo);margin:0;padding:0}
.forma small{color:var(--suave)}
.rev-bloco .editor .forma input,.editor .forma input{width:18px;height:18px;padding:0;border:0;background:transparent;flex:none}

/* logo nas telas de sucesso, no rodapé e na página 404 */
.sucesso-logo{display:block;margin:0 auto 4px}
.sucesso-logo img{display:block;height:46px;width:auto;margin:0 auto}
footer .logo-rodape{display:block;width:min(220px,70%);margin:0 auto 10px}
footer .logo-rodape img{display:block;width:100%;height:auto}
.pagina-404{text-align:center;padding:48px 24px}
.pagina-404 .logo-404{display:block;width:min(300px,70%);height:auto;margin:0 auto 18px}
.pagina-404 .lead{margin-left:auto;margin-right:auto}
.pagina-404 .botoes{justify-content:center}

/* Sobre: marcas atendidas em pílulas */
.marcas-lista{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.marcas-lista li{padding:5px 12px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.05);font-size:.92rem;font-weight:600;color:#f1f4f7}

/* Sobre: 4 sub cards na mesma linha no computador; 2 por linha no tablet; 1 no celular */
.sobre-grade{grid-template-columns:repeat(4,minmax(0,1fr))}
.sobre-grade .dif-card p{font-size:.98rem}
@media (max-width:1100px){.sobre-grade{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:700px){.sobre-grade{grid-template-columns:1fr}}

/* Início: "Quem é a LaserLutz" em 2 sub cards, um abaixo do outro */
.sobre-previa .dif-card{padding:14px 18px 16px;display:grid;gap:6px}
.sobre-previa .dif-card h3{margin:0}

/* "Quem é a LaserLutz": título com o link para Sobre na mesma linha (economiza altura para igualar ao vídeo) */
.sobre-previa-topo{display:flex;align-items:baseline;justify-content:space-between;gap:8px 16px;flex-wrap:wrap}
.sobre-previa .link-sobre{font-size:.92rem;font-weight:700;color:var(--fogo);text-decoration:none;white-space:nowrap}
.sobre-previa .link-sobre:hover{text-decoration:underline}
.inicio-topo .sobre-previa{gap:8px}
.sobre-previa .dif-card{padding:10px 16px 12px;gap:4px}

/* Serviços: resumo de uma linha dos relatórios incluídos, em texto simples (sem caixa) */
.entrega.entrega-resumo{margin:10px 0 6px;padding:0;border:0;border-radius:0;background:none;box-shadow:none;backdrop-filter:none;font-size:.97rem;line-height:1.45;color:var(--suave)}
.entrega-resumo::before,.entrega-resumo::after{content:none;display:none}
.entrega-resumo strong{display:inline;margin:0;letter-spacing:0;color:#fff}
.entrega-resumo a{white-space:normal}

/* Máquinas: a foto de destaque (render 16:9 da Penta) aparece inteira, sem cortar as pontas */
.destaque .foto.grande{aspect-ratio:16/9}

/* ---------- Galeria ---------- */
.g-filtros{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 18px}
.g-filtro{font:inherit;font-weight:700;font-size:.95rem;color:#f1f4f7;padding:8px 16px;border-radius:999px;cursor:pointer;
  border:1px solid rgba(255,255,255,.2);background:rgba(10,12,14,.55)}
.g-filtro.ativo{background:var(--fogo);border-color:var(--fogo);color:#fff}
.g-grade{list-style:none;margin:0;padding:0;columns:3 240px;column-gap:14px}
.g-item{break-inside:avoid;margin:0 0 14px}
.g-item[hidden]{display:none}
.g-botao{position:relative;display:block;width:100%;padding:0;margin:0;border:0;border-radius:14px;overflow:hidden;cursor:pointer;
  background:rgba(10,12,14,.55);box-shadow:0 10px 26px -10px rgba(0,0,0,.8);color:inherit;font:inherit;text-align:left}
.g-botao img{display:block;width:100%;height:auto;transition:transform .25s ease}
.g-botao:hover img,.g-botao:focus-visible img{transform:scale(1.03)}
.g-leg{position:absolute;left:0;right:0;bottom:0;padding:26px 12px 10px;font-size:.88rem;font-weight:600;color:#fff;
  background:linear-gradient(transparent,rgba(0,0,0,.82))}
.g-play{position:absolute;top:10px;right:10px;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;
  background:rgba(0,0,0,.6);color:#fff;font-size:.95rem;padding-left:3px}
.g-caixa{position:fixed;inset:0;z-index:200;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:6px;
  padding:12px;background:rgba(5,6,8,.93)}
.g-caixa[hidden]{display:none}
.g-fig{margin:0;min-width:0;max-height:100%;display:grid;gap:10px;justify-items:center}
.g-midia img,.g-midia video{display:block;max-width:100%;max-height:calc(100vh - 110px);max-height:calc(100dvh - 110px);
  border-radius:10px;margin:0 auto;background:#000}
.g-legenda{color:#e6eaee;font-weight:600;text-align:center;font-size:1rem}
.g-nav,.g-fechar{border:0;cursor:pointer;color:#fff;background:rgba(255,255,255,.12);border-radius:50%;width:44px;height:44px;
  font-size:1.8rem;line-height:1;display:grid;place-items:center;padding:0 0 4px}
.g-fechar{position:absolute;top:10px;right:10px;z-index:2;font-size:1.7rem}
.g-aberta,.g-aberta body{overflow:hidden}
@media (max-width:640px){
  .g-leg{font-size:.74rem;padding:18px 8px 7px;line-height:1.25}
  .g-grade{columns:2 140px;column-gap:10px}
  .g-item{margin-bottom:10px}
  .g-caixa{grid-template-columns:1fr;padding:8px}
  .g-nav{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;background:rgba(0,0,0,.45)}
  .g-ant{left:6px}.g-prox{right:6px}
}
/* celular estreito: o menu do cabeçalho já está cheio; a Galeria fica no rodapé e na página inicial */
@media (max-width:430px){header nav a[href="galeria.html"]{display:none}}