#simuladorPopup * {

  margin: 0;

  padding: 0;

  box-sizing: border-box !important;

  font-family: 'Arial', sans-serif !important;

}





#simuladorPopup body {

  background: linear-gradient(135deg, #f8f8f8, #e8e8e8) !important;

  display: flex !important;

  justify-content: center !important;

  align-items: center !important;

  min-height: 100vh !important;

  font-family: 'Segoe UI', sans-serif !important;

}

#simuladorPopup .resultado-container {

  background: white;

  backdrop-filter: blur(12px);

  border-radius: 20px;

  padding: 20px;

  max-width: 95%;

  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);

  margin-top: 0;

}

@media (max-width: 1600px) {

  #simuladorPopup .resultado-container {

    background: white !important;

    backdrop-filter: blur(12px) !important;

    border-radius: 20px !important;

    padding: 20px !important;

    max-width: 95% !important;

    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1) !important;

    margin-top: 160px;

  }

}





#simuladorPopup .resultado-container {

  animation: fadeInUp 0.6s ease !important;

}



@keyframes fadeInUp {

  from {

    opacity: 0 !important;

    transform: translateY(30px) !important;

  }

  to {

    opacity: 1 !important;

    transform: translateY(0) !important;

  }

}





#simuladorPopup .popup-container {

  position: relative;
  /* era fixed */

  top: auto;
  left: auto;
  /* remove deslocamento */

  transform: none;

  margin: 60px auto;
  /* centraliza */

  width: 100%;

  max-width: 95%;

  background: #fff;

  border-radius: 12px;

  box-shadow: 0 5px 15px rgba(0, 0, 0, .3);

}



#simuladorPopup .popup-content {

  display: flex !important;

  height: 500px !important;

}



#simuladorPopup .close-btn {

  position: absolute !important;

  top: 20px !important;

  right: 20px !important;

  background: transparent !important;

  border: none !important;

  font-size: 28px !important;

  color: #aaa !important;

  cursor: pointer !important;

  transition: color 0.2s ease !important;

}



#simuladorPopup .close-btn:hover {

  color: var(--primary-light) !important;

}



#simuladorPopup .popup-left {

  flex: 0 0 40% !important;

  background-color: #f8f8f2 !important;

  padding: 40px 30px !important;

  border-radius: 12px 0 0 12px !important;

  display: flex !important;

  flex-direction: column !important;

  justify-content: flex-start !important;

}



#simuladorPopup .popup-right {

  flex: 0 0 60% !important;

  padding: 40px 30px !important;

  border-radius: 0 12px 12px 0 !important;

}



#simuladorPopup .subtitle {

  font-size: 16px !important;

  color: #333 !important;

  margin-bottom: 15px !important;

}



#simuladorPopup .title {

  font-size: 20px !important;

  color: #222 !important;

  margin-bottom: 40px !important;

  line-height: 1.3 !important;

}



#simuladorPopup .progress-indicators {

  margin-top: auto !important;

}



#simuladorPopup .step {

  display: flex !important;

  align-items: center !important;

  margin-right: 15px !important;

  opacity: 0.5 !important;

  margin-bottom: 10px;

}



#simuladorPopup .step.active {

  opacity: 1 !important;

}



#simuladorPopup .step-number {

  width: 25px !important;

  height: 25px !important;

  background-color: #ccc !important;

  border-radius: 50% !important;

  display: flex !important;

  align-items: center !important;

  justify-content: center !important;

  margin-right: 8px !important;

  font-size: 14px !important;

  color: white !important;

}



#simuladorPopup .step.active .step-number,
.step.completed .step-number {

  background-color: var(--primary-light) !important;

}



#simuladorPopup .form-group {

  margin-bottom: 25px !important;

  position: relative !important;

}



#simuladorPopup select,
input {

  width: 100% !important;

  padding: 15px !important;

  border: 1px solid #ddd !important;

  border-radius: 8px !important;

  font-size: 16px !important;

  color: #333 !important;

}



#simuladorPopup select {

  appearance: none !important;

  background-image: url("data:image/svg+xml !important;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e") !important;

  background-repeat: no-repeat !important;

  background-position: right 15px center !important;

  background-size: 15px !important;

}



