/* ============================================================
   /aniversario — estilos exclusivos desta página:
   hero marquee, aurora da seção 'O que fica' e pacotes bento.
   ============================================================ */
    #hero-mq{ position:relative; min-height:100vh; min-height:100svh; display:flex; flex-direction:column; overflow:hidden; }
    #hero-mq::before{ content:""; position:absolute; inset:0; z-index:0; pointer-events:none;
      background:radial-gradient(60% 50% at 50% 0%, rgba(255,106,26,.07), transparent 70%); }
    #hero-mq .mq-content{ position:relative; z-index:2; flex:1 1 auto; display:flex; flex-direction:column;
      align-items:center; justify-content:center; text-align:center; max-width:900px; margin:0 auto; padding:120px 20px 24px; }
    #hero-mq .mq-tag{ margin-bottom:22px; }
    #hero-mq h1{ font-size:clamp(42px,7vw,88px); font-weight:600; letter-spacing:-.04em; line-height:1.01; }
    #hero-mq h1 .accent{ color:var(--accent); }
    #hero-mq .lead{ color:var(--text-dim); font-size:clamp(16px,1.9vw,20px); max-width:600px; margin:24px auto 0; line-height:1.55; }
    #hero-mq .mq-cta{ margin-top:34px; display:flex; gap:14px; justify-content:center; flex-wrap:wrap; }
    /* Os .lm-btn deste hero herdam o estilo padrão do sistema (empresario.css) —
       sem override local, para ficar idêntico aos CTAs das outras páginas. */
    /* faixa de imagens deslizando na base */
    #hero-mq .mq-band{ position:relative; z-index:1; flex:0 0 auto; width:100%; height:clamp(240px,34vh,360px);
      display:flex; align-items:center; overflow:hidden; pointer-events:none;
      -webkit-mask-image:linear-gradient(to bottom, transparent, #000 18%, #000 88%, transparent);
      mask-image:linear-gradient(to bottom, transparent, #000 18%, #000 88%, transparent); }
    #hero-mq .mq-track{ display:flex; align-items:center; gap:18px; width:max-content; padding:0 9px; animation:mq-scroll 50s linear infinite; }
    #hero-mq .mq-tile{ flex:none; width:clamp(148px,14vw,208px); aspect-ratio:3/4; border-radius:18px; overflow:hidden;
      box-shadow:0 24px 50px -20px rgba(0,0,0,.75); background:#141414; }
    #hero-mq .mq-tile:nth-child(odd){ transform:rotate(-2deg); }
    #hero-mq .mq-tile:nth-child(even){ transform:rotate(4deg); }
    #hero-mq .mq-tile img{ width:100%; height:100%; object-fit:cover; display:block; }
    @keyframes mq-scroll{ from{ transform:translateX(0);} to{ transform:translateX(-50%);} }
    @media (prefers-reduced-motion:reduce){ #hero-mq .mq-track{ animation:none; } }
    @media (max-width:820px){
      #hero-mq{ padding-top:110px; }
      #hero-mq .mq-band{ height:30%; }
      #hero-mq .mq-tile{ width:118px; }
    }

    #momento{ overflow:hidden; }
    #momento .container{ position:relative; z-index:1; }
    #momento .aurora{ position:absolute; inset:0; z-index:0; pointer-events:none; }
    #momento .aurora .blob{ position:absolute; width:min(62vw,700px); aspect-ratio:1; border-radius:50%; }
    #momento .aurora .b1{ top:-34%; left:-4%;
      background:radial-gradient(circle at center, rgba(255,106,26,.34), rgba(255,106,26,0) 66%);
      animation:aurora-1 22s ease-in-out infinite; }
    #momento .aurora .b2{ bottom:-34%; right:-2%;
      background:radial-gradient(circle at center, rgba(91,108,255,.24), rgba(91,108,255,0) 66%);
      animation:aurora-2 26s ease-in-out infinite; }
    @keyframes aurora-1{
      0%{ transform:translate(0,0) scale(1); }
      25%{ transform:translate(20%,-18%) scale(1.2); }
      50%{ transform:translate(-16%,18%) scale(.85); }
      75%{ transform:translate(10%,-8%) scale(1.1); }
      100%{ transform:translate(0,0) scale(1); }
    }
    @keyframes aurora-2{
      0%{ transform:translate(0,0) scale(1); }
      25%{ transform:translate(-20%,18%) scale(1.1); }
      50%{ transform:translate(18%,-18%) scale(.9); }
      75%{ transform:translate(-10%,10%) scale(1.2); }
      100%{ transform:translate(0,0) scale(1); }
    }
    @media (prefers-reduced-motion:reduce){ #momento .aurora .blob{ animation:none; } }
