/* ============================================================================
   iconos.css — iconos de trazo sobre las clases de Font Awesome
   ----------------------------------------------------------------------------
   OJO AL LEER ESTE FICHERO: los elementos siguen llevando sus clases de Font
   Awesome (fas fa-map-marker-alt, etc.) en las plantillas, pero aqui se les
   anula el glifo (content: none en ::before) y se pinta un SVG de trazo con
   mask-image. El color lo hereda de currentColor, asi que sigue respondiendo
   al color del texto y a --primary.

   El motivo es que Font Awesome Free solo trae la variante solida, que pesa
   visualmente mas que el texto al que acompana, y cambiar el markup de las
   ~25 apariciones repartidas en 8 plantillas era mucho mas invasivo.

   Los selectores estan ACOTADOS a propósito a los contextos rediseñados: las
   plantillas que no se han revisado (compraValida, EditarEntradaNominal, ...)
   conservan los iconos solidos de Font Awesome.

   Este fichero se genera; si hay que anadir un icono, mejor regenerarlo que
   editarlo a mano.
   ========================================================================= */

/* Base comun: hueco del icono, sin glifo. */
.datosEvento .fa-map-marker-alt,
.datosEvento-list .fa-map-marker-alt,
.datosEvento-detalle .fa-map-marker-alt,
.location-icon.fa-map-marker-alt,
.datosEvento-list .fa-calendar-alt,
.calendar-icon.fa-calendar-alt,
.datosEvento-list .fa-clock,
.datosEvento-detalle .fa-clock,
.datosEvento-detalle .fa-ticket-alt,
#totalEntradasSeleccionadas .fa-ticket-alt,
.widget-1.widget-facility ul li .fa-ticket-alt,
.datosEvento-list .fa-align-justify,
.filter-area .buscar.fa-search,
.filter-area .search-container .search-icon,
.filter-area .filtrar.fa-sliders-h,
.header-wrapper .right .fa-user,
.filter-area .filter-icons .fa-user,
.widget-1.widget-facility ul li .fa-user,
.share-event-button .fa-share-alt,
.grid-button .fa-th,
.grid-button .fa-bars,
.back-button .fa-arrow-left,
.volver-cartelera .fa-arrow-left,
.widget-1.widget-facility ul li .fa-cog,
.widget-1.widget-facility ul li .fa-sign-out-alt,
#totalEntradasSeleccionadas .fa-gift {
    background-color: currentColor;
    display: inline-block;
    height: 1em;
    mask-position: center;
    -webkit-mask-position: center;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: 1em;
    -webkit-mask-size: 1em;
    vertical-align: -.125em;
    width: 1em;
}

/* Estos tres hacen de boton: la caja mide el objetivo tactil (44 px) y la
   mascara se dibuja centrada a 20 px. */
.filter-area .buscar.fa-search,
.filter-area .filtrar.fa-sliders-h,
.filter-area .filter-icons .fa-user {
    height: var(--tap);
    mask-size: 20px;
    -webkit-mask-size: 20px;
    vertical-align: middle;
    width: var(--tap);
}

.datosEvento .fa-map-marker-alt::before,
.datosEvento-list .fa-map-marker-alt::before,
.datosEvento-detalle .fa-map-marker-alt::before,
.location-icon.fa-map-marker-alt::before,
.datosEvento-list .fa-calendar-alt::before,
.calendar-icon.fa-calendar-alt::before,
.datosEvento-list .fa-clock::before,
.datosEvento-detalle .fa-clock::before,
.datosEvento-detalle .fa-ticket-alt::before,
#totalEntradasSeleccionadas .fa-ticket-alt::before,
.widget-1.widget-facility ul li .fa-ticket-alt::before,
.datosEvento-list .fa-align-justify::before,
.filter-area .buscar.fa-search::before,
.filter-area .search-container .search-icon::before,
.filter-area .filtrar.fa-sliders-h::before,
.header-wrapper .right .fa-user::before,
.filter-area .filter-icons .fa-user::before,
.widget-1.widget-facility ul li .fa-user::before,
.share-event-button .fa-share-alt::before,
.grid-button .fa-th::before,
.grid-button .fa-bars::before,
.back-button .fa-arrow-left::before,
.volver-cartelera .fa-arrow-left::before,
.widget-1.widget-facility ul li .fa-cog::before,
.widget-1.widget-facility ul li .fa-sign-out-alt::before,
#totalEntradasSeleccionadas .fa-gift::before {
    content: none;
}

/* sala */
.datosEvento .fa-map-marker-alt,
.datosEvento-list .fa-map-marker-alt,
.datosEvento-detalle .fa-map-marker-alt,
.location-icon.fa-map-marker-alt {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.85' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.85' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E");
}

/* fecha */
.datosEvento-list .fa-calendar-alt,
.calendar-icon.fa-calendar-alt {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.85' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M8 3v4M16 3v4M3 11h18'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.85' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M8 3v4M16 3v4M3 11h18'/%3E%3C/svg%3E");
}

