/* Estilos comuns para todas as calculadoras */

/* Garantir que os ícones do Font Awesome sejam exibidos corretamente */
@import url("https://use.fontawesome.com/releases/v5.15.4/css/all.css");

.fas,
.far,
.fab,
.fa {
  display: inline-block !important;
  font-style: normal !important;
  font-variant: normal !important;
  text-rendering: auto !important;
  line-height: 1 !important;
}

.fas {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900 !important;
}

.far {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 400 !important;
}

.fab {
  font-family: "Font Awesome 5 Brands" !important;
  font-weight: 400 !important;
}

/* Estilos para inputs */
input:focus {
  outline: none !important;
  border-color: #fe3e6d !important;
  box-shadow: 0 0 0 1px #fe3e6d !important;
}

/* Formatação de moeda */
.moeda-prefixo {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #6b7280;
}

/* Utilitários */
.text-center {
  text-align: center !important;
}

.mt-2 {
  margin-top: 0.5rem !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.mt-4 {
  margin-top: 1rem !important;
}

.mb-4 {
  margin-bottom: 1rem !important;
}

/* Cores */
.text-success {
  color: #059669 !important;
}

.text-danger {
  color: #dc2626 !important;
}

.text-warning {
  color: #d97706 !important;
}

.bg-success-light {
  background-color: #ecfdf5 !important;
}

.bg-danger-light {
  background-color: #fef2f2 !important;
}

.bg-warning-light {
  background-color: #fffbeb !important;
}