/* MiCuadro - Galeria auto-mockup (PDP + Tarjetas) */
.mc-gallery{display:flex;flex-direction:column;gap:12px}.mc-main{width:100%}.mc-cmp{position:relative;width:100%;height:0;padding-top:100%;overflow:hidden;border-radius:6px;background:#f1ede6}.mc-cmp .mc-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.mc-cmp .mc-art{position:absolute;object-fit:cover;display:block;transform:scale(1.04);transform-origin:center center}.mc-thumbs{display:flex;gap:8px;flex-wrap:wrap}.mc-thumb{flex:0 0 auto;width:72px;padding:0;border:2px solid transparent;border-radius:8px;background:none;cursor:pointer;overflow:hidden;line-height:0;transition:border-color .15s ease}.mc-thumb:hover{border-color:rgba(0,0,0,.25)}.mc-thumb.is-active{border-color:#1a1a1a}@media(min-width:990px){.mc-gallery{flex-direction:row-reverse;align-items:flex-start;gap:16px}.mc-main{flex:1 1 auto;min-width:0}.mc-thumbs{flex-direction:column;flex:0 0 88px;flex-wrap:nowrap}.mc-thumb{width:88px}}
.mc-card-media{position:absolute;inset:0;overflow:hidden;border-radius:10px;background:#f1ede6}.mc-card-slot{position:absolute;inset:0}.mc-cw{position:absolute;inset:0}.mc-cs{position:absolute;inset:0;display:block!important;transition:opacity .28s ease!important;backface-visibility:hidden}.mc-cs-1{opacity:1!important;visibility:visible!important}.mc-cs-2{opacity:0!important;visibility:visible!important}.mc-card-media:hover .mc-cs-1,.card-wrapper:hover .mc-card-media .mc-cs-1{opacity:0!important;visibility:visible!important}.mc-card-media:hover .mc-cs-2,.card-wrapper:hover .mc-card-media .mc-cs-2{opacity:1!important;visibility:visible!important}.mc-card-media .mc-cmp{position:absolute;inset:0;padding-top:0;height:100%;border-radius:10px;background:#f1ede6;overflow:hidden}.mc-card-media .mc-cmp .mc-bg{border-radius:10px;transform:none!important;z-index:1}.mc-card-media .mc-cmp .mc-art{object-position:center;transform:scale(1.04)!important;transform-origin:center center;border-radius:0!important;clip-path:none!important;z-index:2}.card-wrapper:hover .mc-card-media .mc-cmp,.card-wrapper:hover .mc-card-media .mc-bg{transform:none!important}.card-wrapper:hover .mc-card-media .mc-art{transform:scale(1.04)!important}