/**
 * Contact Form 7 Custom Styles
 * 
 * Estilos personalizados para Contact Form 7
 * 
 * @package HelloBiz
 * @since 1.0.0
 */

/* Contenedor del formulario */
.wpcf7-form {
  max-width: 100%;
}

/* Labels */
.wpcf7-form label {
  display: block;
  margin-bottom: 8px;
}

/* Inputs y Textarea - Full Width */
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form input[type="url"],
.wpcf7-form input[type="number"],
.wpcf7-form input[type="date"],
.wpcf7-form input[type="time"],
.wpcf7-form textarea,
.wpcf7-form select {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #4c5ba8;
  padding: 10px 12px;
  font-size: 16px;
  line-height: 1.5;
  transition: border-color 0.3s ease;
}

/* Focus state */
.wpcf7-form input[type="text"]:focus,
.wpcf7-form input[type="email"]:focus,
.wpcf7-form input[type="tel"]:focus,
.wpcf7-form input[type="url"]:focus,
.wpcf7-form input[type="number"]:focus,
.wpcf7-form input[type="date"]:focus,
.wpcf7-form input[type="time"]:focus,
.wpcf7-form textarea:focus,
.wpcf7-form select:focus {
  outline: none;
  border-color: #4c5ba8;
  box-shadow: 0 0 0 2px rgba(76, 91, 168, 0.1);
}

/* Textarea específico */
.wpcf7-form textarea {
  min-height: 120px;
  resize: vertical;
}

/* Botón de envío */
.wpcf7-form input[type="submit"],
.wpcf7-form button[type="submit"] {
  background-color: #4c5ba8;
  color: #ffffff;
  border: 1px solid #4c5ba8;
  padding: 12px 24px;
  font-size: 16px;
  cursor: pointer;
  transition: background-color 0.3s ease, border-color 0.3s ease;
}

.wpcf7-form input[type="submit"]:hover,
.wpcf7-form button[type="submit"]:hover {
  background-color: #3d4a8a;
  border-color: #3d4a8a;
}

.wpcf7-form input[type="submit"]:active,
.wpcf7-form button[type="submit"]:active {
  background-color: #2e385f;
  border-color: #2e385f;
}

/* Mensajes de validación */
.wpcf7-response-output {
  margin-top: 16px;
  padding: 12px;
  border: 1px solid #4c5ba8;
}

.wpcf7-mail-sent-ok {
  background-color: #d4edda;
  border-color: #4c5ba8;
  color: #155724;
}

.wpcf7-mail-sent-ng,
.wpcf7-aborted {
  background-color: #f8d7da;
  border-color: #dc3545;
  color: #721c24;
}

.wpcf7-spam {
  background-color: #fff3cd;
  border-color: #ffc107;
  color: #856404;
}

.wpcf7-validation-errors {
  background-color: #f8d7da;
  border-color: #dc3545;
  color: #721c24;
}

/* Campos con error */
.wpcf7-not-valid {
  border-color: #dc3545 !important;
}

.wpcf7-not-valid-tip {
  color: #dc3545;
  font-size: 14px;
  margin-top: 4px;
}

/* Espaciado entre campos */
.wpcf7-form-control-wrap {
  margin-top: 8px;
  margin-bottom: 16px;
  display: block;
}