/* Cores Pesonalizadas */
:root{
    --primary: #cfb53b;
     --primary_hover: #a4902f;

    //--secondary: rgb(240, 244, 245);
    /* tertiary não é um padrão do Bootstrap, mas pode ser adicionado! */
    --tertiary: #72F2EB;
    --success: #0099DD;
   // --info: #A1C7E0;
    --warning: #FF9933;
    --danger: #E3371E;
}
/* sobrescrevendo classes padrão do Bootstrap */
/* a marcação !important dá um peso maior a regra, sobrescrevendo regras prévias */
 .gm-color-primary, btn-outline-primary{
    background-color: var(--primary) !important;
}
 .gm-color-primary:hover {
    background-color: var(--primary_hover) !important;
}
//.bg-secondary, .btn-secondary{
//    background-color: var(--secondary) !important;
//}

//.bg-info, .btn-info{
//    background-color: var(--info) !important;
//}
//.bg-warning, .btn-warning{
//    background-color: var(--warning) !important;
//}

.nav-link {
    color: var(--primary) !important ;
}
.nav-link:hover{
    color: white !important ; 
}


body{
    background-color: rgba(128, 128, 128, 0.25) !important;
}

html {
    scroll-behavior: smooth;
  }
  

 /* Estilo para o overlay do carregamento */
    #loader-wrapper {
      position: fixed;
      top: 0; left: 0;
      width: 100%; height: 100%;
      background-color: white;
      display: flex;
      justify-content: center;
      align-items: center;
      z-index: 9999;
    }

    /* Estilo do spinner */
    .loader {
      border: 8px solid #f3f3f3;
      border-top: 8px solid #3498db;
      border-radius: 50%;
      width: 60px;
      height: 60px;
      animation: spin 1s ease infinite;
    }

    @keyframes spin {
      0%   { transform: rotate(0deg); }
      100% { transform: rotate(360deg); }
    }
.badges-carro {
  z-index: 10;
}

.badge {
  padding: 0.35rem 0.7rem;
  font-size: 0.75rem;
  font-weight: 600;
  border-radius: 999px;
  color: white;
  white-space: nowrap;
  box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}

.badge-destaque {
  background-color: #ffc107;
  color: #333;
}

.badge-oferta {
  background: linear-gradient(45deg, #ff416c, #ff4b2b);
  animation: pulse 1.5s infinite;
}

.badge-desconto {
  background-color: #28a745;
}

.badge-novo {
  background-color: #007bff;
}

@keyframes pulse {
  0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(255,75,43, 0.7); }
  70% { transform: scale(1.05); box-shadow: 0 0 0 10px rgba(255,75,43, 0); }
  100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(255,75,43, 0); }
}


.badge-equipamento {
    display: inline-block;
    background-color: #cfb53b;
    color: rgb(0, 0, 0);
    padding: 6px 12px;
    margin: 5px 5px 0 0;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 500;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
    transition: background-color 0.3s;
}
.badge-equipamento:hover {
    background-color: #a4902f;
    cursor: default;
    color: rgb(255, 255, 255);
    transition: color 0.3s;
}

body {

   // background-color: #8c8d8d54;
}

.price-alert{

animation: pulse_2 1.5s infinite;


}

@keyframes pulse_2 {
  0% { transform: scale(1); }
  70% { transform: scale(1.05); }
  100% { transform: scale(1); }
}