.proyecto-card{display:flex;flex-direction:column;background:var(--color-surface-alt);border-radius:var(--radius);overflow:hidden;transition:var(--transition);box-shadow:0 4px 12px var(--color-shadow)}.proyecto-card:hover{box-shadow:0 8px 20px var(--color-shadow);transform:translateY(-4px)}.proyecto-imagen-wrapper{position:relative;padding:var(--space-xs);border-radius:var(--radius);overflow:hidden}.proyecto-imagen{width:100%;height:12rem;object-fit:cover;border-radius:var(--radius);transition:transform .4s ease}.proyecto-card:hover .proyecto-imagen{transform:scale(1.05)}.proyecto-categoria-badge{position:absolute;top:var(--space-xs);left:var(--space-xs);background:var(--color-surface);color:var(--color-text);font-size:.75rem;padding:.25rem .75rem;border-radius:14px;border:1px solid var(--color-secondary);font-weight:600;z-index:2}.proyecto-categoria-badge.secundaria{top:var(--space-xs);right:var(--space-xs);left:auto}.proyecto-info{padding:var(--space-s);display:flex;flex-direction:column;gap:var(--space-xs);text-align:justify}.proyecto-titulo{font-size:var(--font-size-lg);color:var(--color-primary);font-weight:600;margin:0;text-align:center}.proyecto-descripcion{font-size:.95rem;color:var(--color-text);line-height:1.5;text-align:justify}.proyecto-stack{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-top:var(--space-xxs);padding:0;list-style:none;justify-content:center}.proyecto-stack-item{background-color:var(--color-surface);color:var(--color-primary);border:1px solid var(--color-primary-hover);padding:.3rem;font-size:.75rem;border-radius:12px;font-weight:600;white-space:nowrap}.proyecto-links{margin-top:var(--space-s);display:flex;flex-wrap:wrap;gap:var(--space-s)}.proyecto-links.dual{justify-content:space-evenly}.proyecto-links.solo{justify-content:center}.proyecto-boton{display:inline-flex;align-items:center;gap:var(--space-xxs);background:var(--color-primary);color:var(--color-bg);padding:.4rem 1rem;font-size:.8rem;border-radius:var(--radius);font-weight:600;text-decoration:none;border:1px solid var(--color-primary);transition:background-color var(--transition),color var(--transition),border var(--transition)}.proyecto-boton:hover{background:var(--color-primary-hover);color:var(--color-bg);border-color:var(--color-primary-hover)}.proyecto-icon{width:1rem;height:1rem;vertical-align:middle}@media (max-width:480px){.proyecto-imagen{height:10rem}.proyecto-titulo{font-size:1.1rem}.proyecto-descripcion{font-size:.85rem}.proyecto-stack-item{font-size:.7rem}.proyecto-categoria-badge{font-size:.7rem;padding:.2rem .6rem}}