/* ============================================================
   Contador One — tema Tabler para PÁGINAS PÚBLICAS
   Complementa c1-tabler-theme.css com a casca institucional
   (topbar, navbar da marca, rodapé escuro, breadcrumb).
   Nunca carregar junto de site.css.
   ============================================================ */
.c1-topbar{background:var(--c1-marrom);color:rgba(255,255,255,.82);font-size:13px}
.c1-topbar .container-fluid{display:flex;align-items:center;gap:16px;min-height:38px;flex-wrap:wrap}
.c1-topbar a{color:rgba(255,255,255,.86);text-decoration:none;display:inline-flex;align-items:center;gap:7px}
.c1-topbar a:hover{color:#fff}
.c1-topbar .sp{flex:1}
.c1-topbar .tbtn{background:none;border:0;color:rgba(255,255,255,.72);display:inline-flex;padding:4px;border-radius:6px;cursor:pointer}
.c1-topbar .tbtn:hover{color:#fff;background:rgba(255,255,255,.1)}
.c1-topbar .sun{display:none}
[data-theme="dark"] .c1-topbar .sun{display:block}
[data-theme="dark"] .c1-topbar .moon{display:none}
@media (max-width:575px){.c1-topbar .hide-sm{display:none}}

.c1-nav{background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:1020}
.c1-nav .navbar{background:transparent;border:0;box-shadow:none;align-items:center}
.c1-nav .navbar-brand{padding:0;margin-right:28px}
.c1-nav .navbar-brand img{height:26px;width:auto;display:block}
.c1-nav .logo-dark{display:none}
[data-theme="dark"] .c1-nav .logo-light{display:none}
[data-theme="dark"] .c1-nav .logo-dark{display:block}
.c1-nav .nav-link{font-size:14.5px;font-weight:500;color:var(--fg-muted);padding:10px 13px;white-space:nowrap}
.c1-nav .nav-link:hover,.c1-nav .nav-link.active{color:var(--brand)}
.c1-nav .navbar-nav{gap:2px}

.c1-foot{background:var(--c1-marrom);color:rgba(255,255,255,.72);padding:56px 0 28px;margin-top:64px}
.c1-foot a{color:rgba(255,255,255,.72);text-decoration:none}
.c1-foot a:hover{color:var(--brand)}
.c1-foot h4{font-size:11px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:rgba(255,255,255,.44);margin:0 0 14px}
.c1-foot .fcol{display:flex;flex-direction:column;gap:9px;font-size:14px}
.c1-foot .flogo{height:26px;width:auto;margin-bottom:14px}
.c1-foot .fsig{font-size:14px;line-height:1.6;color:rgba(255,255,255,.6);max-width:34ch;text-wrap:pretty}
.c1-foot .fbase{border-top:1px solid rgba(255,255,255,.12);margin-top:40px;padding-top:22px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13px;color:rgba(255,255,255,.5)}

a{color:var(--brand)}
a:hover{color:var(--brand-hover,#d65500)}
.c1-eyebrow{display:inline-block;font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--brand)}
.c1-lede{font-size:17px;line-height:1.6;color:var(--fg-muted);max-width:70ch;text-wrap:pretty}
@media (max-width:575px){.c1-lede{font-size:15.5px}}

/* largura total nas páginas públicas Tabler (regra 0 do PADRAO-TABLER) */
.c1-topbar .container-fluid,.c1-nav .container-fluid,.c1-foot .container-fluid,.page-body>.container-fluid{padding-left:24px;padding-right:24px}
@media (min-width:1200px){.c1-topbar .container-fluid,.c1-nav .container-fluid,.c1-foot .container-fluid,.page-body>.container-fluid{padding-left:32px;padding-right:32px}}
@media (min-width:1600px){.c1-topbar .container-fluid,.c1-nav .container-fluid,.c1-foot .container-fluid,.page-body>.container-fluid{padding-left:40px;padding-right:40px}}
/* linhas de texto continuam legíveis mesmo em tela larga */
.c1-lede{max-width:80ch}

/* rodapé: andorinhas das estações, bloco legal, selo de anos, endereços */
.c1-foot .fbird{display:flex;gap:10px;margin-top:18px}
.c1-foot .fbird img{height:22px;width:auto;opacity:.5;transition:opacity .2s}
.c1-foot .fbird img:hover{opacity:1}
.c1-foot .finst{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.12);margin-top:40px;padding-top:26px}
.c1-foot .finst-line{font-size:15px;color:rgba(255,255,255,.8);margin:0}
.c1-foot .finst-line a{color:var(--brand);border-bottom:1px solid transparent}
.c1-foot .finst-line a:hover{border-bottom-color:var(--brand)}
.c1-foot .finst-legal{font-size:13px;line-height:1.6;color:rgba(255,255,255,.5);margin:6px 0 0}
.c1-foot .year-badge{display:inline-flex;align-items:center;gap:12px;flex:none;text-decoration:none}
.c1-foot .yb-num{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;border:2px solid var(--brand);color:var(--brand);font-size:19px;font-weight:700;font-variant-numeric:tabular-nums}
.c1-foot .yb-text{display:flex;flex-direction:column;line-height:1.25}
.c1-foot .yb-text b{font-size:14px;color:#fff}
.c1-foot .yb-text span{font-size:12px;color:rgba(255,255,255,.5)}
.c1-foot .faddr{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:24px 32px;margin-top:34px}
.c1-foot .addr h6{font-size:11px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:var(--brand);margin:0 0 7px}
.c1-foot .addr p{font-size:13.5px;line-height:1.6;color:rgba(255,255,255,.62);margin:0}
.c1-foot .fcol span{color:rgba(255,255,255,.5)}
@media (max-width:575px){.c1-foot .finst{flex-direction:column;align-items:flex-start}}


/* O Tabler compensa a barra de rolagem com html{margin-left:calc(100vw - 100%)},
   o que empurra o documento para dentro e impede topbar/navbar/rodapé de
   alcançarem a borda da janela. Nas páginas públicas a sangria vem antes. */
html{margin-left:0!important;margin-right:0!important}