/* v0.12 · 83-inicio — Inicio y menú (dueño, 9 nov 2026): megamenú de usados con fotos, header del celular de 64px y bloque
   "Computadores usados" del menú ☰. "Todas" de primeras va en el HTML del bloque de vitrina (product-rail). */

/* Megamenú "Computadores usados" (escritorio): cajones de hasta 520px y unos 280px de alto, título y subtítulo en una sola línea;
   cada modelo es una tarjeta blanca con su foto y su nombre; al pasar el mouse, borde Celeste claro (blanco en DEALS Black) */
.emx-mega-grid{grid-template-columns:repeat(2,minmax(0,520px));gap:24px}
.emx-mcol{min-height:280px;padding:24px 28px}
.emx-mcol .emx-mc-h,.emx-mcol .emx-vp-line{white-space:nowrap}
.emx-mchips.is-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0 6px}
.emx-mchips.is-cards a,.emx-mcol.black .emx-mchips.is-cards a{display:grid;gap:8px;justify-items:center;align-content:start;min-height:0;padding:12px 8px 10px;border:0;border-radius:16px;background:#fff;color:var(--ink);font-size:14px;font-weight:400;line-height:1.3;text-align:center;text-decoration:none;transition:box-shadow .15s}
.emx-mchips.is-cards a img{display:block;width:100%;height:72px;object-fit:contain}
.emx-mcol:not(.black) .emx-mchips.is-cards a:hover,.emx-mcol:not(.black) .emx-mchips.is-cards a:focus-visible{background:#fff;color:var(--ink);box-shadow:0 0 0 2px var(--sky-light)}
.emx-mcol.black .emx-mchips.is-cards a:hover,.emx-mcol.black .emx-mchips.is-cards a:focus-visible{background:#fff;color:var(--ink);box-shadow:0 0 0 2px #fff}
.emx-mcol .all{margin-top:auto}
/* "Ver todos los computadores usados" alineado con los cajones (1064px = 2 × 520 + 24) */
.emx-mega-all{max-width:1064px;padding-inline:0}

@media (max-width:781px){
	/* Header del celular más alto: de 60 a 64px, con menú, búsqueda y carrito de 48px para tocarlos sin errores */
	.emx-hdr .emx-hdr-row{min-height:64px;grid-template-rows:64px auto}
	.emx-hdr-row .emx-msearch,.emx-hdr-row .emx-cart-btn,.emx-burger{min-width:48px;min-height:48px;width:48px;height:48px}

	/* Menú ☰, bloque "Computadores usados": título de cada tarjeta en 16 Bold, línea de valor en 14 Regular gris, chips en 14 Regular,
	   "Ver todos los DEALS" en 14 Bold con 44px de alto y 16px de aire arriba de "Ver todos los computadores usados" */
	.emx-mcard .emx-mc-t{font-size:16px;font-weight:700}
	.emx-mcard .emx-mc-v{font-size:14px;font-weight:400}
	.emx-dr-panel .emx-mcard .emx-mchips a{font-size:14px;font-weight:400}
	.emx-mcard .emx-mc-all{display:inline-flex;align-items:center;min-height:44px;padding-top:0;font-size:14px;font-weight:700}
	.emx-mc-all.emx-acc-all{margin-top:16px}
}