/* Capa común de las 16 plantillas (Fase 3). Se enlaza después de styles.css; solo toca lo que el contrato exige. */

/* Objetivos táctiles: WCAG 2.5.8 exige 24 × 24 px como mínimo. Enlaces sueltos del pie, la barra y los enlaces de sección. */
footer a:not(.tr-btn),
header nav a, nav a.cta, nav a.book, nav a.mail,
a.logo, header a.right,
a.link-mono, a.link-underline, a.link-arrow { padding-block: 3px; }

/* Con puntero táctil, los enlaces sueltos del pie llegan a 44 px (objetivo del contrato). */
@media (pointer: coarse) {
  footer a:not(.tr-btn):not(.tr-legal a) { padding-block: 12px; }
}

/* Fase 6 (13/10/2026): bloques opcionales comunes. Empresas (solo nombre y cargo) usa la lista de cada plantilla; la galería
   (máximo 4 fotos) usa esta cuadrícula, que hereda color y tipografía de la plantilla. */
.tr-rol{display:block;font-size:max(.78em,12px);font-weight:400;line-height:1.35;margin-top:3px;letter-spacing:0;text-transform:none;font-style:normal}
.tr-galeria{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:14px;grid-template-columns:1fr}
.tr-galeria li{margin:0;padding:0;border:0;background:none;min-width:0;display:block}
.tr-galeria li::before,.tr-galeria li::after{content:none}
.tr-galeria figure{margin:0}
.tr-galeria img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.tr-galeria figcaption{font-size:13px;line-height:1.4;margin-top:8px}
.tr-galeria.tr-rad img{border-radius:12px}
.tr-galeria.tr-n1{max-width:640px}
@media (min-width:520px){.tr-galeria{grid-template-columns:repeat(2,minmax(0,1fr))}.tr-galeria.tr-n1{grid-template-columns:1fr}}
@media (min-width:900px){.tr-galeria{grid-template-columns:repeat(var(--n,3),minmax(0,1fr))}.tr-galeria.tr-n2{max-width:860px}}
.tr-lista{list-style:none;margin:20px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px 32px;font-size:clamp(1.05rem,2.4vw,1.5rem);line-height:1.3}
.tr-lista li{margin:0;padding:0}
/* en listas con «display:flex» el cargo pasa a una segunda línea bajo el nombre */
li:has(> .tr-rol){flex-direction:column;align-items:flex-start;justify-content:center;gap:2px}
/* clear-glass: si los enlaces de la reserva pasan a una segunda línea, sus áreas táctiles (44 px con margen negativo) no deben solaparse */
.booking .links{row-gap:22px}