/* Módulo Artículo Simple v1.2.1 */
.mas-card{
  --mas-primary:#0ea5e9;
  border:1px solid #e5e7eb;
  border-radius:16px;
  overflow:hidden;
  box-shadow:0 4px 14px rgba(0,0,0,.06);
  background:#fff;
  display:flex;
  flex-direction:column;
  transition:transform .15s ease, box-shadow .15s ease;
}
.mas-card:hover{ transform:translateY(-2px); box-shadow:0 8px 24px rgba(0,0,0,.09); }
.mas-media img{ display:block; width:100%; height:auto; object-fit:cover; }
.mas-body{ padding:16px; display:flex; flex-direction:column; gap:10px; }
.mas-title{ margin:0; font-size:1.1rem; line-height:1.3; }
.mas-sub{ color:#64748b; font-size:.9rem; }
.mas-desc{ color:#334155; font-size:.9rem; }
.mas-footer{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; margin-top:6px; }
.mas-price{ font-weight:700; font-size:1.1rem; }
.mas-currency{ margin-left:4px; font-weight:600; color:#6b7280; }
/* Botones */
.mas-actions{ display:flex; gap:10px; align-items:center; }
.mas-btn{
  text-decoration:none; padding:10px 14px; border-radius:999px;
  background:var(--mas-primary); color:#fff; font-weight:700; display:inline-flex; align-items:center; justify-content:center;
  border:1px solid transparent;
}
.mas-btn:hover{ filter:brightness(.95); }
.mas-btn-outline{
  background:#fff; color:var(--mas-primary); border-color:var(--mas-primary);
}
.mas-btn-outline:hover{ background:rgba(14,165,233,.08); }
/* Disabled */
.mas-btn-disabled{ opacity:.6; pointer-events:none; cursor:not-allowed; }

/* Tamaños */
.mas-size-compact{ max-width:280px; }
.mas-size-medium{ max-width:360px; }
.mas-size-large{ max-width:440px; }

@media (max-width: 480px){
  .mas-size-large,.mas-size-medium,.mas-size-compact{ max-width:100%; }
}