/* ============================================================
   PORTAL CONSCIENTE - CSS LOGO RESPONSIVA E CLICÁVEL
   ============================================================ */

/* 1. Limpeza do Padrão APEX */
/* Esconde qualquer imagem ou link nativo para evitar duplicação */
.t-Header-logo-link, 
.t-Header-logo-link > img {
    display: none !important;
}

/* 2. Container e Link Customizado */
.logo-link-custom {
    display: flex;
    align-items: center;
    height: 100%;
    text-decoration: none;
    cursor: pointer;
    z-index: 100;
    transition: opacity 0.2s ease;
}

.logo-link-custom:hover {
    opacity: 0.8; /* Efeito visual ao passar o mouse */
}

.logo-responsiva-consciente {
    display: flex;
    align-items: center;
}

/* 3. Configuração Desktop (PC) */
.logo-responsiva-consciente .logo-icon {
    display: none; /* Esconde o ícone no PC */
}

.logo-responsiva-consciente .logo-full {
    display: block;
    height: 28px; /* Tamanho reduzido conforme solicitado */
    width: auto;
}

/* 4. Configuração Mobile (Celular/Tablet) */
@media (max-width: 768px) {
    /* Esconde a logo escrita */
    .logo-responsiva-consciente .logo-full {
        display: none !important;
    }
    
    /* Mostra apenas o ícone */
    .logo-responsiva-consciente .logo-icon {
        display: block !important;
        height: 32px; /* Ícone um pouco maior para toque no celular */
        width: auto;
        margin: 0 auto;
    }

    /* Centraliza a logo no topo do mobile */
    .t-Header-logo {
        display: flex !important;
        justify-content: center !important;
        width: 100%;
    }
}