/* Animaciones extra */
.tarjeta.ent,.prod.ent,.m-prod:not(.sk),.rel-card:not(.sk){animation:aparece .5s ease backwards;animation-delay:calc(var(--i,0)*55ms)}
#vistaProducto:not([hidden]),#vistaMay:not([hidden]){animation:aparece .4s ease backwards}
.btn-rojo:active,.btn-comprar:active,.m-fin:active,.m-busq button:active,.btn-prod:active,.pg:active,.chip:active,.m-estilo:active,.p-estilo:active{transform:scale(.97)}


/* Barra expandible al apretarla + etiquetas que se achican si no hay lugar */
#hdr.compacto.abierta,#hdrM.compacto.abierta{--p:0}
#hdr.abierta,#hdrM.abierta{box-shadow:0 10px 28px rgba(0,0,0,.2)}
.cab-asa{position:absolute;left:50%;top:100%;transform:translateX(-50%);width:46px;height:18px;background:#fff;border-radius:0 0 10px 10px;box-shadow:0 5px 8px rgba(0,0,0,.12);display:flex;align-items:center;justify-content:center;opacity:var(--p);pointer-events:none;z-index:2}
#hdr.con-panel .cab-asa{background:#E3E5E9}
.compacto .cab-asa{pointer-events:auto}
.compacto.abierta .cab-asa{opacity:1}
.cab-asa svg{width:14px;height:14px;stroke:var(--gris);fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;transition:transform .3s}
.abierta .cab-asa svg{transform:rotate(180deg)}
/* (las etiquetas de las acciones en pantallas medianas se resuelven en 16-encabezado-responsive.css) */