/* ============================================
   LOGO PREMIUM SUAVE AL COLAPSAR Y EXPANDIR
   ============================================ */

/* Mantener el mismo alto siempre */
.brand-link {
    height: 57px !important;
    display: flex !important;
    align-items: center !important;
    transition: padding .28s ease, width .28s ease;
}

/* Texto del logo con transición suave */
.brand-link .brand-text {
    transition: opacity .28s ease, width .28s ease;
    white-space: nowrap;
}

/* En colapsado: ocultar texto suavemente (NO display:none) */
.sidebar-mini.sidebar-collapse .brand-link .brand-text {
    opacity: 0 !important;
    width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Contenedor del logo centrado con transición */
.sidebar-mini.sidebar-collapse .brand-link {
    justify-content: center !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
}

/* Imagen del logo con animación suave */
.brand-link .brand-image {
    float: none !important;
    margin: 0 !important;
    display: block !important;
    transition: transform .28s ease, opacity .28s ease;
}

/* En colapsado: logo ligeramente reducido y centrado */
.sidebar-mini.sidebar-collapse .brand-link .brand-image {
    transform: scale(0.92);
    opacity: 0.95;
}

/* En expandido: tamaño normal */
.sidebar-mini:not(.sidebar-collapse) .brand-link .brand-image {
    transform: scale(1);
    opacity: 1;
}

/* Evitar flicker por hover */
.brand-link:hover {
    background-color: transparent !important;
}