/* CTEMT — Centro de Treinamento Esportivo Mato Grosso
   Folha de estilo única. Sem frameworks. */

@font-face{font-family:"Big Shoulders";font-style:normal;font-weight:700 900;font-display:swap;src:url(../fonts/big-shoulders.woff2) format("woff2")}
@font-face{font-family:"Public Sans";font-style:normal;font-weight:300 800;font-display:swap;src:url(../fonts/public-sans.woff2) format("woff2")}
@font-face{font-family:"Public Sans";font-style:italic;font-weight:300 800;font-display:swap;src:url(../fonts/public-sans-italic.woff2) format("woff2")}

:root{
  --tinta:#081B44;      /* azul-marinho profundo: fundos escuros */
  --quadra:#072F87;     /* azul da marca (AA sobre branco) */
  --folha:#057D36;      /* verde da tocha */
  --sol:#F9BE03;        /* amarelo do círculo */
  --ceu:#3B6FD4;        /* azul de apoio */
  --chama:#C95F18;      /* laranja da chama */
  --papel:#F3F5FA;
  --linha:#D6DCE8;
  --texto:#16213A;
  --texto-suave:#4B5875;
  --branco:#fff;

  --f-display:"Big Shoulders","Arial Narrow",Impact,sans-serif;
  --f-texto:"Public Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;

  --larg:1180px;
  --raio:6px;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:96px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
body{margin:0;font-family:var(--f-texto);font-size:1.0625rem;line-height:1.6;color:var(--texto);background:var(--branco)}
img{max-width:100%;height:auto;display:block}
a{color:var(--quadra);text-underline-offset:.18em}
a:hover{color:var(--tinta)}
:focus-visible{outline:3px solid var(--chama);outline-offset:3px}
h1,h2,h3,h4{font-family:var(--f-display);font-weight:800;line-height:.98;letter-spacing:.005em;margin:0 0 .5em;color:var(--tinta)}
h2{font-size:clamp(2.2rem,4.6vw,3.6rem)}
h3{font-size:1.65rem;line-height:1.05}
p{margin:0 0 1em}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.pular{position:absolute;left:1rem;top:-4rem;background:var(--sol);color:var(--tinta);padding:.6rem 1rem;z-index:100;font-weight:700}
.pular:focus{top:1rem}
.conteiner{width:min(100% - 2.5rem,var(--larg));margin-inline:auto}
.texto-longo{max-width:68ch}
.texto-longo p{line-height:1.7}

/* ---------- Botões ---------- */
.btn{display:inline-flex;align-items:center;gap:.55rem;font:700 1rem/1 var(--f-texto);padding:.95rem 1.35rem;border-radius:var(--raio);text-decoration:none;border:2px solid transparent;cursor:pointer;transition:background .15s,color .15s,border-color .15s}
.btn svg{width:1.15em;height:1.15em;flex:none}
.btn-sol{background:var(--sol);color:var(--tinta)}
.btn-sol:hover{background:#fff;color:var(--tinta)}
.btn-contorno{border-color:currentColor;color:#fff;background:transparent}
.btn-contorno:hover{background:#fff;color:var(--tinta)}
.btn-quadra{background:var(--quadra);color:#fff}
.btn-quadra:hover{background:var(--tinta);color:#fff}
.btn-whats{background:#25D366;color:#081B44}
.btn-whats:hover{background:#1EBE5A;color:#081B44}
.btn-linha{border-color:var(--linha);color:var(--texto);background:#fff}
.btn-linha:hover{border-color:var(--quadra);color:var(--quadra)}

/* ---------- Cabeçalho ---------- */
.topo{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--linha)}
.topo .conteiner{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;min-height:78px}
.marca{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:var(--tinta)}
.marca img{height:68px;width:auto}
.marca span{font:800 1.05rem/1 var(--f-display);max-width:11ch;display:none}
.menu ul{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:.25rem}
.menu a{display:block;padding:.6rem .8rem;text-decoration:none;color:var(--texto);font-weight:600;font-size:.98rem;border-radius:var(--raio)}
.menu a:hover{background:var(--papel);color:var(--quadra)}
.menu a[aria-current="page"]{color:var(--quadra);box-shadow:inset 0 -3px 0 var(--folha);border-radius:0}
.menu .btn{margin-left:.5rem;padding:.7rem 1rem}
.menu a.btn,.menu a.btn:hover{color:#fff}
.menu a.btn:hover{background:var(--tinta)}
.abre-menu{display:none;background:none;border:2px solid var(--linha);border-radius:var(--raio);padding:.5rem .7rem;font:700 .95rem var(--f-texto);color:var(--texto);cursor:pointer}
@media (max-width:900px){
  .abre-menu{display:inline-flex;align-items:center;gap:.4rem}
  .menu{position:absolute;inset:78px 0 auto 0;background:#fff;border-bottom:1px solid var(--linha);display:none;padding:.5rem 1.25rem 1.25rem}
  .menu.aberto{display:block}
  .menu ul{flex-direction:column;align-items:stretch}
  .menu a[aria-current="page"]{box-shadow:inset 3px 0 0 var(--folha)}
  .menu .btn{margin:.5rem 0 0;justify-content:center}
}

/* ---------- Hero ---------- */
.hero{position:relative;background:var(--tinta);color:#E8ECF6;overflow:hidden;isolation:isolate}
.hero .quadra-bg{position:absolute;inset:0;z-index:-1;width:100%;height:100%;opacity:.16}
.hero-grade{display:grid;grid-template-columns:1.15fr .85fr;gap:3.5rem;align-items:center;padding:5.5rem 0 4.5rem}
.hero h1{color:#fff;font-size:clamp(3.2rem,8.2vw,6.6rem);line-height:.9;margin-bottom:1.5rem;letter-spacing:-.005em}
.hero h1 .linha-sol{display:block;color:var(--sol)}
.hero .lide{font-size:1.15rem;max-width:52ch;color:#C8D1E6;margin-bottom:2rem}
.hero .acoes{display:flex;flex-wrap:wrap;gap:.8rem}
@media (max-width:900px){.hero-grade{grid-template-columns:1fr;gap:2.5rem;padding:3.5rem 0 3rem}}

/* Placar da transparência: o elemento-assinatura do site */
.placar{background:#041029;border:2px solid #23407E;border-radius:10px;padding:1.4rem 1.5rem 1.2rem;box-shadow:0 0 0 6px #06142F,0 30px 60px -30px rgba(0,0,0,.7)}
.placar-titulo{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;border-bottom:1px dashed #2E4A8C;padding-bottom:.8rem;margin-bottom:.4rem;font-size:.92rem;color:#9DAACB}
.placar-titulo strong{font:800 1.25rem/1 var(--f-display);color:#fff;letter-spacing:.02em}
.placar dl{margin:0}
.placar .linha-placar{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:.75rem 0;border-bottom:1px dashed #1C3570}
.placar dt{font-size:.95rem;color:#B3C0DD;max-width:18ch;line-height:1.3}
.placar dd{margin:0;font:800 clamp(2.4rem,5vw,3.4rem)/1 var(--f-display);color:var(--sol);font-variant-numeric:tabular-nums;text-shadow:0 0 18px rgba(249,190,3,.25);white-space:nowrap}
.placar dd small{font-size:.5em;color:#FCE59A;margin-right:.15em}
.placar dd.verde{color:#5BE39A;text-shadow:0 0 18px rgba(91,227,154,.25)}
.placar-rodape{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding-top:1rem;font-size:.85rem;color:#8D9BBD}
.placar-rodape a{color:#fff;font-weight:700}

.arquibancada{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;background:var(--tinta)}
.arquibancada img{width:100%;height:210px;object-fit:cover}
@media (max-width:760px){.arquibancada{grid-template-columns:repeat(3,1fr)}.arquibancada img{height:130px}.arquibancada img:nth-child(n+4){display:none}}

/* ---------- Seções ---------- */
.secao{padding:clamp(3.5rem,8vw,6.5rem) 0}
.secao-papel{background:var(--papel)}
.cabeca-secao{display:flex;justify-content:space-between;align-items:end;gap:2rem;flex-wrap:wrap;margin-bottom:2.5rem}
.cabeca-secao h2{margin:0}
.cabeca-secao p{max-width:52ch;margin:0;color:var(--texto-suave)}

/* Sobre + abas */
.sobre-grade{display:grid;grid-template-columns:.9fr 1.1fr;gap:4rem;align-items:start}
@media (max-width:900px){.sobre-grade{grid-template-columns:1fr;gap:2rem}}
.abas{border:1px solid var(--linha);border-radius:10px;background:#fff;overflow:hidden}
.abas [role="tablist"]{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--linha)}
.abas [role="tab"]{background:none;border:0;padding:1rem .75rem;font:700 .98rem/1.25 var(--f-texto);color:var(--texto-suave);cursor:pointer;border-bottom:3px solid transparent;text-align:center}
@media (max-width:480px){.abas [role="tab"]{font-size:.88rem;padding:.85rem .4rem}}
.abas [role="tab"][aria-selected="true"]{color:var(--quadra);border-bottom-color:var(--folha)}
.abas [role="tab"]:hover{color:var(--tinta)}
.abas [role="tabpanel"]{padding:1.6rem 1.7rem .6rem}
.abas [role="tabpanel"] p{color:var(--texto)}

.modalidades{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:3.5rem}
.modalidades figure{margin:0;position:relative;border-radius:var(--raio);overflow:hidden;background:var(--tinta)}
.modalidades img{width:100%;aspect-ratio:3/4;object-fit:cover;opacity:.92}
.modalidades figcaption{position:absolute;left:0;right:0;bottom:0;padding:2.5rem 1rem .9rem;background:linear-gradient(transparent,rgba(4,14,36,.9));color:#fff;font:800 1.6rem/1 var(--f-display)}
@media (max-width:760px){.modalidades{grid-template-columns:repeat(2,1fr)}}

/* Cards de projeto */
.grade-projetos{list-style:none;padding:0;margin:0 0 2rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:1.6rem 1.4rem}
.card-projeto{display:flex;flex-direction:column;text-decoration:none;color:var(--texto);background:#fff;border-top:4px solid var(--folha)}
.card-projeto .capa{aspect-ratio:4/3;overflow:hidden;background:var(--papel)}
.card-projeto .capa img{width:100%;height:100%;object-fit:cover;transition:transform .35s}
.card-projeto:hover .capa img{transform:scale(1.035)}
.card-projeto .capa-vazia{position:relative;display:grid;place-items:center;background:var(--tinta);background-image:linear-gradient(rgba(255,255,255,.07) 2px,transparent 2px),linear-gradient(90deg,rgba(255,255,255,.07) 2px,transparent 2px);background-size:100% 50%,50% 100%;background-position:0 -1px,-1px 0}
.card-projeto .capa-vazia img{width:34%;height:auto;object-fit:contain;transition:transform .35s}
.card-projeto:hover .capa-vazia img{transform:scale(1.06)}
.card-projeto .capa-vazia span{position:absolute;right:.9rem;bottom:.6rem;font:800 1.6rem/1 var(--f-display);color:rgba(255,255,255,.35)}
.card-projeto .meta .selo{font-size:.72rem;padding:.12rem .5rem}
.aviso-andamento{border-left:5px solid var(--sol);background:#FEF8E0;padding:1rem 1.2rem;border-radius:0 10px 10px 0;max-width:68ch;margin-bottom:1.8rem}
.card-projeto .corpo{padding:1rem 0 .4rem}
.card-projeto h3{margin:.35rem 0 .45rem;transition:color .15s}
.card-projeto:hover h3{color:var(--quadra)}
.card-projeto .meta{font-size:.88rem;color:var(--texto-suave);display:flex;flex-wrap:wrap;gap:.25rem .9rem}
.card-projeto .meta b{color:var(--texto);font-weight:600;font-variant-numeric:tabular-nums}
.card-projeto[data-cor="1"]{border-top-color:var(--sol)}
.card-projeto[data-cor="2"]{border-top-color:var(--ceu)}
.card-projeto[data-cor="3"]{border-top-color:var(--chama)}
.secao-papel .card-projeto{background:transparent}

/* Filtros */
.filtros{display:flex;flex-wrap:wrap;gap:.75rem;align-items:end;margin-bottom:2rem;padding:1.1rem;background:var(--papel);border-radius:10px}
.filtros label{display:flex;flex-direction:column;gap:.3rem;font-size:.85rem;font-weight:700;color:var(--texto-suave)}
.filtros input,.filtros select{font:inherit;font-size:1rem;padding:.65rem .75rem;border:1px solid #B7C0D4;border-radius:var(--raio);background:#fff;color:var(--texto);min-width:11rem}
.filtros input[type="search"]{min-width:min(22rem,100%)}
.filtros .grow{flex:1 1 16rem}
.filtros .grow input{width:100%}
.contagem{font-size:.95rem;color:var(--texto-suave);margin:0 0 1rem}
.vazio{padding:2.5rem;text-align:center;background:var(--papel);border-radius:10px}

/* Faixa transparência */
.faixa-transp{background:var(--folha);color:#E9F4EC}
.faixa-transp h2{color:#fff}
.faixa-transp .grade{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start}
.atalhos{display:grid;gap:.8rem}
.atalho{display:flex;gap:1rem;align-items:flex-start;padding:1.1rem 1.2rem;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:10px;color:#fff;text-decoration:none}
.atalho:hover{background:rgba(255,255,255,.16);color:#fff}
.atalho svg{width:28px;height:28px;flex:none;color:var(--sol);margin-top:.15rem}
.atalho strong{display:block;font:800 1.35rem/1.05 var(--f-display);margin-bottom:.2rem}
.atalho span{font-size:.93rem;color:#CFE3D6}
@media (max-width:900px){.faixa-transp .grade{grid-template-columns:1fr;gap:2rem}}

/* Instagram */
.chamada-insta{display:flex;justify-content:space-between;align-items:center;gap:2rem;flex-wrap:wrap}
.chamada-insta p{margin:0;max-width:50ch;color:var(--texto-suave)}
.chamada-insta h2{margin-bottom:.3rem}

/* ---------- Páginas internas ---------- */
.cabeca-pagina{background:var(--tinta);color:#C8D1E6;padding:3.5rem 0 3rem;position:relative;overflow:hidden;isolation:isolate}
.cabeca-pagina .quadra-bg{position:absolute;inset:0;z-index:-1;width:100%;height:100%;opacity:.12}
.cabeca-pagina h1{color:#fff;font-size:clamp(2.6rem,6.5vw,5rem);line-height:.92;margin:.4rem 0 .8rem;max-width:20ch}
.cabeca-pagina p{max-width:60ch;margin:0;font-size:1.1rem}
.trilha{font-size:.9rem;color:#9DAACB}
.trilha a{color:#DDE3F2}
.trilha ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.4rem}
.trilha li+li::before{content:"/";margin-right:.4rem;color:#5F6F96}

/* Projeto */
.projeto-grade{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:3.5rem;align-items:start}
@media (max-width:980px){.projeto-grade{grid-template-columns:1fr;gap:2rem}}
.ficha{position:sticky;top:100px;background:var(--papel);border-radius:10px;padding:1.4rem 1.5rem;border-left:5px solid var(--folha)}
.ficha h2{font-size:1.5rem;margin-bottom:.2rem}
.ficha .base-legal{font-size:.82rem;color:var(--texto-suave);margin-bottom:1rem}
.ficha dl{margin:0;display:grid;gap:.85rem}
.ficha dt{font-size:.8rem;font-weight:700;color:var(--texto-suave)}
.ficha dd{margin:0;font-weight:600;font-variant-numeric:tabular-nums}
.ficha dd.valor{font:800 2rem/1 var(--f-display);color:var(--quadra)}
.ficha .objeto{font-weight:400;font-size:.95rem;line-height:1.5}
.ficha .btn{margin-top:1.2rem;width:100%;justify-content:center}
@media (max-width:980px){.ficha{position:static}}
.logo-projeto{max-height:120px;width:auto;margin-bottom:1.5rem;border-radius:var(--raio)}
.capa-projeto{width:100%;max-height:520px;object-fit:cover;border-radius:10px;margin-bottom:2rem}

.lista-entidades{columns:2 18rem;column-gap:2.5rem;padding:0;list-style:none;margin:0 0 2rem}
.lista-entidades li{break-inside:avoid;padding:.55rem 0;border-bottom:1px solid var(--linha)}
.lista-entidades li span{color:var(--texto-suave)}
.grade-escolinhas{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:1rem;margin-bottom:2rem}
.grade-escolinhas figure{margin:0}
.grade-escolinhas img{aspect-ratio:3/4;object-fit:cover;border-radius:var(--raio);width:100%}
.grade-escolinhas figcaption{font-size:.9rem;margin-top:.45rem;line-height:1.35}
.parques{display:flex;flex-wrap:wrap;gap:.6rem;list-style:none;padding:0;margin:0 0 2rem}
.parques li{background:var(--papel);border:1px solid var(--linha);border-radius:99px;padding:.5rem 1rem;font-weight:600}

.galeria{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.5rem}
.galeria a{display:block;aspect-ratio:1;overflow:hidden;border-radius:4px;background:var(--papel)}
.galeria img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.galeria a:hover img{transform:scale(1.05)}

.navega-projetos{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:3rem;border-top:1px solid var(--linha);padding-top:1.5rem}
.navega-projetos a{text-decoration:none;color:var(--texto)}
.navega-projetos a span{display:block;font-size:.85rem;color:var(--texto-suave)}
.navega-projetos a strong{font:800 1.3rem/1.1 var(--f-display)}
.navega-projetos a:hover strong{color:var(--quadra)}
.navega-projetos .prox{text-align:right}

/* Visualizador de fotos */
.visor{border:0;padding:0;background:transparent;max-width:100vw;max-height:100vh;width:100vw;height:100vh}
.visor::backdrop{background:rgba(4,12,30,.94)}
.visor figure{margin:0;height:100%;display:grid;place-items:center;padding:3.5rem 4.5rem}
.visor img{max-width:100%;max-height:calc(100vh - 7rem);object-fit:contain}
.visor figcaption{position:fixed;bottom:1rem;left:0;right:0;text-align:center;color:#C8D1E6;font-size:.9rem}
.visor button{position:fixed;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:99px;width:48px;height:48px;font-size:1.4rem;cursor:pointer;display:grid;place-items:center}
.visor button:hover{background:rgba(255,255,255,.25)}
.visor .fechar{top:1rem;right:1rem}
.visor .ant{left:1rem;top:50%;transform:translateY(-50%)}
.visor .prox{right:1rem;top:50%;transform:translateY(-50%)}
@media (max-width:600px){.visor figure{padding:3.5rem .5rem}.visor .ant,.visor .prox{top:auto;bottom:3rem;transform:none}}

/* Institucional */
.pilares{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem}
.pilares article{border-top:4px solid var(--folha);padding-top:1.1rem}
.pilares article:nth-child(2){border-top-color:var(--sol)}
.pilares article:nth-child(3){border-top-color:var(--ceu)}
@media (max-width:900px){.pilares{grid-template-columns:1fr}}
.diretoria h3{font-size:1.5rem;margin:0 0 1rem}
.membros{list-style:none;margin:0 0 2.5rem;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}
.membros li{background:#fff;border-radius:10px;padding:1.1rem 1.2rem 1.2rem;border-top:4px solid var(--folha)}
.membros li:nth-child(4n+2){border-top-color:var(--sol)}
.membros li:nth-child(4n+3){border-top-color:var(--ceu)}
.membros li:nth-child(4n+4){border-top-color:var(--chama)}
.membros span{display:block;font-size:.85rem;font-weight:700;color:var(--texto-suave);margin-bottom:.3rem}
.membros strong{display:block;font:800 1.55rem/1.05 var(--f-display);color:var(--tinta)}
.docs{display:grid;gap:.8rem;max-width:760px}
.doc{display:flex;align-items:center;gap:1rem;padding:1rem 1.2rem;border:1px solid var(--linha);border-radius:10px;text-decoration:none;color:var(--texto);background:#fff}
.doc:hover{border-color:var(--quadra)}
.doc svg{width:34px;height:34px;color:var(--quadra);flex:none}
.doc strong{display:block;font-size:1.05rem}
.doc span{font-size:.9rem;color:var(--texto-suave)}
.doc em{margin-left:auto;font-style:normal;font-weight:700;color:var(--quadra);white-space:nowrap}

/* ---------- Relatório de convênios ---------- */
.aviso-legal{border-left:5px solid var(--sol);background:#FEF8E0;padding:1.1rem 1.3rem;border-radius:0 10px 10px 0;margin-bottom:2rem;max-width:80ch}
.aviso-legal p:last-child{margin:0}
.resumo{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--linha);border:1px solid var(--linha);border-radius:10px;overflow:hidden;margin-bottom:2rem}
.resumo div{background:#fff;padding:1.1rem 1.2rem}
.resumo dt{font-size:.85rem;color:var(--texto-suave);font-weight:600}
.resumo dd{margin:.3rem 0 0;font:800 2.1rem/1 var(--f-display);color:var(--tinta);font-variant-numeric:tabular-nums}
@media (max-width:760px){.resumo{grid-template-columns:1fr 1fr}}
.barra-acoes{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:space-between;align-items:center;margin-bottom:1rem}
.barra-acoes .grupo{display:flex;gap:.6rem;flex-wrap:wrap}
.barra-acoes .btn{padding:.65rem 1rem;font-size:.93rem}
.tabela-rolagem{overflow-x:auto;border:1px solid var(--linha);border-radius:10px}
table.convenios{width:100%;border-collapse:collapse;font-size:.95rem;min-width:900px}
.convenios caption{text-align:left;padding:.9rem 1rem;font-weight:700;background:var(--papel);border-bottom:1px solid var(--linha)}
.convenios th,.convenios td{padding:.85rem .9rem;text-align:left;vertical-align:top;border-bottom:1px solid var(--linha)}
.convenios thead th{background:var(--tinta);color:#fff;font-size:.85rem;white-space:nowrap;position:sticky;top:0}
.convenios thead th button{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:.35rem}
.convenios thead th button:focus-visible{outline:2px solid var(--sol);outline-offset:3px}
.convenios thead th button::after{content:"↕";opacity:.45;font-size:.85em}
.convenios thead th[aria-sort="ascending"] button::after{content:"↑";opacity:1;color:var(--sol)}
.convenios thead th[aria-sort="descending"] button::after{content:"↓";opacity:1;color:var(--sol)}
.convenios tbody tr:nth-child(even){background:#FAFBFD}
.convenios tbody tr:hover{background:#EEF2FA}
.convenios .num{font-variant-numeric:tabular-nums;white-space:nowrap}
.convenios .valor{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}
.convenios th.valor{text-align:right}
.convenios .objeto{max-width:46ch}
.convenios .objeto p{margin:0}
.convenios .mais{background:none;border:0;padding:0;margin-top:.3rem;color:var(--quadra);font:700 .88rem var(--f-texto);cursor:pointer;text-decoration:underline;text-underline-offset:.18em}
.convenios .link-proj{display:inline-block;margin-top:.35rem;font-size:.88rem;font-weight:700}
.convenios tfoot td{font-weight:800;background:var(--papel);border-bottom:0}
.selo{display:inline-block;padding:.2rem .6rem;border-radius:99px;font-size:.8rem;font-weight:700;white-space:nowrap}
.selo-vigente{background:var(--sol);color:var(--tinta)}
.selo-encerrado{background:#E3E7F0;color:#3E4A66}
@media (max-width:760px){
  table.convenios{min-width:0}
  .convenios thead{display:none}
  .convenios tbody tr{display:block;padding:1rem;border-bottom:1px solid var(--linha)}
  .convenios tbody td{display:block;border:0;padding:.2rem 0}
  .convenios tbody td[data-rotulo]::before{content:attr(data-rotulo);display:block;font-size:.75rem;font-weight:700;color:var(--texto-suave)}
  .convenios tbody td.valor{text-align:left;font:800 1.6rem/1.1 var(--f-display);color:var(--quadra)}
  .convenios tfoot tr{display:block;padding:1rem}
  .convenios tfoot td{display:inline;padding:0}
  .tabela-rolagem{border-radius:10px}
}
.nota-tabela{font-size:.88rem;color:var(--texto-suave);margin-top:1rem;max-width:80ch}

.canal{display:grid;grid-template-columns:1.1fr .9fr;gap:3rem;align-items:start}
@media (max-width:900px){.canal{grid-template-columns:1fr;gap:1.5rem}}
.canal .caixa{background:var(--tinta);color:#C8D1E6;border-radius:10px;padding:1.6rem}
.canal .caixa h3{color:#fff}
.canal .caixa .btn{margin:.4rem .4rem 0 0}

/* ---------- Rodapé ---------- */
.rodape{background:var(--tinta);color:#B8C3DD;padding:4rem 0 0;font-size:.97rem}
.rodape .logo-rodape{height:84px;width:auto;margin-bottom:1.4rem}
.rodape h2{color:#fff;font-size:clamp(2rem,4vw,2.8rem)}
.rodape h3{color:#fff;font-size:1.3rem;margin-bottom:.7rem}
.rodape a{color:#fff}
.rodape a:hover{color:var(--sol)}
.rodape-grade{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:2.5rem;padding-bottom:3rem}
.rodape address{font-style:normal}
.rodape ul{list-style:none;padding:0;margin:0;display:grid;gap:.4rem}
.rodape .contato-acoes{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.2rem}
.rodape .contato-acoes .btn-contorno{border-color:rgba(255,255,255,.4)}
.rodape-base{border-top:1px solid #1E3468;padding:1.3rem 0;font-size:.86rem;color:#8593B5;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}
@media (max-width:900px){.rodape-grade{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.rodape-grade{grid-template-columns:1fr}}

/* 404 */
.erro{min-height:60vh;display:grid;place-items:center;text-align:center}
.erro .codigo{font:900 clamp(6rem,20vw,11rem)/1 var(--f-display);color:var(--sol);text-shadow:0 0 30px rgba(249,190,3,.3)}

/* ---------- Impressão (relatório) ---------- */
@media print{
  .topo,.rodape,.filtros,.barra-acoes,.pular,.hero .acoes,.cabeca-pagina .quadra-bg,.canal,.nao-imprimir{display:none!important}
  body{font-size:10pt;color:#000}
  .cabeca-pagina{background:none;color:#000;padding:0 0 1rem}
  .cabeca-pagina h1,.trilha a{color:#000}
  .tabela-rolagem{overflow:visible;border:0}
  table.convenios{min-width:0;font-size:8.5pt}
  .convenios thead th{background:#eee!important;color:#000;position:static}
  .convenios thead th button::after{content:""}
  .convenios .mais{display:none}
  .convenios .objeto .resto{display:inline!important}
  .convenios tr{break-inside:avoid}
  .secao{padding:1rem 0}
  a{color:#000;text-decoration:none}
}