/* Home viva: abertura com o próximo evento. Gerado por migration/home-live/build_home.py */
.hl-hero .hl-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(32px,5vw,72px);align-items:center;width:100%}
.hl-hero .hl-copy{max-width:640px}
.hl-hero h1{text-wrap:balance}
.hl-hero .eyebrow{color:var(--accent)}
.hl-actions{display:flex;flex-wrap:wrap;gap:12px}
.hl-actions .btn-outline{color:#fff;border-color:rgba(255,255,255,.55)}
.hl-actions .btn-outline:hover,.hl-actions .btn-outline:focus-visible{border-color:#fff}
.hl-poster{display:block;width:clamp(220px,24vw,340px);transform:rotate(1.5deg);transition:transform .25s}
.hl-poster:hover{transform:rotate(0)}
.hl-poster img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;box-shadow:0 30px 80px rgba(0,0,0,.65)}
.hl-hero:after{background:linear-gradient(90deg,rgba(0,0,0,.86),rgba(0,0,0,.45))}
.v-shop .card-body .btn{margin-top:8px}
@media (max-width:760px){
  .hl-hero:not(.hl-brand){height:auto;min-height:0;padding:48px 0 80px!important}
  .hl-hero .hl-grid{grid-template-columns:1fr;gap:28px}
  .hl-poster{width:min(72vw,300px);transform:none}
  .hl-actions .btn{flex:1 1 100%;text-align:center;justify-content:center}
}
@media (prefers-reduced-motion:reduce){.hl-poster{transition:none;transform:none}}
.hl-shop-note{align-self:center;margin-right:auto;margin-left:16px;padding:6px 10px;border:1px solid var(--accent);color:var(--accent);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
@media (max-width:760px){.hl-shop-note{order:3;margin:10px 0 0;flex-basis:100%;text-align:center}}