/* ───────────────────────────────────────────────────────────────────────── Estilos das páginas regionais (/sistema-para-farmacia-*, /onde-atendemos). Carrega DEPOIS de paginas.css e só acrescenta o que não existe lá. paginas.css é compartilhada com /recursos, /precos, /seguranca e a FAQ: mexer nela para ajustar uma página regional mudaria as outras sem que ninguém percebesse. Sem imagem externa e sem fonte nova: a CSP do projeto é img-src 'self' data:, e a Inter já vem carregada pelo de cada página. ───────────────────────────────────────────────────────────────────────── */ /* ── lista de cidades ── */ ul.cidades { list-style: none; padding: 0; margin: 0 0 16px; display: flex; flex-wrap: wrap; gap: 8px; } ul.cidades li { background: var(--bg-2); border: 1px solid var(--border); border-radius: 99px; padding: 6px 14px; font-size: 14px; color: var(--text); margin: 0; } ul.cidades li a { font-weight: 600; } /* ── índice por região (/onde-atendemos) ── */ .uf-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 14px; } .uf-card { border: 1px solid var(--border); border-radius: 14px; padding: 16px 18px; background: #ffffff; box-shadow: var(--shadow-sm); } .uf-card h3 { font-size: 16px; font-weight: 700; color: var(--text-strong); margin: 0 0 4px; letter-spacing: -0.015em; } .uf-card h3 a { font-weight: 700; } .uf-sigla { display: inline-block; font-size: 11px; font-weight: 700; letter-spacing: 0.08em; color: var(--text-muted); background: var(--bg-2); border: 1px solid var(--border); border-radius: 6px; padding: 1px 6px; vertical-align: middle; } .uf-capital { font-size: 13.5px; color: var(--text-muted); margin: 0; } .uf-nota { color: var(--text-muted); font-size: 12.5px; } .uf-marca { display: inline-block; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; color: var(--accent-hover); background: var(--sp-surface); border: 1px solid var(--sp-border); border-radius: 6px; padding: 1px 7px; vertical-align: middle; } .uf-contagem { font-size: 12px; font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; color: var(--text-muted); margin-left: 8px; vertical-align: middle; } /* ── bloco de prova social: só existe na página do Maranhão ── */ section.bloco.destaque-local { background: linear-gradient(180deg, #ffffff 0%, var(--sp-surface) 100%); border-color: var(--sp-border); } /* ── nota de fonte / ressalva dentro de um bloco ── */ p.fonte { font-size: 13.5px; color: var(--text-muted); border-left: 3px solid var(--border); padding-left: 14px; margin-top: 16px; } /* ── rodapé com os estados da mesma região ── */ .rodape-regiao { display: flex; flex-wrap: wrap; gap: 8px 18px; justify-content: center; font-size: 13px; margin-bottom: 14px; padding-bottom: 14px; border-bottom: 1px solid var(--border); } .rodape-regiao a { color: var(--text-muted); font-weight: 400; } .rodape-regiao a:hover { color: var(--accent); } /* ── volta para o índice, no fim do main ── */ .volta-indice { text-align: center; font-size: 14.5px; margin-top: 28px; } @media (max-width: 640px) { .uf-grid { grid-template-columns: 1fr; } ul.cidades li { font-size: 13.5px; padding: 5px 12px; } }