/* 2026-10-21: menú Tienda con 5 columnas (Bombines, Escudos, Packs, Cerraduras y Más productos).
   Archivo estático para no recompilar Vite: el CSS compilado en producción (app-3c37d93d.css) no coincide con
   resources/css/app.css y una recompilación publicaría cambios ajenos. Al próximo build se puede pasar a app.css. */
.shop-mega.shop-mega--5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}
.shop-dropdown--mega:hover .shop-mega__col:nth-child(5) a,
.shop-dropdown--mega:focus-within .shop-mega__col:nth-child(5) a,
.shop-dropdown--mega.is-open .shop-mega__col:nth-child(5) a { transition-delay: 0.2s !important; }
/* 2026-10-21 (v2.3): un nombre largo («Cerraduras electromecánicas» entre 1200 y 1279 px) no cabía en su columna y
   se salía del resaltado al pasar el ratón. Ahora pasa a dos líneas dentro del enlace (solo cuando no cabe). */
.shop-mega__col a {
    white-space: normal;
    overflow-wrap: break-word;
    max-width: 100%;
}
/* 2026-10-21 (v2.4): entre 1200 y 1399 px las columnas son estrechas y varios enlaces pasaban a dos líneas
   («Bombín puerta basculante», «Comparador de bombines»…). Menos relleno lateral: caben en una línea desde 1280 px;
   a 1200 px solo «Cerraduras electromecánicas» sigue en dos (más ancha que su columna incluso sin relleno). */
@media (max-width: 1399.98px) {
    .shop-mega__col a {
        padding-left: 0.375rem;
        padding-right: 0.375rem;
    }
    .shop-mega__col .shop-mega__title {
        margin-left: 0.375rem;
        margin-right: 0.375rem;
    }
}