/* V19.2 — correção 02. Escavadeira 3D da hero permanece byte a byte intacta. */

/* SERVIÇOS: alternância real sem alterar o stack/transition */
@media (min-width:981px){
  .service-panel{grid-template-columns:minmax(0,42%) minmax(0,58%)}
  .service-panel:nth-of-type(even){grid-template-columns:minmax(0,58%) minmax(0,42%)}
  .service-panel:nth-of-type(even) .service-panel-media{grid-column:1;grid-row:1}
  .service-panel:nth-of-type(even) .service-panel-copy{grid-column:2;grid-row:1}
  .service-panel-copy{min-width:0;overflow:hidden;padding-left:4.4vw;padding-right:4.4vw}
  .service-panel-copy h2{font-size:clamp(52px,4vw,76px);max-width:100%;white-space:normal;overflow-wrap:normal}
  .service-panel-media{min-width:0}
  .service-panel:nth-of-type(even) .service-panel-media:after{
    background:linear-gradient(270deg,rgba(15,16,14,.28),transparent 32%),linear-gradient(0deg,rgba(15,16,14,.28),transparent 38%)
  }
}

/* KINETIC: máquinas maiores, texto começa antes e deslocamento mais evidente */
@media (min-width:981px){
  .kinetic-track{height:clamp(122px,14.4vw,246px);gap:0}
  .kinetic-row{position:relative;z-index:1;font-size:clamp(74px,10.3vw,190px)}
  .kinetic-machine{position:relative;z-index:2;width:clamp(285px,28vw,510px)}
  .kinetic-track .kinetic-machine{margin-right:-11vw}
  .kt1,.kt2,.kt3{padding-left:0}
}
@media (max-width:980px){
  .kinetic-machine{width:39vw}
  .kinetic-track .kinetic-machine{margin-right:-10vw}
}

/* AÇÕES FLUTUANTES */
.floating-site-actions{position:fixed;right:22px;bottom:22px;z-index:95;display:flex;flex-direction:column;gap:10px;align-items:center;pointer-events:none}
.floating-site-actions>*{pointer-events:auto}
.floating-top,.floating-whatsapp{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;box-shadow:0 12px 30px rgba(0,0,0,.28);transition:transform .2s ease,opacity .2s ease,visibility .2s ease,box-shadow .2s ease}
.floating-top{border:1px solid rgba(217,165,28,.75);background:#171815;color:#f4f1ea;font:700 22px/1 IBM Plex Mono,monospace;cursor:pointer;opacity:0;visibility:hidden;transform:translateY(8px)}
.floating-top.visible{opacity:1;visibility:visible;transform:none}
.floating-whatsapp{background:#25d366;color:#fff;border:1px solid rgba(255,255,255,.24)}
.floating-whatsapp svg{width:27px;height:27px;fill:currentColor}
.floating-top:hover,.floating-whatsapp:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(0,0,0,.34)}
@media(max-width:980px){.floating-site-actions{right:14px;bottom:14px}.floating-top,.floating-whatsapp{width:48px;height:48px}}


/* V19.2 — KINETIC: curso maior sem mudar a lógica visual */
@media (min-width:981px){
  .kinetic{height:365vh}
  .kinetic-track{height:clamp(128px,14.8vw,252px)}
  .kinetic-row{font-size:clamp(76px,10.6vw,196px)}
  .kinetic-machine{width:clamp(315px,31vw,565px)}
  .kinetic-track .kinetic-machine{margin-right:-13.2vw}
}
@media (max-width:980px){
  .kinetic{height:270vh}
  .kinetic-machine{width:43vw}
  .kinetic-track .kinetic-machine{margin-right:-12vw}
}

/* V19.2 — imagem final fornecida pelo cliente, adaptada para tela cheia */
.contact>img{
  object-position:64% 52%;
  filter:brightness(.80) contrast(1.10) saturate(.94);
}
.contact-shade{
  background:linear-gradient(90deg,rgba(10,11,9,.96) 0%,rgba(10,11,9,.76) 40%,rgba(10,11,9,.28) 72%,rgba(10,11,9,.16) 100%),linear-gradient(0deg,rgba(10,11,9,.72),transparent 52%);
}

/* V19.2 — rodapé sobre a própria imagem final, sem bloco sólido */
footer{
  position:relative;
  z-index:6;
  margin-top:-150px;
  background:transparent;
  border-top:1px solid rgba(244,241,234,.18);
  color:#d0cfc8;
  text-shadow:0 2px 14px rgba(0,0,0,.9);
}
footer .brand{color:#fff}
@media(max-width:980px){
  footer{margin-top:-175px;min-height:175px;background:transparent}
}