:root {
--pcc-verde-900: #0E2E18;
--pcc-verde-700: #123A1F;
--pcc-verde-500: #1A5C2E;
--pcc-amarelo:   #F5D020;
--pcc-creme:     #FAF7EF;
--pcc-areia:     #EDE7D6;
--pcc-display: 'Arial Black', 'Archivo Black', Impact, 'Roboto Condensed', system-ui, sans-serif;
--pcc-corpo:   system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
--pcc-mono:    ui-monospace, SFMono-Regular, Consolas, 'Roboto Mono', monospace; --pcc-max:       720px;
--pcc-max-largo: 1100px;  --pcc-fs-h1:         clamp(30px, 4.85vw, 61px);
--pcc-fs-h2:         clamp(26px, 4.41vw, 55px); --pcc-fs-corpo:      clamp(16px, 0.4375rem + 1.5625vw, 27px);
--pcc-fs-subtitulo:  clamp(17px, 0.4688rem + 1.3672vw, 25px);
--pcc-fs-botao:      clamp(15px, 0.375rem + 1.5625vw, 26px);
--pcc-fs-botao-hero: clamp(16px, 2.85vw, 37px); --pcc-espaco-secao: clamp(40px, 4.70vw, 62px);
--pcc-espaco-bloco: clamp(16px, 3.20vw, 42px);
} .pcc-page,
.pcc-page * {
box-sizing: border-box;
}
.pcc-page {
margin: 0;
padding: 0;
background: var(--pcc-creme);
color: var(--pcc-verde-900);
font-family: var(--pcc-corpo);
font-size: 16px;
line-height: 1.5;
-webkit-text-size-adjust: 100%;
}
.pcc-page img {
max-width: 100%;
height: auto;
display: block;
}
.pcc-page h1,
.pcc-page h2,
.pcc-page h3,
.pcc-page p,
.pcc-page ul {
margin: 0;
padding: 0;
}
.pcc-page ul {
list-style: none;
}
.pcc-main {
display: block;
}
.pcc-largura {
width: 100%;
max-width: var(--pcc-max);
margin: 0 auto;
padding: 0 20px;
}
.pcc-largura--larga {
max-width: var(--pcc-max-largo);
} .pcc-page a:focus-visible,
.pcc-page button:focus-visible,
.pcc-page summary:focus-visible,
.pcc-page input:focus-visible {
outline: 3px solid var(--pcc-verde-500);
outline-offset: 2px;
}
.pcc-secao--escura a:focus-visible,
.pcc-secao--escura button:focus-visible,
.pcc-hero a:focus-visible,
.pcc-municipio[open] > summary:focus-visible {
outline-color: var(--pcc-amarelo);
} .pcc-botao {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
min-height: 48px;
padding: 0.55em 1.5em;
border: 3px solid transparent;
border-radius: 999px;
font-family: var(--pcc-corpo);
font-size: var(--pcc-fs-botao);
font-weight: 800;
line-height: 1.2;
text-align: center;
text-decoration: none;
cursor: pointer;
transition: background-color 120ms linear, color 120ms linear, border-color 120ms linear;
} .pcc-botao--amarelo {
background: var(--pcc-amarelo);
color: var(--pcc-verde-900);
}
.pcc-botao--amarelo:hover,
.pcc-botao--amarelo:focus-visible {
background: #FFE45C;
}
.pcc-botao--verde {
background: var(--pcc-verde-500);
color: var(--pcc-creme);
}
.pcc-botao--verde:hover,
.pcc-botao--verde:focus-visible {
background: var(--pcc-verde-700);
}
.pcc-botao--contorno {
background: transparent;
color: var(--pcc-verde-900);
border-color: var(--pcc-verde-900);
padding: 10px 20px;
}
.pcc-botao--contorno:hover,
.pcc-botao--contorno:focus-visible {
background: var(--pcc-verde-900);
color: var(--pcc-creme);
}
.pcc-botao--desabilitado {
background: var(--pcc-areia);
color: var(--pcc-verde-900);
opacity: 0.6;
cursor: default;
} .pcc-hero {
position: relative;
display: flex;
align-items: flex-end;
width: 100%;
height: clamp(55vh, 62vw, 80vh);
background: var(--pcc-verde-900);
color: var(--pcc-creme);
text-align: center;
overflow: hidden;
} @media (max-width: 479px) {
.pcc-hero {
height: 390px;
}
}
.pcc-hero__fundo {
position: absolute;
inset: 0;
z-index: 0;
} .pcc-hero__fundo img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: 15% top;
} .pcc-hero__faixa {
position: relative;
z-index: 1;
width: 100%;
padding-top: var(--pcc-espaco-secao);
padding-bottom: var(--pcc-espaco-secao);
background: rgba(14, 46, 24, 0.72);
} .pcc-hero--sem-imagem {
height: auto;
}
.pcc-hero--sem-imagem .pcc-hero__faixa {
background: transparent;
} .pcc-page .pcc-hero__titulo {
font-family: var(--pcc-display);
font-weight: 900;
font-size: var(--pcc-fs-h1);
line-height: 0.97;
letter-spacing: -0.02em;
text-transform: uppercase;
margin-bottom: var(--pcc-espaco-bloco);
}
.pcc-page .pcc-hero__subtitulo {
font-weight: 800;
font-size: var(--pcc-fs-subtitulo);
line-height: 1.33;
margin-bottom: var(--pcc-espaco-bloco);
}
.pcc-hero .pcc-botao {
font-size: var(--pcc-fs-botao-hero);
} .pcc-secao {
padding: var(--pcc-espaco-secao) 0;
text-align: center;
}
.pcc-secao--clara {
background: var(--pcc-creme);
color: var(--pcc-verde-900);
}
.pcc-secao--escura {
background: var(--pcc-verde-700);
color: var(--pcc-creme);
} .pcc-page .pcc-secao__titulo {
font-family: var(--pcc-display);
font-weight: 900;
font-size: var(--pcc-fs-h2);
line-height: 0.97;
letter-spacing: -0.02em;
text-transform: uppercase;
margin-bottom: var(--pcc-espaco-bloco);
}
.pcc-page .pcc-secao__texto {
font-size: var(--pcc-fs-corpo);
line-height: 1.33;
margin-bottom: var(--pcc-espaco-bloco);
} .pcc-diretorio {
background: var(--pcc-areia);
padding: 44px 0 56px;
}
.pcc-diretorio__titulo {
font-family: var(--pcc-display);
font-weight: 900;
font-size: clamp(24px, 6.5vw, 36px);
line-height: 1.05;
letter-spacing: -0.02em;
text-transform: uppercase;
text-align: center;
color: var(--pcc-verde-900);
margin-bottom: 20px;
}
.pcc-busca {
margin-bottom: 12px;
}
.pcc-busca__campo {
width: 100%;
min-height: 48px;
padding: 12px 16px;
border: 3px solid var(--pcc-verde-900);
border-radius: 4px;
background: var(--pcc-creme);
color: var(--pcc-verde-900);
font-family: var(--pcc-corpo);
font-size: 16px; }
.pcc-busca__rotulo {
display: block;
font-weight: 700;
font-size: 14px;
margin-bottom: 6px;
color: var(--pcc-verde-900);
}
.pcc-busca__status {
font-family: var(--pcc-mono);
font-size: 13px;
margin-bottom: 12px;
color: var(--pcc-verde-900);
}
.pcc-vazio-total {
text-align: center;
color: var(--pcc-verde-900);
} .pcc-municipio {
border-bottom: 2px solid var(--pcc-areia);
background: var(--pcc-verde-700);
}
.pcc-municipio__cabecalho {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
min-height: 56px;
padding: 14px 18px;
background: var(--pcc-verde-700);
color: var(--pcc-creme);
font-weight: 700;
font-size: 16px;
cursor: pointer;
list-style: none;
transition: background-color 120ms linear, color 120ms linear;
}
.pcc-municipio__cabecalho::-webkit-details-marker {
display: none;
} .pcc-municipio--vazio > .pcc-municipio__cabecalho {
background: var(--pcc-areia);
color: rgba(14, 46, 24, 0.6);
} .pcc-municipio[open] > .pcc-municipio__cabecalho,
.pcc-municipio--vazio[open] > .pcc-municipio__cabecalho {
background: var(--pcc-amarelo);
color: var(--pcc-verde-900);
}
.pcc-municipio__nome {
flex: 1 1 auto;
text-align: left;
}
.pcc-municipio__contagem,
.pcc-municipio__selo {
flex: 0 0 auto;
font-family: var(--pcc-mono);
font-size: 13px;
white-space: nowrap;
}
.pcc-municipio__conteudo {
background: var(--pcc-creme);
padding: 16px 18px 20px;
}
.pcc-municipio__convite {
color: var(--pcc-verde-900);
margin-bottom: 14px;
}
.pcc-botao--convite {
font-size: 13px;
padding: 10px 20px;
} .pcc-municipio {
interpolate-size: allow-keywords;
}
.pcc-municipio::details-content {
block-size: 0;
overflow: hidden;
transition: block-size 220ms ease, content-visibility 220ms allow-discrete;
}
.pcc-municipio[open]::details-content {
block-size: auto;
} .pcc-pontos__item + .pcc-pontos__item {
margin-top: 16px;
padding-top: 16px;
border-top: 2px solid var(--pcc-areia);
}
.pcc-ponto__responsavel {
font-family: var(--pcc-display);
font-weight: 900;
font-size: clamp(20px, 5.5vw, 26px);
line-height: 1.1;
letter-spacing: -0.02em;
text-transform: uppercase;
color: var(--pcc-verde-900);
margin-bottom: 4px;
}
.pcc-ponto__endereco {
font-size: 15px;
color: var(--pcc-verde-900);
}
.pcc-ponto__local {
font-size: 13px;
color: rgba(14, 46, 24, 0.75);
margin-bottom: 12px;
} .pcc-ponto__numero {
font-family: var(--pcc-mono);
font-size: 14px;
color: var(--pcc-verde-900);
white-space: nowrap;
margin-bottom: 12px;
}
.pcc-ponto__acoes {
display: flex;
flex-direction: column;
gap: 8px;
align-items: stretch;
}
.pcc-ponto__acoes .pcc-botao--principal {
width: 100%;
} .pcc-ponto__acoes-secundarias {
display: flex;
gap: 8px;
align-items: stretch;
}
.pcc-ponto__acoes-secundarias .pcc-botao {
flex: 1 1 0;
} .pcc-ponto__copiar {
align-self: flex-start;
min-height: 44px;
padding: 10px 4px;
border: 0;
background: none;
color: var(--pcc-verde-500);
font-family: var(--pcc-corpo);
font-size: 14px;
font-weight: 700;
text-decoration: underline;
cursor: pointer;
}
.pcc-ponto__copiar[hidden] {
display: none;
} .pcc-rodape {
background: var(--pcc-verde-900);
color: var(--pcc-creme);
padding: 32px 0;
text-align: center;
font-size: 13px;
line-height: 1.6;
} .pcc-pendencia {
display: inline-block;
background: var(--pcc-amarelo);
color: var(--pcc-verde-900);
padding: 4px 10px;
border-radius: 2px;
font-family: var(--pcc-mono);
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.02em;
} .pcc-municipio[hidden] {
display: none;
} @media (min-width: 600px) {
.pcc-hero__fundo img {
object-position: center top;
}
} @media (prefers-reduced-motion: reduce) {
.pcc-page *,
.pcc-municipio::details-content,
.pcc-municipio__cabecalho,
.pcc-botao {
transition: none !important;
animation: none !important;
}
}