Lo visual en la clase de Input Comprensible

25Oct 2022
¿Cómo aprovechamos las imágenes en la clase de lengua extranjera? ¿Maximizamos su uso? ¿Pueden usarse las imágenes en diferentes niveles de diversas maneras? En este webinario patrocinado por Rockalingua respondo a estas y otras preguntas relacionadas con el uso de las imágenes en la enseñanza de lenguas extranjeras y en especial con aquellas clases guiadas por el Input Comprensible.
Pueden acceder a la grabación del webinario aquí:
Para charlas, talleres, webinarios y presentaciones en persona por favor enviarme un email a diego@srojeda.com
Explora mis cursos en línea AQUÍ
<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:
