/* ==========================================================================
   5. FASE 4: COSTEO & SERVICIOS (Costeo)
   ========================================================================== */

.glass-tag {
    background: var(--glass-bg);
    -webkit-backdrop-filter: blur(8px) saturate(150%);
    backdrop-filter: blur(8px) saturate(150%);
    border: 1px solid var(--glass-border);
    border-radius: 6px;
    padding: 2px 8px;
    font-size: 0.65rem;
    color: var(--text-muted);
    display: inline-flex;
    align-items: center;
    gap: 4px;
    transition: all 0.2s;
}

.glass-tag:hover {
    border-color: var(--glass-border-hover);
    color: var(--text);
}