/* === NAVBAR === */
nav a[href="/"] svg {
    display: none !important;
}
nav a[href="/"] {
    background-image: url('/logo.png') !important;
    background-size: 28px 28px !important;
    background-repeat: no-repeat !important;
    background-position: 8px center !important;
    padding-left: 45px !important;
    min-height: 32px !important;
    display: flex !important;
    align-items: center !important;
}
nav a[href="/"] small {
    font-size: 0 !important;
}
nav a[href="/"] small::after {
    content: 'Shortener' !important;
    font-size: 1.125rem !important;
    font-weight: 400 !important;
    color: white !important;
}

/* === LOGO CENTRAL === */
/* Selector específico: el div con w-[40%] que contiene el logo */
div.p-6.hidden.md\:flex.items-center.w-\[40\%\] svg {
    display: none !important;
}

div.p-6.hidden.md\:flex.items-center.w-\[40\%\] div.w-full {
    background-image: url('/logo.png') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    min-height: 200px !important;
}