/* LOADER COPIADO DE LA PAGINA DE LOADER,PARA HACER EFECTO DE CARGA EN EL MAPA CON ESA ANIMACION DE LOADER.... /
HTML: <div class="loader"></div>/PONGO EN EL HTML DE LA CAJA <div class="contact__map" id="load-iframe-map"> LA CLASE class="loader"
DESPUES VINCULO ESTE FICHERO EN EL HTML */
.loader {/*NOMBRE DE LA CLASE QUE TRAE POR DEFECTO DE LA PAGINA DONDE LA COPIE*/
    
    width: fit-content;
    font-weight: bold;
    font-family: monospace;
    font-size: 30px;
    color:#0000;
    background:linear-gradient(90deg,#000 calc(50% - 0.5ch),#C02942 0 calc(50% + 0.5ch),#000 0) right/calc(200% + 1ch) 100%;
    -webkit-background-clip:text;
            background-clip:text;
    animation: l8 2s infinite steps(11);
   
  }
  .loader:before {
    content:"Loading..."
   
  }
  @keyframes l8 {to{background-position: left}}