/**
 * Estilos do Frontend
 */

.lucide-icon-block {
    display: flex;
    margin: 1.5rem 0;
}

.lucide-icon-block.icon-align-left {
    justify-content: flex-start;
}

.lucide-icon-block.icon-align-center {
    justify-content: center;
}

.lucide-icon-block.icon-align-right {
    justify-content: flex-end;
}

/* Tamanhos */
.lucide-icon-block.icon-small i {
    width: 24px;
    height: 24px;
}

.lucide-icon-block.icon-medium i {
    width: 48px;
    height: 48px;
}

.lucide-icon-block.icon-large i {
    width: 64px;
    height: 64px;
}

.lucide-icon-block.icon-xlarge i {
    width: 96px;
    height: 96px;
}

/* Cores */
.lucide-icon-block.icon-color-brand i { 
    color: #22606f; 
}

.lucide-icon-block.icon-color-primary i { 
    color: #1d3442; 
}

.lucide-icon-block.icon-color-white i { 
    color: #ffffff; 
}

.lucide-icon-block.icon-color-black i { 
    color: #000000; 
}

.lucide-icon-block.icon-color-gray i { 
    color: #6b7280; 
}

.lucide-icon-block.icon-color-green i { 
    color: #10b981; 
}

.lucide-icon-block.icon-color-red i { 
    color: #ef4444; 
}

.lucide-icon-block.icon-color-blue i { 
    color: #3b82f6; 
}

.lucide-icon-block.icon-color-yellow i { 
    color: #f59e0b; 
}

/* Animação suave */
.lucide-icon-block i {
    transition: transform 0.3s ease;
}

.lucide-icon-block:hover i {
    transform: scale(1.1);
}