#simuladorPopup .error-message {

  color: var(--primary-light) !important;

  font-size: 14px !important;

  margin-top: 5px !important;

  display: none !important;

}



#simuladorPopup .toggle-container {

  display: flex !important;

  margin-bottom: 20px !important;

  border-radius: 50px !important;

  overflow: hidden !important;

  border: 1px solid #ddd !important;

}



#simuladorPopup .toggle-btn {

  flex: 1 !important;

  padding: 12px !important;

  border: none !important;

  background: white !important;

  cursor: pointer !important;

  font-size: 16px !important;

  outline: none !important;

}



#simuladorPopup .toggle-btn.active {

  background-color: var(--primary-light) !important;

  color: white !important;

}



#simuladorPopup .value-label {

  font-size: 14px !important;

  color: #666 !important;

  margin-bottom: 10px !important;

}



#simuladorPopup .value-display {

  font-size: 30px !important;

  color: #222 !important;

  font-weight: bold !important;

  text-align: center !important;

  margin-bottom: 15px !important;

}



#simuladorPopup .slider-container {

  margin-bottom: 30px !important;

}



#simuladorPopup .slider {

  width: 100% !important;

  height: 5px !important;

  background: #ddd !important;

  border-radius: 5px !important;

  appearance: none !important;

  outline: none !important;

  margin-bottom: 10px !important;

}



#simuladorPopup .slider::-webkit-slider-thumb {

  appearance: none !important;

  width: 20px !important;

  height: 20px !important;

  background-color: var(--primary-light) !important;

  border-radius: 50% !important;

  cursor: pointer !important;

}



#simuladorPopup .slider-labels {

  display: flex !important;

  justify-content: space-between !important;

  font-size: 14px !important;

  color: #666 !important;

}



#simuladorPopup .next-btn,
#simuladorPopup .result-btn {

  width: 100% !important;

  padding: 15px !important;

  background-color: var(--primary-light) !important;

  color: white !important;

  border: none !important;

  border-radius: 8px !important;

  font-size: 16px !important;

  cursor: pointer !important;

  transition: background-color 0.3s !important;

}



#simuladorPopup .next-btn:hover,
#simuladorPopup .result-btn:hover {

  background-color: #f5f5f5 !important;
  color: var(--primary-light) !important;
  border-color: var(--primary-light) !important;
  border: 1px solid var(--primary-light) !important;
}



/* Estilos para a página de dados */

#simuladorPopup .phone-input {

  display: flex !important;

  align-items: center !important;

  border: 1px solid #ddd !important;

  border-radius: 8px !important;

  overflow: hidden !important;

}



#simuladorPopup .country-code {

  display: flex !important;

  align-items: center !important;

  padding: 0 10px !important;

  background-color: #f5f5f5 !important;

  border-right: 1px solid #ddd !important;

}



#simuladorPopup .flag-icon {

  width: 20px !important;

  height: 15px !important;

  margin-right: 5px !important;

}



#simuladorPopup .phone-input input {

  flex: 1 !important;

  border: none !important;

  padding: 15px !important;

  outline: none !important;

}



#simuladorPopup .dropdown-icon {

  position: absolute !important;

  right: 15px !important;

  top: 50% !important;

  transform: translateY(-50%) !important;

  color: #888 !important;

  pointer-events: none !important;

}



#simuladorPopup .info-text {

  font-size: 14px !important;

  color: #666 !important;

  margin-bottom: 20px !important;

  text-align: center !important;

}



#simuladorPopup .button-group {

  display: flex !important;

  gap: 15px !important;

}



#simuladorPopup .back-btn {

  padding: 15px !important;

  background-color: white !important;

  color: #333 !important;

  border: 1px solid #ddd !important;

  border-radius: 8px !important;

  font-size: 16px !important;

  cursor: pointer !important;

}







#simuladorPopup .resultado-header {

  margin-bottom: 30px !important;

  text-align: center !important;

}



#simuladorPopup .money-icon {

  width: 60px !important;

  height: 60px !important;

}







#simuladorPopup .resultado-card {

  background-color: white !important;

  border-radius: 12px !important;

  margin-bottom: 30px !important;

}



