/* Identidade Promo Nerd Geek. */
:root { --bg-page: #f6f7fb; --text-primary: #061a44; --brand-primary: #102650; --brand-hover: #061a44; --brand-orange: #102650; --brand-blue: #102650; --brand-yellow: #ffc400; --primary: #102650; }
.brand-logo { display: block; width: 150px; height: 88px; object-fit: contain; }
.main-header { border-top: 5px solid #ffc400; }
.brand-hero { margin: 8px 0 26px; overflow: hidden; border-radius: 18px; background: #ffc400; box-shadow: 0 8px 26px #061a4414; }
.brand-hero img { display: block; width: 100%; height: auto; }
.subnav-bar { background: #061a44; }
.subnav-bar .cat-tab-btn { color: #fff; }
.subnav-bar .cat-tab-btn.active, .subnav-bar .cat-tab-btn:hover { color: #ffc400; border-color: #ffc400; background: #122a55; }
.btn-deal-action { background: #ffc400; color: #061a44; font-weight: 800; }
.btn-deal-action:hover { background: #ffd740; color: #061a44; }
.deal-card:hover { border-color: #ffc400; }
:focus-visible { outline: 3px solid #b77a00; outline-offset: 3px; }
@media (max-width: 640px) {
  .brand-logo { width: 115px; height: 70px; }
  .brand-hero { margin: 4px 0 18px; border-radius: 10px; }
}