/* El contador sigue al icono, no al ancho completo del enlace inferior. */
.nav-inferior .carrito-icono{position:relative;display:block;width:21px;height:21px;line-height:1}
.nav-inferior .carrito-icono [data-contador-carrito]{top:-6px;right:-10px;min-width:17px;width:auto;height:17px;padding-inline:3px;line-height:1}
.acciones [data-contador-carrito]{min-width:17px;width:auto;padding-inline:3px;line-height:1}
.tarjeta-agregar{margin:0;flex-shrink:0}
#comprar{scroll-margin-top:180px}
.tarjeta-agregar.boton-icono,.tarjeta-agregar .boton-icono{display:grid;place-items:center;padding:0;font-size:20px;line-height:1;text-decoration:none}
.tarjeta-agregar.boton-icono:focus-visible,.tarjeta-agregar .boton-icono:focus-visible{outline:3px solid var(--secundario);outline-offset:2px}
/* El resumen no debe tapar los controles del carrito en tablet. */
@media(min-width:701px) and (max-width:1050px){.carrito-layout{grid-template-columns:minmax(0,1fr)}.carrito-layout>.panel{min-width:0}}
/* El + ocupa la esquina libre de la imagen: no añade filas ni cambia precios,
   alturas o anchuras de las tarjetas móviles existentes. Tablet y PC conservan
   su botón junto al precio. La imagen mantiene sus 165 px originales en móvil. */
@media(max-width:700px){
    .tarjeta-producto .tarjeta-agregar{position:absolute;top:117px;right:10px;z-index:3}
    .tarjeta-producto .tarjeta-agregar.boton-icono,.tarjeta-producto .tarjeta-agregar .boton-icono{display:grid;width:38px;height:38px;box-shadow:0 2px 8px #0003}
}