/* =========================================================
   RESIDENTE DIGITAL (antigo) → NOVA HOME (override de cores)
   Cole após os CSSs atuais (de preferência no fim do <style>)
   ========================================================= */

/* 1) Paleta (aprox. do site antigo) */
:root{
  --rd-primary: #06ACF2;     /* azul principal */
  --rd-navy:    #202943;     /* azul bem escuro */
  --rd-accent:  #2992b3;     /* azul/teal do antigo (mais azulado) */
  --rd-soft:    #e7eff4;     /* fundo claro */
  --rd-soft-2:  #add3e8;     /* azul claro */
  --rd-white:   #f8f9fb;

  /* Bootstrap helpers */
  --bs-primary: var(--rd-primary);
  --bs-primary-rgb: 3,93,157;
}

/* 2) Hero e seções com gradiente */
.bg-rd-hero {
  background-image:
    linear-gradient(
      135deg,
      rgba(4,55,110,0.88),
      rgba(6,75,135,0.88)
    ),
    url("https://residentedigital.com.br/images/bg.png");
}
section[style*="linear-gradient(135deg, #065595 0%, #0A6CAD 100%)"]{
  background: linear-gradient(135deg, #065595 0%, #0A6CAD 55%, #065595 100%) !important;
}

/* 3) Botões / links primários */
.btn-primary{
  background-color: var(--rd-primary) !important;
  border-color: var(--rd-primary) !important;
}
.btn-primary:hover,
.btn-primary:focus{
  background-color: var(--rd-navy) !important;
  border-color: var(--rd-navy) !important;
}

/* Links com “cara de primário” */
a:hover{ color: var(--rd-primary); }

/* 4) Componentes do Quiz (antes estava #2ca5b8) */
.quiz-option:hover{
  border-color: var(--rd-primary) !important;
  background: rgba(173,211,232,0.20) !important;
}
.quiz-option.selected{
  border-color: var(--rd-primary) !important;
  background: rgba(173,211,232,0.30) !important;
}
.quiz-option .quiz-icon{
  background: rgba(173,211,232,0.35) !important;
  color: var(--rd-primary) !important;
}
.quiz-option.selected .quiz-icon{
  background: var(--rd-primary) !important;
  color: #fff !important;
}
.quiz-progress-bar{
  background: var(--rd-primary) !important;
}

/* 5) Cards/hover e destaques */
.space-card:hover{
  box-shadow: 0 10px 30px rgba(3,93,157,0.18) !important;
}
.cidade-card{
  border-left-color: var(--rd-primary) !important;
}
.cidade-card:hover{
  box-shadow: 0 5px 20px rgba(32,41,67,0.14) !important;
}

/* 6) Números/ícones/detalhes em azul */
.counter-box .counter-number{
  color: var(--rd-primary) !important;
}

    /* Step number circle */
    .step-number {
        width: 60px;
        height: 60px;
        border-radius: 50%;
        background: #065595;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 24px;
        font-weight: 700;
        margin: 0 auto 20px;
    }

/* 7) Suas classes “RD” */
.bg-soft-primary-rd{ background: rgba(173,211,232,0.28) !important; }
.text-primary-rd{ color: var(--rd-primary) !important; }

/* 8) Patches para INLINE styles do HTML atual (força trocar #2ca5b8 e #e6f7f9) */
[style*="color: #2ca5b8"]{ color: var(--rd-primary) !important; }
[style*="background: #e6f7f9"]{ background: rgba(173,211,232,0.28) !important; }
[style*="background: #f0fafb"]{ background: rgba(173,211,232,0.18) !important; }

/* 9) Ajustes opcionais: navbar e textos */
#topnav{
  /* se seu tema estiver deixando a navbar muito clara, descomente:
  background: rgba(32,41,67,0.92) !important;
  */
}
.heading span[style*="color: #5ce0d2"]{
  color: var(--rd-soft-2) !important;
}