#simuladorPopup .tipo-credito {

  font-size: 16px !important;

  color: #555 !important;

  margin-bottom: 15px !important;

  text-align: center !important;

}



#simuladorPopup .valor-credito {

  font-size: 48px !important;

  font-weight: bold !important;

  color: var(--primary-light) !important;

  margin: 5px 0 !important;

  text-align: center !important;

}



#simuladorPopup .parcelas-info {

  font-size: 20px !important;

  color: #333 !important;

  margin-bottom: 8px !important;

  text-align: center !important;

  margin-top: 0px !important;
}



#simuladorPopup .parcelas-info span {

  font-weight: bold !important;

}





#simuladorPopup .divider {

  border: none !important;

  height: 1px !important;

  background-color: #eee !important;

  margin: 20px 0 !important;

}

#simuladorPopup .contato-section {

  display: flex !important;

  align-items: center !important;
  /* Centraliza verticalmente */

  justify-content: space-between !important;

  background: white !important;

  padding: 20px 25px !important;

  border-radius: 16px !important;

  box-shadow: 0 4px 10px rgb(0 0 0 / 35%) !important;

  max-width: 680px !important;

  margin: 0 auto !important;

}



#simuladorPopup .consultor {

  display: flex !important;

  align-items: center !important;

  gap: 15px !important;

}



#simuladorPopup .foto-wrapper {

  position: relative !important;

  width: 70px !important;

  height: 68px !important;

  border-radius: 50% !important;

  border: 3px solid #fff !important;

  box-shadow: 0 0 0 2px #e5e5e5 !important;

}



#simuladorPopup .consultor-img {

  width: 100% !important;

  height: 100% !important;

  border-radius: 50% !important;

}



#simuladorPopup .status-disponivel {

  position: absolute !important;

  top: -2px !important;

  right: -2px !important;

  width: 14px !important;

  height: 14px !important;

  background-color: #25D366 !important;

  border: 2px solid #fff !important;

  border-radius: 50% !important;

}



#simuladorPopup .consultor-title {

  font-size: 16px !important;

  font-weight: 600 !important;

  color: #222 !important;

  margin: 0 !important;

}



#simuladorPopup .consultor-subtitle {

  font-size: 14px !important;

  color: #777 !important;

  margin: 0 !important;

}



#simuladorPopup .whatsapp-btn {

  display: inline-flex !important;

  align-items: center !important;

  background-color: #25D366 !important;

  color: white !important;

  padding: 8px 16px !important;

  border-radius: 10px !important;

  font-size: 14px !important;

  font-weight: 600 !important;

  text-decoration: none !important;

  transition: background-color 0.3s !important;

  gap: 8px !important;

}



#simuladorPopup .whatsapp-btn:hover {

  background-color: #1ebe5d !important;

}





#simuladorPopup .whatsapp-icon {

  width: 18px !important;

  height: 18px !important;

  flex-shrink: 0 !important;

}



@media (max-width: 600px) {

  #simuladorPopup .contato-section {

    flex-direction: column !important;

    align-items: center !important;

    text-align: center !important;

    gap: 20px !important;

  }



  #simuladorPopup .consultor {

    flex-direction: column !important;

    align-items: center !important;

    gap: 10px !important;

  }



  #simuladorPopup .whatsapp-btn {

    width: 100% !important;

    justify-content: center !important;

  }

}











#simuladorPopup input,
select,
.phone-input {

  box-sizing: border-box !important;

  width: 100% !important;

  max-width: 100% !important;

  overflow: hidden !important;

}



#simuladorPopup * {

  box-sizing: border-box !important;

}



#simuladorPopup *,

#simuladorPopup *::before,

#simuladorPopup *::after {

  box-sizing: border-box !important;

}



#simuladorPopup .popup-content {

  display: flex !important;

  width: 100% !important;

  max-width: 100% !important;

  height: 500px !important;

  overflow: hidden !important;

  border-radius: 20px !important;

}



#simuladorPopup .popup-right {

  flex: 1 !important;

  padding: 40px 30px !important;

  display: flex !important;

  flex-direction: column !important;

  justify-content: center !important;

  max-width: 100% !important;
  /* Limite para inputs não passarem do card */

  width: 100% !important;

  background-color: white;

}



