/*
 * galerias.css — parte 6 de 6
 * Tarjetas que son enlaces
 *
 * Las tarjetas de galería pasaron de ser <article> y <div> con onclick a ser
 * <a href> reales, para que los rastreadores puedan seguirlas y para que el
 * usuario pueda abrirlas en pestaña nueva. Aquí solo se neutralizan los estilos
 * que el navegador aplica por defecto a un enlace y se añade el foco visible,
 * que antes no existía porque un <div> no es enfocable.
 *
 * A propósito NO se declara `display` de forma general: cada clase ya trae el
 * suyo (`.galeria-card` es flex, `.galeria-mosaico-item` es inline-block,
 * `.galeria-carrusel-item` es hijo de un contenedor flex y por tanto se
 * bloquifica solo). Forzarlo aquí rompería esos layouts.
 *
 * Este archivo se carga después de las otras cinco partes, así que gana los
 * empates de especificidad. Ver el orden en public/galerias.html.
 */

a.galeria-card,
a.galeria-carrusel-item,
a.galeria-mosaico-item,
a.galeria-lista-item,
a.ultima-galeria-card,
a.galeria-mas-card {
    color: inherit;
    text-decoration: none;
    /* Evita el destello gris al tocar en móvil, que en una tarjeta grande
       resulta muy visible */
    -webkit-tap-highlight-color: transparent;
}

/* El subrayado se hereda, así que hay que desactivarlo también en el contenido */
a.galeria-card:hover,
a.galeria-carrusel-item:hover,
a.galeria-mosaico-item:hover,
a.galeria-lista-item:hover,
a.ultima-galeria-card:hover,
a.galeria-mas-card:hover {
    text-decoration: none;
}

/* Foco visible para navegación con teclado. Antes estas tarjetas eran <div> con
   onclick: no se podían alcanzar con el tabulador. Ahora sí, y necesitan
   indicarlo. Se usa el mismo tratamiento que ya tenía .galeria-mas-card. */
a.galeria-card:focus-visible,
a.galeria-carrusel-item:focus-visible,
a.galeria-mosaico-item:focus-visible,
a.galeria-lista-item:focus-visible,
a.ultima-galeria-card:focus-visible {
    outline: 3px solid #8b5cf6;
    outline-offset: 2px;
}

/* La variante de lista no tiene estilos propios en ninguna hoja, así que como
   enlace quedaría en línea. Se le da comportamiento de bloque. */
a.galeria-lista-item {
    display: block;
}

/* Las galerías bloqueadas por temporizador siguen siendo enlaces (el clic se
   intercepta en JavaScript), pero el cursor no debe prometer navegación. */
a.galeria-card.galeria-locked,
a.galeria-carrusel-item.galeria-locked,
a.galeria-mosaico-item.galeria-locked,
a.galeria-lista-item.galeria-locked {
    cursor: default;
}