/* CSV47.4 · Hero premium restaurado: nitidez, brillo dorado y destello de luz */
.hero{isolation:isolate;background:#06172b}
.hero::before{
  background-image:linear-gradient(90deg,rgba(3,15,29,.94) 0%,rgba(3,15,29,.79) 38%,rgba(3,15,29,.34) 68%,rgba(3,15,29,.14) 100%),radial-gradient(circle at 72% 26%,rgba(255,211,112,.18),transparent 34%),url('/assets/hero.webp')!important;
  background-position:center center!important;background-size:cover!important;
  filter:saturate(1.06) contrast(1.04) brightness(1.02);transform:scale(1.015)
}
.hero .wrap::after{
  content:"";position:absolute;z-index:-1;width:52%;height:210%;top:-55%;left:-64%;pointer-events:none;
  background:linear-gradient(105deg,transparent 40%,rgba(255,224,151,.05) 46%,rgba(255,244,207,.42) 50%,rgba(255,191,65,.14) 54%,transparent 61%);
  filter:blur(2px);transform:rotate(9deg);animation:csvHeroGoldenSweep 9s cubic-bezier(.45,0,.25,1) infinite;mix-blend-mode:screen
}
.hero-copy::before{
  content:"";position:absolute;width:430px;height:430px;left:-180px;top:-150px;z-index:-1;border-radius:50%;
  background:radial-gradient(circle,rgba(255,187,58,.20),rgba(255,170,24,.06) 42%,transparent 70%);filter:blur(18px);pointer-events:none;
  animation:csvHeroGlow 5.5s ease-in-out infinite alternate
}
.hero-card.csv-brand-plaque{box-shadow:0 38px 100px rgba(0,0,0,.48),0 0 42px rgba(255,184,43,.16),inset 0 1px 0 rgba(255,255,255,.30)!important}
@keyframes csvHeroGoldenSweep{0%,20%{left:-64%;opacity:0}30%{opacity:.78}58%{opacity:.96}78%,100%{left:118%;opacity:0}}
@keyframes csvHeroGlow{from{opacity:.48;transform:scale(.94)}to{opacity:.88;transform:scale(1.08)}}
@media(max-width:980px){.hero::before{background-image:linear-gradient(180deg,rgba(3,15,29,.83) 0%,rgba(3,15,29,.72) 46%,rgba(3,15,29,.48) 100%),radial-gradient(circle at 65% 22%,rgba(255,211,112,.16),transparent 38%),url('/assets/hero.webp')!important;background-position:center top!important}}
@media(max-width:650px){.hero::before{background-position:61% top!important;filter:saturate(1.04) contrast(1.03)}.hero .wrap::after{width:75%;animation-duration:10.5s}.hero-copy::before{width:310px;height:310px;left:-120px;top:-90px}}
@media(prefers-reduced-motion:reduce){.hero .wrap::after,.hero-copy::before{animation:none!important}.hero .wrap::after{opacity:.18;left:42%}}