/* V51 — abertura da Home: fundo com efeito, texto à esquerda (45%) e painel dos produtos à direita (55%) */
@keyframes hpZoom{0%{transform:scale(1.04) translate3d(0,0,0)}100%{transform:scale(1.12) translate3d(-1.5%,-1%,0)}}
@keyframes hpSweep{0%{transform:translateX(-60%) skewX(-18deg);opacity:0}15%{opacity:1}55%{opacity:1}70%,100%{transform:translateX(160%) skewX(-18deg);opacity:0}}
@keyframes hpPulse{0%,100%{opacity:.25;transform:scale(1)}50%{opacity:.7;transform:scale(1.12)}}
@keyframes hpFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes hpDust{from{background-position:0 0,0 0}to{background-position:0 -400px,0 -260px}}

.hp-hero{position:relative;overflow:hidden;isolation:isolate;min-height:min(calc(100vh - var(--header-h,72px)),960px);display:flex;align-items:center;background:#f2f2f2}
.hp-bg{position:absolute;inset:0;z-index:-1;pointer-events:none}
.hp-bg-img{position:absolute;inset:-4%;background:url('assets/home/fundo-home.webp') center right/cover no-repeat;animation:hpZoom 26s ease-in-out infinite alternate;
  transform-origin:70% 50%;translate:calc(var(--hpx,0) * -14px) calc(var(--hpy,0) * -10px);transition:translate .6s ease-out}
.hp-sweep{position:absolute;top:-10%;bottom:-10%;left:0;width:28%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55) 45%,rgba(234,255,180,.35) 55%,transparent);mix-blend-mode:soft-light;filter:blur(8px);animation:hpSweep 9s ease-in-out infinite}
.hp-glow{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(214,255,90,.45),transparent 65%);filter:blur(10px);animation:hpPulse 6s ease-in-out infinite}
.hp-glow.g1{width:420px;height:420px;right:24%;top:8%}
.hp-glow.g2{width:340px;height:340px;right:30%;bottom:-6%;animation-delay:3s}
.hp-dust{position:absolute;inset:0;opacity:.5;background-image:radial-gradient(rgba(255,255,255,.9) 1px,transparent 1.6px),radial-gradient(rgba(214,255,120,.6) 1px,transparent 1.6px);background-size:180px 180px,260px 260px;background-position:0 0,40px 90px;animation:hpDust 40s linear infinite;-webkit-mask-image:linear-gradient(90deg,transparent 30%,#000 70%);mask-image:linear-gradient(90deg,transparent 30%,#000 70%)}
/* leve véu claro do lado do texto para leitura */
.hp-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(246,246,246,.92) 0%,rgba(246,246,246,.7) 32%,rgba(246,246,246,0) 55%);pointer-events:none}

.hp-wrap{width:100%;padding:56px clamp(24px,4.6vw,100px);display:grid;grid-template-columns:45% 55%;align-items:center;max-width:1920px;margin:0 auto}
.hp-copy{padding-right:24px}
.hp-copy .h47-hero-copy{max-width:640px}
.hp-panel-area{display:flex;justify-content:center}
.hp-panel{position:relative;margin:0;width:clamp(500px,36vw,650px);animation:hpFloat 7s ease-in-out infinite;filter:drop-shadow(0 40px 60px rgba(0,0,0,.28))}
.hp-panel img{display:block;width:100%;height:auto;object-fit:contain}
.hp-hots{position:absolute;inset:0}
.hp-hot{position:absolute;border-radius:16px;transition:background .25s,box-shadow .25s}
.hp-hot:hover,.hp-hot:focus-visible{background:rgba(255,255,255,.05);box-shadow:0 0 0 1px rgba(255,255,255,.35) inset}

/* telas médias e celular */
@media (max-width:1100px){
  .hp-wrap{grid-template-columns:1fr;gap:44px;padding-top:44px;padding-bottom:56px}
  .hp-copy{padding-right:0}
  .hp-panel{width:min(580px,100%)}
  .hp-hero:before{background:linear-gradient(180deg,rgba(246,246,246,.92) 0%,rgba(246,246,246,.75) 40%,rgba(246,246,246,.2) 70%)}
}
@media (max-width:640px){
  .hp-hero{min-height:0}
  .hp-glow{display:none}
}
@media (prefers-reduced-motion:reduce){.hp-bg-img,.hp-sweep,.hp-glow,.hp-dust,.hp-panel{animation:none!important}.hp-bg-img{transform:none}}
/* cabeçalho da Home alinhado às margens da abertura */
html.home47 .topbar>.container,html.home47 header .topbar-inner,html.home47 header>.container{width:calc(100% - 2 * clamp(24px,4.6vw,100px))!important;max-width:1720px!important}