/**
 * Icons Component - DirectaLog
 * Sistema unificado de ícones
 * Extraído de: style.css (várias seções)
 */

/* ========== ÍCONES - SISTEMA UNIFICADO ========== */

/* Ícones em seções de serviços (itens-servico) */
.itens-servico img {
    width: 64px !important;
    height: 64px !important;
    min-width: 64px !important;
    min-height: 64px !important;
    max-width: 64px !important;
    max-height: 64px !important;
    object-fit: contain !important;
    display: block !important;
    margin: 0 auto !important;
}

.global_text_area.itens-servico img {
    width: 64px !important;
    height: 64px !important;
    min-width: 64px !important;
    min-height: 64px !important;
    max-width: 64px !important;
    max-height: 64px !important;
    object-fit: contain !important;
    display: block !important;
    margin: 0 auto !important;
}

/* Ícones da seção Desafios Logísticos */
.desafio-icon img {
    width: var(--icon-size-md);
    height: var(--icon-size-md);
    min-width: var(--icon-size-md);
    min-height: var(--icon-size-md);
    max-width: var(--icon-size-md);
    max-height: var(--icon-size-md);
    object-fit: contain;
    object-position: center;
    display: block;
}

/* Separador entre ícone e texto */
.separator {
    height: 1px;
    width: 80px;
    background-color: #e0e0e0;
    display: block;
    margin: 10px auto 15px auto;
}