/* ===== Carruseles por marca ===== */
#grid .mcar{position:relative;margin:26px 0 6px;scroll-margin-top:84px}
.mcH{position:relative;overflow:hidden;display:flex;align-items:center;gap:12px;padding:2px 0 8px}
.mcH::after{content:attr(data-m);position:absolute}
.mcar::before{content:attr(data-m);position:absolute;right:0;top:-14px;max-width:100%;font-size:clamp(3.2rem,17vw,6.4rem);font-weight:800;letter-spacing:-.05em;line-height:1;white-space:nowrap;overflow:hidden;
  color:var(--bc);opacity:.07;pointer-events:none;user-select:none;z-index:0}
.mcH .ins{--s:46px;z-index:1}
.mcH .mt{z-index:1;min-width:0}
.mcAll{position:relative;z-index:1;margin-left:auto;flex:none;min-height:40px;padding:0 14px;border-radius:99px;border:1.5px solid var(--bc);background:color-mix(in srgb,var(--bc) 9%,var(--card));color:var(--txt);font:inherit;font-weight:600;font-size:.88rem;cursor:pointer;transition:transform .2s,background .2s}
@media(hover:hover){.mcAll:hover{background:var(--bc);color:#fff;transform:translateX(3px)}}
.mcar .chipsL{position:relative;z-index:1;padding-top:2px}
.mcar .chipsL button.on{background:var(--bc);border-color:var(--bc);color:#fff}
.mcWrap{position:relative;z-index:1}
.mcTrack{display:flex;gap:12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:14px;padding:12px 14px 16px;margin:0 -14px;scrollbar-width:none;-webkit-overflow-scrolling:touch;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 14px,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,transparent,#000 14px,#000 calc(100% - 28px),transparent)}
.mcTrack::-webkit-scrollbar{display:none}
.mcTrack.arrastra{cursor:grabbing;scroll-snap-type:none;user-select:none}.mcTrack.arrastra .card{pointer-events:none}
.mcTrack .card{flex:0 0 min(62vw,232px);scroll-snap-align:start;rotate:-1deg;transition:transform .25s,box-shadow .25s,border-color .25s,rotate .25s}
.mcTrack .card:nth-child(even){rotate:1.1deg}
.mcTrack .card:hover{rotate:0deg}
.mcTrack .card.oculta,.card.oculta{display:none}
/* Tarjeta final: invita a subir la foto */
.mcCta{flex:0 0 min(62vw,232px);scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:18px;border-radius:24px;cursor:pointer;text-align:center;color:var(--txt);font:inherit;
  border:2.5px dashed var(--bc);background:color-mix(in srgb,var(--bc) 8%,var(--card));min-height:260px;rotate:1deg;transition:transform .25s,background .25s}
.mcCta span{font-size:2.6rem;animation:mcbob 2.2s ease-in-out infinite}
.mcCta b{font-size:1.05rem;line-height:1.2}.mcCta small{opacity:.7;font-size:.82rem}
@keyframes mcbob{50%{transform:translateY(-6px) rotate(-6deg)}}
@media(hover:hover){.mcCta:hover{transform:translateY(-4px);background:color-mix(in srgb,var(--bc) 16%,var(--card));rotate:0deg}}
/* Flechas (solo con mouse) */
.mcNav{display:none}
@media(hover:hover) and (min-width:700px){
  .mcNav{position:absolute;top:calc(50% - 22px);z-index:3;width:44px;height:44px;border-radius:50%;border:0;display:grid;place-items:center;background:var(--card);color:var(--txt);font-size:1.6rem;line-height:1;cursor:pointer;box-shadow:0 6px 20px #0003;transition:transform .2s}
  .mcNav[hidden]{display:none}
  .mcNav:hover{transform:scale(1.1);background:var(--bc);color:#fff}
  .mcNav.prev{left:-10px}.mcNav.next{right:-10px}
}
/* Barra de avance */
.mcBar{position:relative;height:4px;margin:0 2px;border-radius:4px;background:var(--borde)}
.mcBar i{position:absolute;top:0;bottom:0;left:0;width:30%;border-radius:4px;background:var(--bc);transition:left .12s}
/* "Ver todas": el carrusel se abre como rejilla */
.mcar.abierto .mcTrack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;overflow:visible;scroll-snap-type:none;padding:8px 0 10px;margin:0;-webkit-mask-image:none;mask-image:none}
@media(min-width:480px){.mcar.abierto .mcTrack{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px}}
@media(min-width:900px){.mcar.abierto .mcTrack{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}}
.mcar.abierto .card{flex:none;rotate:0deg}
.mcar.abierto .mcCta{min-height:0;grid-column:1/-1;flex-direction:row;padding:14px}
.mcar.abierto .mcBar,.mcar.abierto .mcNav{display:none}
/* Etiqueta de pocas unidades (dato real del stock) */
.tag.poco{background:linear-gradient(135deg,#f59e0b,#ef4444)!important}
@media(min-width:900px){.mcTrack .card,.mcCta{flex-basis:240px}}
@media(prefers-reduced-motion:reduce){.mcCta span{animation:none}.mcTrack{scroll-behavior:auto}}

/* rendimiento: no pinta los carruseles que están lejos de la pantalla */
.mcar:not(.abierto){content-visibility:auto;contain-intrinsic-size:auto 330px}