/* OFICINA BASE - tema editorial industrial, independente para demonstração.
   Identidade grafite / vermelho; publicações reais exigem personalização. */
:root{--blue:#d52b35;--blue-d:#b31f2a;--ink:#17191d;--gray:#60666e;--muted:#a6a8ac;--line:#dfe2e5;--bg:#f3f4f5;--white:#fff;--r:8px}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:105px}
body{margin:0;color:var(--ink);background:#fff;font-family:Arial,"Segoe UI",system-ui,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
[hidden]{display:none!important}
.conteiner{max-width:1230px;padding:0 26px;margin:0 auto}
section{padding:86px 0}
h1,h2,h3,h4,p{margin-top:0}h1,h2,h3{line-height:1.12}h2{font-size:clamp(2rem,4.7vw,3.5rem);font-weight:900;letter-spacing:-.055em;text-wrap:balance;margin-bottom:18px}h3{font-size:1.18rem;letter-spacing:-.025em}p{line-height:1.7}
.eyebrow{display:inline-block;color:var(--blue-d);font-weight:900;font-size:.76rem;letter-spacing:.18em;text-transform:uppercase;margin-bottom:15px}
.introducao{color:var(--gray);max-width:720px;margin:0 0 32px}
.grade{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.cartao{border:1px solid var(--line);border-radius:var(--r);background:#fff;padding:25px;box-shadow:0 12px 34px rgba(23,26,32,.03);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.cartao:hover{transform:translateY(-3px);border-color:#e0a6ac;box-shadow:0 16px 32px rgba(23,26,32,.07)}
.cartao h3{margin-bottom:9px}.cartao p{color:var(--gray);margin-bottom:0}
.botao{display:inline-flex;justify-content:center;align-items:center;gap:17px;border:1px solid transparent;text-decoration:none;min-height:51px;padding:13px 24px;font-weight:800;font-size:.89rem;border-radius:4px;background:var(--ink);color:#fff;line-height:1.2;transition:background .2s,transform .2s}
.botao:hover{background:#373b43;transform:translateY(-1px)}
.botao-azul{background:var(--blue);color:#fff}.botao-azul:hover{background:#ee4b55;color:#fff}
.botao-whatsapp{background:#16894c;color:#fff}.botao-whatsapp:hover{background:#10713f}
.botao-contorno{background:transparent;border-color:#85838a;color:#fff}.botao-contorno:hover{background:#fff;border-color:#fff;color:var(--ink)}
.botao-total{width:100%}.botao:disabled{opacity:.5;cursor:not-allowed;transform:none}
.botoes{display:flex;flex-wrap:wrap;gap:11px;margin-top:22px}
/* navigation */
.barra-topo{background:#111318;color:#a9abb0;padding:9px 0;font-size:.7rem;font-weight:800;letter-spacing:.14em}
.top-inner{display:flex;justify-content:space-between;gap:20px;align-items:center}.top-label{color:#ff7179}.top-location{letter-spacing:.03em}
.cabecalho{position:sticky;top:0;z-index:50;background:#1d2025;border-bottom:1px solid #34363a}
.barra{height:84px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.marca{display:inline-flex;align-items:center;flex:0 0 auto;text-decoration:none}.marca img{width:202px;height:64px;object-fit:contain;object-position:left}
#nav{display:flex;align-items:center;gap:26px}
#nav a{color:#ebebed;text-decoration:none;font-size:.85rem;font-weight:700;white-space:nowrap;transition:color .2s}
#nav a:not(.botao):hover{color:var(--blue)}
#nav a.botao{color:#fff;padding:13px 17px;font-size:.8rem;min-height:44px}
.hamburguer{display:none;background:none;border:1px solid #53565c;border-radius:5px;color:#fff;width:48px;height:43px;font-size:1.5rem}
/* hero */
.destaque{background:#15181d;color:#fff;overflow:hidden;padding:0;position:relative}
.destaque::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 84% 58%,rgba(250,114,45,.15),transparent 50%);pointer-events:none}
.hero-grid{position:relative;display:grid;grid-template-columns:1.05fr .95fr;min-height:645px;gap:0}
.hero-content{position:relative;z-index:3;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:75px 30px 78px 0}
.hero-eyebrow{font-size:.74rem;letter-spacing:.17em;font-weight:900;color:#ff8187;display:flex;align-items:center;gap:14px;margin:0 0 25px}
.eyebrow-line{display:inline-block;width:30px;height:2px;background:#e33b45}
.destaque h1{font-size:clamp(3.7rem,7.5vw,7rem);letter-spacing:-.085em;line-height:.96;margin:0 0 26px;font-weight:950;font-family:Impact,"Arial Black",Arial,sans-serif;text-transform:uppercase}
.destaque h1 em{font-style:normal;color:var(--blue)}.title-dot{color:var(--blue)}
.destaque p{color:#c1c3c9;max-width:520px;font-size:1rem;margin-bottom:28px}
.chamadas{display:flex;gap:12px;flex-wrap:wrap}
.hero-footnote{color:#7d828b;font-size:.65rem;font-weight:800;letter-spacing:.2em;margin-top:60px}.hero-footnote span{color:var(--blue);padding:0 6px}
.hero-art{position:relative;min-width:0;isolation:isolate}
.art-grid{position:absolute;inset:0;background:linear-gradient(#ffffff09 1px,transparent 1px),linear-gradient(90deg,#ffffff09 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(90deg,transparent,#000 25%);opacity:.85}
.art-wheel{position:absolute;aspect-ratio:1;width:min(104%,570px);top:50%;left:52%;transform:translate(-45%,-50%);border-radius:50%;border:38px solid #393b3e;background:repeating-conic-gradient(from 15deg,#282d33 0deg 24deg,#404348 24deg 31deg,#272b31 31deg 60deg);box-shadow:0 0 0 13px #555a5b,0 0 0 16px #16181e,0 0 0 17px #7b7b75,0 35px 65px #0009}
.art-wheel::before{content:"";position:absolute;inset:-37px;border:2px dashed #df4b5060;border-radius:50%}
.art-wheel::after{content:"";position:absolute;inset:13px;border-radius:50%;border:1px solid #999a92a3}
.wheel-inner{position:absolute;inset:22%;border-radius:50%;background:repeating-conic-gradient(#636970 0 14deg,#20242a 14deg 45deg);border:15px solid #d2cec6;box-shadow:0 0 0 8px #33363a,0 0 0 12px #d52b35}
.wheel-hub{position:absolute;inset:29%;border-radius:50%;background:radial-gradient(circle,#dc3742 0 22%,#25282f 23% 61%,#adb0b0 62% 71%,#25282f 72%)}
.art-diagonal{position:absolute;width:130%;height:2px;background:#d52b35;opacity:.9;top:24%;left:4%;transform:rotate(-21deg)}
.art-label{position:absolute;z-index:3;bottom:17%;left:6%;padding:20px 24px;background:var(--blue);color:#fff;display:grid;grid-template-columns:1fr auto;gap:4px 24px;box-shadow:12px 12px 0 #0007}
.art-label small{grid-column:1/-1;font-size:.65rem;font-weight:800;letter-spacing:.18em}
.art-label strong{font-size:1.27rem;line-height:1.15;font-weight:900}.art-label span{align-self:end;font-weight:900;font-size:1.6rem}
.art-coord{position:absolute;color:#d9d9d4;font-size:.66rem;font-weight:800;letter-spacing:.13em;z-index:3}.art-coord-top{top:12%;right:2%}.art-coord-bottom{right:2%;bottom:6%}
/* top navigation to actions */
.quicklinks{padding:0;background:#bd222e;color:#fff}
.quicklinks-grid{display:grid;grid-template-columns:repeat(3,1fr);padding-top:0;padding-bottom:0}
.quicklink{position:relative;text-decoration:none;display:flex;min-height:136px;flex-direction:column;justify-content:center;padding:23px 32px 23px 0;border-right:1px solid #1d202540}
.quicklink:not(:first-child){padding-left:32px}.quicklink:last-child{border:0}
.quick-index{font-size:.72rem;font-weight:900;letter-spacing:.16em;margin-bottom:9px}
.quick-name{font-weight:900;font-size:1.3rem;letter-spacing:-.035em;padding-right:20px}.quick-arrow{font-size:1.5rem;position:absolute;top:50%;right:22px;transform:translateY(-50%)}
.quicklink:hover .quick-arrow{transform:translate(4px,-50%)}
/* editorial sections */
.workshop-services{background:#fff}.workshop-services .grade{margin-top:34px}
.workshop-services .servico{border-top:4px solid var(--blue);min-height:220px;background:#fff}
.etiqueta{display:block;font-size:.72rem;letter-spacing:.11em;font-weight:900;color:var(--blue-d);text-transform:uppercase;margin-bottom:17px}
.preco{display:block;color:var(--ink);font-size:1.25rem;margin-top:18px}
.detalhe{font-size:.84rem;color:var(--gray)}
.nota{margin-top:15px;color:var(--gray);font-size:.89rem}
.process{background:#20242a;color:#fff}
.process-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(30px,8vw,130px)}
.process .eyebrow{color:#ff6c75}.process h2{font-size:clamp(2.4rem,4.8vw,4rem);margin-bottom:14px}.process h2 em{font-style:normal;color:var(--blue)}.process-heading p{color:#a5a9af}
.process-steps{border-top:1px solid #53565b}
.process-step{display:grid;grid-template-columns:75px 1fr;gap:10px;padding:22px 0;border-bottom:1px solid #53565b}
.process-step>span{font:900 1.75rem Impact,"Arial Black",Arial,sans-serif;color:var(--blue)}.process-step h3{margin:0 0 6px;font-size:1.05rem}.process-step p{color:#babdc2;font-size:.9rem;margin:0}
.workshop-catalog{background:var(--bg)}
.filtros-catalogo{display:flex;flex-wrap:wrap;gap:12px;align-items:center;background:#fff;border:1px solid var(--line);padding:15px;margin:0 0 20px}
.filtros-catalogo input[type=search]{flex:1;min-width:220px;max-width:560px;margin-top:0}.filtros-catalogo select{width:auto;min-width:170px;margin:0}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:25px}
.chip{background:#fff;border:1px solid #cfd3d8;padding:9px 16px;border-radius:4px;font-size:.82rem;font-weight:800;min-height:40px}
.chip:hover{border-color:var(--blue)}.chip.ativo{background:#20242a;border-color:#20242a;color:#fff}.chip:disabled{opacity:.5;cursor:not-allowed}
.produto{display:flex;flex-direction:column;gap:7px}
.produto-imagem{position:relative;background:#eef0f2;border-radius:4px;padding:14px;margin-bottom:9px;overflow:hidden}
.produto-imagem>img:first-child{height:224px;object-fit:contain;margin:0 auto}
.produto-imagem .selo{position:absolute;right:10px;top:10px;width:52px;background:#fff;border-radius:4px;padding:4px;box-shadow:0 1px 6px #0002}
.estoque{align-self:flex-start;background:#eee;border-radius:4px;color:#5f636b;font-size:.75rem;font-weight:800;padding:4px 10px}
.estoque.disponivel{background:#e0f5e9;color:#147944}
.compra{display:flex;flex-wrap:wrap;gap:10px;align-items:end;margin-top:auto;padding-top:9px}.compra label{font-weight:800;font-size:.78rem}.compra input{max-width:80px;min-width:67px}.compra .botao{flex:1;min-width:160px}
.orcamento{margin-top:32px;max-width:820px;background:#fff;border-left:6px solid var(--blue)}
.orcamento h3{font-size:1.4rem}.orc-item{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 0;border-bottom:1px solid var(--line)}
.orc-item strong,.orc-item .detalhe{display:block}.orc-qtd{display:flex;gap:8px;align-items:center}.orc-qtd span{font-weight:900;min-width:28px;text-align:center}
.paginacao{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap;margin-top:25px}
/* bookings and forms */
.workshop-booking{background:#fff}
.workshop-booking>.conteiner{display:grid;grid-template-columns:.82fr 1.18fr;gap:15px 55px;align-items:start}
.workshop-booking .eyebrow,.workshop-booking h2,.workshop-booking .introducao{grid-column:1}
.workshop-booking .eyebrow{margin-bottom:-5px}.workshop-booking h2{margin-bottom:-5px}.workshop-booking .introducao{margin-bottom:0}
.workshop-booking form.formulario{grid-column:2;grid-row:1 / span 3;margin:0}
.formulario{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;background:var(--bg);color:var(--ink);padding:24px;border:1px solid var(--line);border-radius:var(--r);max-width:820px;margin-top:23px}
.formulario .inteira{grid-column:1/-1}.formulario label{font-size:.8rem;font-weight:800;display:block;color:#31343b}
.formulario label input,.formulario label select,.formulario label textarea{margin-top:6px}
input,select,textarea{border:1px solid #d8d6d2;border-radius:3px;display:block;width:100%;background:#fff;padding:12px 13px;color:var(--ink);font-size:.93rem;min-height:48px}
input:focus,select:focus,textarea:focus{outline:2px solid #d52b3577;outline-offset:1px;border-color:var(--blue)}
textarea{min-height:108px;resize:vertical}
.formulario .detalhe{margin:0}.formulario button.inteira{width:100%}
.workshop-tow{background:#eeeff1}.workshop-tow .formulario{background:#fff}
.guincho-status{display:inline-block;margin:0 0 7px;padding:9px 13px;font-weight:800;border-radius:3px}.guincho-aberto{color:#147944;background:#dff5e7}.guincho-fechado{background:#fde9e4;color:#a13725}
.horarios-guincho{max-width:470px;padding-left:0;list-style:none;margin:15px 0}.horarios-guincho li{display:flex;justify-content:space-between;gap:14px;border-bottom:1px solid #e0d9d1;padding:7px 0}
.atacado{background:#1b1e23;color:#fff}.atacado .eyebrow{color:#ffa36d}.atacado .introducao{color:#c0c1c7}.atacado .formulario{background:#fff;color:var(--ink)}
/* benefits */
.porque{background:#f4f5f6}.section-intro{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end;margin-bottom:30px}.section-intro>p{color:var(--gray);max-width:520px}
.benefits-grid{gap:16px}.benefit{min-height:200px;border:1px solid #d9dcdf;background:#fff}.benefit-number{display:block;font:900 2.4rem Impact,"Arial Black",Arial,sans-serif;color:var(--blue);margin-bottom:30px}.benefit h3{font-size:1.2rem}
.workshop-reviews{background:#fff}.avaliacao.vazia{border-style:dashed;display:flex;align-items:center;min-height:120px;text-align:center}.estrelas{color:#efb334;letter-spacing:.06em}
.workshop-about{background:#f4f5f6}.workshop-about .introducao p{font-size:1.05rem;margin-bottom:14px}
.workshop-contact{background:#22262c;color:#fff}.workshop-contact .eyebrow{color:#ff777e}.workshop-contact .grade{grid-template-columns:1fr 1fr}.workshop-contact .cartao{background:#2d3138;border:1px solid #484a50;color:#fff}.workshop-contact .cartao h3{color:#fff}.lista-contato{list-style:none;padding:0}.lista-contato li{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #4b4c51}.lista-contato li span{color:#b4b6ba}.workshop-contact [data-hours]{list-style:none;padding:0}.workshop-contact [data-hours] li{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #4b4c51}
.workshop-trust{background:#fff1f1;border-top:1px solid #f5c4c8;padding:38px 0}.workshop-trust h2{font-size:1.1rem;letter-spacing:-.02em}.lista-confianca{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.lista-confianca li{font-size:.9rem}
/* footer */
footer{background:#111318;color:#adb1b6;padding:65px 0 140px;font-size:.87rem}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1.1fr 1fr;gap:25px}
.footer-grid h3{font-size:.78rem;text-transform:uppercase;letter-spacing:.13em;color:#fff;margin-bottom:18px}
.footer-brand img{width:214px;height:auto;margin:-12px 0 12px}.footer-brand p{max-width:300px;color:#a3a6aa}
footer ul{list-style:none;padding:0;margin:0}footer li{margin:0 0 9px;overflow-wrap:anywhere}footer a{text-decoration:none}footer a:hover{color:#ff6c75}
footer [data-hours] li{display:flex;justify-content:space-between;gap:12px}
.footer-bottom{grid-column:1/-1;border-top:1px solid #35383e;padding-top:20px;margin-top:25px;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:.76rem}
/* floating CTA */
.atendimento-flutuante{position:fixed;right:19px;bottom:20px;z-index:60;display:flex;flex-direction:column;align-items:flex-end;gap:9px}
.whatsapp-flutuante,.guincho-flutuante{min-height:47px;padding:13px 19px;text-decoration:none;border-radius:4px;color:#fff;font-size:.86rem;font-weight:900;box-shadow:0 5px 20px #0004;transition:transform .2s}
.whatsapp-flutuante{background:#15924e}.guincho-flutuante{background:#25292f}.whatsapp-flutuante:hover,.guincho-flutuante:hover{transform:translateY(-2px)}
/* demo warning */
.faixa-demo{background:#fff0e7;border-bottom:1px solid #ffc180;color:#7f3b2d;text-align:center;padding:10px 16px;z-index:60;position:relative;font-size:.78rem;font-weight:900;letter-spacing:.02em}
.aviso-previa{background:#fff6dd;border:1px solid #eac378;padding:11px 14px;font-size:.85rem;color:#7b5208;margin-bottom:16px}
.etiqueta-previa{display:inline-flex;font-size:.7rem;background:#fff5d9;border:1px solid #eaca83;padding:3px 8px;color:#744f04;border-radius:3px;font-weight:800;align-self:flex-start}
/* responsive */
@media(max-width:1130px){#nav{gap:15px}.marca img{width:185px}.hero-grid{min-height:595px}.art-wheel{width:115%}}
@media(max-width:960px){
 .hamburguer{display:block}
 #nav{display:none;position:absolute;top:84px;left:0;right:0;background:#21252b;box-shadow:0 18px 28px #0005;padding:12px 26px 24px;flex-direction:column;align-items:stretch;gap:0;border-top:1px solid #363a40}
 #nav.aberto{display:flex}#nav a{display:block;padding:13px 0;border-bottom:1px solid #363a40;font-size:.92rem}#nav a.botao{margin-top:14px;text-align:center}
 .hero-grid{min-height:585px;grid-template-columns:1fr .85fr}.hero-content{padding-right:0}.destaque h1{font-size:clamp(3.7rem,8.4vw,6.2rem)}
 .grade{grid-template-columns:repeat(2,minmax(0,1fr))}
 .workshop-booking>.conteiner{grid-template-columns:1fr}.workshop-booking .eyebrow,.workshop-booking h2,.workshop-booking .introducao{grid-column:auto}.workshop-booking form.formulario{grid-column:1;grid-row:auto}
 .footer-grid{grid-template-columns:1.3fr 1fr}.lista-confianca{grid-template-columns:1fr 1fr}
}
@media(max-width:730px){
 .conteiner{padding:0 20px}section{padding:64px 0}.top-location{display:none}
 .hero-grid{display:block;min-height:0}.hero-content{padding:65px 0 48px}.destaque h1{font-size:clamp(4rem,13vw,6.5rem)}.hero-footnote{margin-top:36px}
 .hero-art{height:260px;margin:0 -20px;overflow:hidden}.art-wheel{width:320px;left:73%;top:38%;border-width:22px;box-shadow:0 0 0 8px #525659,0 0 0 11px #15191e,0 15px 30px #0009}.wheel-inner{border-width:9px}.art-label{bottom:18%;left:8%;padding:15px 18px}.art-label strong{font-size:1rem}.art-coord-top{top:8%}.art-coord-bottom{bottom:4%;font-size:.57rem}
 .quicklinks-grid{grid-template-columns:1fr}.quicklink,.quicklink:not(:first-child){padding:19px 45px 19px 0;min-height:90px;border-right:0;border-bottom:1px solid #1d202540}.quicklink:last-child{border:0}.quick-name{font-size:1.1rem}
 .grade,.process-grid,.section-intro,.workshop-contact .grade{grid-template-columns:1fr}
 .formulario{grid-template-columns:1fr;padding:18px}.formulario .inteira{grid-column:1}
 .lista-confianca{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}
 .process-grid{gap:26px}.workshop-booking>.conteiner{gap:16px}.workshop-booking .introducao{margin-bottom:6px}
}
@media(max-width:465px){.destaque h1{font-size:clamp(3.6rem,14vw,4.8rem)}.hero-eyebrow{font-size:.61rem}.chamadas .botao{width:100%}.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}.footer-bottom{flex-direction:column}.filtros-catalogo input[type=search],.filtros-catalogo select{min-width:100%;width:100%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}

/* Redesign: photographic industrial editorial identity */
.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:55% center;filter:saturate(.8) contrast(1.08);z-index:1}
.hero-photo-overlay{position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,#15181d 0%,#15181d08 30%,#15181d00 72%),linear-gradient(0deg,#080c14c9,transparent 48%);pointer-events:none}
.hero-art::after{content:"";position:absolute;z-index:2;inset:0;border-left:1px solid #ffffff12;pointer-events:none}
.hero-art .art-label{z-index:4;background:var(--blue);bottom:12%;left:5%;padding:18px 23px;box-shadow:12px 12px 0 #07080b99;color:#fff}
.hero-art .art-coord{z-index:4;text-shadow:0 2px 8px #0009}
.hero-art .art-coord-top{top:5%;right:4%}
.hero-art .art-coord-bottom{right:4%;bottom:3%}
.destaque::before{background:radial-gradient(ellipse at 68% 55%,#d52b3517,transparent 68%)}
.hero-content::after{content:"";position:absolute;inset:0 -4px 0 0;z-index:-1;background:linear-gradient(90deg,#15181d 65%,#15181dea)}
.quicklink{border-color:#ffffff29}
.quick-index{color:#ffdae0}
.workshop-services .grade{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.workshop-services .servico{padding:0 0 24px;overflow:hidden;display:flex;flex-direction:column;gap:0;min-height:400px;border-top:0;border-bottom:4px solid var(--blue)}
.workshop-services .servico>.etiqueta,.workshop-services .servico>h3,.workshop-services .servico>p,.workshop-services .servico>.preco{margin-left:21px;margin-right:21px}
.workshop-services .servico>.etiqueta{margin-top:18px;margin-bottom:10px}
.workshop-services .servico>h3{margin-bottom:10px;font-size:1.1rem}
.workshop-services .servico>p{font-size:.88rem;line-height:1.6}
.workshop-services .servico>.preco{margin-top:auto;padding-top:15px;font-size:.98rem;color:var(--blue-d)}
.service-photo{height:178px;width:100%;position:relative;overflow:hidden;background:linear-gradient(135deg,#24292e,#50565d)}
.service-photo img{width:100%;height:100%;object-fit:cover;filter:saturate(.73) contrast(1.06);transition:transform .45s ease}
.servico:hover .service-photo img{transform:scale(1.045)}
.service-photo small{position:absolute;bottom:10px;left:12px;font-size:.63rem;letter-spacing:.08em;background:#1b1d23cc;color:#fff;padding:5px 8px;font-weight:800}
.service-photo.unavailable img{display:none}
.produto-imagem{padding:0;height:217px;background:#e9ecee}
.produto-imagem>img:first-child{width:100%;height:100%;object-fit:cover;display:block}
.product-photo-caption{position:absolute;bottom:10px;left:10px;color:#fff;background:#17191dce;padding:5px 8px;font-size:.61rem;font-weight:800;letter-spacing:.09em}
.produto .estoque{background:#f5e8e9;color:#a12530}
.orcamento{border-left-color:var(--blue)}
.workshop-about{background:#f1f2f4}
.about-layout{display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(25px,5vw,76px);align-items:center}
.about-image-wrap{position:relative;min-height:370px;overflow:hidden;background:#252b31}
.about-image-wrap img{height:100%;width:100%;position:absolute;inset:0;object-fit:cover;filter:saturate(.8)}
.about-image-wrap span{position:absolute;bottom:14px;left:15px;background:#17191dbb;color:#fff;letter-spacing:.11em;font-weight:800;padding:7px 11px;font-size:.69rem}
.about-description{margin:0;max-width:560px;font-size:1.13rem}
.about-description p:first-child{font-weight:700;color:#242830;font-size:1.26rem;line-height:1.5}
.photo-break{position:relative;isolation:isolate;background:#14171c;color:#fff;min-height:400px;display:flex;align-items:center;padding:80px 0}
.photo-break::before{content:"";position:absolute;z-index:-2;inset:0;background-image:linear-gradient(90deg,#11161de8,#14171c9a 55%,#161a2233),url("https://images.unsplash.com/photo-1769028886710-3ecefa6d0acd?auto=format&fit=crop&w=1600&q=78");background-position:center,center 52%;background-size:cover}
.photo-break::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#e3303c 0 5px,transparent 5px) left 8% center/20px 80% no-repeat}
.photo-break-inner>span{display:block;color:#ff969c;font-size:.75rem;font-weight:900;letter-spacing:.19em;margin-bottom:18px}
.photo-break-inner h2{max-width:800px;font-size:clamp(2.8rem,6vw,5rem);color:#fff;margin-bottom:28px}
.photo-break .botao{min-width:230px}
.botao:focus-visible,.chip:focus-visible,.quicklink:focus-visible{outline:3px solid #f66d79;outline-offset:3px}
@media(max-width:1120px){.workshop-services .grade{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:960px){.workshop-services .grade{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:730px){
 .hero-art{height:330px}.hero-photo{object-position:center 47%}.hero-content::after{display:none}
 .workshop-services .grade{grid-template-columns:1fr 1fr;gap:12px}
 .workshop-services .servico{min-height:390px}
 .about-layout{grid-template-columns:1fr}.about-image-wrap{min-height:320px}
 .photo-break{min-height:360px}
}
@media(max-width:560px){.workshop-services .grade{grid-template-columns:1fr}.workshop-services .servico{min-height:0;padding-bottom:20px}.service-photo{height:220px}.workshop-services .servico>.preco{margin-top:15px}}