/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */


/* Filas */
.cf7-columns {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-bottom: 15px;
}

/* Columnas dentro */
.cf7-col {
  flex: 1;
  min-width: 250px; /* para que en móvil se apilen */
}

/* Inputs */
.cf7-col input,
.cf7-col select,
.cf7-col textarea {
  width: 100%;
  box-sizing: border-box;
}

/* Contenedor del formulario */
.wpcf7 form {
  background: #F8F5F0; /* marfil */
  padding: 2rem;
  border-radius: 16px;
  box-shadow: 0 6px 20px rgba(0,0,0,0.08);
  max-width: 700px;
  margin: auto;
  font-family: 'Lato', sans-serif;
}

/* Filas en columnas */
.cf7-columns {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-bottom: 15px;
}

/* Columnas dentro de cada fila */
.cf7-col {
  flex: 1;
  min-width: 250px;
}

/* Labels elegantes */
.wpcf7 form label {
  font-weight: 600;
  color: #9BA88D; /* verde salvia */
  display: block;
  margin-bottom: 6px;
  font-size: 0.95rem;
}

/* Inputs y selects */
.wpcf7 form input[type="text"],
.wpcf7 form input[type="email"],
.wpcf7 form input[type="number"],
.wpcf7 form select,
.wpcf7 form textarea {
  width: 100%;
  padding: 10px 14px;
  border: 1px solid #ddd;
  border-radius: 8px;
  background: #fff;
  color: #333;
  font-size: 1rem;
  transition: all 0.3s ease;
  box-sizing: border-box;
}

/* Focus elegante */
.wpcf7 form input:focus,
.wpcf7 form select:focus,
.wpcf7 form textarea:focus {
  outline: none;
  border-color: #C5A46D;
  box-shadow: 0 0 6px rgba(197,164,109,0.3);
}

/* Botón de enviar */
.wpcf7 form input[type="submit"] {
  background: #C5A46D; /* champagne */
  color: #fff;
  font-weight: 600;
  padding: 12px 24px;
  border: none;
  border-radius: 50px;
  cursor: pointer;
  transition: all 0.3s ease;
  display: block;
  margin: 1rem auto 0; /* centrado */
  font-size: 1rem;
}

/* Hover botón */
.wpcf7 form input[type="submit"]:hover {
  background: #9BA88D; /* verde salvia */
  transform: scale(1.05);
}

/* Mensajes de error y éxito */
.wpcf7-not-valid-tip {
  color: #CB2D2E; /* rojo suave */
  font-size: 0.85rem;
  margin-top: 4px;
}

.wpcf7 form .wpcf7-response-output {
  border-radius: 8px;
  padding: 12px 16px;
  margin-top: 20px;
  font-weight: 500;
  text-align: center;
}

.wpcf7 form .wpcf7-mail-sent-ok {
  border: 2px solid #9BA88D;
  background: #F0F6F2;
  color: #47614F;
}

.wpcf7 form .wpcf7-validation-errors {
  border: 2px solid #CB2D2E;
  background: #FDF0F0;
  color: #9B1C1C;
}