#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:800px;

  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: #b91c1c !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: #b91c1c !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: #b91c1c !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: #b91c1c !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: #b91c1c !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: #b91c1c !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: #741111 !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: #b91c1c !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: auto !important;

    height: 68px !important;

    border-radius: 50% !important;

    border: 3px solid #fff !important;

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

    object-fit: cover;
  }

  

  #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: 800px !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: 420px !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: #b91c1c !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: #b91c1c !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: #b91c1c !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: #b91c1c !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: #b91c1c !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: #b91c1c !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: #b91c1c;

  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: #b91c1c; /* Cor mais escura ao passar o mouse */

}



/* 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:800px;

        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: 800px;

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: #b91c1c !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:#b91c1c   !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:#b91c1c!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:#690f0f !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: #b91c1c !important;

    color: #b91c1c !important;

}