/* Sistema común de cards de productos para home, listado y categorías. */
.grid .card-link{min-width:0;display:block;height:100%;}
.grid .card{position:relative;display:flex;flex-direction:column;height:100%;overflow:hidden;border:1px solid #e4e7ec;border-radius:16px;background:#fff;box-shadow:0 4px 14px rgba(16,24,40,.06);}
.grid .card img{display:block;width:100%;height:clamp(220px,22vw,300px)!important;aspect-ratio:auto!important;padding:12px;background:#fff;object-fit:contain;}
.grid .card-content{position:static;display:flex;flex:1;flex-direction:column;gap:7px;min-height:194px;padding:15px 16px 14px;}
.grid .titulo{min-height:42px;font-size:15px;line-height:1.3;font-weight:650;color:#101828;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.grid .precio{margin-top:2px;font-size:24px;line-height:1.1;font-weight:800;color:#101828;}
.grid .cuotas{min-height:19px;font-size:14px!important;line-height:1.25;color:#475467!important;}
.grid .cashback{align-self:flex-start;min-height:20px;margin-top:auto;padding:6px 9px;border:1px solid #bbf7d0;border-radius:8px;background:#ecfdf3;color:#087443;font-size:13px!important;line-height:1.25;font-weight:700;}
.grid .card-cta{display:flex;align-items:center;justify-content:flex-end;gap:5px;padding-top:5px;color:#c2410c;font-size:14px;font-weight:800;}
.grid .card-share{position:absolute;top:12px;right:12px;z-index:2;display:inline-flex;width:40px;height:40px;align-items:center;justify-content:center;border:1px solid #d0d5dd;border-radius:50%;background:rgba(255,255,255,.96);color:#344054;box-shadow:0 3px 10px rgba(16,24,40,.14);cursor:pointer;}
.grid .card-share i{font-size:18px;}
.grid .card-share span{display:none;}
.grid .card-share:hover{border-color:#fdba74;background:#fff7ed;color:#c2410c;}
@media(max-width:800px){
  .grid .card img{height:clamp(205px,48vw,260px)!important;padding:8px;}
  .grid .card-content{min-height:190px;padding:13px 12px 12px;gap:7px;}
  .grid .titulo{min-height:40px;font-size:15px;}
  .grid .precio{font-size:23px;}
  .grid .cuotas{font-size:14px!important;}
  .grid .cashback{font-size:13px!important;}
  .grid .card-cta{font-size:14px;}
}
@media(max-width:380px){
  .grid .card img{height:210px!important;}
  .grid .card-content{min-height:188px;padding-inline:10px;}
  .grid .titulo{font-size:14px;}
  .grid .precio{font-size:21px;}
}

/* Canonical card system: same visual language as the current index. */
.grid .card{border:1px solid #e4e7ec;border-radius:10px;box-shadow:0 2px 8px rgba(16,24,40,.04);}
.grid .card img{height:clamp(205px,20vw,270px)!important;padding:12px;}
.grid .card-content{gap:6px;min-height:178px;padding:10px;}
.grid .titulo{min-height:32px;font-size:13px!important;line-height:1.35;font-weight:400!important;color:#111;}
.grid .precio{margin-top:2px;font-size:20px!important;line-height:1.1;font-weight:500!important;color:#111;}
.grid .precio{text-align:center!important;}
.grid .cuotas{min-height:16px;font-size:12px!important;line-height:1.25;color:#666!important;font-weight:400!important;}
.grid .cashback{align-self:flex-start;min-height:18px;margin-top:auto;padding:5px 8px;border:1px solid #bbf7d0;border-radius:7px;background:#f0fdf4;color:#166534;font-size:13px!important;line-height:1.2;font-weight:600!important;}
.grid .card-cta{gap:5px;padding-top:7px;color:#ea580c;font-size:12px;font-weight:700;}
.grid .card-share{width:auto;height:auto;padding:7px 9px;border-radius:999px;box-shadow:0 2px 7px rgba(16,24,40,.08);}
.grid .card-share{position:static;align-self:flex-end;z-index:auto;}
.grid .card-share span{display:inline;}
@media(max-width:800px){
  .grid .card{border-radius:10px;}
  .grid .card img{height:clamp(205px,52vw,245px)!important;padding:44px 8px 8px;}
  .grid .card-content{min-height:182px;padding:11px 8px 12px;gap:6px;}
  .grid .titulo{min-height:35px;font-size:13px!important;}
  .grid .precio{font-size:19px!important;margin-top:2px;}
  .grid .cuotas{font-size:12px!important;}
  .grid .cashback{font-size:13px!important;padding:5px 7px;}
  .grid .card-cta{font-size:12px;padding-top:5px;}
  .grid .card-cta{display:none!important;}
  .grid .card-share{position:absolute;top:10px;right:10px;width:40px;height:40px;padding:0;justify-content:center;}
  .grid .card-share span{display:none;}
}
@media(max-width:380px){
  .grid .card img{height:205px!important;padding:40px 8px 8px;}
  .grid .card-content{min-height:175px;padding:10px 8px 11px;}
  .grid .titulo{font-size:12px!important;}
  .grid .precio{font-size:18px!important;}
  .grid .cashback{font-size:12px!important;}
}