if (!window.componentMetaData) {
              window.componentMetaData = {};
            }
            window.componentMetaData["656af609-efd7-4321-9a15-0358723b09f3"] = {};
            window.componentMetaData["656af609-efd7-4321-9a15-0358723b09f3"].nodeId = 114;
            window.componentMetaData["656af609-efd7-4321-9a15-0358723b09f3"].componentId = 84;
            window.componentMetaData["656af609-efd7-4321-9a15-0358723b09f3"].embebed = true;
            window.componentMetaData["656af609-efd7-4321-9a15-0358723b09f3"].campaignId = 23;
          window['uioc656af609-efd7-4321-9a15-0358723b09f3'] = true;
          var elem = document.createElement('div');
          elem.classList.add('wrapper');
          elem.classList.add('NjU2YWY2MDktZWZkNy00MzIxLTlhMTUtMDM1ODcyM2IwOWYz');
          elem.style.cssText = "display: flex;flex-flow: row wrap;justify-content: center;align-content: center;align-items:center;width:100%;";
          elem.innerHTML = `<div id="component__84" style="width:100%;" class="rl_wrap">
      
      <style>
.rl_component_content {width:100%}
.rl_fixed_container {width:100%}
.rl_wrap {position:relative;border: 1px solid #ebecf0;border-radius: 5px;padding: 20px;background: white;display: flex;flex-direction: column;align-items: center;}
.rl_wrap_fixed {position: fixed;z-index: 9999;bottom: 0;left: 0;border: 0;transform: translateY(100%);transition: transform .5s linear; width: 100%;}
.rl_fixed_content {margin:unset;border-bottom-left-radius: unset;border-bottom-right-radius: unset;-webkit-box-shadow: 0px -3px 24px 0px rgba(0,0,0,0.16);-moz-box-shadow: 0px -3px 24px 0px rgba(0,0,0,0.16);box-shadow: 0px -3px 24px 0px rgba(0,0,0,0.16);}
.rl_wrap_modal {min-width: 300px;max-width: 90%;}
.rl_title {}
.rl_desc {margin: 0;padding: 0;font-size: 16px;line-height:22px;font-weight: 400;color: #2a2a2a;font-family: 'Source Sans Pro',sans-serif;text-align: left;}
.rl_desc a {color: #FF6A5F;text-decoration: unset;}
.rl_desc a:active, a:focus {color: #FF594E;}
.rl_buttons {display: flex;}
.rl_font {font-family: Arial, sans-serif;font-size: 14px;color: #797979;}
.rl_input {outline: none;width: 100%;border: 0;border-bottom: 1px solid #cecece;padding: 15px 0 5px;margin-top: 10px;}
.rl_image_label {outline: none;width: 100%;border: 0;border-bottom: 1px solid #cecece;padding: 15px 0 5px;margin-top: 10px;}
.rl_image_button {align-self: center;}
.rl_buttons {display: flex; flex-flow: column;align-items: center;}
.rl_link, .rl_button, .rl_button_grey {text-decoration: none; margin: 10px 5px 0; cursor: pointer; display: inline-block; font-family: 'Source Sans Pro',sans-serif; font-size: 14px; font-weight: 700;border: 0; padding: 10px 30px; text-transform: uppercase; letter-spacing: 1px;width: 250px;text-align: center;border-radius: 5px;}
.rl_link {background: white; color: #7d8895;border: 1px solid #cecece;}
.rl_button, .rl_button_grey {color: white;}
.rl_button {background: #1790e9;}
.rl_button_grey {background: #7d8895;}
.rl_error {font-weight: bold;font-size: 12px;font-family: 'Source Sans Pro',sans-serif;color: #FF6A5F;position: relative;top: 4px;transition: all 0.3s;margin-top: 5px;display: none;}
.rl_check {position: absolute; height: 100%; width: 100%; top: 0; left: 0; opacity: 0;}
.rl_checkboxes {display: flex; flex-flow: column; margin: 10px 0;}
.rl_checkbox {padding: 5px 20px 8px;margin: 6px 1px;display: flex;align-items: center;justify-content:center;flex-grow:1;font-family: 'Source Sans Pro',sans-serif;font-size: 16px;border-radius:4px;color: #2a2a2a;border:1px solid #CECECE;text-align: center;position:relative;}
.rl_checked {border: 2px solid #161616;margin: 5px 0px;}
.rl_rate {outline: none;-webkit-appearance: none;border: 1px solid #ccc;border-radius: 50%;height: 40px;width: 40px;display: flex;align-items: center;color:#000;justify-content: center;margin-right: 10px;cursor:pointer;font-weight: bold;}
.rl_rated {color: #000;border: 1px solid #000;}
.rl_rate_label {position: absolute;width: 40px;height: 40px;line-height: 26px;text-align: center;margin: 4px 5px;pointer-events:none;font-weight: bold;color: #000;}
.rl_rate_label_checked {}
.rl_close_modal {font-weight: bold;font-size: 18px;font-family: 'Source Sans Pro',sans-serif;position: absolute;top: 5px;right: 15px;cursor:pointer;display: none;}
.rl_file_label {}
input[type=text]:focus, input[type=tel]:focus {border-bottom: 1px solid #1790e9 !important;}
@media (min-width: 600px){
  .rl_wrap {flex-direction: row;text-align: unset;}
  .rl_wrap_modal {min-width: 500px;max-width: 600px;}
}
@media (min-width: 768px) {
  .rl_fixed_content {max-width: 720px;margin:0 auto;}
}
@media (min-width: 1024px) {
  .rl_image_button {align-self: unset;}
  .rl_buttons {flex-flow: wrap;}
  .rl_fixed_content {margin: 0 360px 0 0;max-width: unset;}
}
@media (min-width: 1200px) {
  .rl_fixed_content {margin: 0 calc(18% + 100px);}
}
@media (min-width: 1500px) {
  .rl_fixed_content {margin: auto; max-width: 824px;}
}

.rl_loader {
  font-size: 10px;
  margin: 50px auto;
  text-indent: -9999em;
  width: 11em;
  height: 11em;
  border-radius: 50%;
  background: #ffffff;
  background: -moz-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
  background: -webkit-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
  background: -o-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
  background: -ms-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
  background: linear-gradient(to right, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
  position: relative;
  -webkit-animation: rl_load 1.4s infinite linear;
  animation: rl_load 1.4s infinite linear;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
.rl_loader:before {
  width: 50%;
  height: 50%;
  background: #ffffff;
  border-radius: 100% 0 0 0;
  position: absolute;
  top: 0;
  left: 0;
  content: '';
}
.rl_loader:after {
  background: #0dc5c1;
  width: 75%;
  height: 75%;
  border-radius: 50%;
  content: '';
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
@-webkit-keyframes rl_load {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rl_load {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
</style>
    
      <div class="rl_component_content">
        <p class="rl_desc"><strong class="rl_title">📩 Suscribite a la newsletter Sie7e Párrafos 📚</strong> El mundo de los libros y los autores comentado desde adentro (y sin favoritismos). Todos los martes, por Javier Sinay.</p>
        <span id="84__error" class="rl_error">Hubo un error al enviar tu respuesta. Esperá un momento y volvé a intentarlo.</span>
        <form onsubmit="return false" id="form__656af609-efd7-4321-9a15-0358723b09f3"><input class="rl_font rl_input" type="text" name="field__4" id="field__4" placeholder="Ingresá tu mail" /><span class="fieldError rl_error" id="field__4__error"></span>
      <div class="rl_buttons">
        
          <button type="button" class="rl_button rl_submit" id="84__28__57" onclick="window.componentLogEvent(57, 12, '656af609-efd7-4321-9a15-0358723b09f3')">Enviar</button>
          </div></form>
      </div>

      
    </div>`;
          
          if (false) {
            var tempDiv = document.querySelector('script[src*="api/v1/component/script/84/1"]');
            if (tempDiv) {
              tempDiv.parentNode.appendChild(elem);
            } else {
              tempDiv = document.querySelector('script.campaign-23');
              if (tempDiv) {
                tempDiv.parentNode.appendChild(elem);
              } else {
                tempDiv = document.querySelector('script.modulo-84');
                if (tempDiv) {
                  tempDiv.parentNode.appendChild(elem);
                }
              }
            }
          } else {
            document.querySelector('script.campaign-23').parentNode.appendChild(elem);
          }
          window['656af609-efd7-4321-9a15-0358723b09f3_rlei'] = setInterval(() => {
            if (window.rleParticipation) {
                clearInterval(window['656af609-efd7-4321-9a15-0358723b09f3_rlei']);
                window.rleParticipation.logEvent('showNode', "{}", 114);
            }
          }, 500);
          window.componentLogEvent = function(option, type, formId) {
      var data = {};
      var formData = new FormData();
      data.value = {};
      var optionId = option;
      var nodeId = window.componentMetaData[formId].nodeId;
      var componentId = window.componentMetaData[formId].componentId;
      var embebedFlow = window.componentMetaData[formId].embebed;
      var campaignId = window.componentMetaData[formId].campaignId;
      document.querySelectorAll('#form__' + formId + ' [name]').forEach(function(elem) {
        var type = elem.type;
        var key = elem.id.split('__');
        var newKey = key[0] + '__' + key[1];
        if (type === 'file') {
          formData.append("image_" + newKey, elem.files[0]);
        } else if (type === 'radio') {
          if (elem.checked) {
            data.value[newKey] = elem.value;
            optionId = key[2];
          }
        } else if (type === 'checkbox') {
          if (elem.checked) {
            if (!data.value[newKey]) data.value[newKey] = [];
            data.value[newKey].push(elem.value);
            optionId = key[2];
          }
        } else if (type === 'text' && elem.classList.contains('address')) {
          if (!data.value[newKey]) data.value[newKey] = [];
          data.value[newKey].push({ [key[2]]: elem.value});
          optionId = key[2];
        } else {
          data.value[newKey] = elem.value;
        }
      });
      formData.append("value", JSON.stringify(data.value));
      formData.append("optionId", optionId);
      formData.append("type", type);
      formData.append("nodeId", nodeId);
      formData.append("componentId", componentId);
      formData.append("embebedFlow", embebedFlow);
      formData.append("campaignId", campaignId);


      if (window.rleParticipation) {
        formData.append("cookieId", window.rleParticipation.getCookieId());
      } else {
        var button = document.querySelector('.rl_submit');
        if (button) { button.style = 'background: #cecece'; button.disabled = true; }
        var _formData = {};
        for(var pair of formData.entries()) {
         _formData[pair[0]] = pair[1];
        }
        return window.parent.postMessage(['postIframeSubmition', JSON.stringify(_formData), "https://www.redaccion.com.ar/api/v1/", componentId], '*');
      }

      document.querySelectorAll('.fieldError').forEach(function(elem) { elem.style.display = 'none' });
      var xmlhttp = new XMLHttpRequest();
      xmlhttp.onreadystatechange = function() {
        if (this.readyState == 4) {
          if (this.status == 200) {
            var c = document.querySelector('.' + btoa(formId));
            if (c) c.parentNode.removeChild(c);
          } else if (this.status == 422) {
            var errors = JSON.parse(this.response);
            for (var key in errors) {
              var errEl = document.getElementById(key + "__error");
              errEl.innerHTML = errors[key];
              errEl.style.display = "block";
            }
            return;
          } else {
            var c = document.getElementById(componentId + '__error');
            c.style.display = "block";
            return;
          }
          var response = JSON.parse(this.response);
          response.flowCampaignId = campaignId;
          if (response.allowCookies && window.rleParticipation) window.rleParticipation.allowCookies();

          if (response.nodeId && window.rleParticipation) {
            if(window["uioc" + formId]){
              window.rleParticipation.nodeCallback(response.nodeId,response);
            }else{
              window.rleParticipation.nodeCallback(response.node);
            }
          } else {
            var c = document.querySelector('.' + btoa(formId));
            if (c) c.parentNode.removeChild(c);
          }
        }
      };
      if(false){
        xmlhttp.open("GET", "https://www.redaccion.com.ar/api/v1/campania/preview/null/cookie/"+nodeId+"/"+option);
        xmlhttp.send(null);
      }else{
        xmlhttp.open("POST", "https://www.redaccion.com.ar/api/v1/answer");
        xmlhttp.send(formData);
      }

    };
          window.addEventListener("message", function (e) {
            if (e.data === "success84") {
              document.querySelector('form').innerHTML = '<p class="rl_font" style="text-align:center">Recibimos tu respuesta.</p><p class="rl_font" style="text-align:center">¡Gracias por participar!</p>'
            }
          });