.engine-card .engine-image{isolation:isolate}.engine-card .engine-image>img{transform:scale(1.025);transition:transform .65s cubic-bezier(.2,.75,.25,1),filter .45s}.product-slice-effect{--product-image:none;position:absolute;inset:0;z-index:2;display:flex;overflow:hidden;pointer-events:none}.product-slice-effect i{--slice:0;width:25%;height:100%;background-image:linear-gradient(#06131d12,#06131d12),var(--product-image);background-repeat:no-repeat;background-size:400% 100%;background-position:calc(var(--slice)*33.333%) center;transform:translateY(0);transition:transform .52s cubic-bezier(.22,.7,.2,1);transition-delay:calc(var(--slice)*45ms)}.engine-card:hover .product-slice-effect i{transform:translateY(-103%)}.engine-card:hover .engine-image>img{transform:scale(1.09);filter:saturate(1.08) contrast(1.04)}.engine-card .availability{z-index:3}.engine-card .engine-image:after{content:"VER PRODUCTO";position:absolute;left:50%;top:50%;z-index:1;transform:translate(-50%,-42%);padding:.55rem .8rem;border:1px solid #ffffff55;background:#07141dcc;color:#fff;font-size:.64rem;font-weight:800;letter-spacing:.13em;opacity:0;transition:.35s}.engine-card:hover .engine-image:after{opacity:1;transform:translate(-50%,-50%)}@media(hover:none),(pointer:coarse){.product-slice-effect{display:none}.engine-card .engine-image:after{display:none}.engine-card .engine-image>img{transform:none}}@media(prefers-reduced-motion:reduce){.product-slice-effect{display:none}.engine-card .engine-image:after{display:none}.engine-card .engine-image>img{transform:none!important;transition:none}}

/* La ficha completa ya es enlazable y cuenta con el boton Ver detalles.
   Se elimina el recuadro redundante que cubria la fotografia al pasar el cursor. */
.engine-card .engine-image::after{content:none!important;display:none!important}

/* Efecto dividido restaurado: las cuatro franjas descubren suavemente la
   fotografía oscurecida, sin colocar textos ni recuadros encima. */
.engine-card .engine-image.has-product-image>img{filter:saturate(.94) brightness(.78)}
.engine-card:hover .engine-image.has-product-image>img,.engine-card:focus-within .engine-image.has-product-image>img{transform:scale(1.075);filter:saturate(1.08) brightness(.58)}
.engine-card:focus-within .product-slice-effect i{transform:translateY(-103%)}
.product-slice-effect i:nth-child(even){transform-origin:bottom}
@media(hover:none),(pointer:coarse){.engine-card .engine-image.has-product-image>img{filter:none}}

/* El marco debe ser siempre el padre de las franjas. Sin esta regla, en las
   tarjetas del inicio el efecto absoluto podía ocupar la tarjeta completa. */
.engine-card .engine-image{position:relative;display:block;height:240px;min-height:240px;max-height:240px;overflow:hidden;contain:layout paint}
.engine-card .engine-image>img{display:block;width:100%;height:100%;max-height:none;object-fit:contain;object-position:center}
.engine-card .product-slice-effect{position:absolute;inset:0;width:100%;height:100%;overflow:hidden}

.featured-products .engine-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;align-items:stretch}
.featured-products .engine-card{display:flex;min-width:0;height:100%;flex-direction:column}
.featured-products .engine-image{height:205px;min-height:205px;max-height:205px}
.featured-products .engine-body{display:flex;flex:1;min-width:0;flex-direction:column;padding:1rem}
.featured-products .engine-body h3{display:-webkit-box;min-height:2.15em;margin:.35rem 0;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:1.45rem;line-height:1.03;overflow-wrap:anywhere}
.featured-products .engine-name{display:none}.featured-products .public-price strong{font-size:1.05rem}.featured-products .card-compat{display:-webkit-box;min-height:2.7em!important;margin:.4rem 0 .65rem;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:.66rem!important;line-height:1.35}.featured-products .card-compat span{display:none}.featured-products .card-actions{margin-top:auto;gap:.4rem}.featured-products .card-actions .btn{min-height:42px;padding:.48rem .4rem;font-size:.58rem}
@media(max-width:1100px){.featured-products .engine-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:767px){.featured-products .engine-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.featured-products .engine-image{height:155px;min-height:155px;max-height:155px}.featured-products .engine-body{padding:.7rem}.featured-products .engine-body h3{font-size:1.08rem}.featured-products .engine-body .eyebrow{font-size:.55rem}.featured-products .public-price strong{font-size:.88rem}.featured-products .card-actions{display:grid;grid-template-columns:1fr}.featured-products .card-actions .btn{min-height:38px;font-size:.52rem}}
@media(max-width:350px){.featured-products .engine-grid{grid-template-columns:1fr}.featured-products .engine-card{max-width:300px;margin-inline:auto}.featured-products .engine-image{height:190px;min-height:190px;max-height:190px}}
