/*
 * Accesibilidad Prisma — WCAG 2.1 AA (Kit Digital / UNE-EN 301549)
 * Criterio 9.2.5.8 Tamaño del área clicable (mínimo 24x24 px).
 *
 * Se aplica a los enlaces/botones que son SOLO icono (redes sociales,
 * WhatsApp, hamburguesa de menú, "volver arriba"...). El JS de
 * accesibilidad (a11y.js) marca esos elementos con la clase .a11y-target.
 *
 * Archivo común a las 12 plantillas. NO tocar estilos de marca aquí:
 * solo se garantiza el área mínima y una separación suficiente.
 */

.a11y-target {
    min-width: 24px;
    min-height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}

/* Separación entre iconos de redes para no incumplir el "spacing" de 24px
   cuando el icono en sí es pequeño. No altera el layout general. */
.social-links > li,
.social-icons > li,
ul.social > li {
    margin: 2px;
}

/* El icono de fuente dentro de un objetivo clicable no debe capturar el
   puntero por separado ni reducir el área efectiva. */
.a11y-target > i,
.a11y-target > span {
    pointer-events: none;
}