/* ============================================================================
   BLAISE PACKAR ANGOLA — Estilos próprios
   Carregado depois de style.css apenas no site /ao
   ----------------------------------------------------------------------------
   Este CSS apenas sobrescreve as cores de acento do MZ.
   Toda a estrutura (layout, tipografia, grids) é herdada do mz.css
   ============================================================================ */

/* ============================================================================
   0. VARIÁVEIS DE ACENTO
   Angola usa dourado/âmbar como cor de acento (identidade diferente do MZ)
   ============================================================================ */
.mz-hero,
.mz-stats,
.mz-focus,
.mz-services,
.mz-about-band,
.mz-cases,
.mz-insights,
.mz-industries,
.mz-partners,
.mz-cta {
  --gold: #D4A017;       /* Âmbar/dourado angolano */
  --gold-dim: #A67C0E;
  --navy: #1A2B4A;       /* Azul profundo (identidade angolana) */
  --navy-2: #22385E;
}

/* ============================================================================
   1. AJUSTES ESPECÍFICOS AO
   ============================================================================ */

/* Barra utilitária com cor própria */
body.ao .utility-bar {
  background: #1A2B4A;
}

/* Hero do AO mantém o verde como cor base de marca mas com acento dourado */
.mz-hero-play {
  background: #D4A017;
}

.mz-hero-play:hover {
  background: #B88A0E;
}

.mz-btn-gold {
  background: #D4A017;
}

.mz-btn-gold:hover {
  background: #B88A0E;
}

/* Faixa de estatísticas */
.mz-stats {
  background: #22385E;
}

/* CTA final */
.mz-cta {
  background: #1A2B4A;
}

/* Focus cards hover */
.mz-focus-card:hover {
  border-color: #D4A017;
}

.mz-focus-card::before {
  background: #D4A017;
}

.mz-focus-arrow {
  color: #D4A017;
}

/* Serviços, casos, insights — hover */
.mz-service-card:hover .mz-service-link {
  border-bottom-color: #D4A017;
}

.mz-case-card:hover {
  border-color: #D4A017;
}

.mz-insight-card:hover {
  border-color: #D4A017;
}

/* Indústrias */
.mz-industry-more {
  border-bottom-color: #D4A017;
}

/* Links com seta */
.mz-link-arrow {
  border-bottom-color: #D4A017;
}

/* Counter accent no hero */
.mz-hero-counter {
  color: #D4A017;
}

/* Progress bar do carrossel */
.mz-hero-progress-bar {
  background: #D4A017;
}

/* Dots ativos */
.mz-carousel-dot.active,
.mz-hero-dot.active {
  background: #D4A017;
}