/* ? ==================== CONTATO INFO ==================== */
.title {font-size: clamp(1.875rem, -4.5536rem + 13.3929vw, 3.75rem);}
.contato-info h3 {font-family: var(--primary-font);}
.contato-info a {color: var(--bs-body-color); transition: .3s;}
.contato-info a:hover {color: var(--primary-color);}
.contato-icon {width: 70px; height: 70px; font-size: 1.875rem;}
@media screen and (max-width: 768px) {.contato-icon {width: 50px; height: 50px; font-size: 1.5rem;}}
/* ? ================== FIM CONTATO INFO ================== */

/* ? ==================== FORM ==================== */
.form--contato .form-control, .form--contato .form-select {border-radius: 16px; border: 1px solid rgba(0, 0, 0, 0.02); background-color: rgba(0, 0, 0, 0.02);}
@media screen and (max-width: 768px) {
  .contato-form-container, .form--contato option {background: #1a1a1a;}
  .contato-form-container p, .form--contato .form-label {color: #fff;}
  .form--contato .form-control, .form--contato .form-select {border-radius: 16px; border: 1px solid rgba(255, 255, 255, 0.05); background-color: rgba(255, 255, 255, 0.02); color: #fff;}
  .form--contato .form-control::placeholder {color: rgba(255, 255, 255, 0.45);}
}
/* ? ================== FIM FORM ================== */

.contato-map {width: 100%;min-height: 400px;}