.ldlpa-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:26px 0 34px}
.ldlpa-cols-1{grid-template-columns:1fr}.ldlpa-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.ldlpa-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.ldlpa-card{position:relative;box-sizing:border-box;background:#fff;border:1px solid #e6e6e6;padding:18px;text-align:center;display:flex;flex-direction:column;box-shadow:0 1px 3px rgba(0,0,0,.05)}
.ldlpa-badge{position:absolute;top:0;left:0;z-index:2;background:#e74c3c;color:#fff;font-size:13px;font-weight:700;padding:8px 10px}
.ldlpa-image-wrap{display:flex;align-items:center;justify-content:center;min-height:220px;margin-bottom:12px;text-decoration:none}
.ldlpa-image{display:block;max-width:100%;max-height:230px;object-fit:contain;margin:0 auto}
.ldlpa-no-image{display:flex;align-items:center;justify-content:center;width:100%;height:190px;background:#f5f5f5;color:#888}
.ldlpa-merchant{color:#777;font-size:14px;margin:2px 0 7px}
.ldlpa-prices{display:flex;justify-content:center;align-items:baseline;gap:8px;margin-bottom:7px}
.ldlpa-price{font-size:19px;font-weight:700}.ldlpa-old-price{color:#888;font-size:14px}
.ldlpa-title{font-size:16px;line-height:1.45;font-weight:400;margin:5px 0 16px;flex:1}
.ldlpa-title a,.ldlpa-title a:hover,.ldlpa-title a:focus,.ldlpa-title a:visited{color:inherit;text-decoration:none!important}
.ldlpa-button{display:inline-block;width:100%;box-sizing:border-box;padding:11px 14px;background:#fff;border:1px solid var(--ldlpa-button-accent,#f39c12);border-radius:2px;color:var(--ldlpa-button-accent,#f39c12)!important;font-size:14px;font-weight:700;text-decoration:none!important;transition:background-color .15s ease,color .15s ease,border-color .15s ease}.ldlpa-button:visited{color:var(--ldlpa-button-accent,#f39c12)!important}.ldlpa-card:hover .ldlpa-button,.ldlpa-card:focus-within .ldlpa-button{background:var(--ldlpa-button-accent,#f39c12);border-color:var(--ldlpa-button-accent,#f39c12);color:var(--ldlpa-button-hover-text,#fff)!important;text-decoration:none!important}
@media(max-width:900px){.ldlpa-grid,.ldlpa-cols-3,.ldlpa-cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.ldlpa-grid,.ldlpa-cols-2,.ldlpa-cols-3,.ldlpa-cols-4{grid-template-columns:1fr}}

.ldlpa-card-link{
	display:flex;
	flex:1 1 auto;
	flex-direction:column;
	color:inherit!important;
	text-decoration:none!important;
}
.ldlpa-card-link:hover,
.ldlpa-card-link:focus,
.ldlpa-card-link:visited{
	color:inherit!important;
	text-decoration:none!important;
}
.ldlpa-title{
	display:block;
	color:inherit;
	text-decoration:none!important;
}
.ldlpa-card-link:hover .ldlpa-title,
.ldlpa-card-link:focus .ldlpa-title{
	text-decoration:none!important;
}

/*
 * La ficha completa es ahora un único enlace.
 * Por tanto, cualquier regla del tema del tipo "a:hover img"
 * se activa al entrar el ratón en cualquier punto de la ficha,
 * reproduciendo exactamente el mismo efecto que antes solo se veía
 * al pasar directamente sobre la imagen.
 */

/* La imagen se muestra siempre tal cual, sin opacity/filter/scale propios. */
.ldlpa-card .ldlpa-image,
.ldlpa-card:hover .ldlpa-image,
.ldlpa-card:focus-within .ldlpa-image{
	opacity:1!important;
	filter:none!important;
	transform:none!important;
}

/*
 * Grow Shadow: mismo patrón de hover que usa la familia de efectos Hover.css
 * en tarjetas/enlaces de producto: crece ligeramente y proyecta sombra inferior.
 */
.ldlpa-card{
	-webkit-transform:perspective(1px) translateZ(0);
	transform:perspective(1px) translateZ(0);
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	box-shadow:0 0 1px rgba(0,0,0,0);
	-webkit-transition-duration:.3s;
	transition-duration:.3s;
	-webkit-transition-property:box-shadow,transform;
	transition-property:box-shadow,transform;
	position:relative;
	z-index:1;
}

.ldlpa-card:hover,
.ldlpa-card:focus-within{
	box-shadow:0 10px 10px -10px rgba(0,0,0,.5);
	-webkit-transform:scale(1.1);
	transform:scale(1.1);
	z-index:10;
}