/**
 * Cabecera pública homogénea (misma base que chat.php).
 * Cargado desde public-page-bootstrap.php en todas las páginas públicas.
 */
body.translation-banner-visible {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

body.translation-banner-visible header {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

header.container {
    margin-top: 0 !important;
    padding-top: 0 !important;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

@media (min-width: 1025px) {
    header.container {
        width: 100% !important;
        max-width: 100% !important;
        padding: 18px 26px 22px !important;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 18px !important;
    }

    header.container .logo {
        flex: 0 1 auto !important;
        min-width: 0 !important;
    }

    header.container .desktop-nav {
        display: flex;
        flex: 1 1 auto;
        justify-content: center;
        gap: 12px;
        flex-wrap: nowrap !important;
        overflow-x: auto;
        overflow-y: hidden;
        scrollbar-width: none;
    }

    header.container .desktop-nav::-webkit-scrollbar {
        display: none;
    }

    header.container .desktop-nav a {
        white-space: nowrap !important;
        padding: 12px 18px !important;
    }
}