.elementor-kit-12{--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-12 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 *//***** BOTÓN DE PAGO BLOQUEADO (Elementor) *****/
.elementor-widget-button.locked a.elementor-button-link{
  pointer-events: none;
  opacity: .6;
  filter: saturate(.5);
  cursor: not-allowed;
}
.wpcf7-list-item-label{
    color: #ffffff;
}

.pf-ticket label{
    color: #ffffff
}

#pay-button.locked{
  pointer-events: none;
  opacity: .6;
  filter: saturate(.5);
  cursor: not-allowed;
}
#pay-button{
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.elementor-widget-button.locked #pay-button::after{
  content: "Completa y envía el formulario para habilitar el pago";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: calc(100% + 8px);
  background: rgba(0,0,0,.78);
  color: #fff;
  font-size: 12px;
  padding: 6px 8px;
  border-radius: 6px;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity .15s ease;
}
.elementor-widget-button.locked #pay-button:hover::after{ opacity: 1; }

/* ===== CENTRADO A PRUEBA DE TODO PARA EL SUBMIT DE CF7 ===== */
.wpcf7 form input.wpcf7-submit,
.wpcf7 form button.wpcf7-submit{
  /* caja y tipografía */
  width: 100% !important;
  box-sizing: border-box !important;
  font-size: 16px !important;
  line-height: 1.2 !important;
  /* altura/padding simétricos para centrar vertical */
  height: auto !important;
  padding: 14px 16px !important;

  /* centrado horizontal y vertical */
  display: inline-flex !important;     /* en <input> funciona en navegadores modernos */
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;

  /* permitir 2 líneas sin “caerse” */
  white-space: normal !important;
  word-break: keep-all !important;

  /* estética */
  border-radius: 12px !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}

/* Ajuste fino en pantallas chicas */
@media (max-width: 480px){
  .wpcf7 form input.wpcf7-submit,
  .wpcf7 form button.wpcf7-submit{
    font-size: 14px !important;
    padding: 12px 14px !important;
    line-height: 1.3 !important;
  }
}

/* Evitar recortes por overflow del <p> contenedor */
.wpcf7 form p{ overflow: visible !important; }
/***** BLOQUEO BOTONES DE PAGO (esta landing) *****/

/* Si el WRAPPER del widget tiene .locked → bloquea el <a> interno */
.elementor-widget-button.locked a.elementor-button-link{
  pointer-events: none;
  opacity: .6;
  filter: saturate(.5);
  cursor: not-allowed;
}

/* Doble seguro si el <a id="..."> también tiene .locked */
#pay-infantil.locked,
#pay-general.locked,
#pay-vip.locked{
  pointer-events: none;
  opacity: .6;
  filter: saturate(.5);
  cursor: not-allowed;
}

/* Centrado y tooltip opcional */
#pay-infantil, #pay-general, #pay-vip{
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.elementor-widget-button.locked #pay-infantil::after,
.elementor-widget-button.locked #pay-general::after,
.elementor-widget-button.locked #pay-vip::after{
  content: "Envía el formulario para habilitar";
  position: absolute; left: 50%; transform: translateX(-50%);
  bottom: calc(100% + 8px);
  background: rgba(0,0,0,.78); color:#fff; font-size:12px;
  padding:6px 8px; border-radius:6px; white-space:nowrap;
  opacity:0; pointer-events:none; transition: opacity .15s ease;
}
.elementor-widget-button.locked #pay-infantil:hover::after,
.elementor-widget-button.locked #pay-general:hover::after,
.elementor-widget-button.locked #pay-vip:hover::after{ opacity:1; }/* End custom CSS */