#simuladorPopup form {

  width: 100% !important;

}



#simuladorPopup input,

#simuladorPopup select {

  width: 100% !important;

  max-width: 100% !important;

  box-sizing: border-box !important;

  padding: 14px 16px !important;

  border-radius: 8px !important;

  border: 1px solid #ddd !important;

  font-size: 16px !important;

  background: #fff !important;

  outline: none !important;

  transition: border 0.2s !important;

}



#simuladorPopup .phone-input {

  display: flex !important;

  width: 100% !important;

  max-width: 100% !important;

  box-sizing: border-box !important;

}



#simuladorPopup .country-code {

  display: flex !important;

  align-items: center !important;

  padding: 0 10px !important;

  background: #f5f5f5 !important;

  border-right: 1px solid #ddd !important;

}



#simuladorPopup .phone-input input {

  flex: 1 !important;

  border: none !important;

  padding: 14px 8px !important;

  border-radius: 0 8px 8px 0 !important;

  background: #fff !important;

}



#simuladorPopup input[type="range"].slider {

  -webkit-appearance: none !important;

  appearance: none !important;

  width: 100% !important;

  height: 6px !important;
  /* barra fina */

  background: #e0e0e0 !important;

  border-radius: 3px !important;

  border: none !important;
  /* Remove qualquer borda */

  outline: none !important;
  /* Remove qualquer contorno ao focar */

  margin: 0 !important;

  padding: 0 !important;

}



/* Barra para Webkit (Chrome, Safari, Edge) */

#simuladorPopup input[type="range"].slider::-webkit-slider-runnable-track {

  height: 6px !important;

  background: #e0e0e0 !important;

  border-radius: 3px !important;

  border: none !important;

}



/* Thumb (bolinha vermelha) para Webkit */

#simuladorPopup input[type="range"].slider::-webkit-slider-thumb {

  -webkit-appearance: none !important;

  appearance: none !important;

  width: 22px !important;

  height: 22px !important;

  background: var(--primary-light) !important;

  border-radius: 50% !important;

  border: none !important;
  /* Remove borda */

  box-shadow: 0 0 2px #aaa !important;

  margin-top: -8px !important;
  /* Centraliza na barra fina */

  cursor: pointer !important;

}



/* Barra para Firefox */

#simuladorPopup input[type="range"].slider::-moz-range-track {

  height: 6px !important;

  background: #e0e0e0 !important;

  border-radius: 3px !important;

  border: none !important;

}



/* Thumb para Firefox */

#simuladorPopup input[type="range"].slider::-moz-range-thumb {

  width: 22px !important;

  height: 22px !important;

  background: var(--primary-light) !important;

  border-radius: 50% !important;

  border: none !important;
  /* Remove borda */

  box-shadow: 0 0 2px #aaa !important;

  cursor: pointer !important;

}



/* Barra para IE */

#simuladorPopup input[type="range"].slider::-ms-fill-lower,

#simuladorPopup input[type="range"].slider::-ms-fill-upper {

  background: #e0e0e0 !important;

  border-radius: 3px !important;

  border: none !important;

}



/* Thumb para IE */

#simuladorPopup input[type="range"].slider::-ms-thumb {

  width: 22px !important;

  height: 22px !important;

  background: var(--primary-light) !important;

  border-radius: 50% !important;

  border: none !important;
  /* Remove borda */

  box-shadow: 0 0 2px #aaa !important;

  cursor: pointer !important;

}



/* Remove borda e fundo padrão do input */

#simuladorPopup input[type="range"].slider:focus {

  outline: none !important;

  border: none !important;

}



/* Remove borda extra no Firefox */

#simuladorPopup input[type="range"].slider::-moz-focus-outer {

  border: 0 !important;

}



#simuladorPopup input[type="range"].slider {

  width: 100% !important;

  height: 32px !important;
  /* altura maior só para o thumb não cortar, a barra será fina */

  background: transparent !important;

  margin: 0 !important;

  padding: 0 !important;

  -webkit-appearance: none !important;

  appearance: none !important;

}



/* Barra do slider (track) */

#simuladorPopup input[type="range"].slider::-webkit-slider-runnable-track {

  height: 6px !important;
  /* Fino */

  background: #e0e0e0 !important;

  border-radius: 6px !important;

}



