/* ═══ HERO v2 — banners em componentes HTML/CSS (texto real, produto recortado separado). 02/10/2026 ═══ */
.hero2 { --g:#0D7A63; --g2:#0F7A6B; --gl:#14A889; --ink:#12312b; --tint:#E7F5F1; --y:#FFC83D; position:relative; background:#fff; color:var(--ink); overflow:hidden; font-family:'Inter',system-ui,sans-serif; }
.hero2 *, .hero2 *::before, .hero2 *::after { box-sizing:border-box; }
.hero2-track { display:grid; }
.hs { grid-area:1/1; position:relative; min-height:520px; display:flex; align-items:center; opacity:0; visibility:hidden; transition:opacity .7s ease, visibility .7s; z-index:1; }
.hs.is-active { opacity:1; visibility:visible; z-index:2; }
.hs-panel { position:absolute; z-index:0; background:var(--g); top:0; bottom:0; right:0; width:min(56%,calc(50% + 60px)); border-radius:46% 0 0 46% / 50% 0 0 50%; }
.hs--b .hs-panel { width:min(60%,calc(50% + 100px)); border-radius:0; clip-path:polygon(16% 0,100% 0,100% 100%,0 100%); }
.hs--c .hs-panel { right:auto; left:0; width:max(44%,calc(50% - 40px)); border-radius:0 46% 46% 0 / 0 50% 50% 0; }
.hs-in { position:relative; z-index:1; width:100%; max-width:1200px; margin:0 auto; padding:28px 24px; display:grid; grid-template-columns:44% 56%; gap:8px; align-items:center; }
.hs--c .hs-in { grid-template-columns:44% 56%; }
.hs-copy { max-width:480px; min-width:0; }
.hs-art, .hs-prods { min-width:0; max-width:100%; }
.hs--c .hs-copy { color:#fff; }
.hs-kicker { display:inline-block; font-size:.78rem; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:var(--g2); background:var(--tint); padding:6px 14px; border-radius:999px; margin:0 0 14px; }
.hs--c .hs-kicker { background:rgba(255,255,255,.16); color:#fff; }
.hs--c .hs-sub { color:#fff; }
.hs h2 { font-family:'Oswald','Inter',sans-serif; font-weight:700; text-transform:uppercase; font-size:clamp(2rem,3.6vw,3.4rem); line-height:1.04; letter-spacing:.005em; margin:0 0 14px; color:var(--ink); }
.hs--c h2 { color:#fff; }
.hs h2 em { font-style:normal; color:var(--g2); }
.hs--c h2 em { color:var(--y); }
.hs-sub { font-size:1.02rem; line-height:1.55; margin:0 0 16px; max-width:460px; }
.hs-items { list-style:none; margin:0 0 20px; padding:0; display:grid; grid-template-columns:1fr; gap:7px; }
.hs-items li { position:relative; padding-left:28px; font-size:.95rem; font-weight:600; line-height:1.3; }
.hs-items li::before { content:''; position:absolute; left:0; top:1px; width:19px; height:19px; border-radius:50%; background:var(--g2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='5 12.5 10 17.5 19 7'/%3E%3C/svg%3E") center/12px no-repeat; }
.hs--c .hs-items li::before { background-color:var(--y); background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2312312b' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='5 12.5 10 17.5 19 7'/%3E%3C/svg%3E"); }
.hs-actions { display:flex; flex-wrap:wrap; align-items:center; gap:14px 20px; }
.hs-cta { display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:0 30px; border-radius:999px; background:var(--y); color:#12312b; font-weight:800; font-size:.98rem; text-decoration:none; box-shadow:0 6px 16px rgba(18,49,43,.22); transition:transform .2s, box-shadow .2s; }
.hs-cta:hover { transform:translateY(-2px); box-shadow:0 10px 22px rgba(18,49,43,.28); }
.hs-tel { display:inline-flex; align-items:center; gap:8px; font-weight:700; font-size:.98rem; color:var(--ink); text-decoration:none; }
.hs--c .hs-tel { color:#fff; }
.hs-tel svg { width:20px; height:20px; flex:none; }
.hs a:focus-visible, .hero2-bar button:focus-visible { outline:3px solid #12312b; outline-offset:3px; }
.hs--c a:focus-visible { outline-color:#fff; }
/* arte */
.hs-art { position:relative; display:flex; align-items:center; justify-content:center; min-height:420px; }
.hs-seal { position:absolute; z-index:3; top:-6px; left:-6px; width:96px; height:96px; border-radius:50%; background:var(--y); color:#12312b; display:flex; align-items:center; justify-content:center; text-align:center; font-size:.76rem; font-weight:800; line-height:1.15; text-transform:uppercase; padding:10px; box-shadow:0 8px 18px rgba(0,0,0,.2); transform:rotate(-8deg); }

.hs-prods { display:grid; width:100%; gap:16px; align-items:end; justify-items:center; }
.hs-prod { margin:0; display:flex; flex-direction:column; align-items:center; justify-content:flex-end; text-align:center; min-width:0; }
.hs-prod img { display:block; width:auto; height:auto; max-width:100%; object-fit:contain; filter:drop-shadow(0 14px 16px rgba(0,0,0,.28)); }
.hs-prod figcaption { margin-top:10px; font-size:.86rem; font-weight:700; line-height:1.25; color:#fff; text-shadow:0 1px 2px rgba(0,0,0,.35); }
.hs--c .hs-prod figcaption { color:var(--ink); text-shadow:none; }
/* machines: disc behind */
.hs-mach .hs-prod { position:relative; }
.hs-mach .hs-prod::before { content:''; position:absolute; left:50%; top:46%; width:min(88%,360px); aspect-ratio:1; transform:translate(-50%,-50%); background:rgba(255,255,255,.96); border-radius:50%; box-shadow:0 14px 30px rgba(0,0,0,.22); z-index:0; }
.hs--c .hs-mach .hs-prod::before { background:var(--tint); box-shadow:0 12px 26px rgba(13,122,99,.22); }
.hs-mach .hs-prod img, .hs-mach .hs-prod figcaption { position:relative; z-index:1; }
.hs-mach .hs-prod figcaption { color:var(--ink); text-shadow:none; background:rgba(255,255,255,.96); padding:5px 12px; border-radius:999px; box-shadow:0 4px 10px rgba(0,0,0,.14); }
.hs-n1 { grid-template-columns:1fr; } .hs-n2 { grid-template-columns:1fr 1fr; } .hs-n3 { grid-template-columns:repeat(3,1fr); } .hs-n4 { grid-template-columns:1fr 1fr; } .hs-n6 { grid-template-columns:repeat(3,1fr); }
.hs-mach.hs-n1 .hs-prod img { max-height:400px; } .hs-mach.hs-n2 .hs-prod img { max-height:330px; } .hs-mach.hs-n3 .hs-prod img { max-height:260px; }
/* peças: tiles brancos */
.hs-tiles .hs-prod { min-width:0; background:#fff; border-radius:20px; padding:14px 12px 12px; box-shadow:0 10px 24px rgba(0,0,0,.2); width:100%; height:100%; justify-content:space-between; }
.hs-tiles .hs-prod img { max-height:150px; filter:drop-shadow(0 6px 8px rgba(0,0,0,.18)); margin:0 auto; }
.hs-tiles.hs-n3 .hs-prod img, .hs-tiles.hs-n2 .hs-prod img { max-height:190px; }
.hs-tiles .hs-prod figcaption { color:var(--ink); text-shadow:none; margin-top:8px; }
.hs--c .hs-tiles .hs-prod { box-shadow:0 10px 24px rgba(13,122,99,.18); border:1px solid #d8ece6; }
/* foto emoldurada (sem recorte de produto) */
.hs-frame { width:100%; max-width:560px; border-radius:110px 26px 110px 26px; overflow:hidden; border:6px solid #fff; box-shadow:0 16px 34px rgba(0,0,0,.28); background:#fff; }
.hs-frame img { display:block; width:100%; height:auto; }
.hs--c .hs-frame { border-color:var(--g); }
/* marcas */
.hs-logos { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; width:100%; }
.hs-logos div { background:#fff; border-radius:18px; padding:22px 12px; display:flex; align-items:center; justify-content:center; box-shadow:0 10px 24px rgba(0,0,0,.2); }
.hs-logos img { max-width:100%; max-height:56px; width:auto; height:auto; }
/* contato */
.hs-bigphone { display:flex; flex-direction:column; align-items:center; gap:14px; text-align:center; background:#fff; border-radius:28px; padding:34px 28px; box-shadow:0 14px 30px rgba(13,122,99,.2); width:100%; max-width:440px; }
.hs-bigphone svg { width:64px; height:64px; }
.hs-bigphone strong { font-family:'Oswald',sans-serif; font-size:2.3rem; line-height:1; color:var(--g2); letter-spacing:.01em; }
.hs-bigphone span { font-size:.95rem; font-weight:600; color:var(--ink); }
/* barra de controle */
.hero2-bar { display:flex; align-items:center; gap:14px; max-width:1200px; margin:0 auto; padding:10px 110px 14px 24px; background:#fff; position:relative; z-index:5; }
.hero2-bar button { display:inline-flex; align-items:center; justify-content:center; min-width:44px; min-height:44px; border-radius:999px; border:2px solid var(--g2); background:#fff; color:var(--g2); font-weight:800; font-size:.85rem; cursor:pointer; padding:0 14px; }
.hero2-bar button:hover { background:var(--g2); color:#fff; }
.hero2-count { font-weight:800; font-size:.95rem; color:var(--ink); min-width:64px; text-align:center; font-variant-numeric:tabular-nums; }
.hero2-prog { flex:1; height:5px; background:#dcebe7; border-radius:99px; overflow:hidden; }
.hero2-prog i { display:block; height:100%; width:0; background:var(--g2); }
.hero2.is-running .hero2-prog i { animation:hero2prog var(--dur,6.5s) linear forwards; }
@keyframes hero2prog { from { width:0 } to { width:100% } }
/* tablet */
@media (max-width:1023px) {
  .hs { min-height:480px; } .hs-in { grid-template-columns:46% 54%; padding:22px 18px; }
  .hs h2 { font-size:clamp(1.5rem,3.7vw,2.1rem); } .hs-prods { gap:10px; } .hs-items { grid-template-columns:1fr; }
  .hs-art { min-height:360px; } .hs-seal { width:80px; height:80px; font-size:.68rem; }
  .hs-mach.hs-n1 .hs-prod img { max-height:320px; } .hs-mach.hs-n2 .hs-prod img { max-height:260px; } .hs-mach.hs-n3 .hs-prod img { max-height:200px; }
  .hs-tiles .hs-prod img { max-height:120px; } .hs-tiles.hs-n3 .hs-prod img, .hs-tiles.hs-n2 .hs-prod img { max-height:150px; }
  .hs-bigphone strong { font-size:1.8rem; }
}
/* celular: empilha — texto, produtos, CTA */
@media (max-width:719px) {
  .hs { min-height:560px; align-items:stretch; }
  .hs-panel, .hs--b .hs-panel, .hs--c .hs-panel { top:auto; bottom:0; left:0; right:0; width:100%; height:56%; border-radius:50% 50% 0 0 / 14% 14% 0 0; clip-path:none; }
  .hs-in, .hs--c .hs-in { grid-template-columns:1fr; gap:6px; padding:22px 16px 26px; text-align:center; }
  .hs-copy, .hs--c .hs-copy { max-width:none; display:flex; flex-direction:column; align-items:center; color:var(--ink); }
  .hs--c .hs-copy { color:var(--ink); } .hs--c .hs-sub { color:var(--ink); } .hs--c h2 { color:var(--ink); } .hs--c h2 em { color:var(--g2); } .hs--c .hs-kicker { background:var(--tint); color:var(--g2); }
  .hs h2 { font-size:clamp(1.7rem,8.4vw,2.2rem); margin-bottom:8px; } .hs-sub { font-size:.95rem; margin-bottom:6px; }
  .hs-items, .hs-tel { display:none; }
  .hs-actions { order:3; width:100%; justify-content:center; margin-top:4px; } .hs-cta { width:100%; max-width:360px; min-height:52px; font-size:1.02rem; }
  .hs-art { order:2; min-height:0; padding:6px 0 4px; flex:1; } .hs-mobile-cta { margin-top:auto; padding-top:10px; } .hs-seal { width:70px; height:70px; font-size:.6rem; top:-8px; left:2px; }
  .hs-copy .hs-actions { display:none; }
  .hs-in { display:flex; flex-direction:column; } .hs-mobile-cta { display:flex !important; }
  .hs-prods { gap:10px; } .hs-prod figcaption, .hs--c .hs-prod figcaption { font-size:.78rem; color:#fff; text-shadow:0 1px 2px rgba(0,0,0,.4); }
  .hs-mach .hs-prod figcaption { color:var(--ink); text-shadow:none; }
  .hs-mach.hs-n1 .hs-prod img { max-height:250px; } .hs-mach.hs-n2 .hs-prod img { max-height:190px; } .hs-mach.hs-n3 .hs-prod img { max-height:130px; }
  .hs-mach .hs-prod::before, .hs--c .hs-mach .hs-prod::before { width:min(92%,250px); background:rgba(255,255,255,.96); }
  .hs-tiles .hs-prod img { max-height:84px; } .hs-tiles.hs-n3 .hs-prod img, .hs-tiles.hs-n2 .hs-prod img { max-height:110px; } .hs-tiles .hs-prod { padding:10px 8px; border-radius:16px; }
  .hs--c .hs-tiles .hs-prod figcaption { color:var(--ink); } .hs-tiles .hs-prod figcaption { color:var(--ink); text-shadow:none; }
  .hs-frame { max-width:100%; border-radius:70px 18px 70px 18px; }
  .hs-bigphone { padding:22px 16px; } .hs-bigphone svg { width:48px; height:48px; } .hs-bigphone strong { font-size:1.7rem; }
  .hs-logos { gap:8px; } .hs-logos div { padding:14px 6px; } .hs-logos img { max-height:34px; }
  .hero2-bar { padding:8px 12px 12px; gap:8px; } .hero2-bar button { min-width:44px; padding:0 10px; } .hero2-pause-txt { display:none; }
}
.hs-mobile-cta { display:none; justify-content:center; width:100%; }
@media (prefers-reduced-motion:reduce) { .hs { transition:none; } .hero2.is-running .hero2-prog i { animation:none; width:0; } .hs-cta { transition:none; } }

/* ═══ Desktop/tablet (>=720): painel verde ancorado na coluna da arte (ou do texto, no estilo c) — o texto nunca invade o painel ═══ */
@media (min-width:720px) {
  .hs-panel { display:none; }
  .hs { align-items:stretch; min-height:0; }
  .hs-in { min-height:540px; isolation:isolate; align-items:stretch; gap:0; }
  .hs-copy { align-self:center; padding-right:28px; }
  .hs-art { align-self:stretch; min-height:0; padding:0 0 0 24px; }
  .hs-art::before { content:''; position:absolute; z-index:-1; top:-28px; bottom:-28px; left:0; right:-50vw; background:var(--g); border-radius:300px 0 0 300px; }
  .hs--b .hs-art::before { border-radius:0; clip-path:polygon(120px 0,100% 0,100% 100%,0 100%); }
  .hs--c .hs-copy { align-self:stretch; display:flex; flex-direction:column; justify-content:center; align-items:flex-start; position:relative; padding-right:84px; }
  .hs--c .hs-art { padding:0; }
  .hs--c .hs-art::before { display:none; }
  .hs--c .hs-copy::before { content:''; position:absolute; z-index:-1; top:-28px; bottom:-28px; left:-50vw; right:0; background:var(--g); border-radius:0 300px 300px 0; }
  .hs-seal { top:10px; left:26px; }
}

/* slide só de ícones (sem foto de terceiros) */
.hs-icons { display:grid; grid-template-columns:1fr 1fr; gap:16px; width:100%; }
.hs-ico { background:#fff; border-radius:20px; padding:22px 12px; display:flex; flex-direction:column; align-items:center; gap:12px; text-align:center; box-shadow:0 10px 24px rgba(0,0,0,.2); min-width:0; }
.hs-ico svg { width:56px; height:56px; }
.hs-ico span { font-size:.9rem; font-weight:700; color:var(--ink); line-height:1.25; }
@media (max-width:719px) { .hs-icons { gap:10px; } .hs-ico { padding:14px 8px; gap:8px; border-radius:16px; } .hs-ico svg { width:38px; height:38px; } .hs-ico span { font-size:.78rem; } }

/* ═══ 03/10/2026 — pedido do Jean: produtos maiores em todos os banners, autoplay sempre ligado, transição suave ═══ */
/* 1) Transição suave: o slide inteiro faz fade longo; textos e arte entram em sequência, com leve subida. Os painéis verdes só dissolvem. */
.hs { transition:opacity 1s cubic-bezier(.4,0,.2,1), visibility 1s; }
.hs .hs-copy > *, .hs .hs-art > * { opacity:0; transform:translateY(18px); transition:opacity .9s ease, transform 1.15s cubic-bezier(.22,.61,.36,1); }
.hs.is-active .hs-copy > *, .hs.is-active .hs-art > * { opacity:1; transform:none; }
.hs.is-active .hs-copy > *:nth-child(1) { transition-delay:.12s; } .hs.is-active .hs-copy > *:nth-child(2) { transition-delay:.2s; }
.hs.is-active .hs-copy > *:nth-child(3) { transition-delay:.28s; } .hs.is-active .hs-copy > *:nth-child(4) { transition-delay:.36s; }
.hs.is-active .hs-copy > *:nth-child(5) { transition-delay:.44s; } .hs.is-active .hs-art > * { transition-delay:.25s; }
@media (prefers-reduced-motion:reduce) {
  /* quem pede menos movimento continua vendo o banner passar sozinho, só com dissolve (sem deslocamento) */
  .hs { transition:opacity 1s ease, visibility 1s; }
  .hs .hs-copy > *, .hs .hs-art > * { transform:none; transition:opacity .9s ease; }
  .hero2.is-running .hero2-prog i { animation:hero2prog var(--dur,7s) linear forwards; }
}
/* 2) Botão de pausa bem sinalizado (ícone + texto, em todos os tamanhos) */
.hero2-bar .hero2-pause { min-width:122px; padding:0 18px; border-width:2px; background:var(--g2); color:#fff; font-size:.92rem; gap:8px; box-shadow:0 4px 12px rgba(13,122,99,.28); }
.hero2-bar .hero2-pause:hover { background:#0a5f4d; }
.hero2-bar .hero2-pause[aria-pressed="true"] { background:#fff; color:var(--g2); }
@media (max-width:719px) { .hero2-bar .hero2-pause-txt { display:inline !important; } .hero2-bar .hero2-pause { min-width:112px; padding:0 14px; } }

/* 3) Produtos maiores — computador */
@media (min-width:1024px) {
  .hs-in { max-width:1360px; grid-template-columns:40% 60%; min-height:600px; }
  .hs-copy { padding-right:20px; }
  .hs-mach.hs-n1 .hs-prod img { max-height:540px; } .hs-mach.hs-n2 .hs-prod img { max-height:440px; } .hs-mach.hs-n3 .hs-prod img { max-height:340px; }
  .hs-mach .hs-prod::before { width:min(94%,470px); }
  .hs-tiles .hs-prod img { max-height:200px; } .hs-tiles.hs-n3 .hs-prod img, .hs-tiles.hs-n2 .hs-prod img { max-height:280px; }
  .hs-prods { gap:20px; }
  .hs-frame { max-width:700px; }
  .hs-bigphone { max-width:520px; } .hs-ico svg { width:68px; height:68px; } .hs-ico span { font-size:1rem; }
}
/* tablet */
@media (min-width:720px) and (max-width:1023px) {
  .hs-in { min-height:520px; }
  .hs-mach.hs-n1 .hs-prod img { max-height:400px; } .hs-mach.hs-n2 .hs-prod img { max-height:320px; } .hs-mach.hs-n3 .hs-prod img { max-height:240px; }
  .hs-tiles .hs-prod img { max-height:150px; } .hs-tiles.hs-n3 .hs-prod img, .hs-tiles.hs-n2 .hs-prod img { max-height:210px; }
  .hs-frame { max-width:100%; }
}
/* celular */
@media (max-width:719px) {
  .hs { min-height:640px; }
  .hs-mach.hs-n1 .hs-prod img { max-height:340px; } .hs-mach.hs-n2 .hs-prod img { max-height:250px; } .hs-mach.hs-n3 .hs-prod img { max-height:170px; }
  .hs-mach .hs-prod::before, .hs--c .hs-mach .hs-prod::before { width:min(96%,320px); }
  .hs-tiles .hs-prod img { max-height:112px; } .hs-tiles.hs-n3 .hs-prod img, .hs-tiles.hs-n2 .hs-prod img { max-height:160px; }
  .hs-tiles .hs-prod { padding:12px 8px 10px; } .hs-prods { gap:12px; }
  .hs-frame { max-width:100%; }
  .hs-ico svg { width:46px; height:46px; } .hs-ico span { font-size:.84rem; }
}

/* ═══ 03/10/2026 (2) — produtos clicáveis, logos maiores, escala para telas grandes ═══ */
/* produto = botão: clica e abre a página dele (especificação e orçamento por WhatsApp) */
.hs-link { display:flex; flex-direction:column; align-items:center; justify-content:flex-end; width:100%; height:100%; color:inherit; text-decoration:none; cursor:pointer; border-radius:inherit; }
.hs-tiles .hs-prod .hs-link { justify-content:space-between; }
.hs-link img { transition:transform .35s ease; }
.hs-link:hover img { transform:scale(1.045); }
.hs-more { position:relative; z-index:2; display:inline-flex; align-items:center; margin-top:9px; padding:6px 16px; border-radius:999px; background:var(--y); color:#12312b; font-weight:800; font-size:.8rem; letter-spacing:.02em; box-shadow:0 3px 9px rgba(0,0,0,.2); transition:transform .25s ease, box-shadow .25s ease; }
.hs-link:hover .hs-more, .hs-link:focus-visible .hs-more { transform:translateY(-2px); box-shadow:0 9px 18px rgba(0,0,0,.28); }
.hs-link:focus-visible { outline:3px solid #12312b; outline-offset:4px; }
.hs--c .hs-link:focus-visible { outline-color:#fff; }
.hs-frame .hs-link { display:block; }
.hs-frame .hs-link img { width:100%; }
@media (max-width:719px) { .hs-more { font-size:.72rem; padding:5px 12px; margin-top:6px; } }

/* slide de marcas: logos grandes */
.hs-logos { gap:20px; }
.hs-logos div { padding:46px 18px; min-height:230px; border-radius:24px; }
.hs-logos img { width:100%; max-width:100%; max-height:120px; object-fit:contain; }
@media (max-width:1023px) { .hs-logos div { padding:30px 12px; min-height:170px; } .hs-logos img { max-height:84px; } }
@media (max-width:719px) { .hs-logos { grid-template-columns:1fr; gap:10px; } .hs-logos div { padding:16px; min-height:96px; } .hs-logos img { max-height:62px; } }

/* telas grandes (ex.: monitor de 27"): o banner inteiro cresce, sem sobrar faixa verde nem logos minúsculos */
@media (min-width:1700px) { .hero2 { zoom:1.22; } }
@media (min-width:2200px) { .hero2 { zoom:1.5; } }

/* slide de marcas (2ª versão): três faixas largas empilhadas, logos grandes */
.hs-logos { grid-template-columns:1fr; gap:16px; max-width:760px; margin:0 auto; }
.hs-logos div { min-height:170px; padding:18px 40px; border-radius:26px; }
.hs-logos img { width:auto; max-width:82%; max-height:118px; object-fit:contain; }
@media (max-width:1023px) { .hs-logos div { min-height:140px; padding:14px 28px; } .hs-logos img { max-height:96px; } }
@media (max-width:719px) { .hs-logos { gap:10px; } .hs-logos div { min-height:100px; padding:10px 20px; border-radius:18px; } .hs-logos img { max-height:70px; max-width:76%; } }

/* slide de serviços com ícones 3D gerados pelo Codex */
.hs-ico--img { padding:20px 14px 18px; gap:10px; transition:transform .3s ease, box-shadow .3s ease; }
.hs-ico--img:hover { transform:translateY(-4px); box-shadow:0 16px 30px rgba(0,0,0,.26); }
.hs-ico-img { width:100%; max-width:170px; height:auto; aspect-ratio:1; object-fit:contain; filter:drop-shadow(0 10px 12px rgba(13,60,48,.28)); }
.hs-ico--img span { font-size:1.05rem; font-weight:800; }
@media (min-width:1024px) { .hs-icons { gap:22px; } .hs-ico-img { max-width:200px; } .hs-ico--img span { font-size:1.12rem; } }
@media (max-width:719px) { .hs-icons { gap:10px; } .hs-ico--img { padding:12px 8px 12px; } .hs-ico-img { max-width:116px; } .hs-ico--img span { font-size:.82rem; } }

/* ═══ Banner de abertura com efeito (03/10/2026) — fundo gerado no Codex, texto real em HTML ═══ */
.hs--open { position:relative; overflow:hidden; min-height:clamp(540px,44vw,680px); color:#fff; align-items:center; }
.hs--open .op-bg, .hs--open .op-bg img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.hs--open .op-bg img { transform-origin:72% 50%; }
.hs--open.is-active .op-bg img { animation:opKen 16s cubic-bezier(.2,.6,.2,1) both; }
.hs--open .op-shade { position:absolute; inset:0; background:linear-gradient(90deg,rgba(6,58,50,.94) 0%,rgba(6,58,50,.78) 34%,rgba(6,58,50,.22) 68%,rgba(6,58,50,0) 100%); }
.hs--open .op-sweep { position:absolute; top:-10%; bottom:-10%; left:-45%; width:32%; background:linear-gradient(100deg,transparent,rgba(255,255,255,.2),transparent); transform:skewX(-18deg); opacity:0; pointer-events:none; }
.hs--open.is-active .op-sweep { animation:opSweep 3.4s 1s ease-out both; }
.hs--open .op-in { position:relative; z-index:2; width:100%; max-width:1200px; margin:0 auto; padding:56px 24px; }
.hs--open .op-copy { max-width:660px; }
.hs--open .op-logo { display:inline-flex; background:#fff; border-radius:16px; padding:8px 16px; margin-bottom:20px; box-shadow:0 10px 30px rgba(0,0,0,.28); }
.hs--open .op-logo img { height:60px; width:auto; display:block; }
.hs--open h2 { color:#fff; margin:0 0 14px; font-size:clamp(2.1rem,4.2vw,3.9rem); text-shadow:0 2px 18px rgba(0,0,0,.25); }
.hs--open h2 em { color:#FFC83D; }
.hs--open .op-sub { font-size:clamp(1rem,1.25vw,1.2rem); line-height:1.5; color:rgba(255,255,255,.94); max-width:34em; margin:0 0 22px; }
.hs--open .op-chips { list-style:none; display:flex; flex-wrap:wrap; gap:8px; margin:0 0 26px; padding:0; max-width:720px; }
.hs--open .op-chips li { display:inline-flex; align-items:center; gap:8px; padding:8px 14px; border-radius:999px; background:rgba(255,255,255,.14); border:1px solid rgba(255,255,255,.4); backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); font-weight:600; font-size:.86rem; }
.hs--open .op-dot { width:9px; height:9px; border-radius:50%; background:#FFC83D; box-shadow:0 0 0 4px rgba(255,200,61,.25); }
.hs--open .hs-actions { display:flex; flex-wrap:wrap; align-items:center; gap:18px; }
.hs--open .hs-tel { color:#fff; }
.hs--open .hs-tel svg { stroke:#fff; }
.hs--open.is-active .op-copy > * { animation:opUp .85s cubic-bezier(.2,.7,.2,1) both; }
.hs--open.is-active .op-logo { animation-delay:.1s; } .hs--open.is-active h2 { animation-delay:.25s; } .hs--open.is-active .op-sub { animation-delay:.4s; }
.hs--open.is-active .op-chips { animation:none; }
.hs--open.is-active .op-chips li { animation:opUp .7s cubic-bezier(.2,.7,.2,1) both; animation-delay:calc(.55s + var(--i) * .12s); }
.hs--open.is-active .hs-actions { animation-delay:1.1s; }
@keyframes opUp { from { opacity:0; transform:translateY(22px); } to { opacity:1; transform:none; } }
@keyframes opKen { from { transform:scale(1.1); } to { transform:scale(1); } }
@keyframes opSweep { 0% { opacity:0; left:-45%; } 15% { opacity:1; } 100% { opacity:0; left:120%; } }
@media (max-width:760px) {
  .hs--open { min-height:700px; align-items:flex-start; }
  .hs--open .op-shade { background:linear-gradient(180deg,rgba(6,58,50,.95) 0%,rgba(6,58,50,.88) 48%,rgba(6,58,50,.2) 78%,rgba(6,58,50,0) 100%); }
  .hs--open .op-in { padding:26px 18px 34px; }
  .hs--open .op-logo img { height:46px; }
  .hs--open .op-chips li { font-size:.88rem; padding:8px 13px; }
}
@media (prefers-reduced-motion:reduce) {
  .hs--open.is-active .op-bg img, .hs--open.is-active .op-sweep, .hs--open.is-active .op-copy > *, .hs--open.is-active .op-chips li { animation:none !important; opacity:1; transform:none; }
  .hs--open .op-sweep { display:none; }
}

/* ═══ Banner de abertura em vídeo (03/10/2026): toca sozinho (mudo), integra ao Pausar/Continuar do carrossel ═══ */
.hs--video { position:relative; overflow:hidden; background:#06312b; display:block; padding:0; align-self:stretch; height:100%; }
.hs--video .vd-media { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:50% 50%; background:#06312b; }
.hs--video .vd-link { position:absolute; inset:0; z-index:3; }
.hs--video .vd-sr { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }

/* Contato de vendas GUARÁ (05/10/2026) — só nos equipamentos GUARÁ */
.hs-vend{margin:14px 0 0;font-size:.95rem;line-height:1.5;font-weight:600;color:inherit}
.hs-vend a{color:inherit;text-decoration:underline;font-weight:700}