/* Núcleo público da CeoSports tematizado para clubes */
.club-flow-body{
  --yellow:var(--club-primary);
  --soft-yellow:color-mix(in srgb,var(--club-primary) 10%,white);
  --blue:var(--club-primary);
  --club-cta:var(--club-secondary);
  background:#fff;
  color:#151515;
}
.club-core-topbar{
  min-height:78px;
  height:78px;
  padding:0 max(28px,calc((100vw - 1220px)/2));
  border-bottom:1px solid var(--line);
  background:#fff;
  box-shadow:0 8px 28px rgba(0,0,0,.05);
}
.club-core-logo{
  display:flex!important;
  align-items:center;
  gap:11px;
  min-width:230px;
  color:#111;
}
.club-core-logo img{width:48px!important;max-width:48px!important;height:58px!important;object-fit:contain}
.club-core-name{display:flex;flex-direction:column;line-height:1.05}
.club-core-name strong{font-size:18px;font-weight:900;color:#111;white-space:nowrap}
.club-core-name small{text-transform:uppercase;letter-spacing:1.6px;font-size:8px;font-weight:800;color:#777;margin-top:5px}
.club-core-header-spacer{flex:1}
.club-core-links{gap:22px}
.club-core-links .nav-icon-link{font-weight:800;color:#111}
.club-core-links .nav-icon-link i{color:var(--club-secondary)}
.club-core-links .login-pill{border-color:#e5e7eb;background:#fff;color:#111}
.club-core-links .avatar{background:#090909;color:var(--club-secondary)}
.club-core-links .header-cart{background:#fff;border-color:#e5e7eb;color:#111}
.club-core-links .nav-icon-link:hover,.club-core-links .login-pill:hover,.club-core-links .header-cart:hover{border-color:var(--club-secondary);color:var(--club-primary)}
.club-core-links .account-dropdown a i{color:var(--club-secondary)}
.club-mobile-brand{display:flex;align-items:center;gap:10px}
.club-mobile-brand img{width:42px;height:48px;object-fit:contain}
.club-mobile-brand span{display:flex;flex-direction:column}
.club-mobile-brand strong{font-size:15px;color:#111}
.club-mobile-brand small{text-transform:uppercase;font-size:8px;letter-spacing:1.2px;color:#777;margin-top:3px}

/* Componentes originais do núcleo usando as cores do clube */
.club-flow-body .btn-primary,.club-flow-body button[type=submit]{background:var(--club-secondary);border-color:var(--club-secondary)}
.club-flow-body .btn-primary:hover,.club-flow-body button[type=submit]:hover{filter:brightness(.92)}
.club-flow-body .eyebrow,.club-flow-body .nav-icon-link i,.club-flow-body .footer-yellow{color:var(--club-secondary)}
.club-flow-body .cart-premium-hero,.club-flow-body .checkout-hero,.club-flow-body .ticket-v3-hero{border-top:4px solid var(--club-primary)}
.club-flow-body .seat-public.selected,.club-flow-body .premium-seat.selected{background:var(--club-secondary)!important;color:#fff!important}
.club-flow-body a:focus-visible,.club-flow-body button:focus-visible,.club-flow-body input:focus,.club-flow-body select:focus,.club-flow-body textarea:focus{outline-color:var(--club-secondary)}

/* Rodapé conserva a estrutura do núcleo, com a identidade do clube */
.club-flow-footer{border-top:1px solid #e9e9e9;background:#fff;padding:48px max(28px,calc((100vw - 1220px)/2)) 20px;margin-top:60px;color:#555}
.club-flow-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.2fr;gap:42px}
.club-flow-footer a,.club-flow-footer p{color:#626262;text-decoration:none;font-size:13px;display:block;margin:9px 0;line-height:1.55}
.club-flow-footer a:hover{color:var(--club-secondary)}
.club-flow-footer h3{font-size:14px;color:#111;margin:0 0 15px}
.club-footer-brand{display:flex;gap:15px;align-items:flex-start}.club-footer-brand img{width:66px;height:76px;object-fit:contain}.club-footer-brand strong{font-size:20px;color:#111}.club-footer-bottom{border-top:1px solid #ececec;margin-top:30px;padding-top:18px;font-size:12px;color:#888}
.club-flow-body .site-footer{display:none}

@media(max-width:1100px){
  .club-core-topbar{padding:12px 16px!important;min-height:74px!important;height:auto!important}
  .club-core-header-spacer{display:none}
  .club-core-logo{min-width:0;order:1}
  .club-core-logo img{width:42px!important;height:50px!important}
  .club-core-name strong{font-size:15px}.club-core-name small{font-size:7px}
  .club-core-topbar .menu-mobile{order:3;margin-left:auto!important;background:var(--club-primary)!important;color:#fff!important}
  .club-core-topbar .header-links{order:4}
  .club-core-topbar .header-cart{display:flex!important}
  .club-core-links .nav-icon-link i{color:var(--club-secondary)!important}
  .club-flow-footer-grid{grid-template-columns:1fr 1fr}.club-footer-brand{grid-column:1/-1}
}
@media(max-width:620px){
  .club-core-name strong{max-width:165px;overflow:hidden;text-overflow:ellipsis}
  .club-flow-footer-grid{grid-template-columns:1fr}.club-footer-brand{grid-column:auto}
}


/* V7 — persistência visual completa do tema nas páginas internas */
.club-flow-body{
  accent-color:var(--club-primary);
}

/* Ações comerciais usam a cor secundária; identidade, estados e informação usam a primária. */
.club-flow-body .btn-primary,
.club-flow-body a.btn-primary,
.club-flow-body button[type="submit"],
.club-flow-body .premium-full.btn-primary,
.club-flow-body .checkout-submit,
.club-flow-body .pay-button,
.club-flow-body .cart-checkout-button{
  background:var(--club-cta)!important;
  border-color:var(--club-cta)!important;
  color:#fff!important;
}
.club-flow-body .btn-primary:hover,
.club-flow-body a.btn-primary:hover,
.club-flow-body button[type="submit"]:hover{
  filter:brightness(.9);
}

/* Evento */
.club-flow-body .event-premium-tags span,
.club-flow-body .sector-mode,
.club-flow-body .soon-badge,
.club-flow-body .eyebrow,
.club-flow-body .eyebrow.dark,
.club-flow-body .event-main-price,
.club-flow-body .event-premium-meta i,
.club-flow-body .event-about-premium aside i,
.club-flow-body .event-empty-sales > i,
.club-flow-body .event-access-notice > i{
  color:var(--club-primary)!important;
}
.club-flow-body .event-premium-tags span{
  background:color-mix(in srgb,var(--club-primary) 88%,black)!important;
  color:#fff!important;
}
.club-flow-body .event-countdown strong{
  color:var(--club-secondary)!important;
}
.club-flow-body .event-premium-buybox,
.club-flow-body .event-premium-section,
.club-flow-body .event-about-premium{
  border-color:color-mix(in srgb,var(--club-primary) 18%,#e5e7eb)!important;
}
.club-flow-body .event-premium-buybox{
  box-shadow:0 24px 64px color-mix(in srgb,var(--club-primary) 10%,transparent)!important;
}
.club-flow-body .event-empty-sales > i{
  background:color-mix(in srgb,var(--club-primary) 12%,white)!important;
}
.club-flow-body .sector-progress-line span{
  background:linear-gradient(90deg,var(--club-primary),var(--club-secondary))!important;
}
.club-flow-body .sector-card-tags .ok{
  background:color-mix(in srgb,var(--club-primary) 12%,white)!important;
  color:color-mix(in srgb,var(--club-primary) 82%,black)!important;
  border-color:color-mix(in srgb,var(--club-primary) 25%,white)!important;
}
.club-flow-body .premium-sector-card:hover{
  border-color:color-mix(in srgb,var(--club-primary) 45%,#ddd)!important;
  box-shadow:0 24px 58px color-mix(in srgb,var(--club-primary) 10%,transparent)!important;
}
.club-flow-body .event-section-summary,
.club-flow-body .event-about-premium aside{
  background:color-mix(in srgb,var(--club-primary) 4%,white)!important;
}

/* Carrinho, checkout, conta, pedidos e ingressos */
.club-flow-body .cart-premium-hero,
.club-flow-body .checkout-hero,
.club-flow-body .ticket-v3-hero,
.club-flow-body .my-tickets-hero,
.club-flow-body .order-success-card,
.club-flow-body .account-hero,
.club-flow-body .profile-hero{
  border-top-color:var(--club-primary)!important;
}
.club-flow-body .cart-premium-hero i,
.club-flow-body .checkout-hero i,
.club-flow-body .my-ticket-card i,
.club-flow-body .order-next-steps article.done span,
.club-flow-body .order-next-steps article.active span,
.club-flow-body .ticket-info h2,
.club-flow-body .profile-menu a.active i,
.club-flow-body .account-card i{
  color:var(--club-primary)!important;
}
.club-flow-body .order-next-steps article.done span,
.club-flow-body .order-next-steps article.active span{
  background:color-mix(in srgb,var(--club-primary) 14%,white)!important;
}
.club-flow-body .my-ticket-card:hover,
.club-flow-body .account-card:hover{
  border-color:color-mix(in srgb,var(--club-primary) 48%,#ddd)!important;
}
.club-flow-body .premium-ticket{
  border-left-color:var(--club-primary)!important;
}
.club-flow-body .ticket-info span,
.club-flow-body .ticket-alert{
  background:color-mix(in srgb,var(--club-primary) 10%,white)!important;
  border-color:color-mix(in srgb,var(--club-primary) 28%,white)!important;
  color:color-mix(in srgb,var(--club-primary) 78%,black)!important;
}

/* Campos e seleções */
.club-flow-body input:focus,
.club-flow-body select:focus,
.club-flow-body textarea:focus{
  border-color:var(--club-primary)!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--club-primary) 14%,transparent)!important;
}
.club-flow-body input[type="checkbox"],
.club-flow-body input[type="radio"]{
  accent-color:var(--club-primary)!important;
}

/* Links e microinterações */
.club-flow-body main a:not(.btn-primary):not(.btn-disabled):not(.dark-ghost):hover{
  color:var(--club-primary);
}
.club-flow-body ::selection{
  background:color-mix(in srgb,var(--club-primary) 28%,white);
  color:#111;
}

/* V8 — cabeçalho e rodapé totalmente tematizados pelo clube */
.club-flow-body .club-core-topbar{
  background:var(--club-primary)!important;
  border-bottom-color:color-mix(in srgb,var(--club-accent) 18%,transparent)!important;
  box-shadow:0 8px 28px color-mix(in srgb,var(--club-primary) 34%,transparent)!important;
}
.club-flow-body .club-core-logo,
.club-flow-body .club-core-logo:hover,
.club-flow-body .club-core-name strong,
.club-flow-body .club-core-name small,
.club-flow-body .club-core-links .nav-icon-link,
.club-flow-body .club-core-links .login-pill,
.club-flow-body .club-core-links .header-cart,
.club-flow-body .club-core-topbar .menu-mobile{
  color:var(--club-accent)!important;
}
.club-flow-body .club-core-name small{opacity:.78}
.club-flow-body .club-core-links .nav-icon-link i{
  color:var(--club-accent)!important;
}
.club-flow-body .club-core-links .login-pill,
.club-flow-body .club-core-links .header-cart,
.club-flow-body .club-core-topbar .menu-mobile{
  background:color-mix(in srgb,var(--club-accent) 9%,transparent)!important;
  border-color:color-mix(in srgb,var(--club-accent) 28%,transparent)!important;
}
.club-flow-body .club-core-links .avatar{
  background:var(--club-accent)!important;
  color:var(--club-primary)!important;
}
.club-flow-body .club-core-links .nav-icon-link:hover,
.club-flow-body .club-core-links .login-pill:hover,
.club-flow-body .club-core-links .header-cart:hover,
.club-flow-body .club-core-topbar .menu-mobile:hover{
  color:var(--club-accent)!important;
  background:color-mix(in srgb,var(--club-accent) 17%,transparent)!important;
  border-color:color-mix(in srgb,var(--club-accent) 55%,transparent)!important;
}
.club-flow-body .club-core-links .account-menu-btn .fa-chevron-down{color:var(--club-accent)!important}

/* Dropdown permanece claro para legibilidade, mas recebe a identidade do clube. */
.club-flow-body .club-core-links .account-dropdown{
  background:#fff!important;
  border-top:3px solid var(--club-secondary)!important;
  box-shadow:0 20px 50px rgba(0,0,0,.2)!important;
}
.club-flow-body .club-core-links .account-dropdown,
.club-flow-body .club-core-links .account-dropdown strong,
.club-flow-body .club-core-links .account-dropdown a{color:#171717!important}
.club-flow-body .club-core-links .account-dropdown small{color:#777!important}
.club-flow-body .club-core-links .account-dropdown a i{color:var(--club-primary)!important}
.club-flow-body .club-core-links .account-dropdown a:hover{
  background:color-mix(in srgb,var(--club-primary) 8%,white)!important;
  color:var(--club-primary)!important;
}
.club-flow-body .club-core-links .account-dropdown .logout-link,
.club-flow-body .club-core-links .account-dropdown .logout-link i{color:var(--club-secondary)!important}

/* Rodapé com a cor primária do clube e contraste uniforme. */
.club-flow-body .club-flow-footer{
  background:linear-gradient(135deg,
    color-mix(in srgb,var(--club-primary) 88%,black),
    var(--club-primary))!important;
  border-top:4px solid var(--club-secondary)!important;
  color:var(--club-accent)!important;
  box-shadow:0 -10px 35px color-mix(in srgb,var(--club-primary) 20%,transparent)!important;
}
.club-flow-body .club-flow-footer h3,
.club-flow-body .club-footer-brand strong{
  color:var(--club-accent)!important;
}
.club-flow-body .club-flow-footer a,
.club-flow-body .club-flow-footer p,
.club-flow-body .club-footer-bottom{
  color:color-mix(in srgb,var(--club-accent) 82%,transparent)!important;
}
.club-flow-body .club-flow-footer a:hover{
  color:var(--club-accent)!important;
  text-decoration:underline;
  text-underline-offset:4px;
}
.club-flow-body .club-flow-footer i{color:var(--club-secondary)!important}
.club-flow-body .club-footer-bottom{
  border-top-color:color-mix(in srgb,var(--club-accent) 22%,transparent)!important;
}

@media(max-width:1100px){
  .club-flow-body .club-core-topbar .header-links{
    background:var(--club-primary)!important;
    color:var(--club-accent)!important;
    border-top:1px solid color-mix(in srgb,var(--club-accent) 18%,transparent)!important;
  }
  .club-flow-body .club-mobile-brand strong,
  .club-flow-body .club-mobile-brand small,
  .club-flow-body .mobile-drawer-close{
    color:var(--club-accent)!important;
  }
  .club-flow-body .club-core-topbar .header-links .nav-icon-link,
  .club-flow-body .club-core-topbar .header-links .login-pill,
  .club-flow-body .club-core-topbar .header-links .header-cart{
    color:var(--club-accent)!important;
  }
  .club-flow-body .club-core-topbar .header-links .nav-icon-link i{color:var(--club-accent)!important}
}


/* V18 — menu dos clubes consistente e fechado por padrão em mobile */
@media (max-width:1100px){
  .club-flow-body{overflow-x:hidden}
  .club-flow-body.club-mobile-menu-open{overflow:hidden!important;touch-action:none}
  .club-flow-body.club-mobile-menu-open::after{
    content:"";position:fixed;inset:0;background:rgba(2,14,9,.62);backdrop-filter:blur(2px);
    z-index:980!important;
  }
  .club-flow-body .club-core-topbar{
    display:flex!important;flex-wrap:nowrap!important;align-items:center!important;
    min-height:72px!important;height:72px!important;padding:10px 16px!important;
  }
  .club-flow-body .club-core-logo{max-width:calc(100% - 58px)!important;overflow:hidden!important}
  .club-flow-body .club-core-name{min-width:0!important}
  .club-flow-body .club-core-name strong{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  .club-flow-body .club-core-topbar .menu-mobile{
    display:flex!important;position:relative!important;z-index:1020!important;flex:0 0 44px!important;
    width:44px!important;height:44px!important;margin-left:auto!important;border-radius:12px!important;
  }
  .club-flow-body .club-core-topbar .header-links{
    display:flex!important;position:fixed!important;inset:0 0 0 auto!important;
    width:min(88vw,380px)!important;height:100dvh!important;min-height:100vh!important;
    padding:18px 16px 28px!important;gap:10px!important;overflow-y:auto!important;
    flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;
    background:linear-gradient(180deg,var(--club-primary),color-mix(in srgb,var(--club-primary) 82%,black))!important;
    border:0!important;border-left:1px solid color-mix(in srgb,var(--club-accent) 18%,transparent)!important;
    border-radius:24px 0 0 24px!important;box-shadow:-24px 0 60px rgba(0,0,0,.3)!important;
    transform:translate3d(110%,0,0)!important;visibility:hidden!important;pointer-events:none!important;
    opacity:0!important;transition:transform .25s ease,opacity .2s ease,visibility 0s linear .25s!important;
    z-index:1000!important;
  }
  .club-flow-body .club-core-topbar .header-links.open{
    transform:translate3d(0,0,0)!important;visibility:visible!important;pointer-events:auto!important;
    opacity:1!important;transition:transform .25s ease,opacity .2s ease!important;
  }
  .club-flow-body .mobile-drawer-head{
    display:flex!important;position:sticky!important;top:-18px!important;z-index:2!important;
    margin:-18px -16px 8px!important;padding:16px!important;
    background:color-mix(in srgb,var(--club-primary) 92%,black)!important;
    border:0!important;border-bottom:1px solid color-mix(in srgb,var(--club-accent) 18%,transparent)!important;
    border-radius:24px 0 0 0!important;
  }
  .club-flow-body .club-mobile-brand{min-width:0!important}
  .club-flow-body .club-mobile-brand img{width:44px!important;height:48px!important;flex:0 0 auto!important}
  .club-flow-body .club-mobile-brand span{min-width:0!important}
  .club-flow-body .club-mobile-brand strong{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  .club-flow-body .mobile-drawer-close{
    display:flex!important;flex:0 0 42px!important;width:42px!important;height:42px!important;
    background:color-mix(in srgb,var(--club-accent) 12%,transparent)!important;
    color:var(--club-accent)!important;border:1px solid color-mix(in srgb,var(--club-accent) 28%,transparent)!important;
  }
  .club-flow-body .club-core-topbar .header-links .nav-icon-link,
  .club-flow-body .club-core-topbar .header-links .login-pill,
  .club-flow-body .club-core-topbar .header-links .header-cart,
  .club-flow-body .club-core-topbar .header-links .account-menu-btn{
    display:flex!important;width:100%!important;min-height:52px!important;height:auto!important;
    align-items:center!important;justify-content:flex-start!important;gap:11px!important;
    padding:12px 14px!important;margin:0!important;border-radius:14px!important;
    background:color-mix(in srgb,var(--club-accent) 9%,transparent)!important;
    border:1px solid color-mix(in srgb,var(--club-accent) 18%,transparent)!important;
    color:var(--club-accent)!important;box-shadow:none!important;font-size:14px!important;font-weight:800!important;
  }
  .club-flow-body .club-core-topbar .header-links .header-cart{order:20!important}
  .club-flow-body .club-core-topbar .header-links .account-menu{width:100%!important}
  .club-flow-body .club-core-topbar .header-links .account-dropdown{
    position:static!important;width:100%!important;min-width:0!important;margin:8px 0 0!important;
    padding:8px!important;border-radius:14px!important;display:none!important;opacity:1!important;
    visibility:visible!important;transform:none!important;box-shadow:none!important;
  }
  .club-flow-body .club-core-topbar .header-links .account-menu.open .account-dropdown{display:grid!important}
  .club-flow-body .club-core-topbar .header-links .account-dropdown a{
    min-height:44px!important;display:flex!important;align-items:center!important;gap:10px!important;
    padding:10px 11px!important;border-radius:10px!important;font-size:13px!important;
  }
}
@media (min-width:1101px){
  .club-flow-body .club-core-topbar .header-links{
    visibility:visible!important;opacity:1!important;pointer-events:auto!important;transform:none!important;
  }
  .club-flow-body .mobile-drawer-head{display:none!important}
  .club-flow-body.club-mobile-menu-open{overflow:auto!important}
}

/* V19.6 — cabeçalho único e menu mobile estável em todo o ambiente do clube */
@media (max-width:1100px){
  .club-flow-body .club-core-topbar{position:relative!important;z-index:1200!important}
  .club-flow-body .club-core-topbar .header-links{z-index:1300!important}
  .club-flow-body.club-mobile-menu-open .club-core-topbar .menu-mobile{
    opacity:0!important;visibility:hidden!important;pointer-events:none!important;
  }
  .club-flow-body .club-core-topbar .header-links:not(.open){
    transform:translate3d(110%,0,0)!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;
  }
  .club-flow-body .club-core-topbar .header-links.open{
    transform:translate3d(0,0,0)!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;
  }
}
@media (max-width:600px){
  .club-flow-body .club-core-topbar .header-links{
    width:100vw!important;max-width:none!important;border-radius:0!important;border-left:0!important;
  }
  .club-flow-body .mobile-drawer-head{border-radius:0!important}
  .club-flow-body .club-core-logo img{width:48px!important;height:52px!important}
  .club-flow-body .club-core-name strong{font-size:16px!important}
  .club-flow-body .club-core-name small{font-size:9px!important}
}


/* V19.7 — menu compartilhado sem vazamento visual para o conteúdo */
.club-flow-body.club-mobile-menu-open::after{content:none!important;display:none!important;backdrop-filter:none!important}
.club-flow-body main{filter:none!important}
.club-flow-body .club-menu-backdrop{display:none;border:0;padding:0;margin:0}
@media(max-width:1100px){
  .club-flow-body .club-menu-backdrop{
    display:block!important;position:fixed!important;inset:0!important;z-index:990!important;
    background:rgba(2,14,9,.62)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;
    transition:opacity .2s ease,visibility 0s linear .2s!important;
  }
  .club-flow-body .club-menu-backdrop.open{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transition:opacity .2s ease!important}
  .club-flow-body .club-core-topbar .header-links{z-index:1000!important}
  .club-flow-body .club-core-topbar{z-index:1100!important}
}

/* =====================================================================
   V20.3 — Design System Premium do portal do clube
   Escopo estrito: somente páginas com body.club-flow-body.
   O núcleo geral da CEO Sports permanece inalterado.
   ===================================================================== */
.club-flow-body{
  --club-bg:#f5f7f6;
  --club-surface:#fff;
  --club-ink:#101713;
  --club-muted:#68736d;
  --club-line:#e2e8e4;
  --club-radius-sm:14px;
  --club-radius:20px;
  --club-radius-lg:28px;
  --club-shadow:0 18px 50px rgba(10,35,23,.09);
  --club-shadow-soft:0 10px 30px rgba(10,35,23,.06);
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  background:var(--club-bg)!important;
  color:var(--club-ink)!important;
}
.club-flow-body main,
.club-flow-body .main-content,
.club-flow-body .page-content{font-family:inherit}
.club-flow-body main h1,.club-flow-body main h2,.club-flow-body main h3,
.club-flow-body .member-page-head h1,.club-flow-body .ma-title h1,
.club-flow-body .ci-hero h1,.club-flow-body .event-premium-title,
.club-flow-body .cart-premium-hero h1,.club-flow-body .checkout-hero h1,
.club-flow-body .account-hero h1,.club-flow-body .profile-hero h1{
  font-family:Inter,system-ui,sans-serif!important;
  font-weight:900!important;
  letter-spacing:-.045em!important;
  color:var(--club-ink);
}
.club-flow-body main p,.club-flow-body main small{line-height:1.65}
.club-flow-body .eyebrow,.club-flow-body .ma-title span,.club-flow-body .ci-hero span,
.club-flow-body [class*="kicker"]{
  font-weight:900!important;
  letter-spacing:.15em!important;
  text-transform:uppercase!important;
  color:var(--club-primary)!important;
}

/* Cabeçalho único do clube */
.club-flow-body .club-core-topbar{
  min-height:76px!important;
  border:0!important;
  box-shadow:0 12px 34px color-mix(in srgb,var(--club-primary) 25%,transparent)!important;
}
.club-flow-body .club-core-links .nav-icon-link,
.club-flow-body .club-core-links .login-pill,
.club-flow-body .club-core-links .header-cart{font-family:Inter,sans-serif!important;font-weight:800!important}
.club-flow-body .club-core-links .account-dropdown{border-radius:18px!important;overflow:hidden!important}
.club-flow-body .club-core-links .account-dropdown a{border-radius:10px;margin:2px 7px;font-weight:750!important}

/* Largura, ritmo e superfícies comuns */
.club-flow-body main>section,
.club-flow-body .event-premium-page,
.club-flow-body .cart-premium-page,
.club-flow-body .checkout-page,
.club-flow-body .account-page,
.club-flow-body .profile-page,
.club-flow-body .member-card-page,
.club-flow-body .dependents-page,
.club-flow-body .ma-page,
.club-flow-body .ci-page,
.club-flow-body .ranking-page,
.club-flow-body .membership-page{
  background:var(--club-bg)!important;
}
.club-flow-body .container,
.club-flow-body .event-premium-shell,
.club-flow-body .cart-premium-shell,
.club-flow-body .checkout-shell,
.club-flow-body .account-shell,
.club-flow-body .profile-shell,
.club-flow-body .member-card-wrap,
.club-flow-body .dependents-wrap,
.club-flow-body .ma-wrap,
.club-flow-body .ci-wrap,
.club-flow-body .ranking-wrap,
.club-flow-body .membership-shell{
  max-width:1220px!important;
}

/* Cards e painéis, mantendo classes funcionais existentes */
.club-flow-body :is(
  .event-premium-buybox,.event-premium-section,.event-about-premium,
  .premium-sector-card,.cart-premium-hero,.cart-item-card,.cart-summary,
  .checkout-hero,.checkout-card,.checkout-summary,.identification-card,
  .account-hero,.account-card,.profile-hero,.profile-card,
  .my-tickets-hero,.my-ticket-card,.order-success-card,
  .membership-card,.membership-summary,.ma-card,.ma-stat,
  .ci-game,.ci-empty,.digital-member-card,.dependent-form,
  .dependents-list article,.member-page-head,.ranking-card
){
  border-radius:var(--club-radius)!important;
  border:1px solid var(--club-line)!important;
  box-shadow:var(--club-shadow-soft)!important;
}
.club-flow-body :is(.event-premium-buybox,.cart-summary,.checkout-summary,.membership-summary){
  position:sticky;
  top:100px;
}
.club-flow-body :is(.event-premium-section,.event-about-premium,.cart-item-card,.checkout-card,.account-card,.profile-card,.ma-stat,.ci-game){
  background:var(--club-surface)!important;
}

/* Hero e títulos das páginas internas */
.club-flow-body :is(.cart-premium-hero,.checkout-hero,.my-tickets-hero,.account-hero,.profile-hero,.ci-hero){
  background:linear-gradient(125deg,#111814 0%,color-mix(in srgb,var(--club-primary) 42%,#111814) 100%)!important;
  color:#fff!important;
  border:0!important;
  border-radius:var(--club-radius-lg)!important;
  box-shadow:0 22px 60px color-mix(in srgb,var(--club-primary) 18%,transparent)!important;
}
.club-flow-body :is(.cart-premium-hero,.checkout-hero,.my-tickets-hero,.account-hero,.profile-hero,.ci-hero) h1,
.club-flow-body :is(.cart-premium-hero,.checkout-hero,.my-tickets-hero,.account-hero,.profile-hero,.ci-hero) h2{
  color:#fff!important;
}
.club-flow-body :is(.cart-premium-hero,.checkout-hero,.my-tickets-hero,.account-hero,.profile-hero,.ci-hero) p{
  color:rgba(255,255,255,.74)!important;
}

/* Página do evento: mesma linguagem da home */
.club-flow-body .event-premium-page{padding-top:34px!important}
.club-flow-body .event-premium-banner{border-radius:var(--club-radius-lg)!important;overflow:hidden!important;box-shadow:0 22px 60px rgba(0,0,0,.16)!important}
.club-flow-body .event-premium-title{font-size:clamp(34px,4vw,56px)!important;line-height:.96!important}
.club-flow-body .event-premium-buybox{padding:28px!important}
.club-flow-body .event-main-price{font-size:clamp(34px,4vw,50px)!important;font-weight:900!important;letter-spacing:-.04em}
.club-flow-body .premium-sector-card{transition:.22s ease;overflow:hidden}
.club-flow-body .premium-sector-card:hover{transform:translateY(-5px)}

/* Botões consistentes */
.club-flow-body :is(.btn-primary,a.btn-primary,button[type="submit"],.checkout-submit,.pay-button,.cart-checkout-button,.premium-full.btn-primary){
  min-height:48px!important;
  border-radius:12px!important;
  font-family:Inter,sans-serif!important;
  font-weight:900!important;
  letter-spacing:-.01em!important;
  box-shadow:0 10px 24px color-mix(in srgb,var(--club-secondary) 22%,transparent)!important;
  transition:transform .18s ease,filter .18s ease,box-shadow .18s ease!important;
}
.club-flow-body :is(.btn-primary,a.btn-primary,button[type="submit"],.checkout-submit,.pay-button,.cart-checkout-button):hover{
  transform:translateY(-2px);
  box-shadow:0 14px 30px color-mix(in srgb,var(--club-secondary) 30%,transparent)!important;
}

/* Formulários */
.club-flow-body :is(input,select,textarea){
  min-height:48px;
  border-radius:12px!important;
  border:1px solid var(--club-line)!important;
  background:#fff!important;
  font-family:Inter,sans-serif!important;
  color:var(--club-ink)!important;
}
.club-flow-body label{font-family:Inter,sans-serif!important;font-weight:800!important;color:#2c3731!important}

/* Conta, perfil, carteirinha e sócio */
.club-flow-body .account-card,.club-flow-body .profile-card,.club-flow-body .ma-stat{transition:.2s ease}
.club-flow-body .account-card:hover,.club-flow-body .profile-card:hover,.club-flow-body .ma-stat:hover{transform:translateY(-4px);box-shadow:var(--club-shadow)!important}
.club-flow-body .digital-member-card{overflow:hidden;border:0!important;box-shadow:0 28px 70px color-mix(in srgb,var(--club-primary) 22%,transparent)!important}
.club-flow-body .ma-card{border:0!important;background:linear-gradient(125deg,#111814,color-mix(in srgb,var(--club-primary) 45%,#111814))!important}

/* Tabelas e listas administrativas/pessoais do portal público */
.club-flow-body table{border-collapse:separate!important;border-spacing:0!important;width:100%}
.club-flow-body thead th{background:color-mix(in srgb,var(--club-primary) 6%,white)!important;color:#334039!important;font-size:12px!important;text-transform:uppercase;letter-spacing:.08em;padding:15px!important}
.club-flow-body tbody td{padding:15px!important;border-bottom:1px solid var(--club-line)!important}

/* Footer do portal */
.club-flow-body .club-flow-footer{margin-top:0!important}
.club-flow-body .club-flow-footer h3,.club-flow-body .club-flow-footer h4{font-family:Inter,sans-serif!important;font-weight:900!important;letter-spacing:-.02em}

@media(max-width:900px){
  .club-flow-body :is(.event-premium-buybox,.cart-summary,.checkout-summary,.membership-summary){position:static}
  .club-flow-body .event-premium-page,.club-flow-body .cart-premium-page,.club-flow-body .checkout-page,
  .club-flow-body .account-page,.club-flow-body .profile-page,.club-flow-body .ma-page,.club-flow-body .ci-page{padding-left:14px!important;padding-right:14px!important}
}
@media(max-width:620px){
  .club-flow-body main h1{font-size:clamp(30px,10vw,42px)!important}
  .club-flow-body :is(.cart-premium-hero,.checkout-hero,.my-tickets-hero,.account-hero,.profile-hero,.ci-hero){border-radius:20px!important;padding:26px 22px!important}
  .club-flow-body :is(.event-premium-buybox,.event-premium-section,.event-about-premium,.premium-sector-card,.cart-item-card,.cart-summary,.checkout-card,.checkout-summary,.account-card,.profile-card,.ma-card,.ma-stat,.ci-game){border-radius:16px!important}
}


/* V20.3.2 — Contraste definitivo do banner de evento no portal do clube */
.club-flow-body .event-premium-cover{position:relative!important;isolation:isolate!important;color:#fff!important}
.club-flow-body .event-premium-cover:after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,rgba(0,0,0,.88) 0%,rgba(0,0,0,.58) 48%,rgba(0,0,0,.22) 100%);pointer-events:none}
.club-flow-body .event-premium-content{position:relative!important;z-index:1!important;color:#fff!important;text-shadow:0 3px 14px rgba(0,0,0,.9)}
.club-flow-body .event-premium-cover .event-premium-title,
.club-flow-body .event-premium-cover h1,
.club-flow-body .event-premium-cover .event-premium-meta,
.club-flow-body .event-premium-cover .event-premium-meta span,
.club-flow-body .event-premium-cover .event-premium-meta i{color:#fff!important}
.club-flow-body .event-premium-cover .event-premium-tags span{color:#fff!important;background:color-mix(in srgb,var(--club-primary) 86%,#07110c)!important;border:1px solid rgba(255,255,255,.2)!important;text-shadow:none}
.club-flow-body .event-premium-cover .event-countdown{position:relative;z-index:1}
.club-flow-body .event-premium-cover .event-countdown div{background:rgba(10,15,12,.82)!important;border-color:rgba(255,255,255,.2)!important;backdrop-filter:blur(7px)}
.club-flow-body .event-premium-cover .event-countdown strong{color:var(--club-secondary)!important;text-shadow:none}
.club-flow-body .event-premium-cover .event-countdown span{color:#fff!important;text-shadow:none}

/* V20.3.4 — o drawer mobile é anexado diretamente ao body por club-menu.js.
   As regras completas ficam em clube.css para eliminar conflitos do header/containers. */
@media(max-width:1100px){
  body.club-flow-body.club-mobile-menu-open,
  body.club-landing-body.club-mobile-menu-open{overflow:hidden!important;touch-action:none!important}
}


/* V20.3.6 — menu mobile interno unificado + ingressos digitais mobile-first */
@media (max-width:1100px){
  /* O drawer é destacado para o BODY pelo club-menu.js. As páginas internas precisam
     das mesmas regras visuais/geométricas da home para não herdar cards brancos. */
  body > nav.club-mobile-drawer-detached[data-club-mobile-nav]{
    display:flex!important;position:fixed!important;inset:0 0 0 auto!important;
    width:min(88vw,380px)!important;max-width:calc(100vw - 10px)!important;
    height:100vh!important;height:100dvh!important;margin:0!important;padding:0 16px 28px!important;
    flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;
    gap:10px!important;overflow-x:hidden!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;
    background:linear-gradient(180deg,var(--club-primary),color-mix(in srgb,var(--club-primary) 82%,#000))!important;
    border:0!important;border-left:1px solid rgba(255,255,255,.18)!important;border-radius:24px 0 0 24px!important;
    box-shadow:-24px 0 60px rgba(0,0,0,.34)!important;transform:translateX(105%)!important;
    opacity:0!important;visibility:hidden!important;pointer-events:none!important;z-index:2147483646!important;
    transition:transform .25s ease,opacity .2s ease,visibility 0s linear .25s!important;
  }
  body > nav.club-mobile-drawer-detached[data-club-mobile-nav].open{
    transform:translateX(0)!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;
    transition:transform .25s ease,opacity .2s ease!important;
  }
  body > nav.club-mobile-drawer-detached .mobile-drawer-head{
    display:flex!important;position:sticky!important;top:0!important;z-index:4!important;align-items:center!important;
    justify-content:space-between!important;gap:12px!important;margin:0 -16px 8px!important;padding:16px!important;
    background:color-mix(in srgb,var(--club-primary) 92%,#000)!important;border-bottom:1px solid rgba(255,255,255,.18)!important;
    border-radius:24px 0 0 0!important;
  }
  body > nav.club-mobile-drawer-detached .club-mobile-brand strong,
  body > nav.club-mobile-drawer-detached .club-mobile-brand small{color:#fff!important;-webkit-text-fill-color:#fff!important}
  body > nav.club-mobile-drawer-detached .mobile-drawer-close{color:#fff!important;background:rgba(255,255,255,.10)!important;border:1px solid rgba(255,255,255,.25)!important}
  body > nav.club-mobile-drawer-detached[data-club-mobile-nav] > a.nav-icon-link,
  body > nav.club-mobile-drawer-detached[data-club-mobile-nav] > a.login-pill,
  body > nav.club-mobile-drawer-detached[data-club-mobile-nav] > a.header-cart,
  body > nav.club-mobile-drawer-detached[data-club-mobile-nav] > .account-menu > .account-menu-btn{
    display:flex!important;width:100%!important;min-height:54px!important;box-sizing:border-box!important;
    align-items:center!important;justify-content:flex-start!important;gap:12px!important;padding:13px 15px!important;margin:0!important;
    border:1px solid rgba(255,255,255,.24)!important;border-radius:14px!important;background:rgba(255,255,255,.10)!important;
    color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:15px!important;font-weight:800!important;line-height:1.2!important;
    text-decoration:none!important;box-shadow:none!important;opacity:1!important;visibility:visible!important;
  }
  body > nav.club-mobile-drawer-detached[data-club-mobile-nav] i{color:#fff!important;-webkit-text-fill-color:#fff!important}
  body > nav.club-mobile-drawer-detached[data-club-mobile-nav] > .account-menu{display:flex!important;width:100%!important;flex-direction:column!important;background:transparent!important;border:0!important;padding:0!important}
  body > nav.club-mobile-drawer-detached[data-club-mobile-nav] .account-dropdown{
    position:static!important;inset:auto!important;width:100%!important;min-width:0!important;max-width:100%!important;margin:8px 0 0!important;
    transform:none!important;opacity:1!important;visibility:visible!important;box-shadow:none!important;display:none!important;
    background:#fff!important;border-radius:14px!important;overflow:hidden!important;
  }
  body > nav.club-mobile-drawer-detached[data-club-mobile-nav] .account-menu.open .account-dropdown{display:grid!important}
  body > nav.club-mobile-drawer-detached[data-club-mobile-nav] .account-dropdown a{color:#17201b!important;-webkit-text-fill-color:#17201b!important;background:#fff!important}
  body > nav.club-mobile-drawer-detached[data-club-mobile-nav] .account-dropdown a i{color:var(--club-primary)!important;-webkit-text-fill-color:var(--club-primary)!important}
  body > nav.club-mobile-drawer-detached[data-club-mobile-nav] .avatar.small{background:#fff!important;color:var(--club-primary)!important;-webkit-text-fill-color:var(--club-primary)!important}
  body > .club-mobile-backdrop-detached{display:block!important;position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;background:rgba(0,0,0,.58)!important;backdrop-filter:blur(3px)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;z-index:2147483645!important}
  body > .club-mobile-backdrop-detached.open{opacity:1!important;visibility:visible!important;pointer-events:auto!important}
}
@media(max-width:600px){
  body > nav.club-mobile-drawer-detached[data-club-mobile-nav]{width:100vw!important;max-width:100vw!important;border-radius:0!important;border-left:0!important}
  body > nav.club-mobile-drawer-detached .mobile-drawer-head{border-radius:0!important}
}

/* Meus ingressos — leitura de ticket, menos aparência de dashboard */
.club-flow-body .tickets-card-kicker{display:inline-flex;align-items:center;gap:7px;color:var(--club-primary);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.10em;margin-bottom:10px}
.club-flow-body .tickets-account-card-v2{overflow:hidden!important}
.club-flow-body .tickets-card-metrics{display:flex!important;gap:8px!important;padding:0!important;background:transparent!important;border:0!important}
.club-flow-body .tickets-card-metrics > div{min-width:0!important;flex:1!important;padding:10px 11px!important;border:1px solid #e8ece9!important;border-radius:12px!important;background:#fafbfa!important}
.club-flow-body .tickets-card-metrics span{font-size:10px!important}
.club-flow-body .tickets-card-metrics strong{font-size:16px!important}
.club-flow-body .tickets-card-footer{background:#111!important;color:#fff!important;border-radius:13px!important;min-height:50px!important;padding:0 16px!important}
.club-flow-body .tickets-card-footer span{font-weight:900!important}

/* Ingresso aberto — o QR é a ação primária e aparece antes dos metadados do pedido */
.club-flow-body .ticket-v3-list{margin-top:18px!important}
.club-flow-body .ticket-real-card .ticket-v3-qr-area{background:#f8faf8!important}
.club-flow-body .ticket-real-card .ticket-v3-qr-area small{font-weight:800!important;color:#334039!important}

@media(max-width:700px){
  .club-flow-body .tickets-account-page{padding:18px 14px 34px!important}
  .club-flow-body .tickets-account-hero{padding:22px 20px!important;border-radius:20px!important}
  .club-flow-body .tickets-account-hero h1{font-size:clamp(34px,11vw,46px)!important;line-height:.98!important;margin:8px 0 14px!important}
  .club-flow-body .tickets-account-hero p{font-size:15px!important;line-height:1.55!important}
  .club-flow-body .tickets-account-user{margin-top:16px!important;padding:13px 14px!important;border-radius:14px!important}
  .club-flow-body .tickets-account-head{align-items:flex-end!important;gap:12px!important;margin:24px 2px 16px!important}
  .club-flow-body .tickets-account-head h2{font-size:26px!important;line-height:1.02!important}
  .club-flow-body .tickets-account-head p{font-size:14px!important;line-height:1.35!important}
  .club-flow-body .tickets-account-head .btn-primary{min-height:46px!important;width:auto!important;padding:0 16px!important;font-size:13px!important;border-radius:12px!important}
  .club-flow-body .tickets-account-grid{grid-template-columns:1fr!important;gap:18px!important}
  .club-flow-body .tickets-account-card-v2{border-radius:20px!important;box-shadow:0 10px 28px rgba(16,32,23,.08)!important}
  .club-flow-body .tickets-card-banner{height:178px!important}
  .club-flow-body .tickets-card-banner-overlay{padding:18px!important}
  .club-flow-body .tickets-card-banner-overlay span{font-size:10px!important;letter-spacing:.12em!important}
  .club-flow-body .tickets-card-banner-overlay strong{font-size:22px!important;line-height:1.08!important}
  .club-flow-body .tickets-card-content{padding:16px!important}
  .club-flow-body .tickets-card-status{margin-bottom:10px!important}
  .club-flow-body .tickets-card-info{display:grid!important;gap:7px!important;margin:0 0 14px!important}
  .club-flow-body .tickets-card-info p{font-size:14px!important;margin:0!important}
  .club-flow-body .tickets-card-metrics{margin:0 0 12px!important}
  .club-flow-body .tickets-cancel-rule{padding:10px 12px!important;font-size:12px!important;border-radius:12px!important}
  .club-flow-body .tickets-card-actions{gap:8px!important}
  .club-flow-body .tickets-card-footer{min-height:52px!important}

  .club-flow-body .ticket-v3-page{padding:16px 14px 34px!important}
  .club-flow-body .ticket-v3-hero{padding:20px!important;border-radius:20px!important}
  .club-flow-body .ticket-v3-hero h1{font-size:clamp(29px,9vw,40px)!important;line-height:1!important}
  .club-flow-body .ticket-v3-actions{gap:8px!important;margin-top:16px!important}
  .club-flow-body .ticket-v3-actions .mini-btn{min-height:42px!important;padding:0 13px!important;border-radius:11px!important;font-size:12px!important}
  .club-flow-body .ticket-v3-list{order:2!important;margin-top:14px!important}
  .club-flow-body .ticket-v3-summary{order:3!important;margin-top:16px!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
  .club-flow-body .ticket-v3-summary article{padding:13px!important;border-radius:14px!important}
  .club-flow-body .ticket-real-card{display:flex!important;flex-direction:column!important;border-radius:22px!important;overflow:hidden!important}
  .club-flow-body .ticket-real-brand{order:0!important;min-height:42px!important;padding:10px 16px!important}
  .club-flow-body .ticket-real-perforation{display:none!important}
  .club-flow-body .ticket-real-card .ticket-v3-qr-area{order:1!important;width:100%!important;min-height:0!important;padding:20px 18px 18px!important;border:0!important;border-bottom:1px dashed #d8ded9!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important}
  .club-flow-body .ticket-real-card .ticket-v3-qr-area img{width:min(62vw,238px)!important;height:auto!important;padding:10px!important;background:#fff!important;border-radius:16px!important;box-shadow:0 6px 20px rgba(0,0,0,.08)!important}
  .club-flow-body .ticket-real-card .ticket-v3-qr-area small{font-size:13px!important;margin-top:10px!important}
  .club-flow-body .ticket-real-card .ticket-v3-qr-area code{font-size:10px!important;color:#7a827d!important;margin-top:5px!important}
  .club-flow-body .ticket-real-card .ticket-v3-left{order:2!important;width:100%!important;padding:18px!important}
  .club-flow-body .ticket-real-card .ticket-v3-left h2{font-size:25px!important;margin:5px 0!important}
  .club-flow-body .ticket-v3-data{grid-template-columns:1fr 1fr!important;gap:8px!important}
  .club-flow-body .ticket-v3-data > div:last-child{grid-column:1/-1!important}
  .club-flow-body .ticket-holder-data{padding:12px!important;border-radius:12px!important}
  .club-flow-body .ticket-real-footer{order:3!important;padding:11px 16px!important}
}

/* V20.3.7 — correção final do accordion de conta no drawer + QR sem sobreposição */
@media (max-width:1100px){
  body > nav.club-mobile-drawer-detached[data-club-mobile-nav] > .account-menu,
  body > nav.club-mobile-drawer-detached[data-club-mobile-nav] > .account-menu.open{
    position:relative!important;
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    overflow:visible!important;
    contain:none!important;
    transform:none!important;
  }
  body > nav.club-mobile-drawer-detached[data-club-mobile-nav] > .account-menu > .account-dropdown,
  body > nav.club-mobile-drawer-detached[data-club-mobile-nav] > .account-menu.open > .account-dropdown{
    position:relative!important;
    display:none!important;
    inset:auto!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    float:none!important;
    clear:both!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:8px 0 0!important;
    padding:8px!important;
    transform:none!important;
    translate:none!important;
    opacity:1!important;
    visibility:visible!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
    z-index:1!important;
  }
  body > nav.club-mobile-drawer-detached[data-club-mobile-nav] > .account-menu.open > .account-dropdown{
    display:grid!important;
  }
  body > nav.club-mobile-drawer-detached[data-club-mobile-nav] > .account-menu > .account-dropdown::before{
    display:none!important;
    content:none!important;
  }
  body > nav.club-mobile-drawer-detached[data-club-mobile-nav] > .account-menu > .account-dropdown > *{
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
}

@media(max-width:700px){
  /* No mobile a faixa da marca precisa fazer parte do fluxo. Antes ela permanecia
     absoluta e o QR subia por baixo dela, parecendo encavalado na borda. */
  .club-flow-body .ticket-real-card .ticket-real-brand{
    position:relative!important;
    inset:auto!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    order:0!important;
    width:100%!important;
    height:14px!important;
    min-height:14px!important;
    padding:0!important;
    margin:0!important;
    flex:0 0 14px!important;
    border-radius:22px 22px 0 0!important;
    overflow:hidden!important;
  }
  .club-flow-body .ticket-real-card .ticket-real-brand span,
  .club-flow-body .ticket-real-card .ticket-real-brand small{display:none!important}
  .club-flow-body .ticket-real-card .ticket-v3-qr-area{
    position:relative!important;
    order:1!important;
    width:100%!important;
    max-width:100%!important;
    padding:24px 18px 18px!important;
    margin:0!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }
  .club-flow-body .ticket-real-card .ticket-v3-qr-area img{
    display:block!important;
    width:min(68vw,250px)!important;
    max-width:calc(100% - 20px)!important;
    height:auto!important;
    aspect-ratio:1/1!important;
    object-fit:contain!important;
    margin:0 auto!important;
    padding:10px!important;
    box-sizing:border-box!important;
    border-radius:16px!important;
  }
}

/* V20.3.8 — submenu da conta como accordion interno real no drawer mobile */
@media (max-width:1100px){
  body > nav.club-mobile-drawer-detached[data-club-mobile-nav]{
    overflow-x:hidden!important;
  }
  body > nav.club-mobile-drawer-detached[data-club-mobile-nav] > .account-menu,
  body > nav.club-mobile-drawer-detached[data-club-mobile-nav] > .account-menu.open{
    position:static!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    transform:none!important;
  }
  body > nav.club-mobile-drawer-detached[data-club-mobile-nav] > .account-menu > .account-menu-btn{
    position:static!important;
    width:100%!important;
    max-width:100%!important;
    flex:0 0 auto!important;
  }
  body > nav.club-mobile-drawer-detached[data-club-mobile-nav] > .account-menu > .account-dropdown{
    position:static!important;
    inset:auto!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    translate:none!important;
    transform:none!important;
    float:none!important;
    clear:both!important;
    align-self:stretch!important;
    justify-self:stretch!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:8px 0 0 0!important;
    padding:8px!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
    z-index:auto!important;
  }
  body > nav.club-mobile-drawer-detached[data-club-mobile-nav] > .account-menu.open > .account-dropdown{
    display:grid!important;
  }
  body > nav.club-mobile-drawer-detached[data-club-mobile-nav] > .account-menu > .account-dropdown > *{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
}

/* V20.3.9 — conta mobile estrutural: accordion próprio, sem reutilizar popup desktop */
.club-mobile-account{display:none}
@media (max-width:1100px){
  body > nav.club-mobile-drawer-detached[data-club-mobile-nav] > .club-account-desktop{
    display:none!important;
  }
  body > nav.club-mobile-drawer-detached[data-club-mobile-nav] > .club-mobile-account{
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    position:static!important;
    transform:none!important;
    overflow:visible!important;
    box-sizing:border-box!important;
  }
  body > nav.club-mobile-drawer-detached[data-club-mobile-nav] .club-mobile-account-toggle{
    width:100%!important;
    min-height:78px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:14px!important;
    padding:16px 20px!important;
    border-radius:18px!important;
    border:1px solid rgba(255,255,255,.24)!important;
    background:rgba(255,255,255,.10)!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    box-sizing:border-box!important;
    position:static!important;
    transform:none!important;
  }
  body > nav.club-mobile-drawer-detached[data-club-mobile-nav] .club-mobile-account-toggle .avatar.small{
    flex:0 0 48px!important;
    width:48px!important;
    height:48px!important;
    background:#fff!important;
    color:var(--club-primary)!important;
    -webkit-text-fill-color:var(--club-primary)!important;
  }
  body > nav.club-mobile-drawer-detached[data-club-mobile-nav] .club-mobile-account-name{
    flex:1 1 auto!important;
    min-width:0!important;
    text-align:left!important;
    font-weight:800!important;
    font-size:18px!important;
  }
  body > nav.club-mobile-drawer-detached[data-club-mobile-nav] .club-mobile-account-chevron{
    margin-left:auto!important;
    transition:transform .2s ease!important;
  }
  body > nav.club-mobile-drawer-detached[data-club-mobile-nav] .club-mobile-account.is-open .club-mobile-account-chevron{
    transform:rotate(180deg)!important;
  }
  body > nav.club-mobile-drawer-detached[data-club-mobile-nav] .club-mobile-account-panel{
    position:static!important;
    inset:auto!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:7px!important;
    margin:8px 0 0!important;
    padding:10px!important;
    border-radius:18px!important;
    border:1px solid rgba(255,255,255,.18)!important;
    background:rgba(0,0,0,.14)!important;
    box-shadow:none!important;
    transform:none!important;
    translate:none!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
    z-index:auto!important;
  }
  body > nav.club-mobile-drawer-detached[data-club-mobile-nav] .club-mobile-account-panel[hidden]{display:none!important}
  body > nav.club-mobile-drawer-detached[data-club-mobile-nav] .club-mobile-account-head{
    display:flex!important;
    flex-direction:column!important;
    gap:2px!important;
    padding:8px 10px 10px!important;
    border-bottom:1px solid rgba(255,255,255,.14)!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
  }
  body > nav.club-mobile-drawer-detached[data-club-mobile-nav] .club-mobile-account-head small{
    color:rgba(255,255,255,.72)!important;
    -webkit-text-fill-color:rgba(255,255,255,.72)!important;
    overflow-wrap:anywhere!important;
  }
  body > nav.club-mobile-drawer-detached[data-club-mobile-nav] .club-mobile-account-panel a{
    display:flex!important;
    align-items:center!important;
    gap:12px!important;
    width:100%!important;
    min-height:48px!important;
    padding:11px 12px!important;
    border-radius:12px!important;
    background:rgba(255,255,255,.10)!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    box-sizing:border-box!important;
    white-space:normal!important;
    text-decoration:none!important;
  }
  body > nav.club-mobile-drawer-detached[data-club-mobile-nav] .club-mobile-account-panel a i{
    width:20px!important;
    flex:0 0 20px!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
  }
  body > nav.club-mobile-drawer-detached[data-club-mobile-nav] .club-mobile-account-panel a.logout-link{
    background:rgba(215,25,32,.18)!important;
  }
}
@media (min-width:1101px){
  .club-mobile-account{display:none!important}
  .club-account-desktop{display:block!important}
}

/* V20.3.10 — separação definitiva do menu de conta por breakpoint (páginas internas) */
@media (max-width:1100px){
  body > nav.club-mobile-drawer-detached[data-club-mobile-nav] > .club-account-desktop,
  body > nav.club-mobile-drawer-detached[data-club-mobile-nav] .club-account-desktop,
  body > nav.club-mobile-drawer-detached[data-club-mobile-nav] .club-account-desktop .account-dropdown{
    display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;
    position:absolute!important;width:0!important;height:0!important;overflow:hidden!important;
  }
  body > nav.club-mobile-drawer-detached[data-club-mobile-nav] > .club-mobile-account{
    display:block!important;position:static!important;width:100%!important;max-width:100%!important;min-width:0!important;
    margin:0!important;padding:0!important;overflow:visible!important;visibility:visible!important;opacity:1!important;transform:none!important;
  }
  body > nav.club-mobile-drawer-detached[data-club-mobile-nav] .club-mobile-account-toggle{
    display:flex!important;width:100%!important;min-height:58px!important;align-items:center!important;gap:12px!important;
    padding:10px 14px!important;margin:0!important;border:1px solid rgba(255,255,255,.22)!important;border-radius:14px!important;
    background:rgba(255,255,255,.10)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;box-shadow:none!important;
  }
  body > nav.club-mobile-drawer-detached[data-club-mobile-nav] .club-mobile-account-panel{
    position:static!important;inset:auto!important;float:none!important;clear:both!important;width:100%!important;max-width:100%!important;min-width:0!important;
    margin:8px 0 0!important;padding:9px!important;grid-template-columns:minmax(0,1fr)!important;background:rgba(0,0,0,.16)!important;
    border:1px solid rgba(255,255,255,.18)!important;border-radius:14px!important;box-sizing:border-box!important;overflow:hidden!important;
    transform:none!important;translate:none!important;color:#fff!important;-webkit-text-fill-color:#fff!important;
  }
  body > nav.club-mobile-drawer-detached[data-club-mobile-nav] .club-mobile-account-panel[hidden]{display:none!important}
  body > nav.club-mobile-drawer-detached[data-club-mobile-nav] .club-mobile-account.is-open .club-mobile-account-panel:not([hidden]){display:grid!important}
  body > nav.club-mobile-drawer-detached[data-club-mobile-nav] .club-mobile-account-head{
    display:flex!important;flex-direction:column!important;gap:2px!important;width:100%!important;min-width:0!important;padding:7px 9px 10px!important;
    color:#fff!important;-webkit-text-fill-color:#fff!important;border-bottom:1px solid rgba(255,255,255,.14)!important;
  }
  body > nav.club-mobile-drawer-detached[data-club-mobile-nav] .club-mobile-account-head strong,
  body > nav.club-mobile-drawer-detached[data-club-mobile-nav] .club-mobile-account-head small{
    display:block!important;max-width:100%!important;overflow-wrap:anywhere!important;color:#fff!important;-webkit-text-fill-color:#fff!important;
  }
  body > nav.club-mobile-drawer-detached[data-club-mobile-nav] .club-mobile-account-head small{opacity:.72!important}
  body > nav.club-mobile-drawer-detached[data-club-mobile-nav] .club-mobile-account-panel > a{
    display:flex!important;position:static!important;width:100%!important;max-width:100%!important;min-width:0!important;min-height:44px!important;
    align-items:center!important;gap:10px!important;padding:10px 11px!important;margin:0!important;border:0!important;border-radius:10px!important;
    background:transparent!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:14px!important;font-weight:700!important;
    line-height:1.25!important;text-decoration:none!important;white-space:normal!important;box-sizing:border-box!important;transform:none!important;
  }
  body > nav.club-mobile-drawer-detached[data-club-mobile-nav] .club-mobile-account-panel > a:hover,
  body > nav.club-mobile-drawer-detached[data-club-mobile-nav] .club-mobile-account-panel > a:focus-visible{background:rgba(255,255,255,.10)!important}
  body > nav.club-mobile-drawer-detached[data-club-mobile-nav] .club-mobile-account-panel > a i{
    display:inline-flex!important;flex:0 0 20px!important;width:20px!important;justify-content:center!important;color:#fff!important;-webkit-text-fill-color:#fff!important;
  }
}
@media (min-width:1101px){.club-account-desktop{display:block!important}.club-mobile-account{display:none!important}}


/* V23.4 — robustez final do menu/QR no portal do clube */
.club-core-topbar .header-cart{position:relative!important;overflow:visible!important}
.club-core-topbar .cart-count-badge{background:var(--club-secondary)!important;color:#fff!important;border-color:var(--club-primary)!important}
@media(min-width:1101px){
  .club-core-topbar .account-dropdown.account-dropdown-viewport{position:fixed!important;right:auto!important;left:auto;transform:none!important;max-width:calc(100vw - 24px)!important;z-index:1300!important}
  .club-core-topbar .account-dropdown.account-dropdown-viewport::before{display:none!important}
}
@media(max-width:1100px){
  body > nav.club-mobile-drawer-detached[data-club-mobile-nav]{width:min(92vw,420px)!important;max-width:100vw!important;right:0!important;left:auto!important;transform:translateX(105%)!important}
  body > nav.club-mobile-drawer-detached[data-club-mobile-nav].open{transform:translateX(0)!important}
  body > nav.club-mobile-drawer-detached[data-club-mobile-nav] .club-mobile-account-panel{max-width:100%!important;overflow-x:hidden!important}
}


/* V25.12.5 — Evento e checkout de clube refinados */
.club-flow-body .event-premium-cover{position:relative!important;overflow:hidden!important;isolation:isolate!important;background-position:center!important;background-size:cover!important}
.club-flow-body .event-premium-cover:after{content:"";position:absolute;inset:0;z-index:0!important;pointer-events:none;background:linear-gradient(180deg,rgba(3,6,10,.34) 0%,rgba(3,6,10,.18) 36%,rgba(3,6,10,.58) 100%),linear-gradient(90deg,rgba(3,6,10,.72) 0%,rgba(3,6,10,.36) 48%,rgba(3,6,10,.18) 100%)!important}
.club-flow-body .event-premium-cover:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;box-shadow:inset 0 0 110px rgba(0,0,0,.22)}
.club-flow-body .event-premium-content{position:relative!important;z-index:2!important;max-width:760px;text-shadow:0 2px 18px rgba(0,0,0,.72)}
.club-flow-body .event-premium-cover h1{max-width:760px!important;text-wrap:balance}
.club-flow-body .event-premium-meta{display:flex!important;flex-wrap:wrap!important;gap:10px 18px!important}
.club-flow-body .event-premium-meta span{background:rgba(7,11,18,.36);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(8px);padding:7px 10px;border-radius:10px}

.club-flow-body main.container.py-xl{width:min(1180px,calc(100% - 32px))!important;max-width:1180px!important;padding-top:28px!important}
.club-flow-body .cart-checkout-page{display:grid!important;grid-template-columns:minmax(0,1fr) 330px!important;gap:24px!important;align-items:start!important}
.club-flow-body .cart-checkout-main{background:#fff;border:1px solid #e6e9ed;border-radius:24px;padding:26px;box-shadow:0 18px 55px rgba(15,23,42,.07)}
.club-flow-body .cart-checkout-main>h1{font-size:34px!important;letter-spacing:-.035em;margin:18px 0 4px!important}
.club-flow-body .cart-checkout-main>p{color:#64748b;margin-top:0}
.club-flow-body .checkout-reserve-alert{border-radius:14px!important;margin:20px 0!important}
.club-flow-body .cart-items.compact{display:grid;gap:10px;margin:18px 0}
.club-flow-body .cart-item{border:1px solid #e8ebef!important;border-radius:16px!important;padding:18px!important;background:#fbfcfd!important;box-shadow:none!important}
.club-flow-body .cart-summary{position:sticky!important;top:100px!important}
.club-flow-body .cart-summary .summary-card{border-radius:20px!important;border:1px solid #e5e9ee!important;box-shadow:0 18px 48px rgba(15,23,42,.07)!important;padding:22px!important}
.club-flow-body .buyer-identification-card{border:1px solid #e6e9ed!important;border-radius:18px!important;background:#fff!important;padding:20px!important;margin-top:18px!important}
.club-flow-body .checkout-auth-gate{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;padding:18px;border:1px solid color-mix(in srgb,var(--club-primary) 18%,#e6e9ed);border-radius:16px;background:linear-gradient(135deg,color-mix(in srgb,var(--club-primary) 5%,white),#fff)}
.club-flow-body .checkout-auth-gate-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:color-mix(in srgb,var(--club-primary) 12%,white);color:var(--club-primary);font-size:20px}
.club-flow-body .checkout-auth-gate span{font-size:10px;letter-spacing:.12em;font-weight:900;color:var(--club-primary)}
.club-flow-body .checkout-auth-gate h3{margin:3px 0 4px;font-size:19px}.club-flow-body .checkout-auth-gate p{margin:0;color:#64748b;font-size:13px;max-width:540px}
.club-flow-body .checkout-auth-launch{white-space:nowrap!important;padding-inline:18px!important}
.checkout-auth-modal[hidden]{display:none!important}.checkout-auth-modal{opacity:0;visibility:hidden;transition:.18s ease}.checkout-auth-modal.is-open{opacity:1;visibility:visible}.checkout-auth-modal-close{position:absolute;right:18px;top:18px;width:40px;height:40px;border:0;border-radius:12px;background:#f1f5f9;color:#0f172a;cursor:pointer;font-size:18px;z-index:2}.checkout-auth-panel{border:1px solid rgba(255,255,255,.3)}
.club-flow-body .checkout-auth-tabs button.active{color:var(--club-primary)!important}.club-flow-body .checkout-auth-brand span{color:var(--club-primary)!important}

@media(max-width:900px){.club-flow-body .cart-checkout-page{grid-template-columns:1fr!important}.club-flow-body .cart-summary{position:static!important;order:-1}.club-flow-body .checkout-auth-gate{grid-template-columns:auto 1fr}.club-flow-body .checkout-auth-launch{grid-column:1/-1;width:100%!important}}
@media(max-width:620px){.club-flow-body main.container.py-xl{width:min(100% - 18px,1180px)!important;padding-top:14px!important}.club-flow-body .cart-checkout-main{padding:18px 14px;border-radius:18px}.club-flow-body .cart-checkout-main>h1{font-size:28px!important}.club-flow-body .checkout-auth-gate{grid-template-columns:1fr;text-align:left}.club-flow-body .checkout-auth-gate-icon{width:42px;height:42px}.club-flow-body .event-premium-cover:after{background:linear-gradient(180deg,rgba(3,6,10,.25),rgba(3,6,10,.48) 58%,rgba(3,6,10,.82))!important}.club-flow-body .event-premium-meta span{width:fit-content}}

/* V25.12.6 — consistência clube, checkout e dependentes */
.club-flow-body .ticket-cancel-btn,.club-flow-body .btn-danger{background:#dc2626!important;border-color:#dc2626!important;color:#fff!important;-webkit-text-fill-color:#fff!important}.club-flow-body .ticket-cancel-btn:hover{background:#b91c1c!important;border-color:#b91c1c!important}.club-flow-body .checkout-identification-page,.club-flow-body .checkout-payment-page{width:min(1380px,calc(100% - 36px))!important;max-width:1380px!important}.club-flow-body .checkout-identification-page .ticket-holder-list,.club-flow-body .checkout-identification-page form,.club-flow-body .checkout-identification-page .holder-card{width:100%!important;max-width:none!important}.club-flow-body .destination-choice-grid.has-dependent{grid-template-columns:repeat(3,minmax(0,1fr))!important}.club-flow-body .destination-dependent-fields{margin-top:12px}.club-flow-body .destination-dependent-fields select{width:100%;min-height:48px;border:1px solid #d8dee8;border-radius:12px;padding:0 12px;background:#fff}@media(max-width:760px){.club-flow-body .destination-choice-grid.has-dependent{grid-template-columns:1fr!important}.club-flow-body .checkout-identification-page,.club-flow-body .checkout-payment-page{width:min(100% - 18px,1380px)!important}}

/* V25.12.7 — legibilidade do evento e fluxo de checkout amplo */
.club-flow-body .event-premium-cover::after{
  inset:0!important;top:0!important;right:0!important;bottom:0!important;left:0!important;height:auto!important;
  background:linear-gradient(90deg,rgba(2,6,12,.76) 0%,rgba(2,6,12,.55) 42%,rgba(2,6,12,.24) 72%,rgba(2,6,12,.16) 100%),linear-gradient(180deg,rgba(2,6,12,.12) 0%,rgba(2,6,12,.18) 46%,rgba(2,6,12,.68) 100%)!important;
}
.club-flow-body .event-premium-cover::before{inset:0!important;height:auto!important;background:radial-gradient(circle at 28% 72%,rgba(0,0,0,.18),transparent 54%)!important;box-shadow:none!important}
.club-flow-body .event-premium-content{max-width:820px!important;text-shadow:0 3px 18px rgba(0,0,0,.9),0 1px 2px rgba(0,0,0,.9)!important}
.club-flow-body .event-premium-content h1,.club-flow-body .event-premium-content p,.club-flow-body .event-premium-meta span{color:#fff!important;-webkit-text-fill-color:#fff!important}

.club-flow-body main.container.py-xl{width:min(1500px,calc(100% - 48px))!important;max-width:1500px!important}
.club-flow-body .cart-checkout-page{grid-template-columns:minmax(0,1fr) 360px!important;gap:26px!important;width:100%!important;max-width:none!important}
.club-flow-body .cart-checkout-main{width:100%!important;max-width:none!important}
.club-flow-body .checkout-layout{grid-template-columns:minmax(0,1fr) 390px!important;width:100%!important;max-width:none!important}
.club-flow-body .checkout-page.checkout-premium{width:min(1500px,calc(100% - 48px))!important;max-width:1500px!important;margin-inline:auto!important;padding-inline:0!important}
.club-flow-body .ticket-destination-v26 .destination-choice-grid,
.club-flow-body .ticket-destination-v26 .destination-choice-grid.has-dependent{grid-template-columns:1fr!important;gap:9px!important}
.club-flow-body .ticket-destination-v26 .destination-choice-card{width:100%!important;min-width:0!important;min-height:76px!important;grid-template-columns:44px minmax(0,1fr)!important;text-align:left!important}
.club-flow-body .ticket-destination-v26 .destination-choice-card b,
.club-flow-body .ticket-destination-v26 .destination-choice-card small{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;max-width:none!important}
@media(max-width:980px){.club-flow-body .checkout-layout,.club-flow-body .cart-checkout-page{grid-template-columns:1fr!important}.club-flow-body .checkout-box,.club-flow-body .cart-summary{position:static!important}.club-flow-body main.container.py-xl,.club-flow-body .checkout-page.checkout-premium{width:min(100% - 22px,1500px)!important}}


/* V25.12.8 — fluxo do clube centralizado */
.club-flow-body .cart-checkout-page{width:min(1220px,100%)!important;max-width:1220px!important;margin-inline:auto!important;grid-template-columns:minmax(0,1fr) 320px!important;gap:24px!important}
.club-flow-body main.container.py-xl:has(.cart-checkout-page){width:min(1320px,calc(100% - 36px))!important;max-width:1320px!important;margin-inline:auto!important}
@media(max-width:980px){.club-flow-body .cart-checkout-page{grid-template-columns:1fr!important;max-width:820px!important}.club-flow-body main.container.py-xl:has(.cart-checkout-page){width:min(100% - 20px,860px)!important}}


/* V25.12.9 — revisão de checkout centralizado e resumo financeiro */
main.container.py-xl:has(.cart-checkout-page){width:min(1320px,calc(100% - 48px))!important;max-width:1320px!important;margin-left:auto!important;margin-right:auto!important;padding-left:0!important;padding-right:0!important}
.cart-checkout-page{width:100%!important;max-width:1320px!important;margin-inline:auto!important;grid-template-columns:minmax(0,1fr) 330px!important;gap:28px!important}
.cart-checkout-main,.cart-summary{min-width:0!important}
.cart-summary .summary-card{width:100%!important}
.cart-summary .summary-row-total{margin-top:5px;padding-top:16px;border-top:1px solid #dfe3e8;font-size:1.03rem}
.cart-summary .summary-row-total strong{font-size:1.08rem}
@media(max-width:980px){main.container.py-xl:has(.cart-checkout-page){width:min(100% - 22px,860px)!important}.cart-checkout-page{grid-template-columns:1fr!important;max-width:860px!important;gap:18px!important}}

/* V25.12.10 — cabeçalhos internos padronizados + centralização global do ambiente do clube */
.club-flow-body{
  --club-page-width:1240px;
  --club-page-gutter:24px;
}

/* Todas as páginas de conta/benefícios mantêm o mesmo eixo e as mesmas margens laterais. */
.club-flow-body :is(
  .account-data-page,
  .benefits-page,
  .benefits-v28,
  .premium-account-page.account-page,
  .account-page-v2,
  .biometry-page,
  .tickets-account-page,
  .linked-profiles-page,
  .profile-deps-wrap
){
  width:min(var(--club-page-width),calc(100% - (var(--club-page-gutter) * 2)))!important;
  max-width:var(--club-page-width)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
}
.club-flow-body :is(
  .account-data-page,
  .benefits-page,
  .benefits-v28,
  .premium-account-page.account-page,
  .account-page-v2,
  .biometry-page,
  .tickets-account-page,
  .linked-profiles-page
){
  padding-left:0!important;
  padding-right:0!important;
}
.club-flow-body .profile-deps-page{padding-left:0!important;padding-right:0!important}

/* Padrão visual único dos cabeçalhos das áreas internas do torcedor. */
.club-flow-body :is(
  .checkout-step-hero,
  .account-data-hero,
  .benefit-hero-pro,
  .account-hero,
  .account-hero-v2,
  .account-banner,
  .minha-conta-banner,
  .tickets-account-hero,
  .biometry-hero
){
  background:linear-gradient(135deg,
    var(--club-primary) 0%,
    color-mix(in srgb,var(--club-primary) 82%,#0f172a) 100%)!important;
  color:var(--club-on-primary)!important;
  -webkit-text-fill-color:var(--club-on-primary)!important;
  border-color:color-mix(in srgb,var(--club-on-primary) 18%,transparent)!important;
  box-shadow:0 22px 54px color-mix(in srgb,var(--club-primary) 18%,transparent)!important;
}
.club-flow-body :is(
  .checkout-step-hero,
  .account-data-hero,
  .benefit-hero-pro,
  .account-hero,
  .account-hero-v2,
  .account-banner,
  .minha-conta-banner,
  .tickets-account-hero,
  .biometry-hero
) :is(h1,h2,h3,p,strong,small,span,a){
  color:var(--club-on-primary)!important;
  -webkit-text-fill-color:var(--club-on-primary)!important;
}
.club-flow-body :is(
  .checkout-step-hero,
  .account-data-hero,
  .benefit-hero-pro,
  .account-hero,
  .account-hero-v2,
  .account-banner,
  .minha-conta-banner,
  .tickets-account-hero,
  .biometry-hero
) p{opacity:.88!important}
.club-flow-body :is(
  .checkout-step-hero,
  .account-data-hero,
  .benefit-hero-pro,
  .account-hero,
  .account-hero-v2,
  .account-banner,
  .minha-conta-banner,
  .tickets-account-hero,
  .biometry-hero
) > div > span,
.club-flow-body :is(.checkout-step-hero,.account-data-hero,.benefit-hero-pro,.account-hero,.tickets-account-hero,.biometry-hero) .eyebrow{
  color:var(--club-on-primary)!important;
  -webkit-text-fill-color:var(--club-on-primary)!important;
  opacity:.78!important;
}

/* Cards que ficam dentro do cabeçalho também respeitam o contraste do clube. */
.club-flow-body :is(.account-profile-pill,.tickets-account-user,.biometry-status-card){
  background:color-mix(in srgb,var(--club-on-primary) 10%,transparent)!important;
  border-color:color-mix(in srgb,var(--club-on-primary) 24%,transparent)!important;
  color:var(--club-on-primary)!important;
  -webkit-text-fill-color:var(--club-on-primary)!important;
  backdrop-filter:blur(8px);
}
.club-flow-body :is(.account-profile-pill,.tickets-account-user,.biometry-status-card) *{
  color:var(--club-on-primary)!important;
  -webkit-text-fill-color:var(--club-on-primary)!important;
}
.club-flow-body .benefit-hero-icon{
  background:color-mix(in srgb,var(--club-on-primary) 12%,transparent)!important;
  color:var(--club-on-primary)!important;
  -webkit-text-fill-color:var(--club-on-primary)!important;
}
.club-flow-body .checkout-step-hero .mini-btn.light{
  background:color-mix(in srgb,var(--club-on-primary) 12%,transparent)!important;
  border:1px solid color-mix(in srgb,var(--club-on-primary) 30%,transparent)!important;
  color:var(--club-on-primary)!important;
  -webkit-text-fill-color:var(--club-on-primary)!important;
}

/* Evita que grids internos extrapolem o eixo central. */
.club-flow-body :is(.account-data-layout,.benefits-shell,.account-grid,.account-grid-v2,.linked-profiles-grid,.biometry-camera-layout,.tickets-account-head,.tickets-account-grid){
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}

@media(max-width:760px){
  .club-flow-body{--club-page-gutter:11px}
  .club-flow-body :is(
    .checkout-step-hero,.account-data-hero,.benefit-hero-pro,.account-hero,.account-hero-v2,
    .account-banner,.minha-conta-banner,.tickets-account-hero,.biometry-hero,.deps-hero
  ){
    border-radius:22px!important;
    padding:22px 18px!important;
  }
}

/* ===== V27.3 — banner de evento no celular sem corte e sem poluição ===== */
.event-mobile-caption{display:none}
@media(max-width:760px){
  .club-flow-body .event-premium-page{padding-left:10px!important;padding-right:10px!important;padding-top:14px!important}
  .club-flow-body .event-premium-hero{gap:12px!important}
  .club-flow-body .event-premium-cover{
    min-height:0!important;
    height:auto!important;
    aspect-ratio:16/9!important;
    padding:0!important;
    border-radius:20px!important;
    background-size:contain!important;
    background-position:center center!important;
    background-repeat:no-repeat!important;
    background-color:#07111f!important;
    box-shadow:0 16px 36px rgba(15,23,42,.14)!important;
  }
  .club-flow-body .event-premium-cover::after{
    background:linear-gradient(180deg,rgba(2,6,12,.08) 0%,rgba(2,6,12,.08) 56%,rgba(2,6,12,.48) 100%)!important;
  }
  .club-flow-body .event-premium-cover::before{
    background:linear-gradient(90deg,rgba(0,0,0,.10),transparent 28%,transparent 72%,rgba(0,0,0,.10))!important;
  }
  .club-flow-body .event-premium-content{
    position:absolute!important;
    inset:auto 12px 12px 12px!important;
    max-width:none!important;
    display:flex!important;
    align-items:flex-end!important;
    justify-content:space-between!important;
    gap:8px!important;
    text-shadow:none!important;
  }
  .club-flow-body .event-premium-content h1,
  .club-flow-body .event-premium-content .event-premium-meta{display:none!important}
  .club-flow-body .event-premium-tags{margin:0!important}
  .club-flow-body .event-premium-tags span{
    padding:7px 10px!important;
    font-size:10px!important;
    background:color-mix(in srgb,var(--club-primary) 88%,#111)!important;
    box-shadow:0 6px 18px rgba(0,0,0,.18)!important;
  }
  .club-flow-body .event-countdown{
    display:grid!important;
    grid-template-columns:repeat(3,1fr)!important;
    gap:5px!important;
    margin:0!important;
  }
  .club-flow-body .event-countdown div{
    min-width:48px!important;
    padding:6px 5px!important;
    border-radius:10px!important;
    background:rgba(8,12,18,.80)!important;
  }
  .club-flow-body .event-countdown strong{font-size:15px!important;line-height:1!important}
  .club-flow-body .event-countdown span{font-size:7px!important;letter-spacing:.04em!important}
  .event-mobile-caption{
    display:block!important;
    margin-top:10px!important;
    padding:14px 14px 13px!important;
    background:#fff!important;
    border:1px solid #e6e9ee!important;
    border-radius:16px!important;
  }
  .event-mobile-caption h1{font-size:24px!important;line-height:1.02!important;letter-spacing:-.035em!important;margin:0 0 8px!important}
  .event-mobile-caption div{display:grid!important;gap:5px!important;color:#667085!important;font-size:12px!important;font-weight:700!important}
  .event-mobile-caption span{display:flex!important;align-items:center!important;gap:7px!important}
  .club-flow-body .event-premium-buybox{padding:20px!important;border-radius:18px!important}
}
@media(max-width:760px){
  body.club-flow-body:has([class*="mobile-sticky"]) .ceo-whatsapp-float,
  body.club-flow-body:has(.cart-mobile-sticky) .ceo-whatsapp-float,
  body.club-flow-body:has(.seat-mobile-sticky) .ceo-whatsapp-float{bottom:108px!important;right:12px!important;width:46px!important;height:46px!important;padding:0!important}
}