/* cabeçalho, rodapé e painel de acessibilidade do portal, usados na home e nas páginas internas.
   Toda regra fica presa a #hn-topo, #rodape ou aos ids do painel, para não alterar o conteúdo das internas (Bootstrap). */
:root{--azul:#132691;--azul2:#0523cd;--ouro:#ffa900;--txt:#222;--cinza:#6b6b6b;--verde:#4d732c}

#hn-topo,#rodape,#a11yP{font-family:"Open Sans",Arial,sans-serif;line-height:normal;text-align:left}
#hn-topo *,#rodape *,#a11yP *{box-sizing:border-box}
#hn-topo a,#rodape a,#a11yP a{color:inherit;text-decoration:none}
#hn-topo a:hover,#hn-topo a:focus,#rodape a:hover,#rodape a:focus{text-decoration:none}
#hn-topo .w,#rodape .w{max-width:1240px;margin:0 auto;padding:0 20px}
#hn-topo img,#rodape img{max-width:none}

#hn-topo header .w{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:22px;padding-bottom:22px}
#hn-topo header img{height:86px}
#hn-topo .busca{display:flex;border-bottom:2px solid var(--azul);width:340px;margin:0}#hn-topo .busca input{flex:1;border:0;padding:8px 2px;font-size:14px;outline:none}#hn-topo .busca button{border:0;background:none;color:var(--azul);font-size:17px}
#hn-topo .menu{background:var(--azul)}#hn-topo .menu .w{display:flex;align-items:center;justify-content:space-between}
#hn-topo .menu ul{list-style:none;margin:0;padding:0;display:flex}#hn-topo .menu li a{display:block;color:#fff;padding:14px 15px;font-size:14px}#hn-topo .menu li a:hover{background:var(--azul2)}
#hn-topo .menu .do{background:var(--ouro);color:#1b1b1b;font-weight:700;font-size:13px;padding:7px 18px;border-radius:14px}
#hn-topo .btmenu{display:none}
#rodape{background:var(--azul);color:#fff;margin-top:44px}
#rodape .cols4{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding:34px 0}#rodape h4{color:var(--ouro);margin:0 0 10px;font-size:14px;font-weight:700;line-height:normal}
#rodape ul{list-style:none;padding:0;margin:0;font-size:13px;line-height:1.9}
#rodape .rod{background:#0d1b6b;font-size:13px;padding:16px 0;line-height:1.7}#rodape .rod .w{display:flex;justify-content:space-between;align-items:center;gap:20px}#rodape .rod img{height:54px}
@media(max-width:900px){#hn-topo header .w{flex-direction:column}#hn-topo .busca{width:100%}
#hn-topo .menu ul{display:none}#hn-topo .btmenu{display:block;color:#fff;background:none;border:0;font-size:22px;padding:10px 0}
#rodape .cols4{grid-template-columns:1fr 1fr}#rodape .rod .w{flex-direction:column;text-align:center}#hn-topo header img{height:70px}}

.pular{position:absolute;left:-9999px;top:8px;background:#fff;color:var(--azul);padding:10px 16px;z-index:999;font-weight:700}.pular:focus{left:10px}
#a11yBt{position:fixed;left:16px;bottom:16px;z-index:900;width:48px;height:48px;border-radius:50%;border:0;background:var(--azul);color:#fff;font-size:22px;cursor:pointer}
#a11yP{position:fixed;left:16px;bottom:74px;z-index:901;width:300px;max-height:75vh;overflow:auto;background:#fff;border:1px solid #ccc;border-radius:8px;padding:14px;display:none;font-size:14px}
#a11yP.ab{display:block}#a11yP h2{font-size:16px;margin:0 0 10px;color:var(--azul);font-weight:700;line-height:normal}
#a11yP .g{display:grid;grid-template-columns:1fr 1fr;gap:8px}#a11yP button{border:1px solid #c9c9c9;background:#f5f6fa;border-radius:6px;padding:10px 6px;font-size:13px;cursor:pointer;color:#222;line-height:normal}
#a11yP button[aria-pressed=true]{background:var(--azul);color:#fff;border-color:var(--azul)}#a11yP .rs{grid-column:1/3}
#estr{margin-top:10px;font-size:13px;display:none}#estr.ab{display:block}#estr a{display:block;color:var(--azul);padding:3px 0}
html.a-fonte body{zoom:1.2}html.a-linha body *{line-height:2!important}
html.a-alinha main,html.a-alinha footer{text-align:left!important}
html.a-legivel body *{font-family:Verdana,Arial,sans-serif!important;letter-spacing:.03em}
html.a-cinza body{filter:grayscale(1)}
html.a-contraste body,html.a-contraste body *{background:#000!important;color:#ff0!important;border-color:#ff0!important}html.a-contraste img{filter:none}
html.a-semimg img{visibility:hidden}html.a-parar *{animation:none!important;transition:none!important}
html.a-links a{text-decoration:underline!important;outline:2px solid #ffa900;outline-offset:1px}
html.a-foco *:focus{outline:4px solid #ffa900!important;outline-offset:2px}
#mask{position:fixed;inset:0;pointer-events:none;z-index:800;display:none}html.a-mascara #mask{display:block}
#hn-topo header{background:var(--azul)}#hn-topo .busca button{color:#fff}#hn-topo .busca{border-color:#fff}#hn-topo .busca input{background:transparent;color:#fff}#hn-topo .busca input::placeholder{color:#dfe3ff}#hn-topo header img{height:72px}
@media(max-width:900px){#hn-topo header img{height:56px}}

/* identidade de Glória: azul #132691 e #0523cd, amarelo #ffa900 e verde #4d732c, tirados do CSS do site atual */
#hn-topo .util{background:var(--verde);color:#fff;font-size:13px}#hn-topo .util .w{display:flex;justify-content:space-between;align-items:center;height:40px}
#hn-topo .util nav{display:flex;gap:20px}#hn-topo .util nav a{font-weight:600}#hn-topo .util .ud{display:flex;align-items:center;gap:14px}
#hn-topo .util .busca{width:240px;border:0;background:#fff;border-radius:12px}#hn-topo .util .busca input{color:#222;padding:5px 8px;font-size:13px;background:#fff;border-radius:12px}#hn-topo .util .busca button{border-radius:0 12px 12px 0}#hn-topo .util .busca input::placeholder{color:#777}#hn-topo .util .busca button{color:var(--verde)}
#hn-topo header{background:var(--azul);border-bottom:4px solid var(--ouro)}#hn-topo header .w{padding:0 20px}
#hn-topo .menu{background:none}#hn-topo .menu .w{display:flex;align-items:center;justify-content:space-between;height:88px}#hn-topo .menu .logo img{height:62px;display:block}
#hn-topo .menu ul{align-items:center}#hn-topo .menu li a{padding:10px 11px;font-size:14px;font-weight:600}#hn-topo .menu li a:hover{background:none;color:var(--ouro)}
#hn-topo .menu .do{background:none;color:var(--ouro);border:2px solid var(--ouro);border-radius:3px;padding:7px 12px;margin-left:8px;font-size:13px}
#rodape{background:var(--azul);border-top:4px solid var(--ouro)}#rodape h4{color:#fff;border-bottom:2px solid var(--ouro);display:inline-block;padding-bottom:4px}
#rodape .rod{background:var(--verde)}
@media(max-width:1100px){#hn-topo .menu li a{padding:10px 7px;font-size:13px}}
@media(max-width:900px){#hn-topo .util .w{flex-direction:column;height:auto;padding:8px 20px;gap:8px}#hn-topo .util .ud{width:100%}#hn-topo .util .busca{flex:1;width:auto}
#hn-topo .menu .w{height:72px}#hn-topo .menu .logo img{height:48px}#hn-topo .btmenu{display:block}
#hn-topo header .menu .w{flex-direction:row}}

/* submenus do menu principal e menu do celular */
#hn-topo .menu li{position:relative}
#hn-topo .menu .sub{display:none;position:absolute;left:0;top:100%;min-width:240px;background:#fff;box-shadow:0 6px 18px rgba(0,0,0,.18);z-index:950;flex-direction:column;padding:6px 0}
#hn-topo .menu li:hover>.sub,#hn-topo .menu li:focus-within>.sub{display:flex}
#hn-topo .menu .sub li a{color:var(--azul);padding:9px 16px;font-weight:600;font-size:13.5px;display:block;text-align:left;justify-content:flex-start}#hn-topo .menu .sub li{width:100%;text-align:left}
#hn-topo .menu .sub li a:hover{color:#fff;background:var(--azul)}
#hn-topo .menu li a i.fa-angle-down{margin-left:4px}
@media(max-width:900px){
#hn-topo .menu .w{flex-wrap:wrap}
#hn-topo .menu.aberto ul{display:flex;flex-direction:column;align-items:stretch;width:100%;padding-bottom:10px;background:var(--azul)}
#hn-topo .menu.aberto .w{height:auto;padding-top:8px}
#hn-topo .menu.aberto ul .sub{position:static;display:flex;box-shadow:none;background:var(--azul2)}
#hn-topo .menu.aberto ul .sub li a{color:#fff}
#hn-topo .menu .do{display:inline-block}
#hn-topo .util nav{gap:14px}
}
#a11yBt{padding:0;background:#fff;overflow:visible;box-shadow:0 1px 4px rgba(0,0,0,.35)}#a11yBt img{width:100%;height:100%;display:block;border-radius:50%}#a11yBt:focus-visible{outline:3px solid #ffa900;outline-offset:3px}html.a-semimg #a11yBt img{visibility:visible}
#goTop{display:none;position:fixed;right:16px;bottom:16px;z-index:900;background:none;padding:0;border-radius:0;text-align:center}#goTop a{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--azul);color:#fff;font-size:22px;text-decoration:none}#goTop a:focus-visible{outline:3px solid #ffa900;outline-offset:3px}
#rodape .cols4{padding-left:20px;padding-right:20px}
@media(max-width:900px){#rodape .cols4{display:block;column-count:2;column-gap:24px;padding-left:16px;padding-right:16px}#rodape .cols4>div{break-inside:avoid;margin-bottom:22px}#rodape .rod{padding-bottom:88px}}
@media(max-width:400px){#rodape .cols4{column-count:1}}
@media(max-width:900px){#hn-topo .menu.aberto ul .sub{background:#0d1b6b;background:color-mix(in srgb,var(--azul) 72%,#000);border-left:4px solid #ffa900}}
