/* CSS Reset e Isolamento para evitar quebras do Tema/Elementor */
.rica-regioes {
–rica-blue: #1a3a8a;
–rica-dark: #1d1d1d;
–rica-bg: #f4f4f4;
–rica-border: #d9d9d9;
font-family: Arial, Helvetica, sans-serif;
color: var(–rica-dark);
max-width: 1400px;
margin: 24px auto;
padding: 0 12px;
box-sizing: border-box;
}
.rica-regioes * {
box-sizing: border-box;
}
.rica-regioes h2 {
color: var(–rica-blue);
font-size: clamp(20px, 2.4vw, 30px);
font-weight: 800;
text-transform: uppercase;
margin: 0 0 18px;
line-height: 1.2;
letter-spacing: .3px;
}
.rica-tabs {
display: flex !important;
flex-wrap: wrap !important;
background: var(–rica-bg) !important;
border: 1px solid var(–rica-border) !important;
border-bottom: none !important;
padding: 0 !important;
margin: 0 !important;
list-style: none !important;
}
.rica-tabs button {
flex: 1 1 auto !important;
min-width: 54px !important;
padding: 14px 10px !important;
background: transparent !important;
border: 0 !important;
border-right: 1px solid var(–rica-border) !important;
font: true 700 13px/1 Arial, Helvetica, sans-serif !important;
color: var(–rica-dark) !important;
cursor: pointer !important;
text-transform: uppercase !important;
transition: background .15s, color .15s !important;
margin: 0 !important;
}
.rica-tabs button:last-child {
border-right: 0 !important;
}
.rica-tabs button:hover {
background: #e6e6e6 !important;
}
.rica-tabs button.is-active {
background: var(–rica-dark) !important;
color: #fff !important;
}
/* Forçar comportamento oculto/visível correto via JS */
.rica-panel {
display: none !important;
border: 1px solid var(–rica-border) !important;
border-top: 0 !important;
background: #fff !important;
}
.rica-panel.is-active {
display: block !important;
}
/* Grid de Cidades Totalmente Isolado contra CSS do WordPress */
.rica-panel ul {
all: unset !important;
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
display: grid !important;
grid-template-columns: repeat(6, 1fr) !important;
}
.rica-panel li {
all: unset !important;
box-sizing: border-box !important;
display: block !important;
padding: 14px 16px !important;
font-weight: 700 !important;
font-size: 14px !important;
color: var(–rica-dark) !important;
border-right: 1px solid var(–rica-border) !important;
border-bottom: 1px solid var(–rica-border) !important;
text-align: left !important;
}
.rica-panel li:nth-child(6n) {
border-right: 0 !important;
}
/* Responsividade em ecrãs menores */
@media (max-width: 1024px) {
.rica-panel ul { grid-template-columns: repeat(3, 1fr) !important; }
.rica-panel li:nth-child(6n) { border-right: 1px solid var(–rica-border) !important; }
.rica-panel li:nth-child(3n) { border-right: 0 !important; }
}
@media (max-width: 600px) {
.rica-panel ul { grid-template-columns: repeat(2, 1fr) !important; }
.rica-panel li:nth-child(3n) { border-right: 1px solid var(–rica-border) !important; }
.rica-panel li:nth-child(2n) { border-right: 0 !important; }
.rica-tabs button { flex: 1 1 20% !important; }
}
Principais cidades e regiões do Brasil atendidas — Onde comprar esteiras e equipamentos:
- São Paulo
- Guarulhos
- Campinas
- São Bernardo do Campo
- Santo André
- Osasco
- Sorocaba
- Ribeirão Preto
- São José dos Campos
- São José do Rio Preto
- Mogi das Cruzes
- Jundiaí
- Piracicaba
- Santos
- Mauá
- Diadema
- Carapicuíba
- Bauru
- Itaquaquecetuba
- Franca
- Praia Grande
- São Vicente
- Barueri
- Taubaté
- Rio de Janeiro
- São Gonçalo
- Duque de Caxias
- Nova Iguaçu
- Campos dos Goytacazes
- Belford Roxo
- Niterói
- São João de Meriti
- Petrópolis
- Volta Redonda
- Macaé
- Magé
- Belo Horizonte
- Uberlândia
- Contagem
- Juiz de Fora
- Montes Claros
- Betim
- Uberaba
- Ribeirão das Neves
- Governador Valadares
- Divinópolis
- Serra
- Vila Velha
- Cariacica
- Vitória
- Cachoeiro de Itapemirim
- Linhares
- Guarapari
- São Mateus
document.addEventListener(“DOMContentLoaded”, function() {
var root = document.getElementById(‘rica-regioes’);
if (!root) return;
var tabs = root.querySelectorAll(‘.rica-tab’);
var panels = root.querySelectorAll(‘.rica-panel’);
tabs.forEach(function(btn) {
btn.addEventListener(‘click’, function() {
var targetTab = btn.getAttribute(‘data-tab’);
// Alternar botões ativos
tabs.forEach(function(b) {
var isActive = b === btn;
b.classList.toggle(‘is-active’, isActive);
b.setAttribute(‘aria-selected’, isActive ? ‘true’ : ‘false’);
});
// Alternar painéis visíveis
panels.forEach(function(p) {
if (p.getAttribute(‘data-tab’) === targetTab) {
p.style.setProperty(‘display’, ‘block’, ‘important’);
p.classList.add(‘is-active’);
} else {
p.style.setProperty(‘display’, ‘none’, ‘important’);
p.classList.remove(‘is-active’);
}
});
});
});
});