:root{--navy:#081c2b;--ink:#122634;--cyan:#00c4ee;--muted:#a7b6c0;--paper:#f5f7f8;--line:#dce2e6}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #0088ad;outline-offset:6px}.container{width:min(1200px,calc(100% - 64px));margin:auto}.skip{position:fixed;top:-100px;z-index:10;background:white;padding:12px}.skip:focus{top:10px}header{position:fixed;inset:0 0 auto;background:var(--navy);color:white;z-index:5;border-bottom:1px solid #ffffff18}.header-inner{height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:16px}.brand strong{font-size:32px;letter-spacing:-2px;white-space:nowrap}.brand strong span{color:var(--cyan)}.brand-description{font-size:10px;line-height:1.5;letter-spacing:1.2px}nav{display:flex;gap:30px;font-size:14px}nav a:hover{color:var(--cyan)}.menu-toggle{display:none}.hero{padding-top:88px;background:var(--navy);color:white}.hero-grid{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:70px;padding-top:92px;padding-bottom:80px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;margin:0 0 26px}.hero .eyebrow,.differences .eyebrow,.contact .eyebrow{color:var(--cyan)}h1{font-size:clamp(52px,6.3vw,88px);line-height:1.01;letter-spacing:-4px;margin:0;font-weight:800}h1 span{color:var(--cyan)}.hero-subtitle{font-size:19px;color:#becbd4;line-height:1.55;margin:28px 0 34px}.actions{display:flex;align-items:flex-start;flex-direction:column;gap:20px}.button{display:inline-flex;align-items:center;justify-content:center;gap:26px;background:var(--cyan);color:var(--navy);padding:17px 24px;min-height:56px;font-weight:700;font-size:15px;border-radius:2px;transition:background .2s,transform .2s}.button:hover{background:#66e4ff;transform:translateY(-2px)}.button span{font-size:22px;line-height:1}.text-link{font-size:14px;border-bottom:1px solid #75838d;padding-bottom:5px}.text-link span{margin-left:14px}.hero-art{border-top:1px solid #426075;padding-top:18px}.reference-window{aspect-ratio:2.5;overflow:hidden;background:#06233a}.reference-window img{width:100%;height:auto;display:block;transform:scale(1.05);transform-origin:center 25%}.art-caption{display:flex;justify-content:space-between;font-size:10px;color:#8da6b8;letter-spacing:1.3px;padding-top:20px}.hero-bottom{display:flex;justify-content:space-between;border-top:1px solid #ffffff26;padding-block:23px;font-size:11px;letter-spacing:2px;color:#a1b4c1}.section{padding:104px 0}.section-heading{display:flex;justify-content:space-between;gap:48px;align-items:flex-end;margin-bottom:52px}h2{font-size:clamp(36px,4vw,54px);line-height:1.1;letter-spacing:-2px;margin:0}.section-heading>p{max-width:335px;color:#62717c;margin:0;font-size:16px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.service-grid article{padding:28px 24px 0 0}.service-grid article+article{padding-left:24px;border-left:1px solid var(--line)}.index{font-size:13px;color:#48778b}h3{font-size:21px;line-height:1.2;letter-spacing:-.5px;margin:35px 0 15px}.service-grid p{font-size:15px;color:#62717c;margin:0}.differences{background:#102939;color:white}.difference-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.differences h2 span{color:#88a1b2}.difference-list article{display:flex;gap:28px;padding:23px 0;border-top:1px solid #ffffff25}.difference-list article:first-child{padding-top:0;border-top:0}.difference-list article>span{color:var(--cyan);font-size:12px;padding-top:3px}.difference-list h3{margin:0 0 6px}.difference-list p{color:#aebfc9;font-size:15px;margin:0}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.project-slot{margin:0}.project-slot>div{aspect-ratio:1.4;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #d4dde3;background:#e9eef1;color:#70818d}.project-slot>div>span{font-size:28px;font-weight:300}.project-slot p{font-size:10px;letter-spacing:2px}.project-slot figcaption{display:flex;justify-content:space-between;font-size:14px;padding-top:16px}.project-slot figcaption span{color:#7b8c97;font-size:12px}.area{border-top:1px solid var(--line);padding:64px 0}.area-inner{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;align-items:center}.area .eyebrow{margin:0;font-size:11px}.area h2{font-size:40px}.area h2 span{color:#7b8e9b}.area p:last-child{color:#62717c;font-size:15px}.contact{background:var(--navy);color:white;text-align:center}.contact h2{font-size:clamp(42px,5vw,68px)}.contact p:not(.eyebrow){max-width:420px;margin:24px auto 32px;color:#acbdc9}.phone{display:block;width:fit-content;margin:20px auto 0;font-size:15px;color:#b8c7d1}footer{background:var(--navy);color:#a0b3c0;border-top:1px solid #ffffff20;padding:36px 0 24px}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:24px}.footer-inner p,.footer-inner>a:last-child{font-size:12px}.footer-inner .brand strong{color:white}.copyright{font-size:11px;margin-top:32px;color:#7e96a6}@media(min-width:1300px){.actions{flex-direction:row;align-items:center;gap:24px}}@media(max-width:800px){.container{width:calc(100% - 40px)}.header-inner{height:72px}.brand strong{font-size:28px}.brand-description{font-size:9px}.menu-toggle{display:flex;align-items:center;gap:10px;color:white;background:none;border:1px solid #ffffff35;padding:9px 12px;font-size:14px;min-height:44px}nav{display:none;position:absolute;top:72px;left:0;right:0;background:var(--navy);padding:16px 20px 24px;border-bottom:1px solid #ffffff25}nav.open{display:flex;flex-direction:column;gap:0}nav a{padding:12px 0;font-size:16px}.hero{padding-top:72px}.hero-grid{gap:45px;padding-top:56px;padding-bottom:40px;grid-template-columns:1fr}h1{font-size:clamp(48px,10vw,76px);letter-spacing:-2.5px}.hero-subtitle{font-size:18px}.hero-art{max-width:500px;width:100%}.hero-bottom{flex-wrap:wrap;gap:16px;font-size:9px;letter-spacing:1px}.section{padding:68px 0}.section-heading{display:block;margin-bottom:36px}.section-heading>p{margin-top:24px}.service-grid{grid-template-columns:1fr 1fr;gap:30px 0}.service-grid article{padding-top:24px}.service-grid article+article{padding-left:20px}.service-grid article:nth-child(3){padding-left:0;border-left:0}h3{font-size:20px;margin-top:24px}.difference-grid{grid-template-columns:1fr;gap:40px}.project-grid{grid-template-columns:1fr;gap:32px}.project-slot>div{aspect-ratio:1.8}.area-inner{grid-template-columns:1fr;gap:24px}.area p:last-child{margin:0}.contact .button{max-width:100%;font-size:14px;gap:12px;padding-inline:18px}.footer-inner{flex-wrap:wrap}.copyright{font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}@media(max-width:360px){.brand-description{display:none}.service-grid{grid-template-columns:1fr}.service-grid article+article{border-left:0;padding-left:0}.hero-bottom{font-size:8px}.button{padding-inline:17px}}


/* Imagens de projetos mantêm a mesma proporção dos espaços da galeria. */
.project-slot > .project-image { position: relative; display: block; overflow: hidden; background: var(--navy); }
.project-image img { width: 100%; height: 100%; display: block; object-fit: cover; object-position: center; }
.project-slot .image-note { display: block; margin-top: 5px; color: #62717c; font-size: 12px; line-height: 1.5; }
.project-image .assembly-image { object-position: center 35%; }

.header-logo { display: block; width: 112px; height: auto; flex-shrink: 0; }
@media(max-width:800px) { header .brand { gap: 10px; } .header-logo { width: 84px; } }

.location-details address { font-style: normal; font-size: 16px; line-height: 1.7; }
.location-details address span { color: #62717c; }
.location-link { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; margin-top: 14px; padding: 7px 0; font-size: 14px; font-weight: 700; color: #07566d; border-bottom: 1px solid #9baeb9; }
.location-link:hover { color: #007894; }
.area .location-details p { margin-top: 20px; }
.footer-location { font-size: 13px; line-height: 1.7; }

/* Fotografia de soldagem no fundo da seção inicial. */
.hero {
  background-color: var(--navy);
  background-image: linear-gradient(90deg, rgba(8,28,43,.93) 0%, rgba(8,28,43,.82) 45%, rgba(8,28,43,.57) 100%), url('assets/soldagem-industrial-igs.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.hero-bottom { background-color: rgba(8,28,43,.3); }
@media(max-width:800px) {
  .hero {
    background-image: linear-gradient(180deg, rgba(8,28,43,.86) 0%, rgba(8,28,43,.8) 55%, rgba(8,28,43,.94) 100%), url('assets/soldagem-industrial-igs.png');
    background-position: 35% center;
  }
}


/* Imagem de execução como fundo da seção de serviços. */
.services {
  color: #fff;
  background-color: var(--navy);
  background-image: linear-gradient(90deg, rgba(8,28,43,.93), rgba(8,28,43,.82)), url('assets/montagem-industrial-igs.png');
  background-size: cover;
  background-position: center 35%;
  background-repeat: no-repeat;
}
.services .eyebrow, .services .index { color: var(--cyan); }
.services .section-heading > p, .services .service-grid p { color: #d0dce4; }
.services .service-grid, .services .service-grid article + article { border-color: rgba(255,255,255,.24); }
@media(max-width:800px) {
  .services { background-image: linear-gradient(180deg, rgba(8,28,43,.9), rgba(8,28,43,.88)), url('assets/montagem-industrial-igs.png'); background-position: 40% center; }
}

/* Fundo de soldagem industrial na galeria de projetos. */
.projects {
  color: #fff;
  background-color: var(--navy);
  background-image: linear-gradient(110deg, rgba(8,28,43,.91), rgba(8,28,43,.84)), url('assets/soldagem-industrial-igs.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.projects .eyebrow { color: var(--cyan); }
.projects .section-heading > p { color: #d0dce4; }
.projects .project-slot figcaption { color: #fff; }
.projects .project-slot figcaption span, .projects .project-slot .image-note { color: #c1d0da; }
.projects .project-slot > .project-image { border-color: rgba(255,255,255,.25); }
@media(max-width:800px) {
  .projects { background-position: 35% center; }
}

/* Mapa fornecido pelo cliente no fundo da seção de localização. */
.area {
  position: relative;
  color: #fff;
  background-color: var(--navy);
  background-image: linear-gradient(90deg, rgba(8,28,43,.88) 0%, rgba(8,28,43,.28) 46%, rgba(8,28,43,.87) 72%), url('assets/localizacao-igs.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.area-inner { grid-template-columns: .85fr 1.1fr 1fr; align-items: start; min-height: 260px; }
.area .eyebrow { color: var(--cyan); }
.area h2 { align-self: end; text-shadow: 0 2px 12px #081c2b; }
.area h2 span, .area .location-details address span, .area .location-details p { color: #d2dfe7; }
.area .location-link { color: #6ee5ff; border-bottom-color: #9baeb9; }
.area .location-link:hover { color: #fff; }
@media(max-width:800px) {
  .area { background-image: linear-gradient(180deg, rgba(8,28,43,.7), rgba(8,28,43,.89)), url('assets/localizacao-igs.png'); background-position: 47% center; }
  .area-inner { grid-template-columns: 1fr; min-height: 0; }
  .area h2 { align-self: auto; }
}

.contact-channels { display: grid; grid-template-columns: 1fr 1fr; gap: 26px 40px; max-width: 640px; margin: 38px auto 0; padding-top: 28px; border-top: 1px solid #ffffff26; }
.contact-label { display: block; color: #a7bdcc; font-size: 13px; margin-bottom: 5px; }
.contact-channels a { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; font-size: 16px; color: #fff; overflow-wrap: anywhere; max-width: 100%; }
.contact-channels a:hover { color: var(--cyan); }
.contact-email { grid-column: 1 / -1; min-width: 0; }
@media(max-width:480px) { .contact-channels { grid-template-columns: 1fr; gap: 18px; } .contact-email a { display: block; padding: 10px 0; } }

/* Estrutura metálica usada exclusivamente no fundo dos diferenciais. */
.differences {
  background-color: #102939;
  background-image: linear-gradient(90deg, rgba(8,28,43,.84), rgba(8,28,43,.92)), url('assets/estrutura-metalica-igs.png');
  background-size: cover;
  background-position: center 35%;
  background-repeat: no-repeat;
}
.differences h2 span { color: #b9d0df; }
.differences .difference-list p { color: #d0dce4; }
@media(max-width:800px) {
  .differences { background-image: linear-gradient(180deg, rgba(8,28,43,.83), rgba(8,28,43,.93)), url('assets/estrutura-metalica-igs.png'); background-position: 40% center; }
}