/* -----------------------------------------------------------------------------
Archivo .css que contiene los iconos que se usarán en la aplicación lightGallery

Los que se vienen asignados en el archivo lightgalllery-bundle.css no existen 
por eso se sustituyen por estos otros (añadiendo !important para que sustituyan 
a los del archivo anterior)

Nota: se recomienda visualizar el video siguiente:
https://youtu.be/_Qjv7lh850U

En este video lo que se hace es inspeccionar cada icono ´(botón derecho cuando
está la página en ejecución) y copiar el código sustituyendo el valor asignado 
en la propiedad 'content' por otro que exista. Como la versión cargada es 
diferente de la indicada en el video, lo que he hecho es seguir la técnica 
mencionada e incluir los valores muy sencillos que se muestran seguidamente  
  
(c) idoga julio-2023
------------------------------------------------------------------------------*/

.lg-prev::after {
    content: '<=' !important; 
    font-size: 0.9em;
    font-family: Arial
}
    
.lg-next::before {
    content: '=>'!important;
    font-size: 0.9em;
    font-family: Arial
}
    
.lg-toolbar .lg-close::after {
    content: 'x' !important;
    font-size: 0.6em;
    font-family: Arial
}
    
.lg-icon.lg-zoom-in::after {
    content: 'z+' !important;
    font-size: 0.6em;
    font-family: Arial
        
}
    
.lg-icon.lg-zoom-out::after {
    content: 'z-' !important;
    font-size: 0.6em;
    font-family: Arial
}
       
.lg-toolbar .lg-download::after {
    
    content: 'dw' !important;       
    font-size: 0.6em;
    font-family: Arial
}