/* Archivo: /assets/ui/ui-forms.css
   V-004 - Forms: más bonitos + letra grande + iOS friendly (16px)
*/

:root{
  --form-fs: 16px;
  --form-radius: 14px;
}

.card form{ margin-top: 12px; }

.card label{
  font-size: 14px !important;
  font-weight: 950 !important;
  color: var(--muted) !important;
  letter-spacing: .2px;
}

.card input[type="text"],
.card input[type="email"],
.card input[type="tel"],
.card input[type="number"],
.card input[type="date"],
.card input[type="file"],
.card select,
.card textarea{
  width: 100%;
  font-size: var(--form-fs) !important;
  padding: 12px 12px !important;
  border: 1px solid var(--border) !important;
  border-radius: var(--form-radius) !important;
  background: #fff !important;
  color: var(--text) !important;
  outline: none;
}

.card textarea{ line-height: 1.5; }

.card input:focus,
.card select:focus,
.card textarea:focus{
  border-color: rgba(79,70,229,.60) !important;
  box-shadow: 0 0 0 4px rgba(79,70,229,.12) !important;
}

.card .muted{ font-size: 14px; }

.btn{ font-size: 15px; }
.btn.sm{ font-size: 14px; }

@media (max-width:768px){
  .btn{ min-height: 48px; border-radius: 16px; }
  .btn.secondary{ min-height: 46px; }
}

input::placeholder, textarea::placeholder{ color:#9ca3af; }