:root{--dark:#101827;--gold:#f5a623;--light:#f7f8fa;--text:#1f2937}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--text);background:#fff}.container{width:min(1160px,92%);margin:auto}.topo{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid #e5e7eb}.nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo-wrap{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--dark)}.logo-wrap img{width:44px;height:44px;object-fit:contain}.logo{font-weight:900;font-size:20px}.nav nav,.nav-actions{display:flex;align-items:center;gap:18px}.nav nav a{text-decoration:none;color:#374151;font-weight:700;font-size:14px}.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:10px;padding:14px 20px;background:var(--gold);color:#111827;font-weight:900}.btn-small{padding:10px 14px;font-size:13px}.btn-outline,.btn-ghost{background:transparent;border:1px solid #cbd5e1}.hero{padding:78px 0;background:linear-gradient(135deg,#fff,#f2f4f8)}.hero-grid{display:grid;grid-template-columns:1.18fr .82fr;align-items:center;gap:54px}.tag,.titulo span{display:inline-block;color:#9a5b00;font-weight:900;text-transform:uppercase;letter-spacing:.08em;font-size:12px}.hero h1{font-size:clamp(38px,5vw,67px);line-height:1.03;margin:18px 0}.hero p{font-size:18px;line-height:1.7;color:#5b6472}.acoes{display:flex;gap:12px;margin:28px 0}.metricas{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.metricas div{display:flex;flex-direction:column;padding:15px;border-left:3px solid var(--gold)}.metricas span{font-size:12px;color:#6b7280}.hero-card{background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 25px 70px rgba(16,24,39,.15)}.foto-principal{height:420px;background:linear-gradient(145deg,rgba(16,24,39,.15),rgba(245,166,35,.1)),url('https://images.unsplash.com/photo-1555041469-a586c61ea9bc?auto=format&fit=crop&w=1000&q=80') center/cover}.orcamento-box{padding:22px}.orcamento-box p{font-size:14px;margin-bottom:0}.secao{padding:85px 0}.titulo{text-align:center;max-width:760px;margin:0 auto 38px}.titulo.alinhado{text-align:left;margin-left:0}.titulo h2{font-size:clamp(30px,4vw,46px);margin:10px 0}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{padding:25px;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 12px 35px rgba(17,24,39,.05)}.card>span{font-size:30px}.card p,.texto-largo{color:#667085;line-height:1.7}.escura{background:var(--dark);color:#fff}.claro span{color:#fbc66d}.galeria{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.galeria-item{min-height:310px;padding:24px;border-radius:18px;background:linear-gradient(145deg,#374151,#111827);background-size:cover;background-position:center;display:flex;align-items:flex-end}.galeria-item b{font-size:24px}.galeria-item p{color:#d1d5db}.texto-largo{max-width:900px;font-size:18px}.depoimentos{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:35px}.depoimento{margin:0;padding:24px;background:#f8fafc;border-left:4px solid var(--gold);border-radius:12px}.depoimento p{line-height:1.7}.contato{padding:70px 0;background:#f5a623}.contato-box{text-align:center}.contato-box h2{font-size:40px;margin-bottom:10px}.contato-box .btn{background:#111827;color:#fff;margin-top:16px}footer{background:#0b1220;color:#cbd5e1;padding:26px 0}.rodape{display:flex;justify-content:space-between;align-items:center;gap:20px}.rodape div{display:flex;gap:18px;flex-wrap:wrap}.rodape a{color:#fbc66d}.whatsapp-fixo{position:fixed;right:22px;bottom:22px;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:#22c55e;text-decoration:none;font-size:26px;box-shadow:0 12px 30px rgba(0,0,0,.24)}@media(max-width:950px){.nav nav{display:none}.nav-actions .btn-ghost{display:none}.hero-grid{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,1fr)}.depoimentos{grid-template-columns:1fr}.foto-principal{height:330px}}@media(max-width:620px){.nav{min-height:66px}.logo{font-size:16px}.hero{padding:50px 0}.acoes,.rodape{flex-direction:column;align-items:stretch}.metricas,.cards,.galeria{grid-template-columns:1fr}.galeria-item{min-height:250px}.contato-box h2{font-size:32px}.rodape{text-align:center}.rodape div{justify-content:center}}
.site-logo-box{width:44px;height:44px;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #e5e7eb;flex:0 0 auto}.site-logo-box img{width:100%!important;height:100%!important;object-fit:contain!important;padding:4px}.rodape-central{justify-content:center!important;text-align:center!important}.titulo.claro p{color:#cbd5e1;line-height:1.7}.recentes-bloco{margin-top:72px;padding-top:58px;border-top:1px solid rgba(255,255,255,.14)}.recentes-titulo{margin-bottom:30px}.trabalhos-recentes .galeria-item:not([style]){background:linear-gradient(145deg,#25324a,#111827)}
@media(max-width:900px){.nav nav{display:none}.nav{gap:12px}.logo{font-size:16px}.nav-actions{gap:8px!important}.btn-small{padding:9px 11px}.site-logo-box{width:38px;height:38px}}

/* Cabeçalho premium — versão 3 */
.topo{
  position:sticky;
  top:0;
  z-index:1000;
  padding:14px 0;
  background:#070b0e;
  border-bottom:0;
  backdrop-filter:none;
}
.nav-shell{
  min-height:92px;
  padding:16px 24px;
  display:grid;
  grid-template-columns:minmax(260px,1fr) auto minmax(330px,1fr);
  align-items:center;
  gap:28px;
  background:#0f151d;
  border:1px solid #2a323d;
  border-radius:30px;
  box-shadow:0 14px 40px rgba(0,0,0,.28);
}
.brand-area{
  min-width:0;
  display:flex;
  align-items:center;
  gap:15px;
  color:#f8f4ed;
  text-decoration:none;
}
.brand-copy{min-width:0;display:flex;flex-direction:column;line-height:1.12}
.brand-copy strong{font-size:20px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.brand-copy small{margin-top:5px;color:#c6bdb2;font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.site-logo-box{
  width:64px!important;
  height:64px!important;
  min-width:64px!important;
  max-width:64px!important;
  min-height:64px!important;
  max-height:64px!important;
  flex:0 0 64px!important;
  display:block!important;
  overflow:hidden!important;
  border-radius:22px!important;
  border:1px solid #8c6418!important;
  background:#06090c!important;
  line-height:0!important;
}
.site-logo-box img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  max-width:100%!important;
  min-height:0!important;
  max-height:100%!important;
  margin:0!important;
  padding:3px!important;
  object-fit:contain!important;
  object-position:center!important;
  border-radius:19px!important;
}
.main-nav{display:flex;align-items:center;justify-content:center;gap:34px}
.main-nav a{color:#e6ddd2!important;text-decoration:none;font-size:16px!important;font-weight:700!important;white-space:nowrap}
.main-nav a:hover{color:#fff!important}
.nav-actions{display:flex!important;justify-content:flex-end;align-items:center;gap:18px!important}
.admin-link,.whatsapp-top{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:900;white-space:nowrap}
.admin-link{padding:13px 18px;color:#eee4d8;border:1px solid #39414c;border-radius:999px;background:#1a2028}
.admin-link:hover{background:#252c35}
.whatsapp-top{padding:15px 22px;border-radius:999px;background:#23d266;color:#052f18;font-size:17px;box-shadow:0 8px 24px rgba(35,210,102,.15)}
.whatsapp-top:hover{filter:brightness(1.06)}

@media(max-width:1050px){
  .nav-shell{grid-template-columns:1fr auto;padding:13px 16px;border-radius:23px}
  .main-nav{display:none}
  .nav-actions{gap:10px!important}
}
@media(max-width:700px){
  .topo{padding:8px 0}
  .nav-shell{min-height:74px;grid-template-columns:1fr auto;gap:10px;border-radius:18px}
  .site-logo-box{width:50px!important;height:50px!important;min-width:50px!important;max-width:50px!important;min-height:50px!important;max-height:50px!important;flex-basis:50px!important;border-radius:16px!important}
  .site-logo-box img{border-radius:13px!important}
  .brand-copy strong{font-size:16px}
  .brand-copy small{font-size:11px}
  .admin-link{padding:11px 13px;font-size:0}
  .admin-link span{font-size:15px}
  .whatsapp-top{padding:12px 14px;font-size:0}
  .whatsapp-top span{font-size:18px}
}


/* Ajustes visuais — versão 4 */
:root{--wood-light:#f7f3ed;--wood-mid:#efd3ac;--wood-brown:#9a5a28;--wood-dark:#5f3018}
body{background:linear-gradient(135deg,#f8f6f2 0%,#f5eadb 52%,#efd1a7 100%);background-attachment:fixed;color:#2d1b12}
.topo{background:linear-gradient(110deg,#ffffff 0%,#f9f4ed 48%,#efd0aa 100%);padding:14px 0;border-bottom:1px solid rgba(121,72,34,.12)}
.nav-shell{background:rgba(255,255,255,.42);border:1px solid rgba(122,74,38,.18);box-shadow:0 14px 40px rgba(93,53,24,.10);backdrop-filter:blur(14px)}
.brand-area{color:#24160f}.brand-copy small{color:#6f5140}.main-nav a{color:#4a2a1a!important}.main-nav a:hover{color:#8b4b20!important}.admin-link{color:#fff;border-color:#9a5a28;background:linear-gradient(135deg,#ae6b34,#7e421e)}.admin-link:hover{background:linear-gradient(135deg,#9d5c2b,#6f3619)}
.hero{background:transparent}.secao{background:rgba(255,255,255,.54)}.secao.escura{background:#1a120e;color:#fff}.foto-principal{height:520px;background:linear-gradient(145deg,rgba(66,39,19,.08),rgba(255,244,225,.06)),url('../images/hero-sofa-iluminado.png') center/cover no-repeat}.hero-card{position:relative;background:transparent;box-shadow:none;border-radius:36px;overflow:visible}.foto-principal{border-radius:36px}.orcamento-box{position:absolute;left:-28px;bottom:34px;width:min(380px,82%);background:#fff;border-radius:30px;padding:28px 30px;box-shadow:0 18px 45px rgba(73,41,20,.16)}
.contato{background:linear-gradient(115deg,#c48a57 0%,#9b5d2e 52%,#6a351b 100%);color:#fff}.contato-box .btn{background:#fff;color:#6c381d}.contato-box p{color:#f8ede4}
footer{background:#3f2416;color:#f4e8dc;padding:42px 0 24px}.footer-content{display:grid;grid-template-columns:1.2fr .8fr 1fr;gap:30px;padding-bottom:28px;border-bottom:1px solid rgba(255,255,255,.14)}.footer-content strong{display:block;color:#fff;margin-bottom:9px}.footer-content p{margin:0;color:#dfcdbf;line-height:1.65}.rodape{padding-top:22px}.rodape p{margin:0}
@media(max-width:950px){.foto-principal{height:430px}.orcamento-box{left:18px}.footer-content{grid-template-columns:1fr}}
@media(max-width:620px){body{background:linear-gradient(135deg,#f8f6f2,#efd1a7)}.foto-principal{height:390px;border-radius:25px}.orcamento-box{position:relative;left:auto;bottom:auto;width:100%;border-radius:0 0 25px 25px}.hero-card{overflow:hidden;border-radius:25px}.nav-shell{background:rgba(255,255,255,.72)}}

.footer-email{color:inherit;text-decoration:none;font-weight:700}.footer-email:hover{text-decoration:underline}

/* WhatsApp com ícone oficial — versão 7 */
.whatsapp-icon{width:26px;height:26px;display:block;flex:0 0 auto}
.whatsapp-top{gap:9px;padding:13px 18px;color:#fff;background:#25d366;box-shadow:0 8px 24px rgba(37,211,102,.24)}
.whatsapp-top:hover{background:#20bd5a;transform:translateY(-1px)}
.whatsapp-top:focus-visible,.whatsapp-fixo:focus-visible{outline:3px solid rgba(37,211,102,.35);outline-offset:3px}
.whatsapp-label{font-size:15px;line-height:1}
.whatsapp-fixo{width:60px;height:60px;color:#fff;background:#25d366;font-size:0;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.whatsapp-fixo .whatsapp-icon{width:33px;height:33px}
.whatsapp-fixo:hover{background:#20bd5a;transform:translateY(-3px) scale(1.04);box-shadow:0 16px 36px rgba(0,0,0,.28)}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:700px){.whatsapp-top{padding:11px 12px}.whatsapp-label{display:none}.whatsapp-top .whatsapp-icon{width:23px;height:23px}}

/* Versão 2.0 Profissional */
.page-loader{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:#f5efe6;transition:.35s}.page-loader.hide{opacity:0;visibility:hidden}.loader-mark{width:68px;height:68px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(135deg,#d7c0a0,#9b6b42);color:#fff;font-weight:900;animation:loaderPulse 1s infinite alternate}@keyframes loaderPulse{to{transform:scale(1.08)}}
.theme-toggle{width:42px;height:42px;border:1px solid rgba(92,62,39,.18);border-radius:999px;background:rgba(255,255,255,.65);cursor:pointer;font-size:20px}.social-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}.social-links a{color:inherit;font-weight:700}.share-fixo{position:fixed;right:24px;bottom:96px;width:48px;height:48px;border:0;border-radius:50%;background:#fff;color:#5b3b26;box-shadow:0 10px 30px rgba(0,0,0,.18);font-size:24px;cursor:pointer;z-index:40}
html.dark body{background:#17130f;color:#f5eee6}html.dark .topo,html.dark .nav-shell{background:linear-gradient(135deg,#30251d,#17130f)}html.dark .secao:not(.escura),html.dark footer{background:#211a14;color:#f5eee6}html.dark .card,html.dark .depoimento,html.dark .hero-card,html.dark .orcamento-box{background:#2b211a;color:#f5eee6}html.dark .main-nav a,html.dark .brand-copy strong,html.dark .brand-copy small{color:#fff}html.dark .btn-outline{color:#f5eee6;border-color:#8f715b}html.dark .theme-toggle{background:#33271f;color:#fff;border-color:#574334}
@media(max-width:760px){.share-fixo{right:18px;bottom:90px}.theme-toggle{width:38px;height:38px}}

/* Rodapé profissional 2.1: contatos e redes em coluna vertical */
.footer-content{grid-template-columns:1.15fr .9fr 1fr;align-items:start}
.footer-subtitle{margin-top:24px}
.footer-contacts{justify-self:end;width:min(100%,340px)}
.footer-contact-list{display:flex;flex-direction:column;gap:9px;margin-top:13px}
.footer-contact-list a{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;color:#f4e8dc;text-decoration:none;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.035);transition:transform .2s ease,background .2s ease,border-color .2s ease}
.footer-contact-list a:hover{transform:translateX(-4px);background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.22)}
.footer-contact-icon{width:38px;height:38px;display:grid;place-items:center;flex:0 0 38px;border-radius:10px;background:rgba(255,255,255,.1)}
.footer-contact-icon svg{width:21px;height:21px;fill:currentColor}
.footer-contact-list span:last-child{display:flex;min-width:0;flex-direction:column;line-height:1.25}
.footer-contact-list b{color:#fff;font-size:14px}
.footer-contact-list small{color:#d9c5b6;font-size:12px;overflow-wrap:anywhere}
@media(max-width:950px){.footer-contacts{justify-self:start;width:100%}.footer-contact-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.footer-contact-list a:hover{transform:translateY(-2px)}}
@media(max-width:620px){.footer-contact-list{grid-template-columns:1fr}.footer-contacts{justify-self:stretch}.footer-content{text-align:left}}

/* Correção 2.3 — a arte da imagem já contém o box de orçamento. */
.hero-card-imagem{background:transparent;line-height:0}
.hero-card-imagem .foto-principal{height:520px;border-radius:22px;background-image:url('../images/hero-sofa-iluminado.png');background-position:center;background-size:cover;background-repeat:no-repeat}
@media(max-width:950px){.hero-card-imagem .foto-principal{height:500px}}
@media(max-width:620px){.hero-card-imagem .foto-principal{height:440px}}

/* V2.4 — preserva integralmente a imagem principal em todas as telas */
.hero-card-imagem{
  width:100%;
  overflow:hidden;
  border-radius:36px;
}
.hero-card-imagem .foto-principal{
  width:100%;
  height:auto !important;
  aspect-ratio:708 / 741;
  border-radius:36px;
  background-image:url('../images/hero-sofa-iluminado.png');
  background-position:center;
  background-size:100% 100%;
  background-repeat:no-repeat;
}
@media(max-width:620px){
  .hero-card-imagem,
  .hero-card-imagem .foto-principal{
    border-radius:25px;
  }
}


/* V2.5 — imagem real, sem background e sem qualquer possibilidade de recorte */
.hero-card-imagem{
  width:100%;
  overflow:hidden;
  border-radius:36px;
  background:transparent;
  line-height:0;
}
.hero-card-imagem .foto-principal{display:none!important}
.hero-card-imagem .foto-principal-img{
  display:block;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  object-fit:contain!important;
  object-position:center!important;
  border:0;
  border-radius:36px;
}
@media(max-width:620px){
  .hero-card-imagem,
  .hero-card-imagem .foto-principal-img{border-radius:25px}
}

/* V3.0 — identidade industrial para serralheria e estruturas metálicas */
:root{--dark:#0b0e11;--gold:#ff9f1c;--metal:#aab1b8;--light:#f4f5f6;--text:#20252a}
body{background:#f4f5f6;color:var(--text)}
.topo{background:rgba(8,10,12,.94);border-bottom:1px solid rgba(255,159,28,.24);padding:10px 0}
.nav-shell{min-height:80px;background:rgba(18,22,26,.92);border-color:#323941;border-radius:18px;box-shadow:0 12px 34px rgba(0,0,0,.32)}
.brand-area,.brand-copy strong{color:#fff}.brand-copy small{color:#aeb6bd}.main-nav a{color:#dfe3e6!important}.main-nav a:hover{color:var(--gold)!important}
.admin-link{color:#e9edf0;border-color:#3d454d;background:#23292f}.admin-link:hover{background:#303840}
.hero-serralheria{position:relative;isolation:isolate;min-height:690px;padding:118px 0 100px;display:flex;align-items:center;background:#0b0e11 url('../images/hero-serralheria-v3.png') center/cover no-repeat;color:#fff}
.hero-serralheria:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,7,9,.98) 0%,rgba(5,7,9,.88) 32%,rgba(5,7,9,.3) 62%,rgba(5,7,9,.12) 100%)}
.hero-serralheria .hero-grid{display:block}.hero-serralheria .hero-texto{max-width:690px}
.hero-serralheria .tag{padding:9px 13px;border:1px solid rgba(255,159,28,.5);border-radius:999px;color:#ffc267;background:rgba(255,159,28,.08)}
.hero-serralheria h1{max-width:680px;font-family:"Space Grotesk",Inter,sans-serif;font-size:clamp(44px,6.2vw,78px);letter-spacing:-.045em;text-shadow:0 4px 28px rgba(0,0,0,.5)}
.hero-serralheria p{max-width:650px;color:#d3d8dc;font-size:19px}
.hero-serralheria .btn{border-radius:5px;background:var(--gold);color:#111;box-shadow:0 10px 30px rgba(255,159,28,.18)}
.hero-serralheria .btn-outline{background:rgba(8,10,12,.46);border-color:#737c84;color:#fff;box-shadow:none}
.hero-serralheria .metricas{margin-top:38px;max-width:760px}.hero-serralheria .metricas div{border-left-color:var(--gold);background:rgba(10,13,15,.38);backdrop-filter:blur(4px)}.hero-serralheria .metricas span{color:#aeb5bb}
.secao{background:#f4f5f6}.titulo span{color:#c36f00}.card{position:relative;overflow:hidden;background:#fff;border-color:#d9dde0;border-radius:8px;box-shadow:0 12px 30px rgba(15,20,24,.07)}.card:after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:linear-gradient(90deg,var(--gold),#5b6268)}
.secao.escura{background:linear-gradient(135deg,#12171b,#07090b);color:#fff}.galeria-item{border-radius:6px;border:1px solid rgba(255,255,255,.12)}
.contato{background:linear-gradient(115deg,#ffad2f,#e37b00);color:#111}.contato-box .btn{background:#11171b;color:#fff;border-radius:5px}.contato-box p{color:#33200a}
footer{background:#090c0e;color:#c5cbd0}.footer-contact-list a{border-radius:5px}.footer-contact-icon{border-radius:4px;background:rgba(255,159,28,.15);color:#ffb13b}
.page-loader{background:#0b0e11}.loader-mark{border-radius:5px;background:linear-gradient(135deg,#ffad2f,#d06d00);color:#111}
html.dark body,html.dark .secao:not(.escura){background:#111518;color:#f2f4f5}html.dark .topo,html.dark .nav-shell{background:rgba(10,13,15,.96)}html.dark .card,html.dark .depoimento{background:#1b2126;color:#f2f4f5}
@media(max-width:950px){.hero-serralheria{min-height:650px;background-position:62% center}.hero-serralheria:before{background:linear-gradient(90deg,rgba(5,7,9,.98),rgba(5,7,9,.82) 58%,rgba(5,7,9,.42))}}
@media(max-width:620px){.hero-serralheria{min-height:auto;padding:86px 0 70px;background-position:67% center}.hero-serralheria:before{background:rgba(5,7,9,.79)}.hero-serralheria h1{font-size:43px}.hero-serralheria .acoes{gap:10px}.hero-serralheria .btn{width:100%}.hero-serralheria .metricas{gap:8px}.hero-serralheria .metricas div{padding:13px}.hero-serralheria .metricas strong{font-size:14px}}

/* V3.1 — compartilhar no topo e retorno premium */
.share-top{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 15px;border:1px solid #3d454d;border-radius:999px;background:#23292f;color:#edf1f3;font:700 14px Inter,sans-serif;cursor:pointer;transition:transform .2s ease,background .2s ease,border-color .2s ease}
.share-top svg{width:20px;height:20px;fill:currentColor}.share-top:hover{transform:translateY(-2px);background:#303840;border-color:#ff9f1c}.share-top:focus-visible,.back-to-top:focus-visible{outline:3px solid rgba(255,159,28,.4);outline-offset:3px}
.back-to-top{position:fixed;right:24px;bottom:96px;z-index:40;width:50px;height:50px;padding:0;border:1px solid rgba(255,255,255,.24);border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#ffad2f,#e37b00);color:#111;font:900 27px/1 Inter,sans-serif;box-shadow:0 13px 35px rgba(0,0,0,.28);cursor:pointer;opacity:0;visibility:hidden;transform:translateY(14px);transition:opacity .28s ease,visibility .28s ease,transform .28s ease,box-shadow .2s ease}
.back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top:hover{transform:translateY(-4px);box-shadow:0 18px 42px rgba(0,0,0,.34)}
@media(max-width:1180px){.share-top span{display:none}.share-top{width:44px;height:44px;padding:0}}
@media(max-width:700px){.share-top{width:42px;height:42px}.back-to-top{right:18px;bottom:88px}}

/* V3.2 — navegação equilibrada, banners e controles premium */
.nav-shell{grid-template-columns:minmax(250px,1fr) auto auto;gap:22px}
.main-nav{gap:26px}.nav-actions{min-width:max-content;flex-wrap:nowrap;gap:10px!important}
.top-action,.share-top,.theme-toggle{width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;padding:0!important;border-radius:50%!important;display:inline-grid!important;place-items:center!important;flex:0 0 48px!important;line-height:1!important}
.share-top{border:1px solid #3d454d!important;background:#23292f!important;color:#edf1f3!important}.share-top svg{width:21px!important;height:21px!important;display:block!important}.share-top.success{border-color:#25d366!important;color:#25d366!important}
.whatsapp-top{min-height:48px;padding:0 18px;border-radius:999px}.admin-link{display:none!important}
.share-fixo{display:none!important;visibility:hidden!important;pointer-events:none!important}
.back-to-top svg{width:25px;height:25px;fill:currentColor;display:block}.back-to-top{display:grid!important}
.contato-box .btn{padding:16px 24px;border:1px solid rgba(255,255,255,.2);border-radius:16px;box-shadow:0 12px 30px rgba(31,20,7,.2)}
.admin-footer-link{margin-left:12px;color:rgba(255,255,255,.22);font-size:10px;letter-spacing:.04em;text-decoration:none;transition:color .2s ease}.admin-footer-link:hover,.admin-footer-link:focus{color:rgba(255,255,255,.72)}
.banner-section{padding:38px 0;background:#0d1114}.banner-carousel{position:relative;overflow:hidden;border:1px solid #30373d;border-radius:22px;background:#080b0d;box-shadow:0 22px 60px rgba(0,0,0,.28);aspect-ratio:1920/760}.banner-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .75s ease,visibility .75s ease}.banner-slide.active{opacity:1;visibility:visible;z-index:1}.banner-slide>img{width:100%;height:100%;display:block;object-fit:cover}.banner-caption{position:absolute;z-index:2;left:0;right:0;bottom:0;display:flex;align-items:end;justify-content:space-between;gap:24px;padding:55px 42px 32px;color:#fff;background:linear-gradient(transparent,rgba(4,6,8,.92))}.banner-caption strong{display:block;font:800 clamp(22px,3vw,38px)/1.1 "Space Grotesk",Inter,sans-serif}.banner-caption p{max-width:760px;margin:8px 0 0;color:#d9dee2;line-height:1.5}.banner-caption a{flex:0 0 auto;padding:12px 18px;border-radius:999px;background:#ff9f1c;color:#111;text-decoration:none;font-weight:900}.banner-full-link{position:absolute;inset:0;z-index:2}.banner-control{position:absolute;z-index:4;top:50%;width:44px;height:44px;border:1px solid rgba(255,255,255,.3);border-radius:50%;display:grid;place-items:center;transform:translateY(-50%);background:rgba(7,10,12,.58);color:#fff;font-size:30px;cursor:pointer;backdrop-filter:blur(8px)}.banner-control.prev{left:16px}.banner-control.next{right:16px}.banner-dots{position:absolute;z-index:4;left:50%;bottom:13px;display:flex;gap:7px;transform:translateX(-50%)}.banner-dots button{width:8px;height:8px;padding:0;border:0;border-radius:999px;background:rgba(255,255,255,.48);cursor:pointer;transition:width .25s ease,background .25s ease}.banner-dots button.active{width:26px;background:#ff9f1c}
@media(max-width:1180px){.main-nav{display:none}.nav-shell{grid-template-columns:minmax(0,1fr) auto}.share-top span{display:none}}
@media(max-width:700px){.nav-shell{gap:8px;padding:10px 12px}.brand-copy small{max-width:155px}.nav-actions{gap:7px!important}.top-action,.share-top,.theme-toggle{width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;flex-basis:42px!important}.whatsapp-top{width:42px;height:42px;min-height:42px;padding:0;justify-content:center}.banner-section{padding:18px 0}.banner-carousel{border-radius:14px;aspect-ratio:4/3}.banner-caption{padding:55px 20px 24px}.banner-caption p{font-size:13px}.banner-caption a{display:none}.banner-control{width:38px;height:38px}.rodape-central{gap:4px}.admin-footer-link{margin-left:0}}

/* V3.4 — carrossel contínuo de ponta a ponta e galeria ampliável */
.banner-section{width:100%;padding:0;overflow:hidden;background:#080b0d}
.banner-carousel{width:100%;height:clamp(320px,39.58vw,760px);aspect-ratio:auto;border:0;border-radius:0;box-shadow:none}
.banner-track{display:flex;width:100%;height:100%;transform:translate3d(0,0,0);will-change:transform}
.banner-slide,.banner-slide.active{position:relative;inset:auto;flex:0 0 100%;min-width:100%;height:100%;opacity:1;visibility:visible;transition:none}
.banner-slide>img{width:100%;height:100%;object-fit:cover;object-position:center}
.work-lightbox-trigger{position:relative;width:100%;padding:0;color:inherit;font:inherit;text-align:left;cursor:zoom-in;appearance:none;transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}
.work-lightbox-trigger:hover{transform:translateY(-5px);border-color:rgba(255,159,28,.7);box-shadow:0 18px 38px rgba(0,0,0,.32)}
.work-lightbox-trigger:after{content:"＋";position:absolute;top:14px;right:14px;width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.45);border-radius:50%;background:rgba(6,8,10,.68);color:#fff;font-size:24px;line-height:1;backdrop-filter:blur(7px)}
body.lightbox-open{overflow:hidden}
.image-lightbox{position:fixed;inset:0;z-index:10000;display:grid;grid-template-columns:72px minmax(0,1fr) 72px;align-items:center;padding:28px;background:rgba(2,4,6,.94);opacity:0;visibility:hidden;transition:opacity .28s ease,visibility .28s ease;backdrop-filter:blur(12px)}
.image-lightbox.open{opacity:1;visibility:visible}
.image-lightbox figure{min-width:0;margin:0;text-align:center}
.image-lightbox img{display:block;max-width:100%;max-height:82vh;margin:auto;border-radius:8px;object-fit:contain;box-shadow:0 24px 80px rgba(0,0,0,.5)}
.image-lightbox figcaption{min-height:24px;margin-top:14px;color:#fff;font-weight:700}
.lightbox-close,.lightbox-nav{border:1px solid rgba(255,255,255,.28);display:grid;place-items:center;background:rgba(255,255,255,.1);color:#fff;cursor:pointer;transition:background .2s ease,transform .2s ease}
.lightbox-close:hover,.lightbox-nav:hover{background:#ff9f1c;color:#111}
.lightbox-close{position:absolute;top:20px;right:22px;width:48px;height:48px;border-radius:50%;font-size:32px;line-height:1}
.lightbox-nav{width:52px;height:52px;border-radius:50%;font-size:38px;justify-self:center}
@media(max-width:700px){.banner-section{padding:0}.banner-carousel{height:clamp(280px,72vw,430px);border-radius:0}.banner-caption{padding:48px 18px 24px}.image-lightbox{grid-template-columns:46px minmax(0,1fr) 46px;padding:68px 8px 22px}.lightbox-nav{width:42px;height:42px;font-size:30px}.lightbox-close{top:12px;right:12px}.image-lightbox img{max-height:76vh}}

/* V3.5 — três trabalhos recentes por linha */
.trabalhos-recentes{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:950px){.trabalhos-recentes{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.trabalhos-recentes{grid-template-columns:1fr}}

/* Ajustes solicitados — banner, depoimentos e avaliações */
.banner-section{
  padding:30px 0 42px;
  margin-top:28px;
  background:transparent;
}
.banner-carousel{
  aspect-ratio:1920/620;
}
.banner-slide>img{object-fit:cover}
@media(max-width:900px){.banner-carousel{aspect-ratio:16/7}}
@media(max-width:620px){
  .banner-section{padding:20px 0 30px;margin-top:18px}
  .banner-carousel{aspect-ratio:16/8}
}

/* Depoimentos premium: foto lateral + estrelas + interação */
.depoimentos{align-items:stretch}
.depoimento{
  --dep-bg:rgba(255,255,255,.86);
  --dep-text:#2d1b12;
  --dep-border:rgba(154,90,40,.24);
  --dep-accent:#9a5a28;
  position:relative;
  display:flex;
  align-items:center;
  gap:20px;
  min-height:150px;
  overflow:hidden;
  border:1px solid var(--dep-border);
  border-left:4px solid var(--dep-accent);
  background:var(--dep-bg);
  color:var(--dep-text);
  box-shadow:0 10px 28px rgba(73,41,20,.08);
  transition:transform .28s ease,background .28s ease,color .28s ease,border-color .28s ease,box-shadow .28s ease;
}
.depoimento:hover{
  transform:translateY(-8px) scale(1.015);
  background:linear-gradient(135deg,#9a5a28,#6f381d);
  color:#fff;
  border-color:#9a5a28;
  box-shadow:0 18px 40px rgba(73,41,20,.20);
}
.depoimento-foto{
  width:88px;height:88px;min-width:88px;border-radius:50%;overflow:hidden;
  border:3px solid rgba(154,90,40,.28);box-shadow:0 8px 20px rgba(0,0,0,.12);
}
.depoimento-foto img{width:100%;height:100%;display:block;object-fit:cover}
.depoimento.foto-direita{flex-direction:row-reverse}
.depoimento-conteudo{min-width:0;flex:1}
.depoimento-estrelas{display:flex;gap:2px;margin-bottom:8px;font-size:18px;line-height:1;color:#c6c6c6}
.depoimento-estrelas span.ativa{color:#f5a623}
.depoimento:hover .depoimento-estrelas span.ativa{color:#ffe3a8}
.depoimento p{margin:0 0 10px;line-height:1.7}
.depoimento strong{display:block;font-weight:800}
.google-review-cta{
  margin:30px auto 0;padding:22px 26px;max-width:720px;border:1px solid rgba(154,90,40,.18);
  border-radius:18px;text-align:center;background:rgba(154,90,40,.06);
}
.google-review-cta p{margin:0 0 13px;font-weight:700}
.google-review-btn{display:inline-flex!important;align-items:center;gap:8px;background:#fff!important;color:#5f3018!important;border:1px solid rgba(154,90,40,.28);box-shadow:0 8px 20px rgba(73,41,20,.10)}
.google-review-btn:hover{background:#9a5a28!important;color:#fff!important}
.google-review-btn i{font-style:normal;font-weight:900}
html.dark .depoimento{
  --dep-bg:#2b211a;
  --dep-text:#f5eee6;
  --dep-border:rgba(210,158,105,.25);
  --dep-accent:#c98a50;
  background:var(--dep-bg);
  color:var(--dep-text);
  box-shadow:0 10px 28px rgba(0,0,0,.24);
}
html.dark .depoimento:hover{
  background:linear-gradient(135deg,#c17b3e,#6f381d);
  color:#fff;
  box-shadow:0 18px 40px rgba(0,0,0,.38);
}
html.dark .google-review-cta{background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.10);color:#f5eee6}
@media(max-width:700px){
  .depoimento,.depoimento.foto-direita{flex-direction:column;text-align:center}
  .depoimento-foto{margin:auto}
  .depoimento-estrelas{justify-content:center}
}

/* TEMPLATE OVERRIDES - generated professional template */
.banner-section{padding:18px 0;background:var(--site-banner-bg,#f3f6f8)}
.banner-carousel{height:clamp(300px,25vw,420px)!important;aspect-ratio:auto!important;border-radius:20px!important;overflow:hidden!important}
.banner-slide,.banner-slide.active{height:100%!important}
.banner-slide>img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}
@media(max-width:700px){.banner-section{padding:12px 0}.banner-carousel{height:clamp(220px,56vw,300px)!important;border-radius:14px!important}}

:root{--gold:#d9a441;--site-banner-bg:#f4f1ea}
.hero-serralheria{background-image:url("https://images.unsplash.com/photo-1588854337115-1c67d9247e4d?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixlib=rb-4.1.0&q=88&w=1800")!important;background-position:center 45%!important;min-height:620px!important}
.hero-serralheria:before{background:linear-gradient(90deg,rgba(8,12,18,.94),rgba(8,12,18,.74) 46%,rgba(8,12,18,.18) 100%)!important}
.hero-serralheria .tag{border-color:rgba(217,164,65,.55);color:#f6d98a}
.hero-serralheria .btn{background:#d9a441!important;color:#151515!important}
.card:after{background:linear-gradient(90deg,#d9a441,#8b6a31)!important}