.elementor-164 .elementor-element.elementor-element-22598c0{--display:flex;}.elementor-164 .elementor-element.elementor-element-d1162e8{--display:flex;}.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-type-html{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-164 .elementor-element.elementor-element-3b44ffb .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-164 .elementor-element.elementor-element-3b44ffb .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-164 .elementor-element.elementor-element-3b44ffb .elementor-field-group.recaptcha_v3-bottomleft, .elementor-164 .elementor-element.elementor-element-3b44ffb .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-164 .elementor-element.elementor-element-3b44ffb .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-164 .elementor-element.elementor-element-3b44ffb .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-164 .elementor-element.elementor-element-3b44ffb .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-164 .elementor-element.elementor-element-3b44ffb .elementor-field-type-html{padding-bottom:0px;}.elementor-164 .elementor-element.elementor-element-3b44ffb .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-164 .elementor-element.elementor-element-3b44ffb .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-164 .elementor-element.elementor-element-3b44ffb .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-164 .elementor-element.elementor-element-3b44ffb .elementor-button[type="submit"]{color:#ffffff;}.elementor-164 .elementor-element.elementor-element-3b44ffb .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-164 .elementor-element.elementor-element-3b44ffb .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-164 .elementor-element.elementor-element-3b44ffb .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-164 .elementor-element.elementor-element-3b44ffb .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-164 .elementor-element.elementor-element-3b44ffb .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-164 .elementor-element.elementor-element-3b44ffb .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-164 .elementor-element.elementor-element-3b44ffb{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}#elementor-popup-modal-164{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-164 .dialog-message{width:640px;height:auto;}#elementor-popup-modal-164 .dialog-close-button{display:flex;}#elementor-popup-modal-164 .dialog-widget-content{box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}/* Start custom CSS for form, class: .elementor-element-3b44ffb */<!-- Lead Box -->
<div class="mp-lead-box">
  <h3 class="mp-title">🎁 Quiero mi cupón del <span class="mp-highlight">15%</span></h3>
  <p class="mp-sub">Recibí tu cupón directo en tu correo y obtené acceso inmediato a los dos ebooks con actualizaciones incluidas y garantía de 7 días.</p>

  <form id="leadForm" class="mp-form" novalidate>
    <!-- Honeypot antispam: DEJAR VACÍO -->
    <input type="text" name="mp_hp" class="mp-hp" tabindex="-1" autocomplete="off">

    <div class="mp-field">
      <label for="mp_name" class="mp-label">Tu nombre</label>
      <input id="mp_name" name="nombre" type="text" placeholder="Tu nombre" required>
    </div>

    <div class="mp-field">
      <label for="mp_email" class="mp-label">Tu correo electrónico</label>
      <input id="mp_email" name="email" type="email" placeholder="Tu correo electrónico" required>
    </div>

    <button type="submit" class="mp-btn" aria-label="Enviar mi cupón">
      Enviar mi cupón
    </button>

    <p id="form-msg" class="mp-msg" role="status" aria-live="polite"></p>
    <p class="mp-foot">✉️ Te llegará a tu mail.</p>
  </form>
</div>

<style>
  /* Paleta del sitio */
  :root{
    --brand:#F4A7A0;        /* Rosa coral */
    --brand-strong:#E97E78; /* Rosa hover */
    --accent:#0F4C5C;       /* Azul petróleo */
    --muted:#5B5B5B;        /* Texto secundario */
    --text:#333333;
    --card:#ffffff;
  }

  /* Contenedor */
  .mp-lead-box{
    background:var(--card);
    border-radius:18px;
    padding:clamp(24px,4vw,40px);
    box-shadow:0 12px 30px rgba(0,0,0,.08);
    max-width:480px;
    margin-inline:auto;
    text-align:center;
    color:var(--text);
    font-family:"Lato",system-ui,-apple-system,"Segoe UI",Roboto,Arial,Helvetica,sans-serif;
  }

  /* Título */
  .mp-title{
    font-family:"Merriweather", Georgia, serif;
    font-weight:800;
    color:var(--accent);
    font-size:clamp(22px,3.8vw,34px);
    line-height:1.2;
    margin:0 0 10px;
  }
  .mp-highlight{ color:var(--brand); }

  .mp-sub{
    color:var(--muted);
    font-size:clamp(14px,1.6vw,17px);
    margin:0 0 18px;
  }

  /* Form */
  .mp-form{ text-align:left; }

  .mp-field{ margin-bottom:14px; }
  .mp-label{
    display:inline-block;
    margin-bottom:6px;
    font-size:14px;
    color:var(--muted);
  }
  .mp-form input[type="text"],
  .mp-form input[type="email"]{
    width:100%;
    padding:14px 16px;
    border:1px solid #e6e6e6;
    border-radius:12px;
    font-size:16px;
    font-family:"Lato",system-ui,-apple-system,"Segoe UI",Roboto,Arial,Helvetica,sans-serif;
    transition:border-color .2s, box-shadow .2s;
    background:#fff;
  }
  .mp-form input:focus{
    outline:none;
    border-color:var(--brand);
    box-shadow:0 0 0 2px rgba(244,167,160,.25);
  }

  /* Botón rosa */
  .mp-btn{
    width:100%;
    border:0;
    border-radius:12px;
    padding:18px 20px;
    background:var(--brand);
    color:#fff;
    font-weight:800;
    font-size:clamp(18px,2vw,22px);
    cursor:pointer;
    box-shadow:0 8px 22px rgba(244,167,160,.35);
    transition:transform .1s ease, background-color .2s ease, box-shadow .2s ease;
    font-family:"Lato",system-ui,-apple-system,"Segoe UI",Roboto,Arial,Helvetica,sans-serif;
  }
  .mp-btn:hover{ background:var(--brand-strong); transform:translateY(-2px); }
  .mp-btn:disabled{ opacity:.7; cursor:not-allowed; transform:none; }

  .mp-msg{ margin-top:10px; font-size:14px; }
  .mp-foot{ margin-top:8px; font-size:13px; color:#8a8a8a; text-align:center; }

  /* Honeypot oculto */
  .mp-hp{ position:absolute; left:-9999px; opacity:0; }
</style>

<script>
(function(){
  const form = document.getElementById('leadForm');
  const msg  = document.getElementById('form-msg');
  const btn  = form.querySelector('.mp-btn');

  // URL AJAX de WP (fallback al path estándar)
  const ajaxURL = (window.wpAjaxUrl) ? window.wpAjaxUrl : '/wp-admin/admin-ajax.php';

  form.addEventListener('submit', async function(e){
    e.preventDefault();
    msg.textContent = '';
    const fd = new FormData(form);

    // honeypot antispam
    if ((fd.get('mp_hp')||'').trim() !== '') { return; }

    // agregar acción de WP
    fd.append('action','save_lead');

    btn.disabled = true;
    btn.textContent = 'Enviando…';

    try{
      const res  = await fetch(ajaxURL, { method:'POST', body:fd });
      const text = await res.text();

      if (text.includes('ok')) {
        msg.style.color = '#2e7d32';
        msg.textContent = '¡Listo! Revisá tu correo para usar el cupón.';
        form.reset();
      } else {
        throw new Error(text || 'Error');
      }
    }catch(err){
      msg.style.color = '#b00020';
      msg.textContent = 'Ocurrió un error, intentá nuevamente.';
    }finally{
      btn.disabled = false;
      btn.textContent = 'Enviar mi cupón';
    }
  });
})();
</script>/* End custom CSS */