Inicio › Newsletter

<div id="damap-newsletter-form">
  <style>
    #damap-newsletter-form {
      max-width: 700px;
      margin: 0 auto;
      padding: 32px;
      background: #ffffff;
      border: 1px solid #e6e6e6;
      box-sizing: border-box;
      font-family: Inter, Arial, sans-serif;
    }

    #damap-newsletter-form h2 {
      margin: 0 0 24px 0;
      font-size: 32px;
      line-height: 1.2;
      color: #002d44;
    }

    #damap-newsletter-form .mc-field-group {
      margin-bottom: 20px;
    }

    #damap-newsletter-form label {
      display: block;
      margin-bottom: 8px;
      font-size: 16px;
      font-weight: 600;
      color: #002d44;
    }

    #damap-newsletter-form input[type="email"],
    #damap-newsletter-form input[type="text"] {
      width: 100%;
      padding: 14px 16px;
      border: 1px solid #bfc7cd;
      border-radius: 4px;
      font-size: 16px;
      box-sizing: border-box;
    }

    #damap-newsletter-form input[type="email"]:focus,
    #damap-newsletter-form input[type="text"]:focus {
      outline: none;
      border-color: #205778;
    }

    #damap-newsletter-form .helper_text {
      display: block;
      margin-top: 8px;
      font-size: 14px;
      color: #666666;
    }

    #damap-newsletter-form .required-label .asterisk {
      color: #d9534f;
      margin-left: 4px;
    }

    #damap-newsletter-form .button {
      display: inline-block;
      padding: 14px 24px;
      border: none;
      border-radius: 6px;
      background: #002d44;
      color: #ffffff;
      font-size: 16px;
      font-weight: 600;
      cursor: pointer;
    }

    #damap-newsletter-form .button:hover {
      opacity: 0.95;
    }

    #damap-newsletter-form .response {
      margin-top: 16px;
      font-size: 14px;
    }

    #damap-newsletter-form .hidden-field {
      position: absolute;
      left: -5000px;
    }
  </style>

  <form action="https://tech.us14.list-manage.com/subscribe/post?u=bedc394dd52465e1c51bd2d07&amp;id=650c1bb125&amp;f_id=004ab7e5f0"
        method="post"
        target="_blank"
        novalidate>

    <h2>Suscripción al Newsletter de DaMap</h2>

    <div class="mc-field-group">
      <label for="mce-EMAIL" class="required-label">correo electrónico <span class="asterisk">*</span></label>
      <input type="email" name="EMAIL" id="mce-EMAIL" required>
      <span class="helper_text">Campo requerido</span>
    </div>

    <div class="mc-field-group">
      <label for="mce-FNAME">Nombre</label>
      <input type="text" name="FNAME" id="mce-FNAME">
    </div>

    <div class="mc-field-group">
      <label for="mce-LNAME">Apellido</label>
      <input type="text" name="LNAME" id="mce-LNAME">
    </div>

    <div class="mc-field-group">
      <label for="mce-MMERGE6">Empresa</label>
      <input type="text" name="MMERGE6" id="mce-MMERGE6">
    </div>

    <div class="mc-field-group">
      <label for="mce-MMERGE8">País</label>
      <input type="text" name="MMERGE8" id="mce-MMERGE8">
    </div>

    <div class="hidden-field" aria-hidden="true">
      <input type="text" name="b_bedc394dd52465e1c51bd2d07_650c1bb125" tabindex="-1" value="">
    </div>

    <div>
      <input type="submit" value="Suscribirme" class="button">
    </div>
  </form>
</div>