.card,.producto-card{position:relative;display:flex;flex-direction:column;height:100%;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-md);background:linear-gradient(180deg,var(--color-surface),color-mix(in srgb,var(--color-surface-warm) 28%,var(--color-surface)));box-shadow:var(--shadow-sm);transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base)}.card::before,.producto-card::before{position:absolute;inset:0;z-index:1;pointer-events:none;content:"";background:linear-gradient(135deg,rgba(255,255,255,.18),transparent 38%);opacity:0;transition:opacity var(--transition-base)}.card--interactive:hover,.producto-card:hover{border-color:color-mix(in srgb,var(--color-accent) 58%,var(--color-border));box-shadow:var(--shadow-lg);transform:translateY(-5px)}.card--interactive:hover::before,.producto-card:hover::before{opacity:1}.card__link,.producto-link{display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none}.card__media,.producto-imagen{position:relative;width:100%;overflow:hidden;background:radial-gradient(circle at center,rgba(216,149,32,.13),transparent 60%),color-mix(in srgb,var(--color-brand-dark) 8%,var(--color-surface-warm));aspect-ratio:4/3}.card__image,.producto-imagen img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform var(--transition-slow)}.card--interactive:hover .card__image,.producto-card:hover .producto-imagen img{transform:scale(1.04)}.card__badge,.producto-badge{position:absolute;top:var(--space-4);left:var(--space-4);display:inline-flex;align-items:center;min-height:2rem;padding:var(--space-2) var(--space-3);border-radius:var(--radius-pill);color:var(--color-brand-dark);background:color-mix(in srgb,var(--color-accent-soft) 84%,var(--color-surface));box-shadow:0 6px 14px rgba(31,25,22,.12);font-size:var(--text-xs);font-weight:700;letter-spacing:.04em;line-height:var(--line-heading);text-transform:uppercase}.card__body,.producto-info{display:flex;flex:1;flex-direction:column;gap:var(--space-3);padding:clamp(var(--space-4),2.4vw,var(--space-5));position:relative;z-index:2}.card__eyebrow{margin-bottom:calc(var(--space-2) * -1);color:var(--color-accent-dark);font-size:var(--text-xs);font-weight:700;letter-spacing:.08em;line-height:var(--line-heading);text-transform:uppercase}.card__title,.producto-info h3{color:var(--color-ink);font-family:var(--font-heading);font-size:clamp(1.35rem, 2vw, 1.75rem);line-height:var(--line-heading)}.card__text,.producto-info p{margin-bottom:0;color:var(--color-muted);font-size:var(--text-sm);line-height:var(--line-body)}.card__meta{display:grid;gap:var(--space-2);color:var(--color-muted);font-size:var(--text-sm)}.card__actions,.producto-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-4);margin-top:auto}.card__price,.producto-precio{color:var(--color-brand);font-family:var(--font-primary);font-size:var(--text-lg);font-weight:700;line-height:var(--line-heading)}.card__price-old{color:var(--color-muted);font-size:var(--text-sm);text-decoration:line-through}.card__action,.producto-btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);color:var(--color-surface);background:linear-gradient(135deg,var(--color-brand),#c83d2f);font-size:var(--text-sm);font-weight:700;line-height:var(--line-heading);box-shadow:0 8px 18px rgba(184,50,39,.18);transition:background-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.card__action:hover,.producto-btn:hover{background:var(--color-brand-dark);box-shadow:0 10px 22px rgba(104,29,22,.22);transform:translateY(-2px)}.card--featured{border-color:color-mix(in srgb,var(--color-accent) 38%,var(--color-border));box-shadow:var(--shadow-md)}.card--promo .card__price{color:var(--color-brand-dark);font-size:var(--text-xl)}.card--location .card__meta{gap:var(--space-3)}@media (min-width:48rem){.card--horizontal{display:grid;grid-template-columns:minmax(16rem,0.95fr) minmax(0,1.05fr);align-items:stretch;min-height:0}.card--horizontal .card__link{display:grid;grid-template-columns:inherit}.card--horizontal .card__media{height:100%;min-height:14rem;aspect-ratio:16/10}.card--horizontal .card__body{min-height:14rem}.card--horizontal.card--reverse,.card--horizontal.card--reverse .card__link{direction:rtl}.card--horizontal.card--reverse .card__link>*,.card--horizontal.card--reverse>*{direction:ltr}}