@container meu-logo-topo (max-width: 425px) {
    header .container-fluid .logo.topo a{
        padding-inline-start: 60px;
    }
}
header .navbar-nav {
    z-index: 2;
}
header .navbar-toggler {
    z-index: 3;
}
.offcanvas .navbar-nav .dropdown-menu {
    width: 100%;
}
.logo.topo {
    container-type: inline-size;
    container-name: meu-logo-topo;
    z-index: 0;
    width: 100%;
    position: fixed;
    text-align: center;
}
header .rs {
    height: 6px;
    --cor-borda: #9ed18a;
    background: linear-gradient(90deg, var(--cor-borda) 0, var(--cor-borda) calc(50% - 150px), #017a73 calc(50% - 150px), #017a73 calc(50% - 50px), #eb222c calc(50% - 50px), #ec2e2c calc(50% + 50px), #f5ec29 calc(50% + 50px), #f5ec29 calc(50% + 150px), var(--cor-borda) calc(50% + 150px), var(--cor-borda) 100%);
    position: fixed;
    top: 56px;
    width: 100%;
    z-index: 1;
}