Creando y contando historias con Rockalingua

11Sep 2021
Queridos amigos hace un año fui invitado por César Álvarez, el creador de Rockalingua para hacer un webinario acerca del input comprensible y del uso de la música como herramienta fundamental en la adquisición de segundas lenguas. Pueden ver este webinario AQUÍ.
Este año he preparado y presentado un nuevo webinario, este dedicado al uso de las historias en la clase de español. Las historias en Rockalingua están alineadas con las canciones y con la gran variedad de actividades que este gran recurso ofrece.
En el siguiente webinario explico el por qué usar historias en la clase de español, cómo influyen las historias en la adquisición de segundas lenguas además de una serie de actividades que los profesores pueden usar en sus clases.
Espero que les guste y que aprendan mucho. Ya saben que pueden comunicarse conmigo a través de mis cuentas en redes sociales:
Instagram: @Sr_Ojeda and
Twitter: @DiegoOjeda66
Facebook:
Spanish Profes USA
Teaching AP Spanish with CI
DIEGO OJEDA´S 5 HOUR ON LINE COURSE:
ENHANCING YOUR SPANISH INSTRUCTION IS HERE!
PLEASE CLICK HERE TO LEARN MORE.
READ HERE SOME REVIEWS FROM SPANISH LANGUAGE EDUCATORS LIKE YOU, WHO ALREADY TOOK THIS COURSE.
THIS TRAINING COURSE IS GREAT FOR ANY SECONDARY SCHOOL SPANISH TEACHER.
<style>
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 *,
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 *::before,
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 *::after {
    box-sizing: border-box;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 [tabindex="-1"]:focus {
    outline: none !important;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 h1,
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 h2,
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 h3,
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 h4,
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 h5,
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 h6 {
    margin-top: 0;
    margin-bottom: 0.7em;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 p {
    margin-top: 0;
    margin-bottom: 1rem;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 ol,
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 ul,
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 dl {
    margin-top: 0;
    margin-bottom: 1.4rem;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 ol ol,
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 ul ul,
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 ol ul,
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 ul ol {
    margin-bottom: 0;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1,
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 strong {
    font-weight: bolder;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 small {
    font-size: 80%;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 sub,
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 sub {
    bottom: -0.25em;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 sup {
    top: -0.5em;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 {
    color: #000000;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 a:hover {
    color: #4396fd;
    text-decoration: none;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 img {
    border-style: none;
    vertical-align: middle;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 svg:not(:root) {
    overflow: hidden;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1,
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 area,
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 button,
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 [role="button"],
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 input,
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 label,
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 select,
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 summary,
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 textarea {
    touch-action: manipulation;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 label {
    display: inline-block;
    font-weight: bolder;
    margin-bottom: 0.7rem;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 button:focus {
    outline: 1px dotted;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 input,
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 button,
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 select,
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 optgroup,
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 textarea {
    margin: 0;
    font-size: inherit;
    font-family: inherit;
    line-height: inherit;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 button,
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 input {
    overflow: visible;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 button,
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 select {
    text-transform: none;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 button,
  html[data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 [type="button"],
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 [type="reset"],
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 [type="submit"] {
    -webkit-appearance: button;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 button::-moz-focus-inner,
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 [type="button"]::-moz-focus-inner,
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 [type="reset"]::-moz-focus-inner,
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 [type="submit"]::-moz-focus-inner {
    padding: 0;
    border-style: none;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 input[type="radio"],
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 input[type="checkbox"] {
    padding: 0;
    box-sizing: border-box;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 input[type="date"],
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 input[type="time"],
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 input[type="datetime-local"],
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 input[type="month"] {
    -webkit-appearance: listbox;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 textarea {
    resize: vertical;
    overflow: auto;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 [type="number"]::-webkit-inner-spin-button,
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 [type="number"]::-webkit-outer-spin-button {
    height: auto;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 [type="search"] {
    outline-offset: -2px;
    -webkit-appearance: none;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 [type="search"]::-webkit-search-cancel-button,
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 [type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 ::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 [hidden] {
    display: none !important;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-modal {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    opacity: 0;
    outline: 0;
    z-index: -1;
    position: fixed;
    background: rgba(0, 0, 0, 0.4);
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-transition: opacity 0.4s, visibility 0.4s;
    transition: opacity 0.4s, visibility 0.4s;
    visibility: hidden;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-modal.fd-is-open {
    opacity: 1;
    z-index: 1040;
    visibility: visible;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-modal__dialog {
    width: -webkit-calc(100% - 60px);
    width: calc(100% - 60px);
    margin: 30px auto;
    display: -webkit-box;
    display: flex;
    position: relative;
    max-width: 750px;
    min-height: -webkit-calc(100% - 60px);
    min-height: calc(100% - 60px);
    -webkit-box-align: center;
    align-items: center;
    pointer-events: none;
    -webkit-box-pack: center;
    justify-content: center;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-modal__content {
    width: 100%;
    border: 0 solid #d7d7d7;
    display: -webkit-box;
    display: flex;
    outline: 0;
    position: relative;
    background: #fff;
    box-shadow: 6.5px 11.3px 19px 0 rgba(0, 0, 0, 0.11);
    border-radius: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    pointer-events: auto;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-modal__body {
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    padding: 0;
    position: relative;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-modal__close {
    top: 0;
    color: #000;
    right: 0;
    width: 40px;
    border: 0;
    cursor: pointer;
    height: 40px;
    margin: 0;
    display: -webkit-box;
    display: flex;
    padding: 0;
    z-index: 9999;
    position: absolute;
    background: transparent;
    -webkit-box-align: center;
    align-items: center;
    line-height: 1;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-appearance: none;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-modal__close svg {
    color: inherit;
    width: 10px;
    height: auto;
    display: block;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-modal__close:hover,
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-modal__close:focus,
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-modal__close:active {
    outline: none;
  }

  @media (max-width: 575px) {
    [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-modal__dialog {
      width: -webkit-calc(100% - 30px);
      width: calc(100% - 30px);
      margin: 15px auto;
      min-height: -webkit-calc(100% - 30px);
      min-height: calc(100% - 30px);
    }
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-form-control {
    width: 100%;
    display: block;
    outline: none;
    position: relative;
    -webkit-appearance: none;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-form-control:focus {
    outline: none;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-form-control::-webkit-input-placeholder {
    color: transparent !important;
    opacity: 0 !important;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-form-control::-moz-placeholder {
    color: transparent !important;
    opacity: 0 !important;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-form-control:-ms-input-placeholder {
    color: transparent !important;
    opacity: 0 !important;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-form-control::placeholder {
    color: transparent !important;
    opacity: 0 !important;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-form-label {
    top: 0;
    left: 0;
    right: 0;
    margin: 0;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    text-overflow: ellipsis;
    pointer-events: none;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-form-control:not(:-moz-placeholder-shown)+.fd-form-label {
    opacity: 0;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-form-control:not(:-ms-input-placeholder)+.fd-form-label {
    opacity: 0;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-form-control:not(:placeholder-shown)+.fd-form-label {
    opacity: 0;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-form-description {
    margin: 5px 0 0 0;
    font-size: 0.8em;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-form-feedback {
    margin: 5px 0 0 0;
    font-size: 0.8em;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-form-group {
    margin: 0 0 15px;
    position: relative;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-form-group.fd-has-success .fd-form-feedback,
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-form-group.fd-has-success .fd-form-check {
    color: #02dba8 !important;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-form-group.fd-has-success .fd-form-control {
    color: #02dba8 !important;
    border-color: #02dba8 !important;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-form-group.fd-has-success .fd-form-feedback {
    display: block;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-form-group.fd-has-error .fd-form-feedback,
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-form-group.fd-has-error .fd-form-check {
    color: #eb3d3b !important;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-form-group.fd-has-error .fd-form-control {
    color: #eb3d3b !important;
    border-color: #eb3d3b !important;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-form-group.fd-has-error .fd-form-feedback {
    display: block;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-btn {
    cursor: pointer;
    display: -webkit-inline-box;
    display: inline-flex;
    outline: none;
    max-width: 100%;
    font-style: normal;
    text-align: center;
    -webkit-box-align: center;
    align-items: center;
    text-shadow: none;
    white-space: normal;
    -webkit-box-pack: center;
    justify-content: center;
    text-decoration: none;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-btn:hover {
    outline: none;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-btn:focus {
    outline: none;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-btn:disabled {
    opacity: 0.8;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-form-check {
    cursor: pointer;
    margin: 0;
    display: -webkit-box;
    display: flex;
    position: relative;
    -webkit-box-align: center;
    align-items: center;
    padding-left: 30px;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-form-check__input {
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    opacity: 0;
    z-index: -1;
    position: absolute;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-form-check__checkmark {
    top: 0;
    left: 0;
    width: 18px;
    border: 1px solid #c4c4c4;
    height: 18px;
    display: block;
    position: absolute;
    background: #ffffff;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-form-check__label {
    margin: 0;
    font-size: 14px;
    text-align: left;
    word-break: break-word;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0.01em;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-form-check__input:checked+.fd-form-check__checkmark::after {
    opacity: 1;
    z-index: 1;
    visibility: visible;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-form-check__checkmark::after {
    top: -1px;
    left: -1px;
    width: 18px;
    height: 18px;
    content: "";
    display: block;
    opacity: 0;
    z-index: -1;
    position: absolute;
    -webkit-transition: opacity 0.4s, z-index 0.4s;
    transition: opacity 0.4s, z-index 0.4s;
    visibility: inherit;
    background-size: 12px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='black' width='12' height='10' viewBox='0 0 11.51 8.2'%3e%3ctitle%3echeck%3c/title%3e%3cpath d='M4.05%2c8.2A.74.74%2c0%2c0%2c1%2c3.52%2c8L.22%2c4.68A.75.75%2c0%2c0%2c1%2c1.28%2c3.62l3.3%2c3.3A.75.75%2c0%2c0%2c1%2c4.58%2c8%2c.74.74%2c0%2c0%2c1%2c4.05%2c8.2Z'/%3e%3cpath d='M4.06%2c8.2A.74.74%2c0%2c0%2c1%2c3.53%2c8a.75.75%2c0%2c0%2c1%2c0-1.06l6.7-6.7a.75.75%2c0%2c0%2c1%2c1.06%2c1.06L4.59%2c8A.74.74%2c0%2c0%2c1%2c4.06%2c8.2Z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center center;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-form-check__input:focus {
    outline: none;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-form-content {
    position: relative;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-has-success .fd-form-content {
    display: none;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-has-captcha .fd-form-content>*:not(.fd-form-captcha) {
    opacity: 0;
    visibility: hidden;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-form-captcha {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: flex;
    position: absolute;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: start;
    justify-content: flex-start;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-form-success {
    display: none;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-has-success .fd-form-success {
    display: block;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-form-success>*:last-child {
    margin-bottom: 0;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-form-error {
    display: none;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-has-error .fd-form-error {
    display: block;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-form-error>*:last-child {
    margin-bottom: 0;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-focus-visible,
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-form-check__input.fd-focus-visible+.fd-form-check__checkmark {
    outline: none;
    box-shadow: 0 0 0 2px #fff, 0 0 0 6px #000 !important;
    -webkit-transition: box-shadow 0.2s !important;
    transition: box-shadow 0.2s !important;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-focus-visible,
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-form-check__input.fd-focus-visible+.fd-form-check__checkmark {
    outline: none;
    box-shadow: 0 0 0 2px #ffffff, 0 0 0 6px #000 !important;
    -webkit-transition: box-shadow 0.2s !important;
    transition: box-shadow 0.2s !important;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .ff-61bf8b81d2fc90968d6f44d1__modal {
    background: rgba(255, 255, 255, 0.3);
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .ff-61bf8b81d2fc90968d6f44d1__modal-content {
    background: #ffffff;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .ff-61bf8b81d2fc90968d6f44d1__modal-close {
    color: #b8b8b8;
    position: absolute !important;
    font-size: 10px;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .ff-61bf8b81d2fc90968d6f44d1__wrapper {
    display: -webkit-box;
    display: flex;
  }

  @media (max-width: 767px) {
    [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .ff-61bf8b81d2fc90968d6f44d1__wrapper {
      display: block;
    }
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .ff-61bf8b81d2fc90968d6f44d1__left {
    -webkit-box-flex: 0;
    flex: 0 0 50%;
    display: -webkit-box;
    display: flex;
    max-width: 50%;
  }

  @media (max-width: 767px) {
    [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .ff-61bf8b81d2fc90968d6f44d1__left {
      -webkit-box-flex: 0;
      flex: 0 0 100%;
      display: none;
      max-width: 100%;
    }
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .ff-61bf8b81d2fc90968d6f44d1__right {
    -webkit-box-flex: 0;
    flex: 0 0 50%;
    max-width: 50%;
  }

  @media (max-width: 767px) {
    [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .ff-61bf8b81d2fc90968d6f44d1__right {
      -webkit-box-flex: 0;
      flex: 0 0 100%;
      max-width: 100%;
    }
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .ff-61bf8b81d2fc90968d6f44d1__image {
    width: 100%;
    display: block;
    overflow: hidden;
    background-size: cover;
    background-image: url('https://usercontent.flodesk.com/4484943e-fe3f-4500-bc10-ce30d422e120/upload/e93d0729-4259-4289-8a70-c92c0c3d158c.jpeg');
    background-position: center;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .ff-61bf8b81d2fc90968d6f44d1__image-inner {
    width: 100%;
    height: 0;
    display: block;
    padding: 129.9% 0 0 0;
  }

  @media (max-width: 767px) {
    [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .ff-61bf8b81d2fc90968d6f44d1__image-inner {
      padding: 72.3% 0 0 0;
    }
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .ff-61bf8b81d2fc90968d6f44d1__form {
    color: #333333;
    width: 100%;
    margin: 0;
    padding: 100px 50px;
    font-size: 14px;
    text-align: left;
    font-family: Helvetica, sans-serif;
    font-weight: 300;
    line-height: 1.4;
    letter-spacing: 0px;
    text-transform: none;
  }

  @media (max-width: 767px) {
    [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .ff-61bf8b81d2fc90968d6f44d1__form {
      padding: 30px 25px;
      word-wrap: anywhere;
      word-break: break-word;
      white-space: normal;
      overflow-wrap: break-word;
    }
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .ff-61bf8b81d2fc90968d6f44d1__title {
    color: #000000;
    width: 100%;
    margin: 0 0 25px 0;
    display: block;
    font-size: 43px;
    text-align: left;
    font-family: Helvetica, sans-serif;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0px;
    text-transform: none;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .ff-61bf8b81d2fc90968d6f44d1__title * {
    line-height: inherit;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .ff-61bf8b81d2fc90968d6f44d1__subtitle {
    width: 100%;
    margin: 0 0 30px 0;
    display: block;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .ff-61bf8b81d2fc90968d6f44d1__subtitle * {
    line-height: inherit;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .ff-61bf8b81d2fc90968d6f44d1__fields {
    margin: 0 0 15px;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .ff-61bf8b81d2fc90968d6f44d1__fields>*:last-child {
    margin-bottom: 0;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .ff-61bf8b81d2fc90968d6f44d1__field {
    font-size: 14px;
    text-align: left;
    font-family: Helvetica, sans-serif;
    font-weight: 300;
    letter-spacing: 0.1px;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .ff-61bf8b81d2fc90968d6f44d1__control {
    color: #999999;
    border: 1px solid #b8b8b8;
    padding: 12px 16px;
    font-size: 14px;
    background: transparent;
    text-align: left;
    font-family: Helvetica, sans-serif;
    font-weight: 300;
    line-height: 20px;
    border-radius: 0px;
    letter-spacing: 0.1px;
    text-transform: none;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .ff-61bf8b81d2fc90968d6f44d1__label {
    color: #999999;
    border: 1px solid transparent;
    padding: 12px 16px;
    font-size: 14px;
    text-align: left;
    font-family: Helvetica, sans-serif;
    font-weight: 300;
    line-height: 20px;
    letter-spacing: 0.1px;
    text-transform: none;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .ff-61bf8b81d2fc90968d6f44d1__preference {
    margin: 30px 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .ff-61bf8b81d2fc90968d6f44d1__preference-title {
    color: #333333;
    width: 100%;
    margin: 0 0 30px;
    display: block;
    font-size: 18px;
    text-align: left;
    font-family: Helvetica, sans-serif;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0px;
    text-transform: none;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .ff-61bf8b81d2fc90968d6f44d1__preference-title * {
    line-height: inherit;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .ff-61bf8b81d2fc90968d6f44d1__preference-control {
    width: 100%;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .ff-61bf8b81d2fc90968d6f44d1__preference-list {
    width: 100%;
    margin: -6px 0;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .ff-61bf8b81d2fc90968d6f44d1__preference-item {
    -webkit-box-flex: 1;
    flex: 1 1;
    padding: 6px 0;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .ff-61bf8b81d2fc90968d6f44d1__form-check .fd-form-check__input {
    top: 3.8000000000000007px;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .ff-61bf8b81d2fc90968d6f44d1__form-check .fd-form-check__checkmark {
    top: 3.8000000000000007px;
    border-radius: 3px;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .ff-61bf8b81d2fc90968d6f44d1__form-check .fd-form-check__label {
    color: #383838;
    font-size: 16px;
    min-height: 25.6px;
    font-family: Helvetica, sans-serif;
    font-weight: 300;
    line-height: 1.6;
    letter-spacing: 0px;
    text-transform: none;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .ff-61bf8b81d2fc90968d6f44d1__form-check .fd-form-check__checkmark::after {
    background-size: 12px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='black' width='12' height='10' viewBox='0 0 11.51 8.2'%3e%3ctitle%3echeck%3c/title%3e%3cpath d='M4.05%2c8.2A.74.74%2c0%2c0%2c1%2c3.52%2c8L.22%2c4.68A.75.75%2c0%2c0%2c1%2c1.28%2c3.62l3.3%2c3.3A.75.75%2c0%2c0%2c1%2c4.58%2c8%2c.74.74%2c0%2c0%2c1%2c4.05%2c8.2Z'/%3e%3cpath d='M4.06%2c8.2A.74.74%2c0%2c0%2c1%2c3.53%2c8a.75.75%2c0%2c0%2c1%2c0-1.06l6.7-6.7a.75.75%2c0%2c0%2c1%2c1.06%2c1.06L4.59%2c8A.74.74%2c0%2c0%2c1%2c4.06%2c8.2Z'/%3e%3c/svg%3e");
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .ff-61bf8b81d2fc90968d6f44d1__button {
    color: #ffffff;
    width: 100%;
    border: 1px solid #000000;
    display: inline-block;
    padding: 12px 20px;
    font-size: 14px;
    background: #383838;
    text-align: center;
    font-family: Helvetica, sans-serif;
    font-weight: 300;
    line-height: 20px;
    border-radius: 0px;
    letter-spacing: 0.2px;
    text-transform: none;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .ff-61bf8b81d2fc90968d6f44d1__error {
    margin: 15px 0 0 0;
  }
</style>

<div class="ff-61bf8b81d2fc90968d6f44d1" data-ff-el="root" data-ff-version="3" data-ff-type="popup" data-ff-name="popupImage">
  <!--tpl {% block config %} tpl-->
  <div data-ff-el="config" data-ff-config="eyJ0cmlnZ2VyIjp7Im1vZGUiOiJ3YWl0IiwidmFsdWUiOjEwfSwib25TdWNjZXNzIjp7Im1vZGUiOiJtZXNzYWdlIiwibWVzc2FnZSI6IiIsInJlZGlyZWN0VXJsIjoiIn0sImNvaSI6ZmFsc2UsInNob3dGb3JSZXR1cm5WaXNpdG9ycyI6ZmFsc2UsIm5vdGlmaWNhdGlvbiI6dHJ1ZX0=" style="display: none"></div>
  <!--tpl {% endblock %} tpl-->
  <div class="ff-61bf8b81d2fc90968d6f44d1__modal fd-modal" data-ff-el="modal">
    <div class="ff-61bf8b81d2fc90968d6f44d1__modal-dialog fd-modal__dialog" data-ff-el="modal-dialog">
      <div class="ff-61bf8b81d2fc90968d6f44d1__modal-content fd-modal__content" data-ff-el="modal-content">
        <div class="ff-61bf8b81d2fc90968d6f44d1__modal-body fd-modal__body" data-ff-el="modal-body">
          <div class="ff-61bf8b81d2fc90968d6f44d1__wrapper">
            <div class="ff-61bf8b81d2fc90968d6f44d1__left">
              <div class="ff-61bf8b81d2fc90968d6f44d1__image">
                <div class="ff-61bf8b81d2fc90968d6f44d1__image-inner"> </div>
              </div>
            </div>
            <div class="ff-61bf8b81d2fc90968d6f44d1__right">
              <form class="ff-61bf8b81d2fc90968d6f44d1__form" action="https://form.flodesk.com/forms/61bf8b81d2fc90968d6f44d1/submit" method="post" data-ff-el="form">
                <div class="ff-61bf8b81d2fc90968d6f44d1__title">
                  <div>
                    <div data-paragraph="true">Join my mailing list.</div>
                  </div>
                </div>
                <div class="ff-61bf8b81d2fc90968d6f44d1__subtitle">
                  <div>
                    <div data-paragraph="true">Be the first to know about new </div>
                    <div data-paragraph="true">ideas, resources and PD events for World Language and Spanish teachers.</div>
                  </div>
                </div>
                <div class="ff-61bf8b81d2fc90968d6f44d1__content fd-form-content" data-ff-el="content">
                  <div class="ff-61bf8b81d2fc90968d6f44d1__fields" data-ff-el="fields">
                    <!--tpl {% block fields %} tpl-->

                    <div class="ff-61bf8b81d2fc90968d6f44d1__field fd-form-group">
                      <input class="ff-61bf8b81d2fc90968d6f44d1__control fd-form-control" type="text" name="email" placeholder="Email address" data-ff-tab="email::submit" required />
                      <label class="ff-61bf8b81d2fc90968d6f44d1__label fd-form-label">Email address</label>
                    </div>

                    <input type="text" name="confirm_email_address" style="display: none" />
                    <!--tpl {% endblock %} tpl-->
                  </div>

                  <div class="ff-61bf8b81d2fc90968d6f44d1__footer" data-ff-el="footer">
                    <button type="submit" class="ff-61bf8b81d2fc90968d6f44d1__button fd-btn" data-ff-el="submit" data-ff-tab="submit">
                      <span>Subscribe</span>
                    </button>
                  </div>
                </div>
                <div class="ff-61bf8b81d2fc90968d6f44d1__success fd-form-success" data-ff-el="success">
                  <div data-paragraph="true">Thank you for subscribing!</div>
                </div>
                <div class="ff-61bf8b81d2fc90968d6f44d1__error fd-form-error" data-ff-el="error"></div>
              </form>
            </div>
          </div>
        </div>
        <button class="ff-61bf8b81d2fc90968d6f44d1__modal-close fd-modal__close" data-ff-el="modal-close">

          <svg style="width: 1em" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14.51 14.51">
            <line x1="1" y1="1" x2="13.51" y2="13.51" fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" />
            <line x1="13.51" y1="1" x2="1" y2="13.51" fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" />
          </svg>

        </button>
      </div>
    </div>
  </div>
</div>
	Alexandra Santiago on ¿Qué tiempo hace?
	Sr. Ojeda on ¿Qué tiempo hace?
	Sr. Ojeda on ¿Qué tiempo hace?
	sradutto on ¿Qué tiempo hace?
	Alexandra Santiago on ¿Qué tiempo hace?
Share this:

Like this:
