/* Galería y acceso: estilos limitados a los elementos nuevos. */
.catalogo-acceso { display: flex; justify-content: center; margin-top: 32px; }
.catalogo-acceso .boton { gap: 22px; border-radius: 999px; padding: 8px 10px 8px 26px; }
.catalogo-flecha { display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; flex: 0 0 38px; }
.catalogo-flecha svg { width: 32px; height: 24px; fill: currentColor; overflow: visible; }
.catalogo-flecha path:first-child { opacity: .5; }
.catalogo-flecha path:last-child { --chevron-retardo: .12s; }
.catalogo-acceso .catalogo-flecha { color: var(--color-negro); }
.pagina-catalogo .catalogo-portada { padding-top: calc(var(--altura-header) + 65px); padding-bottom: 44px; }
.catalogo-portada h1 { font-family: var(--fuente-titulos); font-size: clamp(2.4rem, 5vw, 5rem); line-height: 1.05; letter-spacing: -.04em; margin-bottom: 22px; }
.catalogo-portada h1 span { color: var(--color-amarillo); }
.catalogo-portada > p:last-child { color: var(--color-gris-claro); max-width: 65ch; }
.catalogo-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; padding-bottom: 85px; }
.catalogo-tarjeta { min-width: 0; border-radius: 22px; }
.catalogo-tarjeta > a { display: flex; flex-direction: column; height: 100%; color: inherit; }
.catalogo-tarjeta__foto { aspect-ratio: 4 / 3; overflow: hidden; border-radius: 22px; background: #151515; }
.catalogo-tarjeta__foto img { width: 100%; height: 100%; object-fit: cover; transition: transform .25s ease; }
.catalogo-tarjeta__texto { display: flex; flex-direction: column; flex: 1; padding: 22px 4px 18px; }
.catalogo-tarjeta h2 { font-family: var(--fuente-titulos); font-size: clamp(1.3rem, 2vw, 1.8rem); line-height: 1.2; margin-bottom: 12px; }
.catalogo-tarjeta p { color: var(--color-gris-claro); margin-bottom: 24px; }
.catalogo-tarjeta__enlace { color: var(--color-amarillo); font-weight: 700; display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: auto; padding-top: 16px; border-top: 1px solid rgba(255,255,255,.12); }
.catalogo-tarjeta:focus-within { outline: 2px solid var(--color-amarillo); outline-offset: 4px; }
@keyframes catalogo-flecha-avance { 0%, 100% { transform: translateX(0); } 45% { transform: translateX(3px); opacity: 1; } }
.catalogo-acceso a:focus-visible .catalogo-flecha path,
.catalogo-tarjeta a:focus-visible .catalogo-flecha path { animation: catalogo-flecha-avance .65s ease-in-out var(--chevron-retardo, 0s) 2; }
.catalogo-acceso a:focus-visible { outline: 2px solid var(--color-blanco); outline-offset: 5px; }
@media (hover: hover) {
    .catalogo-tarjeta:hover img { transform: scale(1.035); }
    .catalogo-acceso a:hover .catalogo-flecha path,
    .catalogo-tarjeta a:hover .catalogo-flecha path { animation: catalogo-flecha-avance .65s ease-in-out var(--chevron-retardo, 0s) 2; }
}
@media (max-width: 1100px) { .catalogo-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 700px) { .catalogo-grid { grid-template-columns: 1fr; gap: 22px; } .pagina-catalogo .catalogo-portada { padding-top: calc(var(--altura-header) + 40px); } }
@media (prefers-reduced-motion: reduce) {
    .catalogo-tarjeta__foto img { transition: none; transform: none; }
    .catalogo-acceso a .catalogo-flecha path,
    .catalogo-tarjeta a .catalogo-flecha path { animation: none; }
}