/* Portada: tarjetas de los escaparates de ejemplo (modo escaparate). */
.escx__grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 1rem; }
.escx__card { position: relative; display: flex; flex-direction: column; justify-content: flex-end; aspect-ratio: 9 / 16; border-radius: 24px; overflow: hidden;
  color: #fff; text-decoration: none; background: #0B1020; box-shadow: 0 12px 30px rgba(15, 23, 42, .18); transition: transform .2s ease; }
.escx__card:hover { transform: translateY(-3px); }
.escx__card:focus-visible { outline: 4px solid var(--brand, #2B59F0); outline-offset: 3px; }
.escx__bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.escx__card::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(5, 8, 20, .05) 30%, rgba(5, 8, 20, .88)); }
.escx__logo { position: absolute; top: .8rem; left: .8rem; right: .8rem; z-index: 1; height: 56px; padding: .35rem .7rem; border-radius: 14px; background: rgba(255, 255, 255, .95); }
.escx__logo img { width: 100%; height: 100%; object-fit: contain; }
.escx__txt { position: relative; z-index: 1; display: grid; gap: .35rem; padding: 1rem; font-size: .9rem; line-height: 1.35; }
.escx__txt strong { font-size: 1.1rem; }
.escx__go { font-weight: 700; color: #FFD58A; }
@media (prefers-reduced-motion: reduce) { .escx__card { transition: none; } .escx__card:hover { transform: none; } }