/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 23 2026 | 00:03:19 */
/* 1. Modificar el ancho total del formulario */
.wpcf7 {
  max-width: 600px !important; /* Ajusta este valor al ancho que prefieras */
  margin: 0 left !important; /* Centra el formulario en la pantalla */
  width: 100%;	
}
/* Alinear el contenido y textos dentro del formulario a la izquierda */
.wpcf7 form {
  text-align: left !important;align-content
}	

/* 2. Modificar el tamaño de las cajas de texto, email, asunto y mensaje */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea,
.wpcf7 select {
  width: 100% !important; /* Hace que ocupen todo el ancho del contenedor */
  padding: 12px 16px !important; /* Controla la altura interna / grosor de la caja */
  font-size: 16px !important; /* Tamaño del texto que escribe el usuario */
  border-radius: 6px !important; /* Bordes redondeados */
  box-sizing: border-box;
}

/* 3. Cambiar la altura específica del área de mensaje */
.wpcf7 textarea {
  height: 100px !important; /* Ajusta la altura del cuadro de mensaje */
  resize: vertical; /* Permite al usuario redimensionar solo verticalmente */
}

/* 4. Modificar el tamaño del botón de enviar */
.wpcf7 input[type="submit"] {
  padding: 12px 30px !important; /* Tamaño del botón (alto y ancho) */
  font-size: 16px !important; /* Tamaño del texto del botón */
  font-weight: 700 !important;
  cursor: pointer;
}