.elementor-kit-8{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-8 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* BIRKOS · Corrección visual del formulario · 23-09-2026
 * Pegar al final de Apariencia > Personalizar > CSS adicional.
 * Usar solamente el CSS, sin etiquetas <style>.
 * Alcance: formulario de Contact Form 7 dentro de la sección #contacto.
 * Conserva la validación, los mensajes y el envío de Contact Form 7.
 */

/* Campos: conserva el borde suave de la plantilla. */
#contacto .wpcf7 .birkos-form :is(
  input[type="text"], input[type="email"], input[type="number"],
  select, textarea
) {
  border-color: #d5dcd8;
  border-radius: 5px;
  box-shadow: none;
}

/* Foco dorado con teclado y al pulsar un campo. */
#contacto .wpcf7 .birkos-form :is(
  input[type="text"], input[type="email"], input[type="number"],
  select, textarea
):focus {
  border-color: #b57b25 !important;
  outline: 2px solid #b57b25 !important;
  outline-offset: 2px !important;
  box-shadow: none !important;
}

/* Campos inválidos: borde cálido y fondo muy tenue. */
#contacto .wpcf7 .birkos-form :is(
  input[type="text"], input[type="email"], input[type="number"],
  select, textarea
):is(.wpcf7-not-valid, [aria-invalid="true"]) {
  border-color: #b65b43;
  background-color: #fffaf7;
}

/* Mensaje visible bajo cada campo. */
#contacto .wpcf7 .wpcf7-not-valid-tip {
  display: block;
  position: static;
  margin: 6px 0 0;
  padding: 0;
  color: #943e29;
  background: transparent;
  border: 0;
  font-family: Montserrat, Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.45;
  white-space: normal;
}

/* El aviso general está fuera del div .birkos-form. */
#contacto .wpcf7 form .wpcf7-response-output {
  margin: 16px 0 0 !important;
  padding: 12px 14px;
  border: 1px solid #e4c68e;
  border-radius: 8px;
  background: #fff8e9;
  color: #71501e;
  font-family: Montserrat, Arial, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.55;
  white-space: normal;
  overflow-wrap: anywhere;
}

/* Elimina el recuadro vacío; respeta los estados de espera de CF7. */
#contacto .wpcf7 form .wpcf7-response-output:empty,
#contacto .wpcf7 form.init .wpcf7-response-output,
#contacto .wpcf7 form.submitting .wpcf7-response-output,
#contacto .wpcf7 form.resetting .wpcf7-response-output {
  display: none !important;
}

/* Validación: aviso general en ámbar suave. */
#contacto .wpcf7 form:is(.invalid, .unaccepted, .payment-required)
  .wpcf7-response-output {
  border-color: #e4c68e;
  background: #fff8e9;
  color: #71501e;
}

/* Confirmación real de envío: verde. */
#contacto .wpcf7 form.sent .wpcf7-response-output {
  border-color: #b8d4c4;
  background: #edf6f0;
  color: #174a34;
}

/* Fallo de envío o rechazo: mensaje visible en rojo suave. */
#contacto .wpcf7 form:is(.failed, .aborted, .spam) .wpcf7-response-output {
  border-color: #e2b6ae;
  background: #fff2ef;
  color: #903c2d;
}

/* Evita que el indicador de carga reserve espacio al estar inactivo. */
#contacto .wpcf7 form:not(.submitting) .wpcf7-spinner {
  display: none;
}

#contacto .wpcf7 form.submitting .wpcf7-spinner {
  display: block;
  visibility: visible;
  width: 24px;
  height: 24px;
  margin: 12px auto 0;
}

#contacto .wpcf7 .birkos-form > p:last-child {
  margin-bottom: 0;
}/* End custom CSS */