/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.2.1.1736244283
Updated: 2025-01-07 10:04:43

*/

.wpcf7 form .cf7-flex {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.wpcf7 form .cf7-flex .field {
  flex: 1 1 100%; /* por defecto ocupa todo */
}

/* Mitad (50%) */
.wpcf7 form .cf7-flex .half {
  flex: 1 1 calc(50% - 20px);
}

/* Un tercio (30%) */
.wpcf7 form .cf7-flex .third {
  flex: 0 0 29%;
}

/* Dos tercios (70%) */
.wpcf7 form .cf7-flex .two-thirds {
  flex: 0 0 69%;
}

/* Campo completo */
.wpcf7 form .cf7-flex .full {
  flex: 1 1 100%;
}

/* Quitar bordes de todos los campos del formulario CF7 */
.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 textarea,
.wpcf7 form select {
  border: none;
  border-radius: 0;   /* sin esquinas redondeadas */
  box-shadow: none;   /* elimina sombras si el tema las añade */
  outline: none;      /* elimina el borde azul de enfoque */
}

.wpcf7 form input::placeholder,
.wpcf7 form textarea::placeholder {
  color: #000;          /* color negro */
  opacity: 1;           /* asegura que no esté semitransparente */
}

/* Botón ENVIAR - estilo base */
.wpcf7 form input[type="submit"] {
  background: transparent;           /* fondo transparente */
  border: 1px solid #8E0D3A;         /* borde burdeos */
  color: #8E0D3A;                    /* texto burdeos */
  font-family: 'Montserrat', sans-serif; /* tipografía Montserrat */
  font-weight: 600;                  /* opcional, más grueso */
  padding: 12px 30px;                /* espacio interior */
  text-transform: uppercase;         /* opcional, mayúsculas */
  cursor: pointer;
  transition: all 0.3s ease;         /* animación suave */
}

/* Hover */
.wpcf7 form input[type="submit"]:hover {
  background: #8E0D3A;               /* fondo burdeos */
  color: #fff;                       /* texto blanco */
}


/* Responsivo: en móviles todo al 100% */
@media (max-width: 767px) {
  .wpcf7 form .cf7-flex .half,
  .wpcf7 form .cf7-flex .third,
  .wpcf7 form .cf7-flex .two-thirds {
    flex: 1 1 100%;
  }
}