/*
Theme Name: Glauci Child
Theme URI: http://www.wpbingosite.com/glauci
Author: wpbingo
Description: This is a child theme for Glauci
Version: 1.0.0
Author URI: http://wpbingosite.com
Template: glauci
Text Domain: glauci-child
*/
/*************** ADD YOUR CUSTOM CSS HERE  ***************/


/*Contacto Página de contacto*/

/* Contenedor general del formulario */
.cf7-contact-form {
  max-width: 480px;          /* Ancho máximo del formulario */
  margin: 0 auto;            /* Centrar horizontalmente */
  padding: 20px;
  box-sizing: border-box;
}

/* Cada grupo de campo (label + input/textarea) */
.cf7-contact-form .cf7-field-group {
  display: block;
  width: 100%;
  margin-bottom: 16px;
}

/* Etiquetas */
.cf7-contact-form .cf7-field-group label {
  display: block;
  margin-bottom: 6px;
  font-size: 14px;
  font-weight: 600;
}

/* Inputs y textarea */
.cf7-contact-form input[type="text"],
.cf7-contact-form input[type="email"],
.cf7-contact-form input[type="tel"],
.cf7-contact-form textarea {
  width: 100%;
  display: block;
  padding: 10px 12px;
  font-size: 14px;
  line-height: 1.4;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  background-color: #fff;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

/* Textarea algo más alta por defecto */
.cf7-contact-form textarea {
  min-height: 140px;
  resize: vertical;   /* Puedes cambiar a none si no quieres que se redimensione */
}

/* Placeholder (opcional) */
.cf7-contact-form input::placeholder,
.cf7-contact-form textarea::placeholder {
  color: #999;
}

/* Estados de foco */
.cf7-contact-form input[type="text"]:focus,
.cf7-contact-form input[type="email"]:focus,
.cf7-contact-form input[type="tel"]:focus,
.cf7-contact-form textarea:focus {
  outline: none;
  border-color: #0073aa; /* color de foco (puedes cambiarlo) */
  box-shadow: 0 0 0 2px rgba(0, 115, 170, 0.15);
}

/* Mensajes de error de Contact Form 7 */
.cf7-contact-form .wpcf7-not-valid-tip {
  font-size: 12px;
  color: #d63638;
  margin-top: 4px;
}

/* Estado de error en el campo */
.cf7-contact-form input.wpcf7-not-valid,
.cf7-contact-form textarea.wpcf7-not-valid {
  border-color: #d63638;
}

/* Botón de envío */
.cf7-contact-form .cf7-field-group--submit input[type="submit"] {
  display: inline-block;
  padding: 10px 24px;
  font-size: 14px;
  font-weight: 600;
  border-radius: 4px;
  border: none;
  cursor: pointer;
  background-color: #0073aa;  /* color principal del botón */
  color: #fff;
  transition: background-color 0.2s ease, transform 0.1s ease;
}

/* Hover / active del botón */
.cf7-contact-form .cf7-field-group--submit input[type="submit"]:hover {
  background-color: #005f8b;
}

.cf7-contact-form .cf7-field-group--submit input[type="submit"]:active {
  transform: translateY(1px);
}

/* Mensajes globales de CF7 (enviado, error, etc.) */
.cf7-contact-form .wpcf7-response-output {
  margin: 16px 0 0;
  padding: 10px 12px;
  border-radius: 4px;
  font-size: 14px;
}

/* Opcional: versiones según tipo de mensaje */
.cf7-contact-form .wpcf7-mail-sent-ok {
  border-color: #46b450;
  background-color: #e8f7ec;
}

.cf7-contact-form .wpcf7-validation-errors,
.cf7-contact-form .wpcf7-acceptance-missing {
  border-color: #d63638;
  background-color: #fbe9ea;
}