/* ======================================================================
   BLOCO 1 - IDENTIDADE VISUAL E ELEMENTOS GERAIS
   ====================================================================== */
:root{--azul:#062343;--azul2:#153c59;--ouro:#c59b42;--claro:#f1f5f8;--texto:#273b4c}*{box-sizing:border-box}body{margin:0;background:white;color:var(--texto);font:16px/1.6 Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--ouro);outline-offset:4px}h1,h2,h3{font-family:Georgia,serif;color:var(--azul);line-height:1.25}h1,h2{font-size:30px;margin:8px 0 20px}h3{font-size:21px;margin:10px 0}p{margin:12px 0}.wrap{width:min(1240px,92%);margin:auto}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.pular{position:absolute;left:-9999px}.pular:focus{left:10px;top:10px;background:white;z-index:100;padding:15px}.botao{display:inline-flex;background:var(--ouro);color:#082744;padding:8px 18px;border-radius:3px;font-size:13px;font-weight:bold}.vazio{padding:28px;background:var(--claro);border-radius:8px;color:#526779}.indisponivel{color:#9aabba!important;cursor:default}
/* BLOCO 2 - CABECALHO E MENU */
.cabecalho{background:var(--azul);color:white;border-bottom:3px solid var(--ouro)}.faixa{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 0 10px}.marca{display:flex;gap:15px;align-items:center}.marca img{width:78px;height:78px;object-fit:contain}.marca strong{font:42px Georgia,serif;letter-spacing:2px}.marca small{display:block;font:10px/1.7 Georgia,serif;letter-spacing:2px}.busca{display:flex;border:1px solid #65788c;border-radius:24px;overflow:hidden}.busca input{background:none;border:0;color:white;min-width:0;width:220px;padding:7px 14px}.busca input::placeholder{color:#c4d1dd}.busca button{background:none;color:white;border:0;padding:0 14px}.nav{list-style:none;display:flex;align-items:center;justify-content:flex-end;gap:0;margin:0;padding:0;flex-wrap:wrap}.nav>li>a,.nav>li>span,.nav summary{display:block;padding:13px 15px;font-size:13px}.nav>li>a:hover,.nav summary:hover{background:#173d5b;color:#f4d78d}.nav details{position:relative}.nav summary{cursor:pointer;list-style:none}.nav summary::after{content:' ▾';color:#dfba65}.nav details>ul{position:absolute;top:100%;left:0;min-width:245px;list-style:none;padding:8px;background:var(--azul);box-shadow:0 12px 24px #0003;z-index:20;border-top:2px solid var(--ouro)}.nav details>ul a,.nav details>ul span{display:block;padding:9px 12px;font-size:13px}.nav details>ul a:hover{background:#234862}.nav details details>ul{position:static;box-shadow:none}.menu-toggle{display:none;background:none;color:white;border:1px solid #60798f;border-radius:4px;padding:6px 10px}
/* BLOCO 3 - BANNER E ATALHOS; RECORTE VISUAL DA REFERENCIA ENVIADA */
.hero{position:relative;width:100%;aspect-ratio:1536/338;overflow:hidden;background:var(--azul)}.hero>img{position:absolute;display:block;width:100%;height:auto;top:-26.04%;left:0}.atalhos{display:grid;grid-template-columns:repeat(4,1fr);padding:26px 0;border-bottom:1px solid #dce3e9;gap:20px}.atalhos>a{display:flex;gap:17px;align-items:center;border-right:1px solid #e2d6b6;padding-right:12px}.atalhos>a:last-child{border:0}.atalhos span{font-size:39px;color:var(--ouro)}.atalhos strong{display:block;color:var(--azul);font: bold 16px Georgia,serif}.atalhos small{display:block;color:#667889;font-size:12px;margin-top:6px}
/* BLOCO 4 - NOTICIAS, EVENTOS E SERVICOS */
.secao{padding-top:42px;padding-bottom:42px}.titulo-secao{display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:2px solid var(--ouro);margin-bottom:24px}.titulo-secao small,.palavra>small{font-size:10px;letter-spacing:2px;color:#8b6b2f;font-weight:bold}.titulo-secao h1,.titulo-secao h2{margin:7px 0 15px}.titulo-secao>a,.controles>a{font-size:13px;color:var(--azul)}.grid{display:grid;gap:23px}.noticias-grid{grid-template-columns:repeat(3,1fr)}.card{border:1px solid #dfe6eb;border-radius:6px;overflow:hidden;background:white}.noticia>a{display:block;height:100%}.noticia img{width:100%;height:205px;object-fit:cover;background:#e9eef2}.card-corpo{padding:18px}.card time{font-size:12px;color:#627485}.card p{font-size:14px;color:#657383}.noticia:hover{box-shadow:0 8px 24px #0b28451a}.eventos-fundo{background:var(--claro)}.eventos-trilho{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin}.evento{flex:0 0 calc((100% - 66px)/4);scroll-snap-align:start}.evento img{width:100%;aspect-ratio:4/5;object-fit:contain;background:#e6edf2}.ampliar{display:block;padding:0;border:0;background:none;width:100%;cursor:zoom-in}.evento h3{font-size:18px}.controles{display:flex;align-items:center;gap:10px}.controles button{background:white;border:1px solid #c9d4df;border-radius:4px;color:var(--azul);width:33px;height:33px;font-size:24px;line-height:1}.servicos-grid{grid-template-columns:repeat(3,1fr)}.servico{display:flex;gap:15px;align-items:center;border:1px solid #dce4eb;border-radius:6px;padding:20px;background:#f7f9fb}.servico span{color:var(--ouro);font-size:28px}.servico strong{font-size:15px}.servico[href]:hover{border-color:var(--ouro)}.palavra{border-bottom:1px solid #dce4eb}.palavra p{max-width:850px}.rodape{background:var(--azul);color:#d7e3ec;padding:35px 0 0}.rodape-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.rodape strong{font:30px Georgia,serif;color:white}.rodape a{display:inline-block;margin:10px;font-size:13px}.copyright{background:#041a32;padding:16px;text-align:center;margin:25px 0 0;font-size:11px}
/* BLOCO 5 - PAGINAS INTERNAS E AMPLIACAO */
.interno{min-height:55vh}.voltar{display:inline-block;color:#6c7d8d;font-size:13px;margin-bottom:22px}.texto{max-width:880px;font-size:18px;line-height:1.85;overflow-wrap:anywhere}.texto h2{margin-top:30px}.galeria-fotos{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:30px}.galeria-fotos img{width:100%;height:190px;object-fit:cover}.historico{display:grid;grid-template-columns:1fr 1fr;gap:20px}.gestao{text-align:center;border:1px solid #dce4eb;border-radius:8px;overflow:hidden}.gestao h2{background:var(--azul);color:white;margin:0;padding:12px;font-size:23px}.dupla{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:22px}.dupla img,.integrante img{width:130px;height:165px;object-fit:cover;border-radius:5px}.dupla h3{font-size:18px}.dupla small{font-size:12px}.filtros{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:25px}.filtros input,.filtros select{padding:10px;border:1px solid #ccd6df;border-radius:5px;max-width:100%}.filtros button{border:0;cursor:pointer}.integrante{text-align:center;padding:22px}.integrante p{font-size:13px}dialog{border:0;padding:35px 12px 12px;border-radius:8px;background:#061e32;max-width:94vw;max-height:94vh}dialog::backdrop{background:#000c}dialog img{display:block;max-width:88vw;max-height:80vh;object-fit:contain}.fechar-dialog{position:absolute;right:8px;top:0;color:white;background:none;border:0;font-size:28px;cursor:pointer}
/* BLOCO 6 - ADAPTACAO PARA CELULARES */
@media(max-width:900px){.nav>li>a,.nav>li>span,.nav summary{padding:12px 9px;font-size:12px}.atalhos{grid-template-columns:1fr 1fr}.noticias-grid{grid-template-columns:1fr 1fr}.evento{flex-basis:calc((100% - 22px)/2)}.historico{grid-template-columns:1fr}.servicos-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.faixa{flex-wrap:wrap;gap:15px;padding:15px 0}.marca img{width:54px;height:54px}.marca strong{font-size:30px}.marca small{font-size:8px}.busca{order:3;width:100%}.busca input{width:100%}.menu-toggle{display:block}.cabecalho nav{display:none}.cabecalho nav.aberto{display:block}.nav{display:block;padding:5px 0 12px}.nav details>ul{position:static;box-shadow:none;margin:0 0 0 12px;min-width:0}.hero{aspect-ratio:1536/440}.hero>img{top:-20%}.atalhos{gap:12px;padding:18px 0}.atalhos>a{gap:8px}.atalhos span{font-size:27px}.atalhos strong{font-size:14px}.atalhos small{font-size:11px}.noticias-grid{grid-template-columns:1fr}.noticia img{height:220px}.secao{padding-top:28px;padding-bottom:28px}.titulo-secao h1,.titulo-secao h2{font-size:25px}.titulo-secao small{letter-spacing:1px;font-size:9px}.evento{flex-basis:82%}.servicos-grid{grid-template-columns:1fr 1fr;gap:10px}.servico{padding:12px;gap:8px}.servico strong{font-size:12px}.rodape-grid{grid-template-columns:1fr}.galeria-fotos{grid-template-columns:1fr 1fr}.dupla{gap:12px;padding:15px}.dupla img{width:105px;height:140px}.texto{font-size:16px}}

/* ======================================================================
   BLOCO 7 - BRASOES: GOB-MT A ESQUERDA E GOB A DIREITA
   ====================================================================== */
.faixa { gap:20px; }
.marca img { width:170px; height:90px; object-fit:contain; }
.marca-gob { flex:0 0 auto; }
.marca-gob img { display:block; width:82px; height:82px; object-fit:contain; }
.faixa .busca { margin-left:auto; }
@media (max-width:600px) {
    .faixa { gap:10px; }
    .marca { gap:5px; flex:1; min-width:0; }
    .marca img { width:100px; height:60px; }
    .marca strong { font-size:25px; letter-spacing:1px; }
    .marca small { font-size:7px; letter-spacing:1px; }
    .marca-gob img { width:54px; height:54px; }
    .faixa .busca { order:3; margin-left:0; }
    .menu-toggle { order:4; width:100%; }
}

/* ======================================================================
   BLOCO 8 - LOJAS: CARDS COMPACTOS E TITULOS PROPORCIONAIS
   ====================================================================== */
.lojas-publicas .lojas-grid {
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:16px;
    align-items:start;
}
.lojas-publicas .lojas-grid > .card {
    padding:16px 18px;
    min-width:0;
}
.lojas-publicas .lojas-grid h2 {
    font-size:20px;
    line-height:1.3;
    margin:8px 0 10px;
    overflow-wrap:anywhere;
}
.lojas-publicas .lojas-grid small {
    font-size:12px;
    line-height:1.4;
}
.lojas-publicas .lojas-grid p {
    font-size:13px;
    line-height:1.5;
    margin:7px 0;
    overflow-wrap:anywhere;
}
.lojas-publicas .filtros input,
.lojas-publicas .filtros select {
    padding:8px 10px;
    font-size:14px;
}
@media (max-width:900px) {
    .lojas-publicas .lojas-grid { grid-template-columns:repeat(2, minmax(0, 1fr)); }
}
@media (max-width:600px) {
    .lojas-publicas .lojas-grid { grid-template-columns:1fr; gap:12px; }
    .lojas-publicas .lojas-grid h2 { font-size:19px; }
}

/* BLOCO 20 - CONVITES COMPACTOS NO CARROSSEL (HOME E AGENDA) */
.eventos-trilho { display:flex; gap:16px; overflow-x:auto; scroll-snap-type:x mandatory; padding-bottom:10px; align-items:flex-start; }
.eventos-trilho .evento { flex:0 0 calc((100% - 48px)/4); min-width:0; scroll-snap-align:start; }
.eventos-trilho .evento img { display:block; width:100%; height:210px; aspect-ratio:auto; object-fit:contain; background:#f0f3f6; }
.eventos-trilho .card-corpo { padding:10px 12px; }
.eventos-trilho .evento h2,.eventos-trilho .evento h3 { font:700 15px/1.35 Arial,sans-serif; margin:6px 0; }
.eventos-trilho .evento p { font:12px/1.4 Arial,sans-serif; margin:5px 0; }
.evento-sem-convite { height:210px; display:flex; align-items:center; justify-content:center; background:#f0f3f6; color:#63758a; font:12px Arial,sans-serif; }
@media(max-width:900px) { .eventos-trilho .evento { flex-basis:calc((100% - 16px)/2); } }
@media(max-width:600px) { .eventos-trilho .evento { flex-basis:76%; max-width:250px; } }

/* BLOCO 21 - SERVICOS COMPACTOS EM UMA LINHA NO COMPUTADOR */
.servicos-grid { grid-template-columns:repeat(8,minmax(0,1fr)); gap:9px; }
.servicos-grid .servico { min-width:0; min-height:70px; padding:10px 7px; flex-direction:column; justify-content:center; gap:5px; text-align:center; }
.servicos-grid .servico span { font-size:20px; line-height:1; }
.servicos-grid .servico strong { font:600 11px/1.35 Arial,sans-serif; overflow-wrap:anywhere; }
@media(max-width:1000px) { .servicos-grid { grid-template-columns:repeat(4,minmax(0,1fr)); } }
@media(max-width:600px) { .servicos-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }

/* BLOCO 22 - SLOGAN CADASTRADO E REDES SOCIAIS */
.rodape .rodape-slogan { color:#dfbc6b; font:600 13px/1.5 Arial,sans-serif; margin:12px 0; }
.rodape .redes-sociais { display:flex; align-items:center; gap:10px; }
.rodape .redes-sociais a { display:inline-flex; color:#dfbc6b; padding:7px; border:1px solid #ffffff30; border-radius:5px; }
.rodape .redes-sociais a:hover { background:#ffffff15; }

/* BLOCO 23 - ENDERECO INSTITUCIONAL E CONTEUDO DO CONVITE AMPLIADO */
.rodape-endereco { margin-top:20px; border-top:1px solid #ffffff25; padding-top:18px; padding-bottom:4px; font:13px/1.6 Arial,sans-serif; }
.rodape-endereco address { font-style:normal; }
.rodape .rodape-endereco p { margin:5px 0; }
.rodape .rodape-endereco a { margin:0; }
.rodape .rodape-mapa { display:inline-flex; align-items:center; gap:6px; color:#dfbc6b; padding:7px 0; }
#imagem-dialog { overflow:auto; max-height:92vh; }
#imagem-dialog img { display:block; margin:auto; max-height:70vh; object-fit:contain; }
#imagem-dialog .dialog-conteudo { max-width:720px; margin:auto; padding:0 18px; color:#082b48; }
#imagem-dialog .dialog-conteudo:empty { display:none; }
#imagem-dialog .dialog-conteudo p { font:14px/1.6 Arial,sans-serif; overflow-wrap:anywhere; }