#simuladorPopup input[type="range"].slider::-moz-range-track {

  height: 6px !important;

  background: #e0e0e0 !important;

  border-radius: 6px !important;

}

#simuladorPopup input[type="range"].slider::-ms-fill-lower,

#simuladorPopup input[type="range"].slider::-ms-fill-upper {

  background: #e0e0e0 !important;

  border-radius: 6px !important;

}



/* Thumb (a bola vermelha) */

#simuladorPopup input[type="range"].slider::-webkit-slider-thumb {

  -webkit-appearance: none !important;

  appearance: none !important;

  width: 24px !important;

  height: 24px !important;

  background: var(--primary-light) !important;

  border-radius: 50% !important;

  border: 3px solid #fff !important;

  box-shadow: 0 0 2px #aaa !important;

  margin-top: -9px !important;
  /* Centraliza o thumb na barra fina */

  cursor: pointer !important;

  transition: background 0.2s !important;

}

#simuladorPopup input[type="range"].slider::-moz-range-thumb {

  width: 24px !important;

  height: 24px !important;

  background: var(--primary-light) !important;

  border-radius: 50% !important;

  border: 3px solid #fff !important;

  box-shadow: 0 0 2px #aaa !important;

  cursor: pointer !important;

  transition: background 0.2s !important;

}

#simuladorPopup input[type="range"].slider::-ms-thumb {

  width: 24px !important;

  height: 24px !important;

  background: var(--primary-light) !important;

  border-radius: 50% !important;

  border: 3px solid #fff !important;

  box-shadow: 0 0 2px #aaa !important;

  cursor: pointer !important;

  transition: background 0.2s !important;

}



/* Remove outline e fundo padrão */

#simuladorPopup input[type="range"].slider:focus {

  outline: none !important;

  box-shadow: none !important;

}

#simuladorPopup input[type="range"].slider::-ms-tooltip {

  display: none !important;

}



/* Firefox: Corrige sobreposição */

#simuladorPopup input[type="range"].slider {

  background: transparent !important;

}



/* Para garantir: */

#simuladorPopup input[type="range"].slider::-webkit-slider-thumb {
  box-shadow: 0 0 2px #aaa !important;
}

#simuladorPopup input[type="range"].slider::-moz-range-thumb {
  box-shadow: 0 0 2px #aaa !important;
}

#simuladorPopup input[type="range"].slider::-ms-thumb {
  box-shadow: 0 0 2px #aaa !important;
}





@media (max-width: 768px) {

  #simuladorPopup .foto-wrapper {

    position: relative !important;

    width: 68px !important;

    height: 68px !important;

    border-radius: 50% !important;

    border: 3px solid #fff !important;

    box-shadow: 0 0 0 2px #e5e5e5 !important;

  }

  #simuladorPopup .popup-content {

    flex-direction: column !important;

    height: auto !important;

  }



  #simuladorPopup .step {

    display: flex !important;

    align-items: center !important;

    margin-right: 15px !important;

    opacity: 0.5 !important;

    margin-bottom: 0px !important;

  }



  #simuladorPopup .progress-indicators {

    display: flex !important;

    margin-top: auto !important;

  }



  #simuladorPopup .popup-left,
  .popup-right {

    flex: 1 1 100% !important;

    border-radius: 0 !important;

    padding: 20px !important;

  }



  #simuladorPopup .popup-left {

    border-radius: 12px 12px 0 0 !important;

  }



  #simuladorPopup .popup-right {

    border-radius: 0 0 12px 12px !important;

  }



  #simuladorPopup .title {

    font-size: 22px !important;

  }



  #simuladorPopup .subtitle {

    font-size: 14px !important;

  }



  #simuladorPopup .value-display {

    font-size: 24px !important;

  }



  #simuladorPopup .slider-labels {

    font-size: 12px !important;

  }



  #simuladorPopup .next-btn,
  #simuladorPopup .result-btn,
  #simuladorPopup .back-btn {

    font-size: 14px !important;

    padding: 12px !important;

  }



  #simuladorPopup .step-number {

    width: 22px !important;

    height: 22px !important;

    font-size: 12px !important;

  }



  #simuladorPopup .step span {

    font-size: 12px !important;

  }

}