/* duracion */
.datosEvento-list .fa-clock,
.datosEvento-detalle .fa-clock {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.85' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3.5 2'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.85' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3.5 2'/%3E%3C/svg%3E");
}

/* entrada */
.datosEvento-detalle .fa-ticket-alt,
#totalEntradasSeleccionadas .fa-ticket-alt,
.widget-1.widget-facility ul li .fa-ticket-alt {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.85' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 9V7a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v2a3 3 0 0 0 0 6v2a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-2a3 3 0 0 0 0-6Z'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.85' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 9V7a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v2a3 3 0 0 0 0 6v2a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-2a3 3 0 0 0 0-6Z'/%3E%3C/svg%3E");
}

/* descripcion */
.datosEvento-list .fa-align-justify {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.85' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7h16M4 12h16M4 17h10'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.85' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7h16M4 12h16M4 17h10'/%3E%3C/svg%3E");
}

/* buscar */
.filter-area .buscar.fa-search,
.filter-area .search-container .search-icon {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.85' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.6-3.6'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.85' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.6-3.6'/%3E%3C/svg%3E");
}

/* filtrar */
.filter-area .filtrar.fa-sliders-h {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.85' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6h16M7 12h10M10 18h4'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.85' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6h16M7 12h10M10 18h4'/%3E%3C/svg%3E");
}

/* cuenta */
.header-wrapper .right .fa-user,
.filter-area .filter-icons .fa-user,
.widget-1.widget-facility ul li .fa-user {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.85' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M5 21a7 7 0 0 1 14 0'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.85' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M5 21a7 7 0 0 1 14 0'/%3E%3C/svg%3E");
    font-size: 20px;
}

/* compartir */
.share-event-button .fa-share-alt {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.85' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='18' cy='6' r='3'/%3E%3Ccircle cx='6' cy='12' r='3'/%3E%3Ccircle cx='18' cy='18' r='3'/%3E%3Cpath d='m8.6 10.6 6.8-3.2M8.6 13.4l6.8 3.2'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.85' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='18' cy='6' r='3'/%3E%3Ccircle cx='6' cy='12' r='3'/%3E%3Ccircle cx='18' cy='18' r='3'/%3E%3Cpath d='m8.6 10.6 6.8-3.2M8.6 13.4l6.8 3.2'/%3E%3C/svg%3E");
}

/* cuadricula */
.grid-button .fa-th {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.85' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='3.5' width='7' height='7' rx='1.5'/%3E%3Crect x='13.5' y='3.5' width='7' height='7' rx='1.5'/%3E%3Crect x='3.5' y='13.5' width='7' height='7' rx='1.5'/%3E%3Crect x='13.5' y='13.5' width='7' height='7' rx='1.5'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.85' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='3.5' width='7' height='7' rx='1.5'/%3E%3Crect x='13.5' y='3.5' width='7' height='7' rx='1.5'/%3E%3Crect x='3.5' y='13.5' width='7' height='7' rx='1.5'/%3E%3Crect x='13.5' y='13.5' width='7' height='7' rx='1.5'/%3E%3C/svg%3E");
}

/* lista */
.grid-button .fa-bars {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.85' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6h16M4 12h16M4 18h16'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.85' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6h16M4 12h16M4 18h16'/%3E%3C/svg%3E");
}

/* volver */
.back-button .fa-arrow-left,
.volver-cartelera .fa-arrow-left {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.85' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 12H5M11 6l-6 6 6 6'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.85' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 12H5M11 6l-6 6 6 6'/%3E%3C/svg%3E");
}

/* preferencias */
.widget-1.widget-facility ul li .fa-cog {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.85' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 8h8M17 8h3M4 16h3M12 16h8'/%3E%3Ccircle cx='14.5' cy='8' r='2.2'/%3E%3Ccircle cx='9.5' cy='16' r='2.2'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.85' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 8h8M17 8h3M4 16h3M12 16h8'/%3E%3Ccircle cx='14.5' cy='8' r='2.2'/%3E%3Ccircle cx='9.5' cy='16' r='2.2'/%3E%3C/svg%3E");
}

/* salir */
.widget-1.widget-facility ul li .fa-sign-out-alt {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.85' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 21H6a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3'/%3E%3Cpath d='M16 17l5-5-5-5M21 12H9'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.85' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 21H6a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3'/%3E%3Cpath d='M16 17l5-5-5-5M21 12H9'/%3E%3C/svg%3E");
}

/* regalo */
#totalEntradasSeleccionadas .fa-gift {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.85' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='9' width='18' height='12' rx='2'/%3E%3Cpath d='M3 13h18M12 9v12'/%3E%3Cpath d='M12 9C10 9 8 8 8 6.5S10 5 12 9c2-4 4-2.5 4-2.5S14 9 12 9Z'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.85' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='9' width='18' height='12' rx='2'/%3E%3Cpath d='M3 13h18M12 9v12'/%3E%3Cpath d='M12 9C10 9 8 8 8 6.5S10 5 12 9c2-4 4-2.5 4-2.5S14 9 12 9Z'/%3E%3C/svg%3E");
}