/* Reset simples */
* {
  box-sizing: border-box;
}


.btn-primary {
  background-color: #004E9A;
  border: 1px solid #004E9A;
}

.btn:hover {
  background-color: #003366;
  border-color: #003366;
}

.text-primary {
  color: #004E9A !important;
}





/* Tipografia */
body {
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  color: #333;
  background-color: #f8f9fb;
}

/* Títulos */
h1, h2, h3 {
  color: #004E9A;
}

/* Cards */
.card .card-title {
  color: #004E9A;
}

/* Pequenas customizações de botão */
.btn-warning {
  background-color: #29a71a;
  border-color: #29a71a;
  color: #fff;
  border-radius: 50px;
  box-shadow: 0 4px 10px rgba(41, 167, 26, 0.3);
  transition: all 0.3s ease;
}
.btn-warning:hover {
  background-color: #218c16;
  border-color: #218c16;
  box-shadow: 0 6px 14px rgba(33, 140, 22, 0.4);
  color: #F8F8FF;
}

.btn-outline-primary {
  color: #004E9A;
  border-color: #004E9A;
}

.phone-link {
  text-decoration: none;
  display: flex;
  align-items: center;
  color: #ffffff; /* cor inicial */
  transition: color 0.3s ease;
}

.phone-link .icon {
  width: 24px;
  height: 24px;
  filter: brightness(0) invert(1); /* branco inicialmente */
  transition: filter 0.3s ease, transform 0.3s ease;
}

/* Garante que o texto siga a cor do link */
.phone-text {
  color: inherit !important;
  transition: color 0.3s ease;
}

/* Ao passar o mouse, tudo fica dourado (#F9B233) */
.phone-link:hover {
  color: #F9B233 !important;
}

.phone-link:hover .icon {
  /* converte o ícone para o tom #F9B233 */
  filter: brightness(0) saturate(100%) invert(83%) sepia(41%) saturate(2030%) hue-rotate(350deg) brightness(101%) contrast(97%);
  transform: scale(1.1);
}