/* NIB 4.0: regras restritas ao aplicativo em telas pequenas. */
@media (max-width:820px) {
 body>header{min-height:72px;height:auto;padding:14px 18px;gap:12px;background:#fff;color:#041e42}
 body>header .brand{gap:14px;font-size:1rem;line-height:1.25;min-width:0}
 body>header .brand-logo{width:76px;max-width:24vw;height:38px;object-fit:contain}
 body>header .brand>span{padding-left:14px;border-left:1px solid #dce3eb;color:#041e42}
 body>header .brand small{margin-top:4px;color:#536176;opacity:1;font-size:.6875rem;line-height:1.35}
 body>header .site-link,body>header .header-right{display:none}
 body.nib-login-page>header .site-link{display:inline-flex;min-height:44px;font-size:.75rem}
 body>.mobile-menu{padding:0 18px;background:#fff;color:#041e42}
 body>.mobile-menu>summary{min-height:64px;padding:10px 0;gap:12px}
 body>.mobile-menu .mobile-location>span{font-size:.6875rem;color:#536176}
 body>.mobile-menu .mobile-location>strong{font-size:1rem;color:#041e42}
 body>.mobile-menu .mobile-menu-button{min-height:44px;min-width:84px;padding:10px 18px;background:#041e42;border-color:#041e42;color:#fff;font-size:.875rem}
 body>.mobile-menu .mobile-menu-button span{color:inherit}
 body>.mobile-menu>summary:hover .mobile-menu-button,
 body>.mobile-menu[open] .mobile-menu-button{background:#ebebdf;border-color:#c3c7bc;color:#041e42}
 body>.mobile-menu .mobile-menu-content{max-height:calc(100svh - 160px);padding-bottom:18px}
 body>.mobile-menu .mobile-group-label{padding:14px 12px 7px;color:#536176;font-size:.75rem}
 body>.mobile-menu nav a{min-height:46px;padding:11px 12px;border-radius:10px;font-size:1rem;gap:10px;color:#041e42}
 body>.mobile-menu nav a[aria-current=page]{background:#041e42;color:#fff;font-weight:600}
 body>.mobile-menu nav a[aria-current=page] .mobile-current{color:#fff;opacity:1}
 body>.mobile-menu nav a:hover{background:#ebebdf;color:#041e42}
 body>.mobile-menu nav a[aria-current=page]:hover .mobile-current{color:#041e42}
 body>.mobile-menu .mobile-logout{margin-top:12px;padding-top:14px}
 body>.mobile-menu .mobile-logout button{width:100%;min-height:44px;padding:10px 18px;border:1px solid #a5b5c7;border-radius:999px;text-align:center;background:#fff;color:#041e42;font-weight:600;font-size:.9375rem}
 body>.mobile-menu .mobile-logout button:hover{background:#ebebdf;color:#041e42}
 body>.layout>main,body>main.catalog-main{padding-top:20px}
 .mobile-backbar{margin-bottom:18px}
 .mobile-backbar>a{font-size:.875rem;min-height:44px;padding:10px 20px;border-color:#a5b5c7}
 body>.layout>main>.breadcrumb,body>main.catalog-main>.breadcrumb{display:none}
 .catalog-main .catalog-toolbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:20px 0}
 .catalog-main .catalog-toolbar>.button{width:100%;padding:11px 12px;min-height:46px;font-size:.9375rem;line-height:1.3;white-space:normal}
 .catalog-main .catalog-toolbar>form{grid-column:1/-1;justify-self:end}
 .catalog-main .catalog-toolbar>form>.button{min-height:44px;font-size:.875rem;padding:10px 20px}
 .catalog-main .catalog-row{gap:16px;padding:22px;align-items:flex-start;flex-direction:column}
 .catalog-main .catalog-row h2{font-size:1.35rem;line-height:1.3;margin:12px 0 10px}
 .catalog-main .catalog-row p{line-height:1.55;color:#536176;margin:8px 0}
 .catalog-main .catalog-row>.button{min-height:44px;font-size:.9375rem;padding:10px 20px}
 .catalog-main .button.primary{background:#041e42;border-color:#041e42;color:#fff}
 .catalog-main .button.primary:hover{background:#ebebdf;border-color:#c3c7bc;color:#041e42}
 .catalog-main .tag.status-active{background:#e9f2ed;color:#24674e;border:1px solid #bad5c4}
 body>.mobile-menu a:focus-visible,body>.mobile-menu button:focus-visible{outline:3px solid #8cb7dc;outline-offset:2px}
}