/*
* Nombre del archivo: formulario-pqrsd.css
* Ruta del archivo: formulario-pqrsd/assets/css/formulario-pqrsd.css
* Versión: 1.3
* Descripción detallada: Rediseño visual moderno y minimalista para el formulario PQRSD, inspirado en la referencia enviada: campos redondeados, botón ancho, colores planos. Botón de envío desactivado en gris.
* Fecha y hora de actualización: 25/07/2025/10:43:00 pm
* Autor: Fabio Jara by Mantiz Technology SAS.
*/

#fpqrsd-form {
  width: 100%;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  background: #fff;
  border-radius: 22px;
  padding: 36px 24px 24px 24px;
  box-shadow: 0 4px 24px rgba(30,60,90,0.06);
}

#fpqrsd-form label {
  font-weight: 500;
  color: #7c7c7c;
  margin-bottom: 8px;
}

#fpqrsd-form .form-control,
#fpqrsd-form .form-select,
#fpqrsd-form textarea {
  border-radius: 28px !important;
  border: 1px solid #e2e2e2 !important;
  font-size: 1rem;
  padding: 0.95em 1.2em;
  background: #fff !important;
  color: #222;
  box-shadow: none !important;
  outline: none !important;
  transition: border .2s, box-shadow .2s;
  margin-bottom: 18px;
}

#fpqrsd-form textarea.form-control {
  min-height: 120px;
  resize: vertical;
  border-radius: 20px !important;
}

#fpqrsd-form .form-control:focus,
#fpqrsd-form .form-select:focus {
  border: 1.5px solid #ffe08e !important;
  background: #fff !important;
}

#fpqrsd-form ::placeholder {
  color: #bdbdbd !important;
  font-weight: 400;
  opacity: 1;
}

#fpqrsd-form .form-check-input {
  border-radius: 8px;
  margin-top: 3px;
}
#fpqrsd-form .form-check-label {
  font-size: 0.97em;
  color: #6b6b6b;
}

#fpqrsd-form .btn-primary,
#fpqrsd-form button[type="submit"] {
  width: 100%;
  background: #e6ad20;
  color: #fff;
  font-weight: 600;
  font-size: 1.09em;
  padding: 12px 0;
  border-radius: 22px;
  border: none;
  transition: background 0.19s;
  box-shadow: none;
  margin-top: 14px;
}

/* Estado desactivado: gris */
#fpqrsd-form .btn-primary:disabled,
#fpqrsd-form button[type="submit"]:disabled {
  background: #d1d1d1 !important;
  color: #7a7a7a !important;
  cursor: not-allowed !important;
  border: none;
}

#fpqrsd-form .btn-primary:hover,
#fpqrsd-form button[type="submit"]:hover {
  background: #bb8d14;
}

#fpqrsd-msg {
  font-size: 1.06em;
  border-radius: 12px;
}

@media (max-width: 600px) {
  #fpqrsd-form {
    padding: 18px 4vw 14px 4vw;
  }
  #fpqrsd-form .btn-primary,
  #fpqrsd-form button[type="submit"] {
    font-size: 1em;
  }
}