Embed

<section class="mr-inscripcion">

  <style>

    .mr-inscripcion {
      font-family: Inter, Arial, sans-serif;
      background: #ffffff;
      padding: 60px 20px;
      color: #163524;
    }

    .mr-form-wrap {
      max-width: 700px;
      margin: 0 auto;
      background: #f7f5f1;
      padding: 50px 36px;
      border-radius: 22px;
      box-sizing: border-box;
    }

    .mr-form-header {
      text-align: center;
      margin-bottom: 32px;
    }

    .mr-eyebrow {
      text-transform: uppercase;
      letter-spacing: .12em;
      font-size: 13px;
      color: #0E4F2D;
      margin-bottom: 14px;
      font-weight: 800;
    }

    .mr-form-header h2 {
      color: #0E4F2D;
      font-family: Georgia, serif;
      font-weight: 500;
      font-size: 34px;
      line-height: 1.15;
      margin: 0 0 14px;
    }

    .mr-form-header p {
      color: #555;
      font-size: 17px;
      line-height: 1.5;
      margin: 0;
    }

    .mr-form-box {
      background: #ffffff;
      padding: 30px;
      border-radius: 18px;
      box-shadow: 0 15px 40px rgba(0,0,0,.08);
    }

    .mr-fields {
      background: #f1f1f1;
      padding: 24px;
      border-radius: 16px;
    }

    .mr-field {
      margin-bottom: 17px;
    }

    .mr-field label {
      display: block;
      margin-bottom: 7px;
      font-size: 14px;
      font-weight: 700;
      color: #263c30;
    }

    .mr-field input,
    .mr-field select {
      width: 100%;
      box-sizing: border-box;
      padding: 14px;
      border: 1px solid #d5d8d6;
      border-radius: 7px;
      background: #ffffff;
      font-family: Inter, Arial, sans-serif;
      font-size: 15px;
      color: #333;
    }

    .mr-field input:focus,
    .mr-field select:focus {
      outline: none;
      border-color: #0E4F2D;
      box-shadow: 0 0 0 2px rgba(14,79,45,.08);
    }

    .mr-phone {
      display: grid;
      grid-template-columns: 110px 1fr;
      gap: 10px;
    }

    .mr-submit {
      width: 100%;
      box-sizing: border-box;
      background: #0E4F2D;
      color: #ffffff;
      padding: 16px;
      border: none;
      border-radius: 8px;
      font-family: Inter, Arial, sans-serif;
      font-size: 16px;
      font-weight: 800;
      cursor: pointer;
      margin-top: 22px;
    }

    .mr-submit:hover {
      background: #163524;
    }

    .mr-after {
      text-align: center;
      font-size: 15px;
      line-height: 1.55;
      color: #555;
      margin: 23px auto 0;
      max-width: 570px;
    }

    .mr-note {
      text-align: center;
      font-size: 13px;
      color: #777;
      margin-top: 10px;
    }

    .mr-back {
      text-align: center;
      margin-top: 22px;
    }

    .mr-back a {
      color: #0E4F2D;
      font-size: 15px;
      font-weight: 600;
      text-decoration: none;
    }

    .mr-hidden {
      display: none !important;
    }

    @media (max-width: 650px) {

      .mr-inscripcion {
        padding: 35px 14px;
      }

      .mr-form-wrap {
        padding: 36px 18px;
        border-radius: 18px;
      }

      .mr-form-box {
        padding: 20px;
      }

      .mr-fields {
        padding: 18px;
      }

      .mr-phone {
        grid-template-columns: 95px 1fr;
      }

    }

  </style>


  <div class="mr-form-wrap">

    <div class="mr-form-header">

      <div class="mr-eyebrow">
        Desayuno de Negocios · Córdoba
      </div>

      <h2>
        Solicitar invitación
      </h2>

      <p>
        Jueves 1º de octubre de 2026 · 9:00 a 11:00 hs
      </p>

    </div>


    <div class="mr-form-box">

      <form
        method="POST"
        action="https://b3eaefd7.sibforms.com/serve/MUIFALHitIcmPBtpykM85fMsQDT5zbNUDKnQrcSppnVrOXrFZLKxwv_uL9gy1gVx7On6xOhUOtWgQugD2INWpxu8MVK0zd9d-dLyQ00TM2AOPGZeD9RB-GDYj7e5KOAQmDA_6rxaYPRn4yTdMqfOQL9Jgj6Wh4y2KfLNx9SVrCiSMRDEmRvb6iM8mvszoNDbPPxhRTQFCSV2-KC9"
      >

        <div class="mr-fields">


          <div class="mr-field">

            <label for="NOMBRE">
              Nombre *
            </label>

            <input
              type="text"
              id="NOMBRE"
              name="NOMBRE"
              maxlength="200"
              autocomplete="given-name"
              required
            >

          </div>


          <div class="mr-field">

            <label for="APELLIDOS">
              Apellido *
            </label>

            <input
              type="text"
              id="APELLIDOS"
              name="APELLIDOS"
              maxlength="200"
              autocomplete="family-name"
              required
            >

          </div>


          <div class="mr-field">

            <label for="EMPRESA">
              Empresa *
            </label>

            <input
              type="text"
              id="EMPRESA"
              name="EMPRESA"
              maxlength="200"
              autocomplete="organization"
              required
            >

          </div>


          <div class="mr-field">

            <label for="PRODUCTOS">
              Actividad de la empresa *
            </label>

            <input
              type="text"
              id="PRODUCTOS"
              name="PRODUCTOS"
              maxlength="200"
              required
            >

          </div>


          <div class="mr-field">

            <label for="JOB_TITLE">
              Cargo / función *
            </label>

            <input
              type="text"
              id="JOB_TITLE"
              name="JOB_TITLE"
              maxlength="200"
              autocomplete="organization-title"
              required
            >

          </div>


          <div class="mr-field">

            <label for="EMAIL">
              Email *
            </label>

            <input
              type="email"
              id="EMAIL"
              name="EMAIL"
              autocomplete="email"
              required
            >

          </div>


          <div class="mr-field">

            <label for="WHATSAPP">
              WhatsApp *
            </label>

            <div class="mr-phone">

              <select
                name="WHATSAPP__COUNTRY_CODE"
                aria-label="Código de país"
                required
              >

                <option value="+54" selected>
                  +54 AR
                </option>

                <option value="+598">
                  +598 UY
                </option>

                <option value="+56">
                  +56 CL
                </option>

                <option value="+595">
                  +595 PY
                </option>

                <option value="+591">
                  +591 BO
                </option>

                <option value="+55">
                  +55 BR
                </option>

                <option value="+34">
                  +34 ES
                </option>

                <option value="+39">
                  +39 IT
                </option>

                <option value="+1">
                  +1 US
                </option>

              </select>


              <input
  type="text"
  id="WHATSAPP"
  name="WHATSAPP"
  inputmode="numeric"
  autocomplete="tel"
  placeholder="Ej.: 3515555555"
  maxlength="19"
  pattern="[0-9]{6,19}"
  oninput="this.value=this.value.replace(/[^0-9]/g,'')"
  required
            </div>

          </div>


          <button
            class="mr-submit"
            type="submit"
          >
            Solicitar invitación
          </button>


        </div>


        

        <input
          type="text"
          name="email_address_check"
          value=""
          class="mr-hidden"
          tabindex="-1"
          autocomplete="off"
        >


        

        <input
          type="hidden"
          name="locale"
          value="es"
        >

        <input
          type="hidden"
          name="html_type"
          value="simple"
        >


      </form>

    </div>


    <p class="mr-after">
      Luego de recibir tu solicitud nos pondremos en contacto para confirmar tu participación.
    </p>


    <p class="mr-note">
      La solicitud no implica confirmación automática de cupo.
    </p>


    <div class="mr-back">

      <a href="https://marceloroich.com/desayuno-ia-octubre">
        ← Volver a la página del Desayuno
      </a>

    </div>

  </div>

</section>

Marcelo Roich

Organización de Eventos de Negocios y Capacitación