/* so o especifico da pagina inicial (em breve + mapa); o resto vem de vitrine.css */
.embreve{text-align:center;padding:36px 12px 28px}
.embreve .grande{font-size:56px;font-weight:800;letter-spacing:3px;text-transform:uppercase;color:var(--laranja);line-height:1.1}
.embreve p{margin:12px auto 0;color:var(--muted);max-width:520px}
#mapa{height:460px;border:1px solid var(--line);z-index:0}
.lojas{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin-top:16px}
.loja .btn{margin-top:auto;align-self:stretch}
.loja{border:1px solid var(--line);border-top:4px solid var(--laranja);padding:16px;display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.loja b{font-size:16px}
.loja .cid{color:var(--muted);font-size:13px}
.pino{background:#e7641f;color:#111;border:3px solid #111;border-radius:50% 50% 50% 0;transform:rotate(-45deg);width:34px;height:34px;box-shadow:0 2px 6px rgba(0,0,0,.45)}
.pino span{display:block;transform:rotate(45deg);text-align:center;font:800 14px/28px Nunito,Arial,sans-serif}
@media (max-width:760px){#mapa{height:360px}.embreve .grande{font-size:40px}}