/* SG Widgets minimal, responsive (v1.0.1) */
.sgw-grid{
  display:grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap:12px;
}
.sgw-card{
  border:1px solid rgba(0,0,0,.08);
  border-radius:12px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 1px 2px rgba(0,0,0,.03);
  transition:transform .12s ease, box-shadow .12s ease;
}
.sgw-card:hover{
  transform:translateY(-2px);
  box-shadow:0 6px 16px rgba(0,0,0,.06);
}
.sgw-card__link{ display:block; color:inherit; text-decoration:none; }
.sgw-card__image{ position:relative; width:100%; aspect-ratio: 4/3; background:#f6f7f9; overflow:hidden; }
.sgw-card__image img,
.sgw-card__image--placeholder{
  position:absolute; inset:0;
  width:100%; height:100%;
  object-fit:cover; /* cubrir y adaptarse */
}
.sgw-card__image--placeholder{ background: repeating-linear-gradient(45deg,#eceff3,#eceff3 10px,#f7f9fc 10px,#f7f9fc 20px); }
.sgw-card__body{ padding:10px 12px; }
.sgw-card__title{ font-size:14px; line-height:1.3; margin:0 0 6px 0; min-height: 2.6em; }
.sgw-card__price{ font-weight:700; font-size:15px; }
@media (prefers-color-scheme: dark){
  .sgw-card{ background:#111; border-color:#222; }
  .sgw-card__image{ background:#1a1a1a; }
}

/* Column modifiers */
.sgw-grid.sgw-cols-1{grid-template-columns: repeat(1,1fr);}
.sgw-grid.sgw-cols-2{grid-template-columns: repeat(2,1fr);}
.sgw-grid.sgw-cols-3{grid-template-columns: repeat(3,1fr);}
.sgw-grid.sgw-cols-4{grid-template-columns: repeat(4,1fr);}
.sgw-grid.sgw-cols-5{grid-template-columns: repeat(5,1fr);}
.sgw-grid.sgw-cols-6{grid-template-columns: repeat(6,1fr);}
.sgw-grid.sgw-cols-7{grid-template-columns: repeat(7,1fr);}
.sgw-grid.sgw-cols-8{grid-template-columns: repeat(8,1fr);}


/* Price presentation (safe minimal) */
.sgw-card__pricebox{ display:flex; gap:8px; align-items:baseline; flex-wrap:wrap; }
.sgw-card__price--old{ color:#d32f2f; text-decoration: line-through; opacity:0.95; font-weight:600; }
.sgw-card__price{ color:#fff; font-weight:700; }

/* --- v1.2.5 price formatting tweaks --- */
.sgw-card__pricebox{
  display:flex;
  gap:8px;
  align-items:baseline;
  flex-wrap:wrap;
  margin-top:6px;
}
/* Increase specificity and force colors to avoid theme overrides */
.sgw-card .sgw-card__price--old{
  color:#e53935 !important;
  text-decoration: line-through;
  opacity:0.95;
  font-weight:600;
}
.sgw-card .sgw-card__price{
  color:#ffffff !important;
  font-weight:800;
}
