/*
RUTA: wwwroot/css/pages/playmobil.css
----------------------------------------------------------
Wegmüller Freelancer - Playmobil · H24R
- CSS local exclusivamente para geometría/proporciones de Playmobil.
- Identidad, paleta, tipografía, tabs, tarjetas, visor y botones vienen de WF.
- Incluye el hub de cuatro accesos y grids de Figures/Packs/Revistas/Historia.
Última modificación: 2026-09-15 - H24R Playmobil separado
----------------------------------------------------------
*/

.wf-playmobil-hub-image-wrap {
    height: 14.5rem;
    min-height: 14.5rem;
}

.wf-playmobil-hub-image {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 12.5rem;
    object-fit: contain;
}

.wf-playmobil-section-hero-image {
    max-height: 20rem;
    object-fit: contain;
}

.wf-playmobil-items-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(9.5rem, 1fr));
    gap: .9rem;
}

.wf-playmobil-grid-packs {
    grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
}

.wf-playmobil-grid-magazines,
.wf-playmobil-grid-issues {
    grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr));
}

.wf-playmobil-item-card {
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.wf-playmobil-item-card .wf-collection-card-assets {
    margin-top: auto;
    align-items: stretch;
}

.wf-playmobil-item-card .wf-image-zoom {
    min-height: 8rem;
}

.wf-playmobil-item-card .wf-collection-item-image {
    max-height: 7.7rem;
}

.wf-playmobil-item-card .wf-collection-item-image-box,
.wf-playmobil-item-card .wf-collection-item-image-blister {
    max-height: 8.5rem;
}

.wf-playmobil-item-card .wf-collection-item-image-magazine,
.wf-playmobil-item-card .wf-collection-item-image-fascicle {
    max-height: 9.5rem;
}

.wf-playmobil-grid-magazines .wf-playmobil-item-card .wf-image-zoom,
.wf-playmobil-grid-issues .wf-playmobil-item-card .wf-image-zoom {
    min-height: 9.8rem;
}

@media (max-width: 575.98px) {
    .wf-playmobil-hub-image-wrap {
        height: 12.5rem;
        min-height: 12.5rem;
    }

    .wf-playmobil-hub-image {
        max-height: 10.8rem;
    }

    .wf-playmobil-items-grid,
    .wf-playmobil-grid-packs,
    .wf-playmobil-grid-magazines,
    .wf-playmobil-grid-issues {
        grid-template-columns: repeat(auto-fit, minmax(8.75rem, 1fr));
    }

    .wf-playmobil-item-card .wf-collection-card-assets-count-2,
    .wf-playmobil-item-card .wf-collection-card-assets-count-3 {
        grid-template-columns: 1fr;
    }
}