:root{--blue:#0056b8;--blue2:#063e79;--red:#e63137;--dark:#152331;--ink:#182433;--muted:#667282;--soft:#f4f7fa;--white:#fff;--shadow:0 18px 50px rgba(0,0,0,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);line-height:1.65;background:#fff}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.container{width:min(1180px,92%);margin:0 auto}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.97);box-shadow:0 8px 28px rgba(0,0,0,.08);backdrop-filter:blur(10px)}.header-inner{height:88px;display:flex;align-items:center;justify-content:space-between}.brand img{height:68px;width:auto}.main-nav{display:flex;gap:22px;font-weight:800;color:var(--dark)}.main-nav a:hover{color:var(--blue)}.nav-toggle{display:none;background:none;border:0;flex-direction:column;gap:5px}.nav-toggle span{display:block;width:28px;height:3px;background:var(--blue)}
.hero{position:relative;min-height:700px;display:flex;align-items:center;background:#111;overflow:hidden}.hero-bg{position:absolute;inset:0;background:center/cover no-repeat;transition:opacity .3s}.hero-bg.is-changing{opacity:0}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,31,63,.84),rgba(0,31,63,.54),rgba(0,0,0,.16))}.hero-content{position:relative;z-index:2;color:#fff;transition:.25s}.hero-content.is-changing{opacity:0;transform:translateY(10px)}.eyebrow,.section-kicker{display:inline-block;text-transform:uppercase;letter-spacing:.16em;font-size:.78rem;font-weight:900;color:var(--red);margin-bottom:18px}.hero h1{font-size:clamp(2.7rem,6vw,5rem);line-height:1;margin:0 0 24px;max-width:930px}.hero p{font-size:1.22rem;max-width:720px;color:#e8eef5;margin:0 0 34px}.hero-dots{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);display:flex;gap:10px;z-index:4}.hero-dots button{width:12px;height:12px;border-radius:50%;border:0;background:rgba(255,255,255,.5)}.hero-dots .active{background:var(--red)}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 24px;border-radius:4px;font-weight:900;border:2px solid transparent}.btn.primary{background:var(--red);color:#fff;box-shadow:0 12px 30px rgba(230,49,55,.24)}.btn.ghost{border-color:rgba(255,255,255,.55);color:#fff;margin-left:10px}.btn.outline{border-color:var(--blue);color:var(--blue)}
.section{padding:88px 0}.soft{background:var(--soft)}.split{display:grid;grid-template-columns:1fr 1.15fr;gap:70px;align-items:center}h2{font-size:clamp(2rem,4vw,3.2rem);line-height:1.1;margin:0 0 22px;color:#102033}p{color:var(--muted)}
.stats-strip{background:var(--dark);color:#fff;padding:44px 0}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stats-grid div{text-align:center;border-right:1px solid rgba(255,255,255,.16)}.stats-grid div:last-child{border-right:0}.stats-grid strong{display:block;color:#fff;font-size:1.4rem}.stats-grid span{color:#c7d3de}
.activity-grid,.equipment-grid,.values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:36px}.activity-grid article,.equipment-grid article,.values-grid article,.contact-card,.contact-form,.service-list article{background:#fff;border:1px solid #e0e7ef;border-radius:10px;box-shadow:var(--shadow);overflow:hidden}.activity-grid article div,.equipment-grid article,.values-grid article,.contact-card,.contact-form,.service-list article{padding:28px}.activity-grid img,.equipment-grid img{height:210px;width:100%;object-fit:cover}.values-grid{grid-template-columns:repeat(3,1fr)}.values-grid span{font-weight:900;color:var(--red)}.service-list{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.service-list h2{font-size:1.55rem;color:#102033}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:34px}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.portfolio-grid.small{grid-template-columns:repeat(3,1fr)}.portfolio-grid a,.portfolio-item{position:relative;border-radius:10px;overflow:hidden;box-shadow:var(--shadow);background:#111;min-height:270px}.portfolio-grid img{width:100%;height:100%;object-fit:cover;transition:.35s}.portfolio-grid a:hover img{transform:scale(1.05);filter:brightness(.82)}.portfolio-grid span,.portfolio-item div{position:absolute;left:0;right:0;bottom:0;padding:22px;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.85))}.portfolio-item div span{position:static;background:none;padding:0;color:#ffced0;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:900}.portfolio-item div h3{margin:4px 0 0;color:#fff}
.cta{padding:92px 0;background:linear-gradient(135deg,var(--blue2),var(--dark));color:#fff}.cta.parallax{background:linear-gradient(rgba(8,25,42,.82),rgba(8,25,42,.82)),url("../images/slideshow/dragagens-obras-maritimas.jpg") center/cover fixed no-repeat}.cta h2,.cta p{color:#fff}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.cta-inner h2{max-width:760px}
.page-hero{padding:108px 0;background:linear-gradient(135deg,var(--blue2),#102033);color:#fff}.page-hero h1{font-size:clamp(2.3rem,5vw,4.6rem);line-height:1.05;margin:0 0 18px;max-width:950px}.page-hero p{color:#dfe8f0;max-width:780px;font-size:1.15rem}
.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:30px}.contact-form label{display:block;font-weight:800;margin-bottom:16px}.contact-form input,.contact-form textarea{width:100%;margin-top:8px;border:1px solid #d6dee8;border-radius:6px;padding:14px;font:inherit}.legal .container{max-width:860px}
.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.92);z-index:9999;display:none;align-items:center;justify-content:center;padding:28px}.lightbox.open{display:flex}.lightbox img{max-width:92vw;max-height:84vh;object-fit:contain;border-radius:8px}.lightbox button{position:fixed;top:22px;right:24px;width:48px;height:48px;border:0;border-radius:50%;font-size:2rem;cursor:pointer}
.site-footer{background:#0d1722;color:#d6dde6;padding-top:68px}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1.1fr 1.2fr;gap:32px}.footer-logo{max-width:280px;margin-bottom:18px;background:#fff;padding:8px;border-radius:6px}.site-footer h3{color:#fff}.site-footer p,.site-footer a{color:#d6dde6}.site-footer ul{list-style:none;margin:0;padding:0}.site-footer li{margin:10px 0}.complaints img{max-width:170px;margin-top:20px}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:48px;padding:22px 0;text-align:center}.footer-bottom a{color:#fff}small{font-size:.76rem;opacity:.78}
@media(max-width:900px){.nav-toggle{display:flex}.main-nav{position:absolute;left:0;right:0;top:88px;background:#fff;display:none;flex-direction:column;padding:24px}.main-nav.open{display:flex}.hero{min-height:650px}.split,.contact-grid,.cta-inner{grid-template-columns:1fr;display:grid}.activity-grid,.equipment-grid,.values-grid,.service-list,.portfolio-grid,.portfolio-grid.small,.stats-grid,.footer-grid{grid-template-columns:1fr}.stats-grid div{border-right:0;border-bottom:1px solid rgba(255,255,255,.16);padding-bottom:14px}.btn.ghost{margin-left:0;margin-top:12px}.site-footer,.site-footer *{text-align:center!important}.footer-logo,.complaints img{margin-left:auto;margin-right:auto}.cta.parallax{background-attachment:scroll}.section-head{display:block}}

/* Inersel v1.1 */
.equipment-grid{
  margin-bottom:10px;
}
@media(min-width:901px){
  .equipment-grid{
    grid-template-columns:repeat(2,1fr);
  }
}


/* =====================================================
   Inersel v1.2 Premium - efeitos visuais homepage
===================================================== */

.hero::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    radial-gradient(circle at 18% 22%, rgba(255,255,255,.18), transparent 26%),
    radial-gradient(circle at 78% 70%, rgba(230,49,55,.14), transparent 28%);
  mix-blend-mode:screen;
}

.hero-bg{
  transform:scale(1.04);
  animation:heroZoom 12s ease-in-out infinite alternate;
}

@keyframes heroZoom{
  from{transform:scale(1.04)}
  to{transform:scale(1.10)}
}

.hero-watermark{
  position:absolute;
  right:-3vw;
  bottom:5vh;
  z-index:2;
  font-size:clamp(5rem,15vw,14rem);
  line-height:1;
  font-weight:900;
  letter-spacing:.04em;
  color:rgba(255,255,255,.055);
  pointer-events:none;
}

.hero-lines{
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background:
    linear-gradient(120deg, transparent 0 55%, rgba(255,255,255,.08) 55.2%, transparent 56%),
    linear-gradient(120deg, transparent 0 66%, rgba(230,49,55,.22) 66.2%, transparent 67%),
    linear-gradient(120deg, transparent 0 78%, rgba(255,255,255,.06) 78.2%, transparent 79%);
}

.hero-content{
  animation:heroContentIn .75s ease both;
}

@keyframes heroContentIn{
  from{opacity:0;transform:translateY(22px)}
  to{opacity:1;transform:translateY(0)}
}

.scroll-indicator{
  position:absolute;
  left:50%;
  bottom:76px;
  z-index:5;
  width:26px;
  height:42px;
  border:2px solid rgba(255,255,255,.58);
  border-radius:999px;
  transform:translateX(-50%);
}

.scroll-indicator span{
  position:absolute;
  left:50%;
  top:8px;
  width:5px;
  height:5px;
  border-radius:50%;
  background:#fff;
  transform:translateX(-50%);
  animation:scrollDot 1.6s ease-in-out infinite;
}

@keyframes scrollDot{
  0%{opacity:0;top:8px}
  35%{opacity:1}
  100%{opacity:0;top:24px}
}

.stats-strip{
  position:relative;
  overflow:hidden;
}

.stats-strip::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 20% 10%, rgba(230,49,55,.18), transparent 28%),
    linear-gradient(90deg, rgba(255,255,255,.04), transparent);
  pointer-events:none;
}

.stats-grid div{
  position:relative;
  transition:transform .3s ease, background .3s ease;
}

.stats-grid div:hover{
  transform:translateY(-4px);
}

.capability-band{
  padding:46px 0 70px;
  background:linear-gradient(135deg,#0d1722,#15304a);
  color:#fff;
}

.capability-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
}

.capability-grid article{
  position:relative;
  overflow:hidden;
  padding:34px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.055);
  box-shadow:0 18px 50px rgba(0,0,0,.2);
  transition:.3s ease;
}

.capability-grid article::after{
  content:"";
  position:absolute;
  right:-50px;
  top:-50px;
  width:150px;
  height:150px;
  background:rgba(230,49,55,.18);
  border-radius:50%;
}

.capability-grid article:hover{
  transform:translateY(-8px);
  background:rgba(255,255,255,.085);
}

.capability-grid span{
  color:#ffb7ba;
  font-weight:900;
  letter-spacing:.12em;
}

.capability-grid h3{
  color:#fff;
  font-size:1.35rem;
  margin:10px 0 8px;
}

.capability-grid p{
  color:#d7e0ea;
  margin:0;
}

.activity-grid article,
.portfolio-grid a,
.equipment-grid article{
  transition:transform .35s ease, box-shadow .35s ease;
}

.activity-grid article:hover,
.portfolio-grid a:hover,
.equipment-grid article:hover{
  transform:translateY(-8px);
  box-shadow:0 28px 70px rgba(0,0,0,.18);
}

.activity-grid article img{
  filter:saturate(1.04) contrast(1.04);
}

.activity-grid article div{
  position:relative;
}

.activity-grid article div::before{
  content:"";
  position:absolute;
  left:28px;
  top:0;
  width:58px;
  height:4px;
  background:var(--red);
}

.premium-cta{
  position:relative;
  overflow:hidden;
  min-height:380px;
  display:flex;
  align-items:center;
}

.premium-cta::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 22% 20%, rgba(230,49,55,.18), transparent 30%),
    radial-gradient(circle at 80% 65%, rgba(255,255,255,.12), transparent 28%),
    linear-gradient(120deg, transparent 0 58%, rgba(255,255,255,.08) 58.2%, transparent 59%);
  pointer-events:none;
}

.premium-cta .container{
  position:relative;
  z-index:2;
}

.reveal{
  opacity:0;
  transform:translateY(26px);
  transition:opacity .75s ease, transform .75s ease;
}

.reveal.visible{
  opacity:1;
  transform:translateY(0);
}

@media(max-width:900px){
  .hero-watermark,
  .scroll-indicator{
    display:none;
  }

  .capability-grid{
    grid-template-columns:1fr;
  }

  .hero-bg{
    animation:none;
    transform:scale(1.03);
  }
}

@media(prefers-reduced-motion:reduce){
  .hero-bg,
  .scroll-indicator span,
  .hero-content{
    animation:none!important;
  }

  .reveal{
    opacity:1;
    transform:none;
  }
}