/* GERADO por build/gerar_acessivel.py a partir do site.css. Nao editar a mao. */
html.fonte-sistema { --fs-base: 16; }
/* Safari (iPhone/iPad): o tamanho base passa a ser o do ajuste "Tamanho do
   Texto" do sistema. No padrao ele vale 17px, por isso a conta divide por 17. */
@supports (font: -apple-system-body) {
  html.fonte-sistema { font: -apple-system-body; --fs-base: 17; }
}
html.fonte-sistema body { font-family: var(--fonte); }
/* com letra grande, texto comprido quebra em vez de vazar */
html.fonte-sistema h1, html.fonte-sistema h2, html.fonte-sistema .nome { overflow-wrap: anywhere; }
/* a capa da radio cresce junto com a letra, senao fica pequena perto do nome */
@media (max-width: 640px) {
  /* com teto de 30% da tela: em celular estreito com letra maxima o nome ficava sem espaco */
  html.fonte-sistema .ficha { grid-template-columns: min(calc(84 / var(--fs-base) * 1rem), 30vw) minmax(0, 1fr); }
  html.fonte-sistema .ficha > .arte { width: min(calc(84 / var(--fs-base) * 1rem), 30vw); height: min(calc(84 / var(--fs-base) * 1rem), 30vw); }
}
html.fonte-sistema .botao, html.fonte-sistema .aviso-app .ir { white-space: normal; text-align: center;
  padding-top: .45em; padding-bottom: .45em; line-height: 1.2; }
