.elementor-10225 .elementor-element.elementor-element-157a0b1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-10225 .elementor-element.elementor-element-39e43fb.elementor-element{--align-self:center;}:root{--page-title-display:none;}/* Start custom CSS for shortcode, class: .elementor-element-39e43fb *//* Contenedor general del formulario */
.wpcf7 form {
  max-width: 500px;
  margin: 0 auto;
  background: #f9f9f9;
  padding: 20px;
  border-radius: 12px;
  box-shadow: 0px 4px 10px rgba(0,0,0,0.1);
  font-family: Arial, sans-serif;
}

/* Labels */
.wpcf7 form label {
  display: block;
  font-weight: bold;
  color: #004972;
}

/* Input dentro de label → separación del texto */
.wpcf7 form label input,
.wpcf7 form label textarea {
  display: block;
  margin-top: 8px; /* Espacio entre el texto y la caja */
}

/* Inputs y textarea generales */
.wpcf7 form input,
.wpcf7 form textarea {
  width: 100%;
  padding: 10px;
  border: 1px solid #004972;  /* Azul oscuro */
  border-radius: 6px;
  margin-bottom: 8px; /* MENOS espacio entre la caja y el próximo label */
  transition: border 0.3s, box-shadow 0.3s;
}

/* Efecto al enfocar */
.wpcf7 form input:focus,
.wpcf7 form textarea:focus {
  border: 1px solid #00a0d0; /* Azul claro al enfocar */
  box-shadow: 0 0 5px rgba(0, 160, 208, 0.5);
  outline: none;
}

/* Botón */
.wpcf7 form input[type="submit"] {
  background: #004972;
  color: white;
  font-weight: bold;
  border: none;
  border-radius: 8px;
  padding: 12px 20px;
  cursor: pointer;
  transition: background 0.3s, transform 0.2s;
}

/* Hover del botón */
.wpcf7 form input[type="submit"]:hover {
  background: #00a0d0;
  transform: scale(1.03);
}/* End custom CSS */