/*
 * PVIVO TOPBAR GENERATED FILE
 * Arquivo: topbar-responsive.css
 * Módulo: TopBar
 * Versão: 1.0.0
 */

@media (min-width: 1920px) {
    :root {
        --pvivo-topbar-height: 66px;
        --pvivo-topbar-label-width: 180px;
        --pvivo-topbar-gap: 58px;
        --pvivo-topbar-image-size: 56px;
        --pvivo-topbar-logo-width: 108px;
        --pvivo-topbar-font-size: 18px;
    }
}

@media (max-width: 1399px) {
    :root {
        --pvivo-topbar-height: 58px;
        --pvivo-topbar-gap: 36px;
        --pvivo-topbar-image-size: 50px;
        --pvivo-topbar-font-size: 16px;
    }
}

@media (max-width: 1199px) {
    :root {
        --pvivo-topbar-height: 56px;
        --pvivo-topbar-label-width: 126px;
        --pvivo-topbar-gap: 30px;
        --pvivo-topbar-image-size: 46px;
        --pvivo-topbar-logo-width: 82px;
        --pvivo-topbar-font-size: 15px;
    }
}

@media (max-width: 991px) {
    :root {
        --pvivo-topbar-height: 54px;
        --pvivo-topbar-label-width: 110px;
        --pvivo-topbar-gap: 24px;
        --pvivo-topbar-image-size: 44px;
        --pvivo-topbar-logo-width: 74px;
        --pvivo-topbar-label-size: 12px;
    }

    .pvivo-highlight-item span {
        max-width: 210px;
    }
}

@media (max-width: 767px) {
    :root {
        --pvivo-topbar-height: 50px;
        --pvivo-topbar-label-width: 92px;
        --pvivo-topbar-gap: 18px;
        --pvivo-topbar-image-size: 40px;
        --pvivo-topbar-logo-width: 62px;
        --pvivo-topbar-font-size: 14px;
        --pvivo-topbar-label-size: 10px;
        --pvivo-topbar-radius: 4px;
    }

    .pvivo-top-highlights-label {
        padding-inline: 8px;
    }

    .pvivo-highlight-item img {
        margin-right: 8px;
    }

    .pvivo-highlight-item span {
        max-width: 170px;
    }
}

@media (max-width: 480px) {
    :root {
        --pvivo-topbar-height: 46px;
        --pvivo-topbar-label-width: 80px;
        --pvivo-topbar-gap: 14px;
        --pvivo-topbar-image-size: 34px;
        --pvivo-topbar-logo-width: 56px;
        --pvivo-topbar-font-size: 13px;
        --pvivo-topbar-label-size: 9px;
    }

    .pvivo-highlight-item span {
        max-width: 145px;
    }
}

@media (max-width: 360px) {
    :root {
        --pvivo-topbar-label-width: 72px;
        --pvivo-topbar-gap: 12px;
        --pvivo-topbar-image-size: 32px;
        --pvivo-topbar-font-size: 12px;
    }

    .pvivo-highlight-item span {
        max-width: 125px;
    }
}

@media (max-width: 926px) and (orientation: landscape) and (max-height: 500px) {
    :root {
        --pvivo-topbar-height: 44px;
        --pvivo-topbar-label-width: 78px;
        --pvivo-topbar-gap: 16px;
        --pvivo-topbar-image-size: 34px;
        --pvivo-topbar-logo-width: 54px;
        --pvivo-topbar-font-size: 12px;
        --pvivo-topbar-label-size: 9px;
    }
}

@supports (padding-left: env(safe-area-inset-left)) {
    .pvivo-top-highlights {
        padding-left: env(safe-area-inset-left);
        padding-right: env(safe-area-inset-right);
    }
}

@media (hover: none) and (pointer: coarse) {
    .pvivo-highlight-viewport {
        cursor: default;
    }

    .pvivo-highlight-item:hover,
    .pvivo-highlight-item:hover img {
        transform: none;
    }
}

@media print {
    .pvivo-top-highlights {
        display: none !important;
    }
}