html.fonte-sistema body { font-size: calc(15 / var(--fs-base) * 1rem); }
html.fonte-sistema .marca b { font-size: calc(17 / var(--fs-base) * 1rem); }
html.fonte-sistema .nav-topo a { font-size: calc(13.5 / var(--fs-base) * 1rem); }
html.fonte-sistema .busca-topo input { height: auto; min-height: 38px; font-size: calc(14 / var(--fs-base) * 1rem); }
html.fonte-sistema .acao-topo { height: auto; min-height: 38px; }
html.fonte-sistema .sugestoes .s-nome { font-size: calc(14 / var(--fs-base) * 1rem); }
html.fonte-sistema .sugestoes .s-meta { font-size: calc(12 / var(--fs-base) * 1rem); }
html.fonte-sistema h1 { font-size: calc(28 / var(--fs-base) * 1rem); }
html.fonte-sistema h2 { font-size: calc(17 / var(--fs-base) * 1rem); }
html.fonte-sistema .secao-topo .mais { font-size: calc(13 / var(--fs-base) * 1rem); }
html.fonte-sistema .sub { font-size: calc(14.5 / var(--fs-base) * 1rem); }
html.fonte-sistema .titulo-bloco { font-size: calc(18 / var(--fs-base) * 1rem); }
html.fonte-sistema .titulo-menor { font-size: calc(12 / var(--fs-base) * 1rem); }
html.fonte-sistema .cartao .nome { font-size: calc(12 / var(--fs-base) * 1rem); }
html.fonte-sistema .cartao .meta { font-size: calc(10.5 / var(--fs-base) * 1rem); }
html.fonte-sistema .linha .l-nome { font-size: calc(14 / var(--fs-base) * 1rem); }
html.fonte-sistema .linha .l-meta { font-size: calc(12.5 / var(--fs-base) * 1rem); }
html.fonte-sistema .linha .l-freq { font-size: calc(12.5 / var(--fs-base) * 1rem); }
html.fonte-sistema .linha .botao-toca { height: auto; min-height: 38px; }
html.fonte-sistema .tile-cat { font-size: calc(13 / var(--fs-base) * 1rem); }
html.fonte-sistema .tile-cat .qt { font-size: calc(11.5 / var(--fs-base) * 1rem); }
html.fonte-sistema .pilula { font-size: calc(13 / var(--fs-base) * 1rem); }
html.fonte-sistema .pilula .qt { font-size: calc(12 / var(--fs-base) * 1rem); }
html.fonte-sistema .colunas-links { font-size: calc(13 / var(--fs-base) * 1rem); }
html.fonte-sistema .colunas-links .qt { font-size: calc(12 / var(--fs-base) * 1rem); }
html.fonte-sistema .filtro input { height: auto; min-height: 44px; font-size: calc(15 / var(--fs-base) * 1rem); }
html.fonte-sistema .filtro .lupa { height: auto; min-height: 16px; }
html.fonte-sistema .filtro-conta { font-size: calc(12.5 / var(--fs-base) * 1rem); }
html.fonte-sistema .lista-links { font-size: calc(13.5 / var(--fs-base) * 1rem); }
html.fonte-sistema .links-lado { font-size: calc(13.5 / var(--fs-base) * 1rem); }
html.fonte-sistema .links-lado .fraco { font-size: calc(12 / var(--fs-base) * 1rem); }
html.fonte-sistema .abas a, html.fonte-sistema .abas button { font-size: calc(14 / var(--fs-base) * 1rem); }
html.fonte-sistema .abas .qt { font-size: calc(12 / var(--fs-base) * 1rem); }
html.fonte-sistema .capa-home h1 { font-size: calc(34 / var(--fs-base) * 1rem); }
html.fonte-sistema .capa-home .sub { font-size: calc(15 / var(--fs-base) * 1rem); }
html.fonte-sistema .busca-grande input { height: auto; min-height: 50px; font-size: calc(16 / var(--fs-base) * 1rem); }
html.fonte-sistema .abre h1 { font-size: calc(34 / var(--fs-base) * 1rem); }
html.fonte-sistema .regiao-bloco > h3 { font-size: calc(15 / var(--fs-base) * 1rem); }
html.fonte-sistema .regiao-bloco > h3 .qt { font-size: calc(12 / var(--fs-base) * 1rem); }
html.fonte-sistema .praca .uf { font-size: calc(14.5 / var(--fs-base) * 1rem); }
html.fonte-sistema .praca .uf .qt { font-size: calc(11.5 / var(--fs-base) * 1rem); }
html.fonte-sistema .praca li a { font-size: calc(12.5 / var(--fs-base) * 1rem); }
html.fonte-sistema .capa-lista .acima { font-size: calc(12 / var(--fs-base) * 1rem); }
html.fonte-sistema .ficha .acima { font-size: calc(12 / var(--fs-base) * 1rem); }
html.fonte-sistema .ficha h1 { font-size: calc(30 / var(--fs-base) * 1rem); }
html.fonte-sistema .ficha .identidade { font-size: calc(14.5 / var(--fs-base) * 1rem); }
html.fonte-sistema .ficha .acoes .botao.principal { height: auto; min-height: 50px; font-size: calc(15.5 / var(--fs-base) * 1rem); }
html.fonte-sistema .ficha .acoes .botao:not(.principal) { height: auto; min-height: 50px; }
html.fonte-sistema .no-ar { font-size: calc(13 / var(--fs-base) * 1rem); }
html.fonte-sistema .no-ar .vivo { font-size: calc(11 / var(--fs-base) * 1rem); }
html.fonte-sistema .no-ar .rotulo { font-size: calc(11.5 / var(--fs-base) * 1rem); }
html.fonte-sistema .botao { height: auto; min-height: 42px; font-size: calc(14 / var(--fs-base) * 1rem); }
html.fonte-sistema .ficha-dados { font-size: calc(13.5 / var(--fs-base) * 1rem); }
html.fonte-sistema .lista-simples { font-size: calc(14 / var(--fs-base) * 1rem); }
html.fonte-sistema .slogan { font-size: calc(15.5 / var(--fs-base) * 1rem); }
html.fonte-sistema .fatos dt { font-size: calc(11 / var(--fs-base) * 1rem); }
html.fonte-sistema .fatos dd { font-size: calc(14 / var(--fs-base) * 1rem); }
html.fonte-sistema .migalhas { font-size: calc(12.5 / var(--fs-base) * 1rem); }
html.fonte-sistema .paginacao a, html.fonte-sistema .paginacao span { font-size: calc(13.5 / var(--fs-base) * 1rem); }
html.fonte-sistema .player .arte { height: auto; min-height: 46px; }
html.fonte-sistema .player .p-nome { font-size: calc(14 / var(--fs-base) * 1rem); }
html.fonte-sistema .player .p-meta { font-size: calc(12 / var(--fs-base) * 1rem); }
html.fonte-sistema .player .grande { height: auto; min-height: 44px; }
html.fonte-sistema .player .icone { height: auto; min-height: 36px; }
html.fonte-sistema .volume input { height: auto; min-height: 4px; }
html.fonte-sistema .tira-app h2 { font-size: calc(19 / var(--fs-base) * 1rem); }
html.fonte-sistema .aviso { font-size: calc(14 / var(--fs-base) * 1rem); }
html.fonte-sistema .cartao-genero .nome { font-size: calc(14 / var(--fs-base) * 1rem); }
html.fonte-sistema .cartao-genero .qt { font-size: calc(11.5 / var(--fs-base) * 1rem); }
html.fonte-sistema .rodape { font-size: calc(13.5 / var(--fs-base) * 1rem); }
html.fonte-sistema .rodape h3 { font-size: calc(12 / var(--fs-base) * 1rem); }
html.fonte-sistema .rodape .fim { font-size: calc(12 / var(--fs-base) * 1rem); }
html.fonte-sistema .lojas .l-cima { font-size: calc(9.5 / var(--fs-base) * 1rem); }
html.fonte-sistema .lojas .l-baixo { font-size: calc(14 / var(--fs-base) * 1rem); }
html.fonte-sistema .capa-app .acima { font-size: calc(12 / var(--fs-base) * 1rem); }
html.fonte-sistema .capa-app h1 { font-size: calc(30 / var(--fs-base) * 1rem); }
@media (max-width: 640px) {
html.fonte-sistema .capa-app h1 { font-size: calc(24 / var(--fs-base) * 1rem); }
}
@media (max-width: 900px) {
html.fonte-sistema .abre h1 { font-size: calc(27 / var(--fs-base) * 1rem); }
html.fonte-sistema .capa-home h1 { font-size: calc(28 / var(--fs-base) * 1rem); }
html.fonte-sistema .ficha h1 { font-size: calc(22 / var(--fs-base) * 1rem); }
html.fonte-sistema h1 { font-size: calc(23 / var(--fs-base) * 1rem); }
}
@media (max-width: 640px) {
html.fonte-sistema .abre h1 { font-size: calc(24 / var(--fs-base) * 1rem); }
html.fonte-sistema .atalhos-regiao .pilula { font-size: calc(12.5 / var(--fs-base) * 1rem); }
html.fonte-sistema .cartao .nome { font-size: calc(11.5 / var(--fs-base) * 1rem); }
html.fonte-sistema .busca-topo input { font-size: calc(16 / var(--fs-base) * 1rem); }
html.fonte-sistema .filtro input, html.fonte-sistema .selo-busca input { font-size: calc(16 / var(--fs-base) * 1rem); }
html.fonte-sistema .capa-lista h1 { font-size: calc(22 / var(--fs-base) * 1rem); }
html.fonte-sistema .acoes-problema .botao { font-size: calc(13 / var(--fs-base) * 1rem); }
}
@media (max-width: 900px) {
html.fonte-sistema .atalhos .pilula { font-size: calc(12.5 / var(--fs-base) * 1rem); }
}
@media (max-width: 640px) {
html.fonte-sistema .ficha .acima { font-size: calc(10.5 / var(--fs-base) * 1rem); }
html.fonte-sistema .ficha h1 { font-size: calc(20 / var(--fs-base) * 1rem); }
html.fonte-sistema .ficha .identidade { font-size: calc(13 / var(--fs-base) * 1rem); }
html.fonte-sistema .ficha .no-ar .titulo { font-size: calc(12.5 / var(--fs-base) * 1rem); }
html.fonte-sistema .ficha .acoes .botao.principal { height: auto; min-height: 54px; font-size: calc(16 / var(--fs-base) * 1rem); }
html.fonte-sistema .ficha .acoes .botao:not(.principal) { height: auto; min-height: 54px; }
}
html.fonte-sistema .texto-home h2 { font-size: calc(17 / var(--fs-base) * 1rem); }
html.fonte-sistema .texto-home p { font-size: calc(14.5 / var(--fs-base) * 1rem); }
html.fonte-sistema .mini-pilula { font-size: calc(12 / var(--fs-base) * 1rem); }
html.fonte-sistema .botao.carregando .girando svg, html.fonte-sistema .botao-toca .girando svg { height: auto; min-height: 20px; }
html.fonte-sistema .selo-olho { font-size: calc(12.5 / var(--fs-base) * 1rem); }
html.fonte-sistema .selo-heroi .sub { font-size: calc(17 / var(--fs-base) * 1rem); }
html.fonte-sistema .selo-busca input { height: auto; min-height: 54px; font-size: calc(16 / var(--fs-base) * 1rem); }
html.fonte-sistema .selo-fino { font-size: calc(13.5 / var(--fs-base) * 1rem); }
html.fonte-sistema .selo-janela-barra span { font-size: calc(11 / var(--fs-base) * 1rem); }
html.fonte-sistema .selo-janela-menu { font-size: calc(11.5 / var(--fs-base) * 1rem); }
html.fonte-sistema .selo-janela-menu b { font-size: calc(13.5 / var(--fs-base) * 1rem); }
html.fonte-sistema .selo-janela-faixa small { font-size: calc(10 / var(--fs-base) * 1rem); }
html.fonte-sistema .selo-janela-faixa strong { font-size: calc(23 / var(--fs-base) * 1rem); }
html.fonte-sistema .selo-janela-faixa em { font-size: calc(12 / var(--fs-base) * 1rem); }
html.fonte-sistema .selo-vantagens h2 { font-size: calc(16 / var(--fs-base) * 1rem); }
html.fonte-sistema .selo-vantagens p { font-size: calc(14 / var(--fs-base) * 1rem); }
html.fonte-sistema .selo-passos b { font-size: calc(14 / var(--fs-base) * 1rem); }
html.fonte-sistema .selo-passos strong { font-size: calc(15 / var(--fs-base) * 1rem); }
html.fonte-sistema .selo-passos span { font-size: calc(13.5 / var(--fs-base) * 1rem); }
html.fonte-sistema .selo-grupo legend, html.fonte-sistema .selo-passo { font-size: calc(15 / var(--fs-base) * 1rem); }
html.fonte-sistema .selo-grupo legend b, html.fonte-sistema .selo-passo b { font-size: calc(13 / var(--fs-base) * 1rem); }
html.fonte-sistema .selo-modelo em { font-size: calc(12.5 / var(--fs-base) * 1rem); }
html.fonte-sistema .selo-cor > span { font-size: calc(12.5 / var(--fs-base) * 1rem); }
html.fonte-sistema .selo-cor i { height: auto; min-height: 40px; }
html.fonte-sistema .selo-cor-outra input[type="color"] { height: auto; min-height: 52px; }
html.fonte-sistema .selo-mais summary { font-size: calc(14 / var(--fs-base) * 1rem); }
html.fonte-sistema .selo-mais summary small { font-size: calc(12.5 / var(--fs-base) * 1rem); }
html.fonte-sistema .selo-linha legend { font-size: calc(13 / var(--fs-base) * 1rem); }
html.fonte-sistema .selo-chip > span { font-size: calc(14 / var(--fs-base) * 1rem); }
html.fonte-sistema .selo-fundo { font-size: calc(13 / var(--fs-base) * 1rem); }
html.fonte-sistema .selo-fundo .selo-chip > span { font-size: calc(13 / var(--fs-base) * 1rem); }
html.fonte-sistema .codigo { font-size: calc(12.5 / var(--fs-base) * 1rem); }
html.fonte-sistema .app-linha { font-size: calc(12.5 / var(--fs-base) * 1rem); }
html.fonte-sistema .app-linha i { font-size: calc(15 / var(--fs-base) * 1rem); }
html.fonte-sistema .convite-app h3 { font-size: calc(17 / var(--fs-base) * 1rem); }
html.fonte-sistema .convite-app p { font-size: calc(13.5 / var(--fs-base) * 1rem); }
html.fonte-sistema .convite-app .bts > * { font-size: calc(15 / var(--fs-base) * 1rem); }
@media (max-width: 640px) {
html.fonte-sistema .marca b { font-size: calc(20 / var(--fs-base) * 1rem); }
html.fonte-sistema .acao-topo { height: auto; min-height: 42px; }
}
@media (max-width: 360px) {
html.fonte-sistema .marca b { font-size: calc(18 / var(--fs-base) * 1rem); }
html.fonte-sistema .acao-topo { height: auto; min-height: 38px; }
}

/* a marca no cabecalho do celular cresce com a letra, mas com teto: sem ele,
   no tamanho maximo do iPhone, empurrava a lupa e o tema para fora da tela */
@media (max-width: 640px) {
  html.fonte-sistema .marca b { font-size: min(calc(20 / var(--fs-base) * 1rem), 24px); }
}
@media (max-width: 360px) {
  html.fonte-sistema .marca b { font-size: min(calc(18 / var(--fs-base) * 1rem), 21px); }
}