#simuladorPopup .button-group {

  display: flex;
  /* Usa flexbox */

  justify-content: center;
  /* Centraliza horizontalmente */

  align-items: center;
  /* Centraliza verticalmente (se necessário) */

  margin-top: 20px;
  /* Espaço no topo (opcional) */

}



#simuladorPopup .retry-btn {

  background-color: var(--primary-light) !important;

  color: white;

  font-size: 16px;

  padding: 12px 24px !important;

  border: none;

  border-radius: 8px;

  cursor: pointer;

  transition: background-color 0.3s ease;

  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);

}



/* Efeito de hover para o botão */

#simuladorPopup .retry-btn:hover {

  background-color: #f5f5f5 !important;
  color: var(--primary-light) !important;
  border-color: var(--primary-light) !important;
  border: 1px solid var(--primary-light) !important;

}



/* Efeito de foco para o botão */

#simuladorPopup .retry-btn:focus {

  outline: none;
  /* Remover outline padrão */

  box-shadow: 0 0 10px rgba(0, 150, 0, 0.5);
  /* Sombra verde clara ao focar */

}







@media (min-width: 1920px) {

  #simuladorPopup .popup-container {

    position: relative !important;

    top: auto;
    left: auto;
    /* remove deslocamento */

    transform: none;

    margin: 60px auto;
    /* centraliza */

    width: 100%;

    max-width: 100% !important;

    background-color: white !important;

    border-radius: 12px !important;

    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3) !important;

    z-index: 1000 !important;

  }

}



@media (min-width: 1920px) {

  .popup-content {

    background: white !important;

    backdrop-filter: blur(12px) !important;

    border-radius: 20px !important;

    max-width: 95% !important;

    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1) !important;

    margin-top: 0 !important;

  }

}







#etapa3 .popup-container {

  background: transparent !important;

  box-shadow: none !important;

  padding: 0 !important;

  border: 0 !important;

  width: 100% !important;

  max-width: 780px !important;

  margin: 40px auto 60px !important;

}



/* 1. Wrapper que anula o card de 800 px herdado das etapas 1/2 */

#etapa3 .popup-container {

  width: 100%;

  max-width: 100%;

  margin: 0 auto;

  padding: 0;

  position: relative;

  background: transparent;

  box-shadow: none;

}



/* 2. Card principal do resultado (visual do mock-up antigo) */

#etapa3 .resultado-container {

  background: #fff;

  max-width: 100%;

  width: 95%;

  margin: 60px auto;

  padding: 40px 32px;

  border-radius: 12px;

  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);

  position: relative;

  top: auto;

  left: auto;

  transform: none;

}



/* 3. Box do consultor — centralizado e sem esticar */

#etapa3 .especialista-box {

  margin: 0px auto 0 !important;

  gap: 10px !important;

}



/* 4. Botão “Simular novamente” centralizado */

.retry-btn {

  margin: 24px auto 0 !important;

  background-color: var(--primary-light) !important;

  color: white !important;

  padding: 14px 28px !important;

  border-radius: 12px !important;

  display: block !important;

  border: none !important;

  font-size: 16px !important;

  font-weight: bold !important;

  cursor: pointer !important;

  transition: background 0.3s !important;

}





/* 5. Garante que telas ultra-largas não voltem a fixar o popup */

@media (min-width:1920px) {

  #etapa3 .popup-container {

    position: static !important;

    transform: none !important;

    margin-top: 40px !important;

  }

}



/* --------- Tipografia e demais elementos internos --------- */



body {

  font-family: Arial, sans-serif !important;

  background: #f5f5f5 !important;

  margin: 0 !important;

  padding: 0 !important;

}



.resultado-title {

  font-size: 28px !important;

  font-weight: 700 !important;

  color: #333 !important;

  text-align: center !important;

}



.descricao-credito {

  font-size: 16px !important;

  color: #555 !important;

  margin: 5px 0 8px !important;

  text-align: center !important;

}



.valor-credito {

  color: var(--primary-light) !important;

  font-size: 44px !important;

  font-weight: 700 !important;

  text-align: center !important;

}



