:root{
  --azul:#0d4264;
  --azul-escuro:#062d47;
  --azul-texto:#082e46;
  --cinza:#f4f4f4;
  --texto:#263746;
  --verde:#25d366;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Arial, Helvetica, sans-serif;color:var(--texto);background:#fff;line-height:1.55;overflow-x:hidden}
a{text-decoration:none;color:inherit}
img{display:block;max-width:100%}
.container{width:min(1100px,92%);margin:0 auto}
.site-header{height:70px;background:var(--azul);position:sticky;top:0;z-index:1000;box-shadow:0 1px 4px rgba(0,0,0,.12)}
.header-inner{height:70px;display:flex;align-items:center;justify-content:space-between;gap:34px}
.brand{width:256px;height:63px;display:flex;align-items:center;flex:0 0 auto}
.brand img{width:252px;height:auto}
.main-menu{display:flex;align-items:center;gap:26px;list-style:none;height:70px}
.main-menu>li{height:70px;display:flex;align-items:center;position:relative}
.main-menu a,.main-menu button{font:400 15px/1.2 Arial,Helvetica,sans-serif;color:#fff;background:none;border:0;cursor:pointer;padding:0;letter-spacing:.1px;white-space:nowrap}
.main-menu a.active{color:#a7bccb}
.main-menu a:hover,.main-menu button:hover{color:#a7d4ef}
.dropdown-menu{position:absolute;top:70px;left:-24px;min-width:282px;background:#fff;list-style:none;box-shadow:0 10px 30px rgba(0,0,0,.18);padding:10px 0;opacity:0;visibility:hidden;transform:translateY(8px);transition:.2s ease;z-index:1200;border-top:4px solid var(--azul)}
.dropdown:hover .dropdown-menu,.dropdown.open .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}
.dropdown-menu li{display:block;height:auto}
.dropdown-menu a{display:block;color:#173c56;padding:10px 18px;font-size:14px;line-height:1.3;white-space:normal}
.dropdown-menu a:hover{background:#eef5f9;color:#062d47}
.menu-toggle{display:none;width:44px;height:40px;border:1px solid rgba(255,255,255,.35);background:transparent;border-radius:3px;cursor:pointer}
.menu-toggle span{display:block;width:23px;height:2px;background:#fff;margin:6px auto}
.hero{height:590px;position:relative;background:linear-gradient(90deg,rgba(0,0,0,.36),rgba(0,0,0,.08)),url('../img/hero-welding.jpg') center top/cover no-repeat;overflow:hidden}
.hero-title-box{position:absolute;left:50%;bottom:-10px;transform:translateX(-50%);width:min(835px,75vw);background:rgba(235,235,235,.70);text-align:center;padding:6px 20px 18px;min-height:151px;display:flex;align-items:flex-start;justify-content:center;flex-direction:column}
.hero-title-box h1{width:100%;font-family:Arial,Helvetica,sans-serif;font-weight:300;color:#052d49;font-size:60px;line-height:1.42;letter-spacing:4px;text-transform:uppercase}
.hero-cta{position:absolute;left:50%;bottom:26px;transform:translateX(-50%);z-index:4;display:none;background:#fff;color:#0d4264;border:2px solid #0d4264;padding:12px 30px;font-weight:700}
.whatsapp-float{position:fixed;right:48px;bottom:38px;width:54px;height:54px;background:var(--verde);border-radius:50%;display:grid;place-items:center;z-index:1300;box-shadow:0 8px 22px rgba(0,0,0,.2);border:0}
.whatsapp-float svg{width:31px;height:31px;fill:#fff}
.cookie-box{position:fixed;left:0;bottom:0;width:222px;height:43px;background:#fff;color:#000;z-index:1350;display:flex;align-items:center;justify-content:space-between;padding:0 12px 0 6px;font-size:14px;box-shadow:0 -1px 5px rgba(0,0,0,.12)}
.cookie-box button{border:0;background:transparent;font-size:25px;font-weight:200;line-height:1;color:#000;cursor:pointer}
.section{padding:70px 0;background:#fff}
.section.light{background:#f7f7f7}
.section h2{font-weight:400;text-align:center;color:#0c3652;font-size:34px;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:24px}
.section .lead{max-width:850px;margin:0 auto 26px;text-align:center;font-size:17px;color:#526270}
.three-boxes{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:38px;border:1px solid #d9e1e8}
.home-box{min-height:265px;padding:44px 32px;text-align:center;background:#fff;border-right:1px solid #d9e1e8;display:flex;flex-direction:column;align-items:center;justify-content:center}
.home-box:last-child{border-right:0}
.home-box h3{font-size:25px;color:#0c3652;letter-spacing:1.4px;font-weight:400;text-transform:uppercase;margin-bottom:15px}
.home-box p{font-size:15.5px;color:#5b6872;margin-bottom:22px}
.btn{display:inline-block;background:#0d4264;color:#fff;border:1px solid #0d4264;padding:10px 24px;font-size:14px;transition:.2s ease}
.btn:hover{background:#082e46}
.projects{background:#eef2f4}
.projects-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:30px}
.project-card{height:190px;background:url('../img/produto-metal.svg') center/cover no-repeat;border:7px solid #fff;box-shadow:0 4px 14px rgba(0,0,0,.08);position:relative;overflow:hidden}
.project-card span{position:absolute;left:0;right:0;bottom:0;background:rgba(13,66,100,.88);color:#fff;text-align:center;padding:10px;font-size:14px}
.about-row{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.about-row h2{text-align:left;margin-bottom:20px}
.about-row p{color:#536473;margin-bottom:16px;font-size:16px}
.about-image{border:12px solid #fff;box-shadow:0 6px 26px rgba(0,0,0,.11)}
.clients-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-top:30px}
.client-logo{height:84px;background:#fff;border:1px solid #dce3e8;display:flex;align-items:center;justify-content:center;text-align:center;padding:8px;color:#5a6872;font-weight:700;font-size:13px;filter:grayscale(1)}
.contact-section{padding:66px 0;background:#fff;border-top:1px solid #e6e6e6}
.contact-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:start}
.contact-form h2{text-align:left;margin-bottom:18px}
.field{margin-bottom:14px}
.field label{display:block;margin-bottom:6px;color:#354b5c;font-size:14px}
.field input,.field textarea{width:100%;border:1px solid #bbb;background:#fff;padding:12px 12px;font:inherit;color:#222;outline:none}
.field textarea{min-height:124px;resize:vertical}
.form-message{font-size:14px;margin-top:10px;color:#0d4264;display:none}
.contact-card{background:#0d4264;color:#fff;padding:35px 30px;min-height:310px}
.contact-card h3{font-weight:400;font-size:29px;margin-bottom:20px;letter-spacing:1px;text-transform:uppercase}
.contact-card p{margin-bottom:12px;color:#e7eef3}
.footer{background:#0b334d;color:#fff;padding:42px 0 22px}
.footer-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:38px;align-items:start}
.footer-logo{width:230px;margin-bottom:18px}
.footer p,.footer a{color:#e8f0f5;font-size:15px}
.footer h4{font-size:20px;font-weight:400;text-transform:uppercase;margin-bottom:12px;letter-spacing:1px}
.footer ul{list-style:none;columns:2;gap:18px}
.footer li{margin-bottom:6px}
.copy{border-top:1px solid rgba(255,255,255,.22);margin-top:28px;padding-top:15px;font-size:13px;color:#d2dce3}
.page-hero{background:#f5f7f8;padding:64px 0 52px;border-bottom:1px solid #e1e7eb}
.page-hero h1{font-weight:400;color:#0c3652;font-size:42px;letter-spacing:1.6px;text-transform:uppercase;text-align:center}
.content-page{padding:58px 0;background:#fff}
.text-page{max-width:930px;margin:0 auto;font-size:18px;color:#465865;text-align:center}
.text-page img{margin:35px auto 0;border:12px solid #fff;box-shadow:0 6px 28px rgba(0,0,0,.12)}
.service-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:42px;max-width:900px;margin:0 auto;color:#263746}
.service-columns h3{font-size:24px;color:#0d4264;font-weight:400;margin-bottom:13px}
.service-columns ul{list-style:none}
.service-columns li{margin-bottom:9px;color:#526270}
.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:30px}
.gallery-item{background:#fff;border:1px solid #d7e0e6;box-shadow:0 4px 18px rgba(0,0,0,.07)}
.gallery-item img{width:100%;height:210px;object-fit:cover}
.gallery-item p{padding:13px 12px;color:#0c3652;text-align:center;font-size:14px}
@media(max-width:980px){
  .brand{width:218px}.brand img{width:214px}.main-menu{gap:16px}.main-menu a,.main-menu button{font-size:14px}
  .hero-title-box h1{font-size:50px}.projects-grid{grid-template-columns:repeat(2,1fr)}.clients-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:760px){
  .site-header,.header-inner{height:70px}.menu-toggle{display:block}.main-menu{position:absolute;left:0;right:0;top:70px;background:var(--azul);display:none;height:auto;flex-direction:column;align-items:stretch;gap:0;padding:10px 24px 18px}.main-menu.show{display:flex}.main-menu>li{height:auto;display:block;padding:11px 0;border-top:1px solid rgba(255,255,255,.12)}.dropdown-menu{position:static;display:none;opacity:1;visibility:visible;transform:none;box-shadow:none;background:#093653;border-top:0;margin-top:10px}.dropdown.open .dropdown-menu{display:block}.dropdown-menu a{color:#fff}.dropdown-menu a:hover{background:#0f4568}
  .hero{height:550px;background-position:center top}.hero-title-box{width:90vw;min-height:128px;bottom:18px;padding:8px 15px}.hero-title-box h1{font-size:34px;letter-spacing:2px;line-height:1.45}
  .whatsapp-float{right:18px;bottom:22px;width:52px;height:52px}.cookie-box{width:210px;font-size:13px}
  .three-boxes,.about-row,.contact-layout,.footer-grid,.service-columns,.gallery{grid-template-columns:1fr}.home-box{border-right:0;border-bottom:1px solid #d9e1e8}.home-box:last-child{border-bottom:0}.projects-grid{grid-template-columns:1fr}.footer ul{columns:1}.section h2{font-size:30px}.page-hero h1{font-size:34px}
}
@media(max-width:420px){.brand{width:188px}.brand img{width:185px}.hero-title-box h1{font-size:29px}.hero{height:500px}.clients-grid{grid-template-columns:repeat(2,1fr)}}
.content-page .lead{max-width:850px;margin:0 auto 30px;text-align:center;font-size:17px;color:#526270}