/* Home Fix Workshop — caixa.css — blueprint cinza + grafite + amarelo segurança */
:root{--papel:#F2F4F5;--grafite:#1F2933;--amarelo:#F5B301;--linha:#D5DBE0;--tinta:#26313B;--apagado:#7B8794}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Figtree',system-ui,sans-serif;font-size:17px;line-height:1.7;color:var(--tinta);background:var(--papel)}
h1,h2,h3{font-family:'Archivo',sans-serif;font-weight:800;letter-spacing:-.015em}
a{color:var(--grafite)}
img{max-width:100%;display:block}
.bancada{max-width:1140px;margin:0 auto;padding:0 24px}
/* header ferramenta */
.trilho{background:var(--grafite);color:#fff}
.trilho .bancada{display:flex;justify-content:space-between;align-items:center;padding-top:16px;padding-bottom:16px}
.trilho .marca{font-family:'Archivo',sans-serif;font-weight:800;font-size:19px;color:#fff;text-decoration:none;display:flex;align-items:center;gap:9px}
.trilho .marca::before{content:"";width:22px;height:22px;background:var(--amarelo);clip-path:polygon(0 35%,35% 35%,35% 0,65% 0,65% 35%,100% 35%,100% 65%,65% 65%,65% 100%,35% 100%,35% 65%,0 65%)}
.trilho nav{display:flex;gap:22px;align-items:center;font-size:14.5px;font-weight:600}
.trilho nav a{color:#CBD2D9;text-decoration:none}
.trilho nav a:hover{color:#fff}
.trilho nav a[aria-current]{color:var(--amarelo)}
.linguas{display:flex;gap:2px;margin-left:8px}
.linguas a{font-size:12px;font-weight:700;padding:4px 8px;color:#9AA5B1;text-decoration:none;border-radius:4px}
.linguas a[aria-current]{color:var(--grafite);background:var(--amarelo)}
/* hero blueprint */
.projeto{background:var(--grafite);color:#fff;padding:76px 0 84px;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:32px 32px}
.projeto .bancada{display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:center}
.selo{display:inline-block;background:var(--amarelo);color:var(--grafite);font-family:'Archivo',sans-serif;font-weight:800;font-size:12.5px;letter-spacing:.09em;text-transform:uppercase;padding:7px 14px;margin-bottom:18px}
.projeto h1{font-size:clamp(34px,5vw,56px);line-height:1.06;margin-bottom:18px;color:#fff}
.projeto .fio{font-size:18.5px;color:#CBD2D9;max-width:54ch}
.botao{display:inline-block;background:var(--amarelo);color:var(--grafite);text-decoration:none;font-family:'Archivo',sans-serif;font-weight:800;font-size:14.5px;letter-spacing:.03em;padding:15px 30px;margin-top:26px;box-shadow:4px 4px 0 rgba(0,0,0,.35);transition:transform .12s,box-shadow .12s}
.botao:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 rgba(0,0,0,.35)}
.botao.vazado{background:transparent;color:#fff;border:2px solid #52606D;box-shadow:none}
.projeto-foto img{aspect-ratio:4/3;object-fit:cover;border:3px solid var(--amarelo)}
/* grade de fichas */
.oficina{padding:70px 0 30px}
.oficina-cab{margin-bottom:40px;border-left:6px solid var(--amarelo);padding-left:18px}
.oficina-cab h2{font-size:clamp(26px,3.4vw,38px);color:var(--grafite)}
.oficina-cab p{color:var(--apagado);margin-top:6px}
.fichas{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.ficha{background:#fff;border:1px solid var(--linha);text-decoration:none;color:var(--tinta);display:flex;flex-direction:column;transition:transform .12s,box-shadow .12s}
.ficha:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(31,41,51,.12)}
.ficha img{aspect-ratio:16/10;object-fit:cover}
.ficha-miolo{padding:20px 20px 22px;display:flex;flex-direction:column;gap:8px;flex:1}
.ficha .cod{font-family:'Archivo',sans-serif;font-weight:800;font-size:12px;letter-spacing:.1em;color:var(--amarelo);background:var(--grafite);align-self:flex-start;padding:4px 9px}
.ficha h3{font-size:19.5px;color:var(--grafite);line-height:1.25}
.ficha p{font-size:14.5px;color:#52606D;flex:1}
.ficha .vai{font-weight:700;font-size:13.5px;color:var(--grafite)}
.ficha .vai::after{content:" →"}
/* faixa amarela */
.aviso-faixa{background:var(--amarelo);padding:64px 0;margin-top:70px}
.aviso-faixa h2{color:var(--grafite);font-size:clamp(24px,3.2vw,34px);margin-bottom:12px}
.aviso-faixa p{color:#3E4C59;max-width:62ch}
.aviso-faixa .botao{background:var(--grafite);color:#fff;box-shadow:4px 4px 0 rgba(0,0,0,.2)}
/* artigo ficha técnica */
.ordem{max-width:720px;margin:0 auto;padding:64px 24px 30px}
.ordem .selo{margin-bottom:14px}
.ordem h1{font-size:clamp(30px,4.4vw,44px);line-height:1.1;color:var(--grafite);margin-bottom:12px}
.ordem .assin{font-size:13.5px;color:var(--apagado);margin-bottom:28px;font-weight:600}
.ordem figure.capa img{aspect-ratio:16/9;object-fit:cover;border:3px solid var(--grafite)}
.ordem .abre{font-size:19.5px;color:#3E4C59;margin:26px 0;font-weight:500;border-left:4px solid var(--amarelo);padding-left:16px}
.ordem h2{font-size:25px;color:var(--grafite);margin:40px 0 14px;padding-bottom:8px;border-bottom:2px solid var(--linha)}
.ordem p{margin-bottom:16px}
.ordem ul,.ordem ol{margin:0 0 18px 22px}
.ordem li{margin-bottom:10px}
.ordem strong{color:var(--grafite)}
/* caixas */
.atencao{background:#fff;border:2px solid var(--grafite);padding:20px 24px;margin:28px 0;position:relative}
.atencao::before{content:"⚠";position:absolute;top:-13px;left:16px;background:var(--amarelo);color:var(--grafite);font-family:'Archivo',sans-serif;font-weight:800;font-size:11.5px;letter-spacing:.08em;padding:3px 10px}
.atencao.pro::before{content:"✋"}
html[lang="en"] .atencao::before{content:"⚠ CAUTION"}
html[lang="en"] .atencao.pro::before{content:"✋ CALL A PRO"}
html[lang="pt-BR"] .atencao::before{content:"⚠ ATENÇÃO"}
html[lang="pt-BR"] .atencao.pro::before{content:"✋ CHAME UM PROFISSIONAL"}
html[lang="es"] .atencao::before{content:"⚠ ATENCIÓN"}
html[lang="es"] .atencao.pro::before{content:"✋ LLAMA A UN PROFESIONAL"}
.atencao p{margin:6px 0 0}
/* faq */
.duvidas details{background:#fff;border:1px solid var(--linha);margin-bottom:10px;padding:16px 18px}
.duvidas summary{font-family:'Archivo',sans-serif;font-weight:700;font-size:16.5px;color:var(--grafite);cursor:pointer}
.duvidas p{margin:12px 0 0;font-size:15.5px}
/* relacionados */
.mais-fichas{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:44px 0 10px}
.mais-fichas a{background:#fff;border:1px solid var(--linha);border-top:4px solid var(--amarelo);padding:16px;text-decoration:none;color:var(--tinta)}
.mais-fichas a:hover{box-shadow:0 8px 18px rgba(31,41,51,.1)}
.mais-fichas h4{font-family:'Archivo',sans-serif;font-size:15.5px;color:var(--grafite);margin-bottom:5px}
.mais-fichas p{font-size:13px;color:#52606D;margin:0}
/* form */
.balcao{background:#fff;border:2px solid var(--grafite);padding:32px;margin-top:26px}
.balcao div{margin-bottom:16px}
.balcao label{display:block;font-family:'Archivo',sans-serif;font-weight:700;font-size:13px;letter-spacing:.05em;text-transform:uppercase;margin-bottom:7px;color:var(--grafite)}
.balcao input,.balcao textarea{width:100%;padding:13px;border:1.5px solid var(--linha);font:inherit;background:var(--papel)}
.balcao input:focus,.balcao textarea:focus{outline:3px solid var(--amarelo)}
.balcao button{border:none;cursor:pointer;margin-top:4px}
/* footer */
.deposito{background:var(--grafite);color:#CBD2D9;margin-top:80px;padding:52px 0 34px;font-size:14.5px}
.deposito .bancada{display:grid;grid-template-columns:2fr 1fr 1fr;gap:36px}
.deposito h4{font-family:'Archivo',sans-serif;font-size:12.5px;letter-spacing:.11em;text-transform:uppercase;color:var(--amarelo);margin-bottom:14px}
.deposito ul{list-style:none}
.deposito li{margin-bottom:9px}
.deposito a{color:#CBD2D9;text-decoration:none}
.deposito a:hover{color:#fff}
.deposito .fim{grid-column:1/-1;border-top:1px solid #3E4C59;margin-top:26px;padding-top:18px;font-size:12.5px;color:#7B8794}
@media(max-width:880px){.projeto .bancada{grid-template-columns:1fr}.projeto-foto{display:none}.fichas{grid-template-columns:1fr}.mais-fichas{grid-template-columns:1fr}.deposito .bancada{grid-template-columns:1fr}.trilho nav{gap:12px;font-size:13px}}