/* Site público (uma folha para todas as revendas; cores variam por CSS var definida por revenda no ). */ .bg-marca { background-color: var(--cor-primaria, #0D3B66); } .text-marca { color: var(--cor-primaria, #0D3B66); } .btn-marca { background-color: var(--cor-primaria, #0D3B66); border-color: var(--cor-primaria, #0D3B66); color: #fff; } .btn-marca:hover, .btn-marca:focus { filter: brightness(0.9); color: #fff; } .badge-marca { background-color: var(--cor-secundaria, #F4A261); color: #212529; } .whatsapp-flutuante { position: fixed; right: 1rem; bottom: 1rem; z-index: 1030; border-radius: 50%; width: 56px; height: 56px; display: flex; align-items: center; justify-content: center; background: #25D366; color: #fff; font-size: 1.5rem; box-shadow: 0 2px 8px rgba(0, 0, 0, .3); text-decoration: none; } .banner-hero { position: relative; min-height: 360px; background: #212529; display: flex; align-items: center; color: #fff; } .banner-hero__fundo { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: .55; } .banner-hero__conteudo { position: relative; } .foto-cover { width: 100%; height: 220px; object-fit: cover; } .foto-cover--grande { height: 380px; } .galeria-item { width: 100%; height: 140px; object-fit: cover; } .mapa-embed { width: 100%; height: 320px; border: 0; } .texto-bloco { max-width: 800px; margin-left: auto; margin-right: auto; } .btn-whatsapp { background-color: #25D366; color: #fff; } .btn-whatsapp:hover, .btn-whatsapp:focus { background-color: #1EBE5A; color: #fff; }