.parcelas-info {

  font-size: 18px !important;

  color: #333 !important;

  text-align: center !important;

}

.parcelas-info strong {
  font-weight: 700 !important;
}



.condicao {

  font-size: 16px !important;

  color: #444 !important;

  margin-top: 10px !important;

  text-align: center !important;

}



.especialista-box {

  background: #fff !important;

  border-radius: 16px !important;

  padding: 5px 15px !important;

  display: flex !important;

  align-items: center !important;

  justify-content: space-between !important;

  box-shadow: 0 10px 20px rgba(0, 0, 0, .08) !important;

}



.consultor {
  display: flex !important;
  align-items: center !important;
}

.foto-wrapper {
  position: relative !important;
  width: 64px !important;
  height: 64px !important;
  margin-right: 16px !important;
}

.consultor-img {
  width: 100% !important;
  height: 100% !important;
  border-radius: 50% !important;
  object-fit: cover !important;
}

.status-disponivel {

  position: absolute !important;
  top: -4px !important;
  right: -4px !important;

  width: 14px !important;
  height: 14px !important;
  border-radius: 50% !important;

  background: #25D366 !important;
  border: 2px solid #fff !important;

}

.consultor-info {
  display: flex !important;
  flex-direction: column !important;
}

.consultor-title {
  font-weight: 700 !important;
  color: #222 !important;
}

.consultor-subtitle {
  font-size: 14px !important;
  color: #888 !important;
}



.whatsapp-btn {

  background: #25D366 !important;
  color: #fff !important;

  padding: 10px 20px !important;
  border: none !important;
  border-radius: 12px !important;

  font-size: 14px !important;
  font-weight: 700 !important;

  display: flex !important;
  align-items: center !important;
  gap: 8px !important;

  transition: background-color .3s !important;

}

.whatsapp-btn:hover {
  background: #1ebe5d !important;
}

.whatsapp-btn svg {
  margin-right: 8px !important;
}



.contato-info {

  font-size: 15px !important;
  color: #666 !important;
  text-align: center !important;

  padding-left: 20% !important;

  padding-right: 20% !important;

}



.retry-btn {

  margin: 24px auto 0 !important;
  display: block !important;

  background: var(--primary-light) !important;
  color: #fff !important;

  padding: 14px 28px !important;
  border: none !important;
  border-radius: 12px !important;

  font-size: 16px !important;
  font-weight: 700 !important;

  cursor: pointer !important;
  transition: background .3s !important;

}

.retry-btn:hover {
  background-color: #f5f5f5 !important;
  color: var(--primary-light) !important;
  border-color: var(--primary-light) !important;
  border: 1px solid var(--primary-light) !important;
}



p {

  display: block !important;

  margin-block-start: 1em !important;

  margin-block-end: 1em !important;

  margin-inline-start: 0px !important;

  margin-inline-end: 0px !important;

  unicode-bidi: isolate !important;

}



@media screen and (max-width: 480px) {

  #etapa3 .especialista-box {

    flex-direction: column;

    align-items: center;

    padding: 16px !important;

    gap: 12px !important;

  }



  .resultado-title {

    font-size: 24px !important;

  }



  .condicao {

    font-size: 12px !important;

    color: #666 !important;

    margin-top: 10px !important;

    text-align: center !important;

  }



  .descricao-credito {

    font-size: 16px !important;

    padding-left: 40px !important;

    padding-right: 40px !important;

  }



  .contato-info {

    font-size: 12px !important;

    padding-left: 3% !important;

    padding-right: 3% !important;

  }



  .consultor {

    flex-direction: column;

    align-items: center;

    text-align: center;

    gap: 8px;

  }



  .foto-wrapper {

    width: 72px;

    height: 72px;

  }



  .consultor-img {

    width: 100%;

    height: auto;

    border-radius: 50%;

  }



  .whatsapp-btn {

    width: 100%;

    justify-content: center;

    font-size: 15px;

    padding: 12px;

    border-radius: 12px;

  }



  .consultor-title,
  .consultor-subtitle {

    font-size: 13px !important;

  }

}





div:where(.swal2-icon).swal2-warning {

  border-color: var(--primary-light) !important;

  color: var(--primary-light) !important;

}