/* Deditos Product Grid Static Cache - CSS frontend aislado.
   Todo bajo .deditos-static-grid para no romper el tema. */
.deditos-static-grid{--dg-cols-d:4;--dg-cols-t:3;--dg-cols-m:2;--dg-gap:16px;--dg-radius:8px;--dg-align:left;box-sizing:border-box;width:100%}
.deditos-static-grid *,.deditos-static-grid *::before,.deditos-static-grid *::after{box-sizing:border-box}
.deditos-static-grid.deditos-grid--contained{max-width:1200px;margin-left:auto;margin-right:auto}
.deditos-static-grid .deditos-grid__title{text-align:var(--dg-align);margin:0 0 1rem;color:var(--dg-title-color,inherit)}

/* Grid */
.deditos-static-grid .deditos-grid__track{display:grid;gap:var(--dg-gap);grid-template-columns:repeat(var(--dg-cols-d),minmax(0,1fr))}
@media(max-width:1024px){.deditos-static-grid .deditos-grid__track{grid-template-columns:repeat(var(--dg-cols-t),minmax(0,1fr))}}
@media(max-width:600px){.deditos-static-grid .deditos-grid__track{grid-template-columns:repeat(var(--dg-cols-m),minmax(0,1fr))}}

/* Carrusel simple (scroll-snap, sin JS ni librerías) */
.deditos-static-grid.deditos-grid--carousel .deditos-grid__track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}
.deditos-static-grid.deditos-grid--carousel .deditos-grid__card{flex:0 0 calc((100% - (var(--dg-cols-d) - 1) * var(--dg-gap)) / var(--dg-cols-d));scroll-snap-align:start}
@media(max-width:1024px){.deditos-static-grid.deditos-grid--carousel .deditos-grid__card{flex-basis:calc((100% - (var(--dg-cols-t) - 1) * var(--dg-gap)) / var(--dg-cols-t))}}
@media(max-width:600px){.deditos-static-grid.deditos-grid--carousel .deditos-grid__card{flex-basis:calc((100% - (var(--dg-cols-m) - 1) * var(--dg-gap)) / var(--dg-cols-m))}}

/* Tarjeta */
.deditos-static-grid .deditos-grid__card{display:flex;flex-direction:column;text-align:var(--dg-align);font-size:var(--dg-font-size,inherit)}
/* La imagen ocupa un alto fijo configurable; el producto se centra y no se deforma. */
.deditos-static-grid .deditos-grid__media{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:var(--dg-radius);height:var(--dg-img-h-d,220px)}
.deditos-static-grid .deditos-grid__img{display:block;max-width:100%;max-height:100%;width:100%;height:100%;object-fit:var(--dg-object-fit,contain);transition:opacity .25s ease}
.deditos-static-grid .deditos-grid__img--hover{position:absolute;inset:0;opacity:0}
@media(max-width:1024px){.deditos-static-grid .deditos-grid__media{height:var(--dg-img-h-t,200px)}}
@media(max-width:767px){.deditos-static-grid .deditos-grid__media{height:var(--dg-img-h-m,180px)}}
.deditos-static-grid .deditos-grid__media:hover .deditos-grid__img--hover{opacity:1}

/* Badges */
.deditos-static-grid .deditos-grid__badge{position:absolute;top:8px;left:8px;padding:2px 8px;font-size:.75em;line-height:1.6;border-radius:4px;color:#fff;z-index:2}
.deditos-static-grid .deditos-grid__badge--sale{background:#c0392b}
.deditos-static-grid .deditos-grid__badge--out{background:#555;left:auto;right:8px}

/* Cuerpo */
.deditos-static-grid .deditos-grid__body{padding:.6rem 0;display:flex;flex-direction:column;gap:.25rem}
.deditos-static-grid .deditos-grid__cat,.deditos-static-grid .deditos-grid__brand{font-size:.78em;opacity:.7}
.deditos-static-grid .deditos-grid__name{font-weight:600;text-decoration:none;color:var(--dg-title-color,inherit)}
.deditos-static-grid .deditos-grid__name:hover{text-decoration:underline}
.deditos-static-grid .deditos-grid__price{color:var(--dg-price-color,inherit);font-weight:600}
.deditos-static-grid .deditos-grid__price del{opacity:.55;font-weight:400;margin-right:.35em}

/* Alineación uniforme de tarjetas: botones a la misma altura aunque los
   títulos ocupen 1 o 2 líneas. Activable por bloque (clase --align-btn). */
.deditos-static-grid.deditos-grid--align-btn .deditos-grid__track{align-items:stretch}
.deditos-static-grid.deditos-grid--align-btn .deditos-grid__card{height:100%}
.deditos-static-grid.deditos-grid--align-btn .deditos-grid__body{flex:1 1 auto}
.deditos-static-grid.deditos-grid--align-btn .deditos-grid__name{min-height:var(--dg-title-mh-d,46px);display:flex;align-items:center;justify-content:var(--dg-justify,center)}
.deditos-static-grid.deditos-grid--align-btn .deditos-grid__price{min-height:var(--dg-price-mh,24px)}
.deditos-static-grid.deditos-grid--align-btn .deditos-grid__btn{margin-top:auto}
@media(max-width:1024px){.deditos-static-grid.deditos-grid--align-btn .deditos-grid__name{min-height:var(--dg-title-mh-t,44px)}}
@media(max-width:767px){.deditos-static-grid.deditos-grid--align-btn .deditos-grid__name{min-height:var(--dg-title-mh-m,42px)}}

/* Botón */
.deditos-static-grid .deditos-grid__btn{display:inline-block;margin-top:.4rem;padding:.5rem .9rem;border-radius:var(--dg-radius);background:var(--dg-btn-bg,#0388A6);color:var(--dg-btn-color,#fff);text-decoration:none;text-align:center;font-size:.9em;transition:background-color .2s ease,color .2s ease}
.deditos-static-grid .deditos-grid__btn:hover{background:var(--dg-btn-bg-hover,#fb8e48);color:var(--dg-btn-color-hover,#fff)}