/* Ajustes de presentación que se mantienen fuera del bundle compilado. */
.product-art{height:auto!important;aspect-ratio:3/2;background:#f4f4f2!important}
.product-art img{width:100%!important;height:100%!important;padding:6px;object-fit:contain!important;object-position:center!important}
.grid{align-items:stretch}
.grid>.product{display:flex;min-width:0;flex-direction:column}
.product-main{display:flex!important;min-width:0;flex:1;flex-direction:column}
.product-copy{display:flex;min-width:0;flex:1;flex-direction:column}
.product-copy h3{display:-webkit-box;min-height:2.5em;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow-wrap:anywhere}
.product-copy p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.product-copy>.sale-price,.product-copy>strong{margin-top:auto}
.product-actions{margin-top:auto}
.related{padding:48px 6vw}
.related>div{gap:12px}
.related>div>a{min-height:0;border-radius:10px;padding:18px}
.related>div>a>span{font-size:28px}
.related small{margin-top:12px}
.related h3{min-height:0;margin:8px 0;font-size:16px;line-height:1.25}
.related a>b{font-size:15px}
@media(max-width:700px){.product-art img{padding:4px}.related{padding:36px 18px}.related>div{grid-template-columns:1fr 1fr}.related>div>a{padding:14px}.related h3{font-size:14px}}
@media(max-width:460px){.related>div{grid-template-columns:1fr}}