/* Hero Enterprise v6 — dissolução LONGA (feather 56px + rampas estendidas: sem banda de corte),
   luz dourada ambiente e tipografia serifada de luxo no título. Aditivo; nada do hero atual muda.
   Produção: apps/web-native/public/styles/hero-enterprise.css + <link> no index.html
   (+ Google Fonts Noto Serif Display — ver PATCH passo 0). */
#hero-art{position:absolute;top:0;right:0;bottom:0;width:min(68%,1300px);pointer-events:none}
#hero-art .ha-wrap{position:absolute;inset:0;filter:drop-shadow(-20px 6px 38px rgba(3,8,28,.5))}
#hero-art .ha-panel{position:absolute;inset:0;
  -webkit-mask:url('data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%201000%20560%22%20preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3Cfilter%20id=%22f%22%20x=%22-60%25%22%20y=%22-60%25%22%20width=%22220%25%22%20height=%22220%25%22%3E%3CfeGaussianBlur%20stdDeviation=%2256%22/%3E%3C/filter%3E%3C/defs%3E%3Crect%20x=%22620%22%20y=%22-400%22%20width=%22780%22%20height=%221400%22/%3E%3Cpath%20d=%22M430%20-400L430%20-80C330%2090%20470%20240%20350%20380C270%20470%20240%20560%20150%20640L150%201000L1400%201000L1400%20-400Z%22%20filter=%22url(%23f)%22/%3E%3C/svg%3E') 0 0/100% 100% no-repeat;
  mask:url('data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%201000%20560%22%20preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3Cfilter%20id=%22f%22%20x=%22-60%25%22%20y=%22-60%25%22%20width=%22220%25%22%20height=%22220%25%22%3E%3CfeGaussianBlur%20stdDeviation=%2256%22/%3E%3C/filter%3E%3C/defs%3E%3Crect%20x=%22620%22%20y=%22-400%22%20width=%22780%22%20height=%221400%22/%3E%3Cpath%20d=%22M430%20-400L430%20-80C330%2090%20470%20240%20350%20380C270%20470%20240%20560%20150%20640L150%201000L1400%201000L1400%20-400Z%22%20filter=%22url(%23f)%22/%3E%3C/svg%3E') 0 0/100% 100% no-repeat}
#hero-art .ha-panel img{width:100%;height:100%;object-fit:cover;display:block}
#hero-art .ha-shade{position:absolute;inset:0;background:
  linear-gradient(97deg,#050F33 0%,rgba(5,15,51,.62) 16%,rgba(5,15,51,.26) 34%,rgba(5,15,51,0) 66%),
  linear-gradient(65deg,#0A2166 0%,rgba(10,33,102,.66) 15%,rgba(10,33,102,.28) 32%,rgba(10,33,102,0) 58%),
  linear-gradient(0deg,rgba(5,15,51,.5),transparent 34%),
  linear-gradient(180deg,rgba(5,15,51,.3),transparent 24%),
  radial-gradient(120% 100% at 78% 34%,transparent 56%,rgba(3,8,28,.6) 100%)}
#hero-art .ha-curve{position:absolute;inset:0;width:100%;height:100%;overflow:visible;opacity:.3;filter:blur(10px) drop-shadow(0 0 22px rgba(218,188,110,.45))}
#hero-art .ha-in{animation:haIn 1s cubic-bezier(.2,.8,.2,1) both}
@keyframes haIn{from{opacity:0;transform:translateX(80px)}to{opacity:1;transform:none}}
/* Tipografia de luxo no título do hero (funciona sem tocar no WASM) */
#store-hero h1{font-family:'Noto Serif Display',Georgia,serif;font-weight:600;letter-spacing:.004em}
@media (max-width:1279px){
  #store-hero{padding-bottom:212px}
  #hero-art{top:auto;bottom:0;width:100%;height:258px}
  #hero-art .ha-wrap{filter:none}
  #hero-art .ha-panel{-webkit-mask:linear-gradient(180deg,rgba(0,0,0,0) 0,#000 46%);mask:linear-gradient(180deg,rgba(0,0,0,0) 0,#000 46%)}
  #hero-art .ha-shade{background:linear-gradient(180deg,#050F33 0%,rgba(5,15,51,.6) 26%,rgba(5,15,51,.12) 52%,rgba(5,15,51,0) 68%,rgba(5,15,51,.38) 100%),linear-gradient(90deg,rgba(5,15,51,.4),rgba(5,15,51,0) 26%,rgba(5,15,51,0) 74%,rgba(5,15,51,.4)),radial-gradient(140% 120% at 50% 100%,transparent 60%,rgba(3,8,28,.5) 100%)}
  #hero-art .ha-panel img{object-position:var(--pos-m,center 45%) !important}
  #hero-art .ha-curve{display:none}
  #hero-art .ha-in{animation-name:haInY}
}
@keyframes haInY{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}