Help
RSS
API
Feed
Maltego
Contact
Domain > rodcar.com.br
×
More information on this domain is in
AlienVault OTX
Is this malicious?
Yes
No
DNS Resolutions
Date
IP Address
2023-06-18
168.0.134.6
(
ClassC
)
2026-02-23
200.187.72.46
(
ClassC
)
Port 80
HTTP/1.1 301 Moved PermanentlyServer: nginx/1.24.0 (Ubuntu)Date: Mon, 23 Feb 2026 03:22:35 GMTContent-Type: text/htmlContent-Length: 178Connection: keep-aliveLocation: https://rodcar.com.br/ html>head>title>301 Moved Permanently/title>/head>body>center>h1>301 Moved Permanently/h1>/center>hr>center>nginx/1.24.0 (Ubuntu)/center>/body>/html>
Port 443
HTTP/1.1 200 OKServer: nginx/1.24.0 (Ubuntu)Date: Mon, 23 Feb 2026 03:22:36 GMTContent-Type: text/html; charsetutf-8Content-Length: 85399Connection: keep-aliveX-Frame-Options: DENYVary: CookieStrict-Transport-Security: max-age31536000; includeSubDomains; preloadX-Content-Type-Options: nosniffReferrer-Policy: same-originCross-Origin-Opener-Policy: same-originSet-Cookie: csrftokendJnIIK64fKafcppSQwH6VuXaqy0jWo2e; expiresMon, 22 Feb 2027 03:22:36 GMT; Max-Age31449600; Path/; SameSiteLax; SecureSet-Cookie: sessionidh9b9klvm8b7j1zhxf2h2wy7w7ydbqeo2; expiresMon, 09 Mar 2026 03:22:36 GMT; HttpOnly; Max-Age1209600; Path/; SameSiteLax; Secure !DOCTYPE html>html langpt-br> head> meta charsetUTF-8 /> meta nameviewport contentwidthdevice-width, initial-scale1.0 /> meta namecsrf-token content7eZy9mdsGNLaGMsdOTyqjdBYoqUCF4ByaNc6HW9mLnLfI1HVuf5m4xoYEOKLritC /> title>Rodcar - Rodas e Rodizios/title> link hrefhttps://cdn.jsdelivr.net/npm/bootstrap@5.3.7/dist/css/bootstrap.min.css relstylesheet integritysha384-LN+7fdVzj6u52u30Kp6M/trliBMCMKTyK833zpbD+pXdCLuTusPj697FH4R/5mcr crossoriginanonymous /> link hrefhttps://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css relstylesheet /> link relstylesheet hrefhttps://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.min.css /> link relicon href/static/favicon.png typeimage/x-icon /> !-- Google tag (gtag.js) --> script async srchttps://www.googletagmanager.com/gtag/js?idG-462YK3NP1G>/script> script> window.dataLayer window.dataLayer || ; function gtag(){dataLayer.push(arguments);} gtag(js, new Date()); gtag(config, G-462YK3NP1G); /script> script srchttps://unpkg.com/imask>/script> style> :root { --primary-color: #92c110; --secondary-color: #f8f9fa; --accent-color: #ff6b35; --text-dark: #2c3e50; --border-color: #e9ecef; --border-color: #e9ecef; --shadow-light: 0 2px 15px rgba(0, 0, 0, 0.08); --shadow-medium: 0 4px 25px rgba(0, 0, 0, 0.15); --gradient-primary: linear-gradient(135deg, var(--primary-color) 0%, #7ba50c 100%); --gradient-accent: linear-gradient(135deg, var(--accent-color) 0%, #e55a2b 100%); --border-radius: 12px; --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); --primary-gradient: linear-gradient(135deg, #92c110 0%, #7ba50d 100%); --secondary-gradient: linear-gradient(135deg, #ff6b35 0%, #e55a2b 100%); --glass-bg: rgba(255, 255, 255, 0.1); --glass-border: rgba(255, 255, 255, 0.2); } body { font-family: Inter, -apple-system, BlinkMacSystemFont, sans-serif; background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%); color: var(--text-dark); line-height: 1.6; min-height: 100vh; } * { margin: 0; padding: 0; box-sizing: border-box; } #robbu-whatsapp-button { z-index: 9999; } /* Cookie Consent Popup */ .cookie-consent { position: fixed; bottom: 0; left: 0; right: 0; background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%); box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.2); padding: 1.5rem 0; z-index: 10000; transform: translateY(100%); transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1); border-top: 3px solid #92c110; } .cookie-consent.show { transform: translateY(0); } .cookie-content { display: flex; align-items: center; justify-content: space-between; gap: 2rem; flex-wrap: wrap; } .cookie-text { flex: 1; min-width: 280px; } .cookie-text p { color: #ecf0f1; margin: 0; font-size: 0.95rem; line-height: 1.6; } .cookie-text a { color: #92c110; text-decoration: underline; font-weight: 600; transition: color 0.3s ease; } .cookie-text a:hover { color: #7ba50c; } .cookie-icon { font-size: 2rem; color: #92c110; margin-right: 1rem; display: none; } .cookie-actions { display: flex; gap: 1rem; align-items: center; } .cookie-btn { padding: 0.75rem 2rem; border-radius: 50px; font-weight: 600; font-size: 0.95rem; border: none; cursor: pointer; transition: all 0.3s ease; white-space: nowrap; text-transform: uppercase; letter-spacing: 0.5px; } .cookie-btn-accept { background: linear-gradient(135deg, #92c110 0%, #7ba50c 100%); color: white; box-shadow: 0 4px 15px rgba(146, 193, 16, 0.3); } .cookie-btn-accept:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(146, 193, 16, 0.4); } .cookie-btn-decline { background: transparent; color: #ecf0f1; border: 2px solid #ecf0f1; } .cookie-btn-decline:hover { background: rgba(236, 240, 241, 0.1); border-color: white; color: white; } @media (min-width: 768px) { .cookie-icon { display: block; } .cookie-content { align-items: center; } .cookie-text { display: flex; align-items: center; } } @media (max-width: 767px) { .cookie-consent { padding: 1.25rem 0; } .cookie-content { flex-direction: column; gap: 1.25rem; text-align: center; } .cookie-text { min-width: 100%; } .cookie-actions { width: 100%; flex-direction: column; } .cookie-btn { width: 100%; padding: 0.875rem 1.5rem; } .cookie-text p { font-size: 0.9rem; } } /* Animation for cookie icon */ @keyframes bounce { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-5px); } } .cookie-consent.show .cookie-icon { animation: bounce 2s infinite; } /style> /head> body> style> * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: Segoe UI, Tahoma, Geneva, Verdana, sans-serif; line-height: 1.6; color: var(--text-dark); } /* Header Styles */ .header-top { background: linear-gradient(135deg, var(--primary-color), #004499); color: white; position: relative; overflow: hidden; } .header-top::before { content: ; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 70%); animation: shimmer 3s infinite; } @keyframes shimmer { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .header-main { background: white; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); position: sticky; top: 0; z-index: 1000; transition: all 0.3s ease; } .header-main.scrolled { box-shadow: 0 2px 15px rgba(0, 0, 0, 0.15); } .logo-container { position: relative; } .logo { max-height: 80px; transition: transform 0.3s ease; } .logo:hover { transform: scale(1.05); } .contact-info { text-align: right; color: var(--text-dark); } .contact-info a { color: var(--primary-color); text-decoration: none; font-weight: 500; transition: color 0.3s ease; } .contact-info a:hover { color: var(--accent-color); } .contact-info .phone { font-size: 1.2rem; font-weight: 700; color: var(--accent-color); } /* Search and Cart */ .search-cart-container { display: flex; align-items: center; gap: 15px; } .search-form { position: relative; flex-grow: 1; max-width: 300px; } .search-input { width: 100%; padding: 12px 45px 12px 15px; border: 2px solid var(--border-color); border-radius: 25px; font-size: 14px; transition: all 0.3s ease; } .search-input:focus { outline: none; border-color: var(--primary-color); box-shadow: 0 0 0 3px rgba(0, 102, 204, 0.1); } .search-btn { position: absolute; right: 5px; top: 50%; transform: translateY(-50%); background: var(--primary-color); color: white; border: none; border-radius: 50%; width: 35px; height: 35px; display: flex; align-items: center; justify-content: center; transition: all 0.3s ease; } .search-btn:hover { background: var(--accent-color); transform: translateY(-50%) scale(1.1); } .cart-btn { position: relative; background: #92c110; color: white; border: none; border-radius: 50%; width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; font-size: 1.2rem; transition: all 0.3s ease; } .cart-btn:hover { background: #71c110; transform: scale(1.1); } .cart-count { position: absolute; top: -5px; right: -5px; background: darkgray; color: white; border-radius: 50%; width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; font-size: 11px; font-weight: bold; } /* Language Selector */ .language-selector { display: flex; gap: 10px; align-items: center; } .language-btn { background: none; border: none; padding: 5px; width: 35px; height: 35px; border-radius: 5px; transition: all 0.3s ease; } .language-btn:hover { background: rgba(255, 255, 255, 0.2); transform: scale(1.1); } .language-btn img { width: 25px; height: auto; border-radius: 3px; } /* Navigation */ .main-nav { background: var(--border-color); border-top: 1px solid var(--border-color); padding: 0; } .nav-menu { display: flex; justify-content: center; flex-wrap: wrap; gap: 5px; padding: 0; margin: 0; list-style: none; } .nav-item { position: relative; } .nav-link { display: flex; flex-direction: column; align-items: center; padding: 15px 15px; color: var(--text-dark); text-decoration: none; font-weight: 500; font-size: 11px; text-transform: uppercase; border-radius: 10px; margin: 5px; } .nav-link:hover { background: white; color: var(--primary-color); transform: translateY(-2px); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); } .nav-icon { width: 50px; height: 50px; margin-bottom: 8px; object-fit: contain; transition: all 0.3s ease; } .nav-link:hover .nav-icon { transform: scale(1.1); } /* Dropdown Menu */ .dropdown-menu { position: absolute; top: 100%; left: 50%; transform: translateX(-50%); background: white; border: none; border-radius: 10px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15); padding: 10px 0; min-width: 200px; opacity: 0; visibility: hidden; transition: all 0.3s ease; z-index: 1000; } .nav-item:hover .dropdown-menu { opacity: 1; visibility: visible; transform: translateX(-50%) translateY(0); } .dropdown-item { padding: 8px 20px; color: var(--text-dark); text-decoration: none; display: block; transition: all 0.3s ease; font-size: 14px; } .dropdown-item:hover { background: var(--primary-color); color: white; } /* Mobile Menu */ .mobile-menu-btn { display: none; background: none; border: none; font-size: 1.5rem; color: var(--text-dark); padding: 10px; transition: all 0.3s ease; } .mobile-menu-btn:hover { color: var(--primary-color); transform: scale(1.1); } .mobile-nav { display: none; background: white; border-top: 1px solid var(--border-color); padding: 0; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 9999; overflow-y: auto; transform: translateX(-100%); transition: transform 0.3s ease; } .mobile-nav.show { display: block; transform: translateX(0); } .mobile-nav-header { background: var(--primary-color); color: white; padding: 20px; display: flex; justify-content: space-between; align-items: center; position: sticky; top: 0; z-index: 10000; } .mobile-nav-title { font-size: 1.2rem; font-weight: bold; margin: 0; } .mobile-nav-close { background: none; border: none; color: white; font-size: 1.5rem; padding: 5px; cursor: pointer; transition: all 0.3s ease; } .mobile-nav-close:hover { color: var(--accent-color); transform: scale(1.1); } .mobile-nav-content { padding: 20px 0; } /* Mobile Menu Overlay */ .mobile-nav-overlay { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.5); z-index: 9998; opacity: 0; visibility: hidden; transition: all 0.3s ease; } .mobile-nav-overlay.show { opacity: 1; visibility: visible; } .mobile-nav-item { padding: 0; opacity: 0; transform: translateX(-20px); transition: all 0.3s ease; } .mobile-nav.show .mobile-nav-item { opacity: 1; transform: translateX(0); } /* Adicionar delay progressivo para animação dos itens */ .mobile-nav-item:nth-child(1) { transition-delay: 0.1s; } .mobile-nav-item:nth-child(2) { transition-delay: 0.15s; } .mobile-nav-item:nth-child(3) { transition-delay: 0.2s; } .mobile-nav-item:nth-child(4) { transition-delay: 0.25s; } .mobile-nav-item:nth-child(5) { transition-delay: 0.3s; } .mobile-nav-item:nth-child(6) { transition-delay: 0.35s; } .mobile-nav-item:nth-child(7) { transition-delay: 0.4s; } .mobile-nav-item:nth-child(8) { transition-delay: 0.45s; } .mobile-nav-link { display: flex; align-items: center; padding: 18px 20px; color: var(--text-dark); text-decoration: none; border-bottom: 1px solid var(--border-color); transition: all 0.3s ease; font-size: 16px; font-weight: 500; } .mobile-nav-link:hover, .mobile-nav-link:focus { background: var(--primary-color); color: white; transform: translateX(5px); } .mobile-nav-link i { width: 20px; text-align: center; margin-right: 12px; } /* Responsive Design */ @media (max-width: 991px) { .main-nav { display: none; } .mobile-menu-btn { display: block; } .contact-info { text-align: center; margin: 10px 0; } .search-cart-container { justify-content: center; margin: 15px 0; } } @media (max-width: 768px) { .logo { max-height: 60px; } .search-form { max-width: 250px; } .nav-link { padding: 15px 10px; font-size: 11px; } .nav-icon { width: 40px; height: 40px; } } @media (max-width: 576px) { .header-top { padding: 5px 0; } .language-selector { justify-content: center; } .logo-container { display: flex; justify-content: center; } .search-form { max-width: 200px; } } /* ✅ CSS para ativar o dropdown com hover apenas em telas de desktop. */ @media all and (min-width: 992px) { .dropdown:hover .dropdown-menu { display: block; margin-top: 0; /* Garante que o menu apareça colado ao item pai */ } } /* Animations */ @keyframes fadeInUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } .fade-in-up { animation: fadeInUp 0.6s ease-out; } /* Custom Scrollbar */ ::-webkit-scrollbar { width: 8px; } ::-webkit-scrollbar-track { background: var(--secondary-color); } ::-webkit-scrollbar-thumb { background: var(--primary-color); border-radius: 4px; } ::-webkit-scrollbar-thumb:hover { background: var(--accent-color); }/style>!-- Header Top -->div classheader-top> div classcontainer> div classrow align-items-center> div classcol-6> div classphone> i classfas fa-phone me-2>/i>+55 11 2145 8500 /div> /div> div classcol-6> div classcontact-info> div> a hrefmailto:vendas@rodcar.com.br>i classfas fa-envelope me-2>/i>vendas@rodcar.com.br/a> /div> /div> /div> /div> /div>/div>!-- Header Main -->header classheader-main> div classcontainer> div classrow align-items-center py-3> div classcol-lg-6 col-md-4 d-sm-flex> div classlogo-container> a href/ titleRodcar>img src/media/view/images/home/logo.png altRodcar classlogo img-fluid />/a> /div> /div> div classcol-lg-2 d-md-flex d-none> div classlanguage-selector> button classlanguage-btn onclicktrocarIdioma(pt) titlePortuguês>img src/media/view/images/home/pt.png altPortuguês />/button> button classlanguage-btn onclicktrocarIdioma(en) titleEnglish>img src/media/view/images/home/us.png altEnglish />/button> button classlanguage-btn onclicktrocarIdioma(es) titleEspañol>img src/media/view/images/home/es.png altEspañol />/button> /div> /div> div classcol-lg-4 col-md-8> div classsearch-cart-container> form classsearch-form methodGET action/busca> input typetext classsearch-input nameq value placeholderPesquisar todos os produtos aria-labelBuscar minlength2 /> button typesubmit classsearch-btn aria-labelPesquisar>i classfas fa-search>/i>/button> /form> a href/orcamento/carrinho/ classcart-btn titleCarrinho> i classfas fa-shopping-cart>/i> span classcart-count idcarrinho-qtd>0/span> /a> div classcol-2> button classmobile-menu-btn w-100 onclicktoggleMobileMenu() aria-labelMenu>i classfas fa-bars>/i>/button> /div> /div> /div> !-- div classcol-lg-3 d-lg-block d-none> Space for additional content /div> --> /div> /div>/header>!-- Main Navigation -->nav classmain-nav d-none d-lg-block> div classcontainer> ul classnav-menu> li classnav-item> a href/rodas-rodizios/ classnav-link> img src/media/adm/userfiles/20190509063210rodas-rodizios.png altRodas e Rodízios classnav-icon /> Rodas e Rodízios /a> /li> li classnav-item> a href/blickle/ classnav-link> img src/media/adm/userfiles/20210901034053blickle-inativo2.png altBlickle classnav-icon /> Blickle /a> /li> li classnav-item dropdown z-3> a href/hotelaria/ classnav-link> img src/media/adm/userfiles/20190509063323hotelaria.png altHotelaria classnav-icon /> Hotelaria /a> ul classdropdown-menu> li> a href/hotelaria/carros-portaria classdropdown-item>Carros Portaria/a> /li> li> a href/hotelaria/carros-arrumadeiras classdropdown-item>Carros Arrumadeiras/a> /li> li> a href/hotelaria/abastecimento classdropdown-item>Abastecimento/a> /li> li> a href/hotelaria/servico-quarto classdropdown-item>Serviço de Quarto/a> /li> li> a href/hotelaria/porta-malas classdropdown-item>Porta Malas/a> /li> li> a href/hotelaria/cabide classdropdown-item>Cabide/a> /li> li> a href/hotelaria/cama-extra classdropdown-item>Cama Extra/a> /li> li> a href/hotelaria/lavanderia classdropdown-item>Lavanderia/a> /li> li> a href/hotelaria/rouparia classdropdown-item>Rouparia/a> /li> li> a href/hotelaria/cozinha classdropdown-item>Cozinha/a> /li> /ul> /li> li classnav-item dropdown z-3> a href/area-comum/ classnav-link> img src/media/adm/userfiles/20190509063358area-comum.png altÁrea Comum classnav-icon /> Área Comum /a> ul classdropdown-menu> li> a href/area-comum/limpeza classdropdown-item>Limpeza/a> /li> li> a href/area-comum/contentores classdropdown-item>Contentores/a> /li> li> a href/area-comum/lixeiras-coleta-seletiva classdropdown-item>Lixeiras Coleta Seletiva/a> /li> li> a href/area-comum/lixeiras-inox classdropdown-item>Lixeiras Inox/a> /li> li> a href/area-comum/lixeiras-plastica classdropdown-item>Lixeiras Plástica/a> /li> li> a href/area-comum/cinzeiros classdropdown-item>Cinzeiros/a> /li> li> a href/area-comum/porta-guarda-chuvas classdropdown-item>Porta Guarda-Chuvas/a> /li> li> a href/area-comum/suportes classdropdown-item>Suportes/a> /li> li> a href/area-comum/caixas-container classdropdown-item>Caixas Container/a> /li> /ul> /li> li classnav-item dropdown z-3> a href/prateleira/ classnav-link> img src/media/adm/userfiles/20190509063429prateleira.png altPrateleiras classnav-icon /> Prateleiras /a> ul classdropdown-menu> li> a href/prateleira/prateleiras-retas classdropdown-item>Prateleiras Retas/a> /li> li> a href/prateleira/prateleiras-inclinadas classdropdown-item>Prateleiras Inclinadas/a> /li> li> a href/prateleira/acessorios classdropdown-item>Acessórios/a> /li> li> a href/prateleira/especiais-sugestoes-uso classdropdown-item>Especiais / Sugestões de uso/a> /li> /ul> /li> li classnav-item dropdown z-3> a href/supermercado/ classnav-link> img src/media/adm/userfiles/20190509063526mercado.png altSupermercado classnav-icon /> Supermercado /a> ul classdropdown-menu> li> a href/supermercado/carros-auto-servico classdropdown-item>Carros de auto-serviço/a> /li> li> a href/supermercado/infantil-especial classdropdown-item>Infantil / Especial/a> /li> li> a href/supermercado/expositores classdropdown-item>Expositores/a> /li> li> a href/supermercado/carros-abastecimento classdropdown-item>Carros para Abastecimento/a> /li> li> a href/supermercado/carros-apoio classdropdown-item>Carros de Apoio/a> /li> li> a href/supermercado/containers-aramados classdropdown-item>Containers Aramados/a> /li> li> a href/supermercado/cestos classdropdown-item>Cestos/a> /li> li> a href/supermercado/equipamentos-complementares classdropdown-item>Equipamentos Complementares/a> /li> /ul> /li> li classnav-item dropdown z-3> a href/acessorios/ classnav-link> img src/media/adm/userfiles/20190509063550acessorios.png altAcessórios classnav-icon /> Acessórios /a> ul classdropdown-menu> li> a href/acessorios/b3-80l classdropdown-item>B3 80L/a> /li> li> a href/acessorios/b3-90l classdropdown-item>B3 90L/a> /li> li> a href/acessorios/b3-130l classdropdown-item>B3 130L/a> /li> li> a href/acessorios/b3-150l classdropdown-item>B3 150L/a> /li> li> a href/acessorios/b3-160l classdropdown-item>B3 160L/a> /li> li> a href/acessorios/b3-210l classdropdown-item>B3 210L/a> /li> li> a href/acessorios/b4-160l classdropdown-item>B4 160L/a> /li> li> a href/acessorios/b4-180l classdropdown-item>B4 180L/a> /li> li> a href/acessorios/b4-210l classdropdown-item>B4 210L/a> /li> li> a href/acessorios/duplocar-50l classdropdown-item>Duplocar 50L/a> /li> li> a href/acessorios/duplocar-90l classdropdown-item>Duplocar 90L/a> /li> li> a href/acessorios/duplocar-120l classdropdown-item>Duplocar 120L/a> /li> li> a href/acessorios/duplocar-160l classdropdown-item>Duplocar 160L/a> /li> li> a href/acessorios/kidscar-50l classdropdown-item>Kidscar 50L/a> /li> li> a href/acessorios/carro-carro-cadeirante classdropdown-item>Carrinho para cadeirante/a> /li> li> a href/acessorios/maxicar-200l classdropdown-item>Maxicar 200L/a> /li> li> a href/acessorios/macrocar classdropdown-item>Macrocar/a> /li> /ul> /li> li classnav-item dropdown z-3> a href/industrial/ classnav-link> img src/media/adm/userfiles/20190509063618industrial.png altIndustrial classnav-icon /> Industrial /a> ul classdropdown-menu> li> a href/industrial/carros-armazem classdropdown-item>Carros Armazém/a> /li> li> a href/industrial/carros-plataforma classdropdown-item>Carros Plataforma/a> /li> li> a href/industrial/carros-pneumaticos classdropdown-item>Carros Pneumáticos/a> /li> li> a href/industrial/carros-tartaruga classdropdown-item>Carros Tartaruga/a> /li> li> a href/industrial/escadas classdropdown-item>Escadas/a> /li> li> a href/industrial/carros-tela classdropdown-item>Carros Tela/a> /li> li> a href/industrial/carro-bandeja classdropdown-item>Carros Bandeja/a> /li> /ul> /li> li classnav-item dropdown z-3> a href/armazenagem/ classnav-link> img src/media/adm/userfiles/20190509064045armazenagem.png altArmazenagem classnav-icon /> Armazenagem /a> ul classdropdown-menu> li> a href/armazenagem/stock-tainer-leve classdropdown-item>Stock Tainer Leve (STL) até 400kg/a> /li> li> a href/armazenagem/stock-tainer-medio classdropdown-item>Stock Tainer Médio (STM) até 600kg/a> /li> li> a href/armazenagem/stock-tainer-pesado classdropdown-item>Stock Tainer Pesado (STP) até 700kg/a> /li> li> a href/armazenagem/stock-tainer-estrutural classdropdown-item>Stock Tainer Estrutural (STE)/a> /li> li> a href/armazenagem/stock-tainer-alto classdropdown-item>Stock Tainer Alto (STA)/a> /li> li> a href/armazenagem/stock-tainer-com-rodas classdropdown-item>Stock Tainer com rodas (STR)/a> /li> li> a href/armazenagem/estrutura-pallet-madeira classdropdown-item>Estruturas para pallet de madeira/a> /li> li> a href/armazenagem/carros-transporte-materiais classdropdown-item>Carros para transporte de materiais/a> /li> li> a href/armazenagem/stock-tainer-farinaceo classdropdown-item>Stock Tainer Farináceo/a> /li> li> a href/armazenagem/caixa-kan-ban classdropdown-item>Caixa Kan-ban/a> /li> li> a href/armazenagem/projetos-especiais classdropdown-item>Projetos Especiais/a> /li> li> a href/armazenagem/racks-metalicos classdropdown-item>Racks Metálicos/a> /li> /ul> /li> /ul> /div>/nav>!-- Mobile Navigation Overlay -->div classmobile-nav-overlay idmobileNavOverlay onclicktoggleMobileMenu()>/div>!-- Mobile Navigation -->div classmobile-nav idmobileNav> div classmobile-nav-header> h4 classmobile-nav-title>Menu/h4> button classmobile-nav-close onclicktoggleMobileMenu() aria-labelFechar Menu> i classfas fa-times>/i> /button> /div> div classmobile-nav-content> div classcontainer> div classmobile-nav-item> a href/rodas-rodizios/ classmobile-nav-link>i classfas fa-cog me-2>/i>Rodas e Rodízios/a> /div> div classmobile-nav-item> a href/blickle/ classmobile-nav-link>i classfas fa-star me-2>/i>Blickle/a> /div> div classmobile-nav-item> a href/hotelaria/ classmobile-nav-link>i classfas fa-hotel me-2>/i>Hotelaria/a> /div> div classmobile-nav-item> a href/area-comum/ classmobile-nav-link>i classfas fa-users me-2>/i>Área Comum/a> /div> div classmobile-nav-item> a href/prateleira/ classmobile-nav-link>i classfas fa-layer-group me-2>/i>Prateleiras/a> /div> div classmobile-nav-item> a href/supermercado/ classmobile-nav-link>i classfas fa-shopping-basket me-2>/i>Supermercado/a> /div> div classmobile-nav-item> a href/industrial/ classmobile-nav-link>i classfas fa-industry me-2>/i>Industrial/a> /div> div classmobile-nav-item> a href/armazenagem/ classmobile-nav-link>i classfas fa-warehouse me-2>/i>Armazenagem/a> /div> /div> /div>/div>!-- Google Translate Integration -->div idgoogle_translate_element styledisplay: none;>/div>!-- Scripts -->script typetext/javascript srchttps://translate.google.com/translate_a/element.js?cbgoogleTranslateElementInit>/script>script> // Funcionalidade de hover para dropdown e click para navegar document.addEventListener(DOMContentLoaded, function() { const dropdownItems document.querySelectorAll(.nav-item.dropdown) dropdownItems.forEach(item > { const dropdown item.querySelector(.dropdown-menu) const navLink item.querySelector(.nav-link) // Mostrar dropdown no hover em desktop item.addEventListener(mouseenter, function() { if (window.innerWidth > 992) { dropdown.style.opacity 1 dropdown.style.visibility visible dropdown.style.transform translateX(-50%) translateY(0) } }) // Esconder dropdown quando sair do hover item.addEventListener(mouseleave, function() { if (window.innerWidth > 992) { dropdown.style.opacity 0 dropdown.style.visibility hidden } }) // Click no link principal navega para a categoria navLink.addEventListener(click, function(e) { // Não prevenir o comportamento padrão - deixar navegar normalmente // O href já está configurado para navegar para a página da categoria }) }) }) // Google Translate Setup - Versão Simplificada var translateWidget null var isTranslating false var translationTimeout null var currentLanguage pt // Limpeza de recursos existentes function cleanupTranslateResources() { // Limpar timeouts existentes if (translationTimeout) { clearTimeout(translationTimeout) translationTimeout null } // Remover notificações existentes const existingNotification document.getElementById(translation-status) if (existingNotification) { existingNotification.remove() } // Resetar estado isTranslating false } // Inicialização do Google Translate (simplificada) function googleTranslateElementInit() { try { // Limpar recursos primeiro cleanupTranslateResources() // Verificar se já existe uma instância const existingWidget document.getElementById(google_translate_element) if (existingWidget && existingWidget.innerHTML) { existingWidget.innerHTML // Limpar conteúdo anterior } translateWidget new google.translate.TranslateElement({ pageLanguage: pt, includedLanguages: pt,en,es, layout: google.translate.TranslateElement.InlineLayout.HORIZONTAL, autoDisplay: false }, google_translate_element) console.log(Google Translate inicializado) } catch (error) { console.error(Erro na inicialização:, error) showTranslationStatus(Erro ao carregar tradutor, error) } } // Função principal para trocar idioma function trocarIdioma(sigla) { // Prevenir múltiplas execuções simultâneas if (isTranslating) { console.log(Tradução já em andamento...) return } // Prevenir evento padrão if (window.event) { window.event.preventDefault() } // Validar idioma const validLanguages pt, en, es if (!validLanguages.includes(sigla)) { console.error(Idioma inválido:, sigla) showTranslationStatus(Idioma não suportado, error) return } // Se já está no idioma solicitado, não fazer nada if (currentLanguage sigla) { console.log(Já está no idioma:, sigla) return } isTranslating true // Timeout para evitar carregamento infinito translationTimeout setTimeout(() > { if (isTranslating) { isTranslating false showTranslationStatus(Timeout na tradução. Tente novamente., warning) console.warn(Timeout na tradução) } }, 10000) // 10 segundos de timeout try { showTranslationStatus(Traduzindo..., info) // Aguardar elemento estar disponível const checkAndTranslate () > { const translateCombo document.querySelector(#google_translate_element select) if (translateCombo) { // Aplicar tradução translateCombo.value sigla // Disparar evento de mudança const changeEvent new Event(change, { bubbles: true }) translateCombo.dispatchEvent(changeEvent) // Atualizar estado currentLanguage sigla // Sucesso clearTimeout(translationTimeout) isTranslating false setTimeout(() > { showTranslationStatus(Idioma alterado!, success) }, 1500) } else { // Se não encontrou o elemento, tentar novamente após um pequeno delay if (isTranslating) { setTimeout(checkAndTranslate, 200) } } } // Iniciar verificação checkAndTranslate() } catch (error) { console.error(Erro na tradução:, error) clearTimeout(translationTimeout) isTranslating false showTranslationStatus(Erro na tradução, error) } } // Função para mostrar status (simplificada) function showTranslationStatus(message, type) { // Remover notificação anterior const existingNotification document.getElementById(translation-status) if (existingNotification) { existingNotification.remove() } // Criar nova notificação const notification document.createElement(div) notification.id translation-status notification.className position-fixed notification.style.cssText ` top: 20px; right: 20px; z-index: 10000; background: ${type success ? #d4edda : type error ? #f8d7da : type warning ? #fff3cd : #d1ecf1}; color: ${type success ? #155724 : type error ? #721c24 : type warning ? #856404 : #0c5460}; border: 1px solid ${type success ? #c3e6cb : type error ? #f5c6cb : type warning ? #ffeaa7 : #bee5eb}; border-radius: 8px; padding: 12px 16px; box-shadow: 0 4px 12px rgba(0,0,0,0.15); font-size: 14px; min-width: 200px; ` notification.innerHTML ` div styledisplay: flex; align-items: center;> span stylemargin-right: 8px;>${type success ? ✓ : type error ? ✗ : type warning ? ⚠ : ℹ}/span> ${message} /div> ` document.body.appendChild(notification) // Auto remover setTimeout(() > { if (notification && notification.parentNode) { notification.remove() } }, type error ? 5000 : 3000) } // Inicialização quando DOM carrega document.addEventListener(DOMContentLoaded, function() { // Apenas aguardar inicialização - não restaurar idioma automaticamente console.log(Google Translate pronto para uso manual) }) // Mobile Menu Toggle function toggleMobileMenu() { const mobileNav document.getElementById(mobileNav) const mobileNavOverlay document.getElementById(mobileNavOverlay) const body document.body if (mobileNav.classList.contains(show)) { // Fechar menu mobileNav.classList.remove(show) mobileNavOverlay.classList.remove(show) body.style.overflow } else { // Abrir menu mobileNav.classList.add(show) mobileNavOverlay.classList.add(show) body.style.overflow hidden } } // Adicionar listener para tecla ESC fechar o menu document.addEventListener(keydown, function(event) { if (event.key Escape) { const mobileNav document.getElementById(mobileNav) if (mobileNav && mobileNav.classList.contains(show)) { toggleMobileMenu() } } }) // Fechar menu mobile quando redimensionar a janela para desktop window.addEventListener(resize, function() { if (window.innerWidth > 992) { const mobileNav document.getElementById(mobileNav) if (mobileNav && mobileNav.classList.contains(show)) { toggleMobileMenu() } } }) // Header Scroll Effect window.addEventListener(scroll, function () { const header document.querySelector(.header-main) if (window.scrollY > 50) { header.classList.add(scrolled) } else { header.classList.remove(scrolled) } }) // Search Form Enhancement document.querySelector(.search-form).addEventListener(submit, function (e) { const searchInput this.querySelector(.search-input) if (searchInput.value.trim() ) { e.preventDefault() searchInput.focus() searchInput.classList.add(is-invalid) setTimeout(() > { searchInput.classList.remove(is-invalid) }, 2000) } }) // Add fade-in animation to navigation items document.addEventListener(DOMContentLoaded, function () { const navItems document.querySelectorAll(.nav-item) navItems.forEach((item, index) > { item.style.animationDelay `${index * 0.1}s` item.classList.add(fade-in-up) }) }) // Fechar dropdown quando clicar fora (apenas em desktop) document.addEventListener(click, function (event) { if (window.innerWidth > 992) { const navItems document.querySelectorAll(.nav-item.dropdown) navItems.forEach((item) > { if (!item.contains(event.target)) { const dropdown item.querySelector(.dropdown-menu) if (dropdown) { dropdown.style.opacity 0 dropdown.style.visibility hidden } } }) } })/script> div> style> body { margin: 0; padding: 0; overflow-x: hidden; } .navbar { z-index: 1030; } .carousel-inner { height: 100%; } .carousel-item { height: 75vh; position: relative; } .slide-content { height: 100%; display: flex; align-items: center; justify-content: center; } .text-section { display: flex; flex-direction: column; justify-content: center; text-align: center; padding: 1rem; margin-left: 20px; } .image-section { display: flex; align-items: center; justify-content: center; padding: 1rem; } .carousel-image { max-width: 100%; max-height: 60vh; object-fit: contain; /* border-radius: 1rem; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2); */ } .slide-title { font-size: 1.5rem; font-weight: bold; line-height: 1.2; } .slide-description { font-size: 1.1rem; line-height: 1.6; max-width: 500px; margin-left: auto; margin-right: auto; } .slide-button { padding: 12px 30px; font-size: 1.1rem; border-radius: 8px; border: none; cursor: pointer; transition: all 0.3s ease; } .carousel-control-prev, .carousel-control-next { width: 5%; } .carousel-indicators { bottom: 30px; } .carousel-indicators button { background-color: #007bff; width: 12px; height: 12px; border-radius: 50%; margin: 0 8px; } /* Tablet Styles */ @media (max-width: 992px) { .slide-title { font-size: 1.5rem; } .slide-description { font-size: 1rem; } .text-section { padding: 1.5rem; } } /* Mobile Styles */ @media (max-width: 768px) { .full-screen-carousel { height: calc(100vh - 56px); } .slide-content { flex-direction: column-reverse; padding: 1rem; display: flex; } .text-section { order: 2; padding: 1rem; } .image-section { order: 1; padding: 0.5rem; height: 40%; } .slide-title { font-size: 1.5rem; } .slide-description { font-size: 0.95rem; } .carousel-image { max-height: 200px; } } /* Small mobile */ @media (max-width: 576px) { .slide-title { font-size: 1.5rem; } .slide-description { font-size: 0.9rem; } .slide-content { padding: 0.5rem; } } /* Large screens */ @media (min-width: 1200px) { .slide-title { font-size: 2rem; } .slide-description { font-size: 1.3rem; } }/style>!-- Full-Screen Carousel -->div idfullScreenCarousel classcarousel slide full-screen-carousel data-bs-ridecarousel> div classcarousel-inner> div classcarousel-item active stylebackground-image: url(/media/adm/userfiles/20260220172628BACK.PNG);> div classcontainer-fluid> div classrow slide-content> div classcol-lg-6 col-md-6 col-12> div classtext-section> h4 classslide-title text-white>Super Rio Expofood/h4> p classslide-description text-white-50>Vem aí a edição 36 da SRE/p> p classtext-start>h3 classMsoNormal stylemargin-bottom: 0cm; line-height: 1;>span stylecolor: rgb(255, 255, 255);>17 a 19 DE MARÇO - 2026/span>/h3>p classMsoNormal stylemargin-bottom: 0cm; line-height: 1;>span stylecolor: rgb(255, 255, 255);>3ª e 4ª das 14h às 22h | Quinta das 14h às 21h/span>/p>p classMsoNormal stylemargin-bottom: 0cm; line-height: 1;>span stylecolor: rgb(255, 255, 255);>RIO CENTRO | RJ/span>/p>p classMsoNormal stylemargin-bottom: 0cm; line-height: 1;>span stylecolor: rgb(255, 255, 255);>Venha visitar a Rod-Car® no Stand G45/span>/p>p styleline-height: 1;> /p>/p> div> a hrefhttps://sretradeshow.com.br/inscricoes/ target_blank relnoopener noreferrer classbtn btn-primary btn-lg slide-button>Saiba mais/a> /div> /div> /div> div classcol-lg-6 col-md-6 col-12> div classimage-section> img src/media/adm/userfiles/20260220172628PRODUTO.PNG altSuper Rio Expofood classcarousel-image /> /div> /div> /div> /div> /div> div classcarousel-item stylebackground-image: url(/media/adm/userfiles/20251124154054BACK2.PNG);> div classcontainer-fluid> div classrow slide-content> div classcol-lg-6 col-md-6 col-12> div classtext-section> h4 classslide-title text-white>🛒 SPIDER/h4> p classslide-description text-white-50>O Carrinho Ágil para Ambientes Compactos/p> p classtext-start>p>span stylecolor: rgb(255, 255, 255); font-size: 12pt;>Mobilidade total com 4 rodízios giratórios e cesto de 80 litros. Mesmo em corredores estreitos 🚶♂️🛒 ou em áreas de grande movimento 👥, o Spider se destaca por ser extremamente prático, ágil e funcional./span>/p>/p> div> a hrefhttps://www.rodcar.com.br/supermercado/produto/4374 target_blank relnoopener noreferrer classbtn btn-primary btn-lg slide-button>Saiba mais/a> /div> /div> /div> div classcol-lg-6 col-md-6 col-12> div classimage-section> img src/media/adm/userfiles/20251124154645PRODUTO2.PNG alt🛒 SPIDER classcarousel-image /> /div> /div> /div> /div> /div> div classcarousel-item stylebackground-image: url(/media/adm/userfiles/20240925065003back.png);> div classcontainer-fluid> div classrow slide-content> div classcol-lg-6 col-md-6 col-12> div classtext-section> h4 classslide-title text-white>🛞 O Melhor Custo-Benefício/h4> p classslide-description text-white-50>Movimente mais, com menos esforço!/p> p classtext-start>p>span stylecolor: rgb(236, 240, 241);>Planejada para suportar cargas de médio porte, a estrutura reforçada do garfo garante desempenho superior, reduzindo o esforço inicial da movimentação. Ideal para o segmento automotivo, é a escolha perfeita para racks metálicos, cestos aramados e caixas plásticas./span>/p>/p> div> a hrefhttps://www.rodcar.com.br/busca?qstandard target_blank relnoopener noreferrer classbtn btn-primary btn-lg slide-button>Saiba mais/a> /div> /div> /div> div classcol-lg-6 col-md-6 col-12> div classimage-section> img src/media/adm/userfiles/20240925064957produto.png alt🛞 O Melhor Custo-Benefício classcarousel-image /> /div> /div> /div> /div> /div> div classcarousel-item stylebackground-image: url(/media/adm/userfiles/20240606091915back.png);> div classcontainer-fluid> div classrow slide-content> div classcol-lg-6 col-md-6 col-12> div classtext-section> h4 classslide-title text-white>🛒🎨 Modernidade que Transforma/h4> p classslide-description text-white-50>Design moderno e resistência para transformar sua loja/p> p classtext-start>p styletext-align: center;>span stylecolor: rgb(236, 240, 241);>O Eco-Car® da Rod-Car® une leveza, resistência e design moderno em diversas cores e tamanhos para valorizar ainda mais o seu supermercado./span>/p>/p> div> a hrefhttps://www.rodcar.com.br/media/adm/userfiles/20240605034113catalogo_eco-car_1.pdf target_blank relnoopener noreferrer classbtn btn-primary btn-lg slide-button>Saiba mais/a> /div> /div> /div> div classcol-lg-6 col-md-6 col-12> div classimage-section> img src/media/adm/userfiles/20240606095244produto2.png alt🛒🎨 Modernidade que Transforma classcarousel-image /> /div> /div> /div> /div> /div> div classcarousel-item stylebackground-image: url(/media/adm/userfiles/20231004044405back1.png);> div classcontainer-fluid> div classrow slide-content> div classcol-lg-6 col-md-6 col-12> div classtext-section> h4 classslide-title text-white>🛎️ Arrumadeira Aramado Rod-Car®/h4> p classslide-description text-white-50>Resistência, leveza e praticidade para o dia a dia/p> p classtext-start>p>span stylecolor: rgb(236, 240, 241);>Leve, resistente e econômico, é a solução ideal para hotéis e pousadas. Com strong data-start209 data-end235>prateleiras ajustáveis/strong>, strong data-start237 data-end262>espaço para amenities/strong> e strong data-start265 data-end288 data-is-only-node>protetor de paredes/strong>, garante praticidade, organização e preservação dos ambientes./span>/p>/p> div> a hrefhttps://rodcar.com.br/hotelaria/carros-arrumadeiras/arrumadeira-aramado target_blank relnoopener noreferrer classbtn btn-primary btn-lg slide-button>Saiba mais/a> /div> /div> /div> div classcol-lg-6 col-md-6 col-12> div classimage-section> img src/media/adm/userfiles/20231004103204produto.png alt🛎️ Arrumadeira Aramado Rod-Car® classcarousel-image /> /div> /div> /div> /div> /div> div classcarousel-item stylebackground-image: url(/media/adm/userfiles/20211122105440back.png);> div classcontainer-fluid> div classrow slide-content> div classcol-lg-6 col-md-6 col-12> div classtext-section> h4 classslide-title text-white>📦 Racks Metálicos Rod-Car®/h4> p classslide-description text-white-50>Organização inteligente e resistência que o seu negócio merece/p> p classtext-start>p>span stylecolor: rgb(236, 240, 241);>Resistentes e versáteis, oferecem soluções sob medida para armazenagem e verticalização de materiais, otimizando espaço e garantindo eficiência./span>/p>/p> div> a hrefhttps://rodcar.com.br/armazenagem/racks-metalicos target_blank relnoopener noreferrer classbtn btn-primary btn-lg slide-button>Saiba mais/a> /div> /div> /div> div classcol-lg-6 col-md-6 col-12> div classimage-section> img src/media/novo_banner_rack.png alt📦 Racks Metálicos Rod-Car® classcarousel-image /> /div> /div> /div> /div> /div> /div> button classcarousel-control-prev typebutton data-bs-target#fullScreenCarousel data-bs-slideprev> span classcarousel-control-prev-icon>/span> span classvisually-hidden>Previous/span> /button> button classcarousel-control-next typebutton data-bs-target#fullScreenCarousel data-bs-slidenext> span classcarousel-control-next-icon>/span> span classvisually-hidden>Next/span> /button>/div> style> /* Products Section */ .products-section { background: var(--gradient-bg); position: relative; overflow: hidden; padding: 5rem 0; } .products-section::before { content: ; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url(data:image/svg+xml,svg xmlnshttp://www.w3.org/2000/svg viewBox0 0 100 100>defs>pattern idgrain width100 height100 patternUnitsuserSpaceOnUse>circle cx25 cy25 r1 fill%23ffffff opacity0.05/>circle cx75 cy75 r1 fill%23ffffff opacity0.05/>circle cx50 cy10 r1 fill%23ffffff opacity0.03/>circle cx10 cy60 r1 fill%23ffffff opacity0.03/>circle cx90 cy40 r1 fill%23ffffff opacity0.03/>/pattern>/defs>rect width100 height100 fillurl(%23grain)/>/svg>); pointer-events: none; } .container { position: relative; z-index: 1; } /* Header Styles */ .section-header { text-align: center; margin-bottom: 4rem; position: relative; } .section-title { font-size: clamp(2rem, 4vw, 3rem); font-weight: 700; color: var(--text-dark); margin-bottom: 1rem; position: relative; display: inline-block; } .section-title::after { content: ; position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%); width: 80px; height: 4px; background: var(--gradient-primary); border-radius: 2px; } .section-subtitle { font-size: 1.2rem; color: #6c757d; font-weight: 400; max-width: 600px; margin: 0 auto; line-height: 1.6; } /* Product Cards */ .product-card { background: white; border-radius: var(--border-radius); overflow: hidden; box-shadow: var(--shadow-light); transition: var(--transition); height: 100%; position: relative; border: 1px solid var(--border-color); } .product-card:hover { transform: translateY(-8px); box-shadow: var(--shadow-hover); border-color: var(--primary-color); } .product-card::before { content: ; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: var(--gradient-primary); opacity: 0; transition: var(--transition); } .product-card:hover::before { opacity: 1; } .product-card-link { text-decoration: none; color: inherit; display: block; height: 100%; } .product-card-link:hover { color: inherit; } /* Product Image */ .product-image { width: 80%; height: 240px; object-fit: cover; object-position: center; transition: var(--transition); position: relative; } .product-card:hover .product-image { transform: scale(1.05); } .product-image-container { display: flex; justify-content: center; position: relative; overflow: hidden; /* background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%); */ } .product-image-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(135deg, rgba(146, 193, 16, 0.9) 0%, rgba(123, 165, 12, 0.9) 100%); opacity: 0; transition: var(--transition); display: flex; align-items: center; justify-content: center; color: white; font-size: 1.2rem; font-weight: 600; } .product-card:hover .product-image-overlay { opacity: 1; } /* Product Content */ .product-content { padding: 1.5rem; text-align: center; position: relative; } .product-title { font-size: 1.1rem; font-weight: 600; color: var(--text-dark); margin-bottom: 0.5rem; transition: var(--transition); line-height: 1.3; } .product-card:hover .product-title { color: var(--primary-color); } .product-category-badge { position: absolute; top: 1rem; right: 1rem; background: var(--gradient-primary); color: white; padding: 0.25rem 0.75rem; border-radius: 20px; font-size: 0.75rem; font-weight: 500; opacity: 0; transform: translateY(-10px); transition: var(--transition); } .product-card:hover .product-category-badge { opacity: 1; transform: translateY(0); } /* Grid Layout */ .products-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 2rem; margin-top: 2rem; } /* Responsive Design */ @media (max-width: 1200px) { .products-grid { grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 1.5rem; } } @media (max-width: 768px) { .products-section { padding: 3rem 0; } .section-header { margin-bottom: 2.5rem; } .products-grid { grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; } .product-image { height: 200px; } .product-content { padding: 1.25rem; } } @media (max-width: 576px) { .products-grid { grid-template-columns: 1fr; gap: 1rem; } .product-image { height: 180px; } .product-content { padding: 1rem; } .section-title { font-size: 1.75rem; } .section-subtitle { font-size: 1rem; } } /* Loading Animation */ .loading-skeleton { background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%); background-size: 200% 100%; animation: loading 2s infinite; } @keyframes loading { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } } /* Entrance Animation */ .fade-in-up { opacity: 0; transform: translateY(30px); animation: fadeInUp 0.8s ease-out forwards; } @keyframes fadeInUp { to { opacity: 1; transform: translateY(0); } } /* Staggered Animation */ .product-card:nth-child(1) { animation-delay: 0.1s; } .product-card:nth-child(2) { animation-delay: 0.2s; } .product-card:nth-child(3) { animation-delay: 0.3s; } .product-card:nth-child(4) { animation-delay: 0.4s; } .product-card:nth-child(5) { animation-delay: 0.5s; } .product-card:nth-child(6) { animation-delay: 0.6s; } .product-card:nth-child(7) { animation-delay: 0.7s; } .product-card:nth-child(8) { animation-delay: 0.8s; } /* Accessibility */ .product-card:focus-within { outline: 3px solid var(--primary-color); outline-offset: 2px; } @media (prefers-reduced-motion: reduce) { * { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; } } .product-card { transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out; } .product-card:hover { transform: translateY(-5px); box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; } /* Estilos para os catálogos com efeitos de hover - Versão Simplificada */ .catalog-container { position: relative; display: inline-block; transition: all 0.3s ease; } .catalog-container a { display: block; position: relative; overflow: hidden; border-radius: 8px; transition: all 0.3s ease; border: 2px solid transparent; text-decoration: none; } .catalog-container a:hover { border-color: var(--primary-color, #92c110); box-shadow: 0 8px 25px rgba(146, 193, 16, 0.3); transform: translateY(-2px); text-decoration: none; } .catalog-container .card-img { transition: all 0.3s ease; border-radius: 6px; } .catalog-container a:hover .card-img { transform: scale(1.05); filter: brightness(1.1); box-shadow: inset 0 0 20px rgba(146, 193, 16, 0.2); } /* Melhorar acessibilidade */ .catalog-container a:focus { outline: 3px solid var(--primary-color, #92c110); outline-offset: 2px; border-color: var(--primary-color, #92c110); } /* Tooltip informativo */ .catalog-container { position: relative; } .catalog-tooltip { position: absolute; bottom: -35px; left: 50%; transform: translateX(-50%); background: var(--primary-color, #92c110); color: white; padding: 5px 10px; border-radius: 4px; font-size: 12px; font-weight: 500; opacity: 0; visibility: hidden; transition: all 0.3s ease; white-space: nowrap; z-index: 10; } .catalog-tooltip::before { content: ; position: absolute; top: -5px; left: 50%; transform: translateX(-50%); border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid var(--primary-color, #92c110); } .catalog-container:hover .catalog-tooltip { opacity: 1; visibility: visible; bottom: -40px; } /* Animação de pulso no hover */ @keyframes pulse { 0% { box-shadow: 0 0 0 0 rgba(146, 193, 16, 0.7); } 70% { box-shadow: 0 0 0 10px rgba(146, 193, 16, 0); } 100% { box-shadow: 0 0 0 0 rgba(146, 193, 16, 0); } } .catalog-container:hover::after { animation: pulse 2s infinite; } /style> section idprodutos classproducts-section> div classcontainer> !-- Section Header --> div classsection-header> h2 classsection-title>Encontre aqui o que você precisa!/h2> p classsection-subtitle>Navegue por nossas principais categorias de produtos e descubra soluções completas para suas necessidades./p> /div> !-- Products Grid --> div classproducts-grid> !-- RODAS E RODÍZIOS --> div classproduct-card fade-in-up> a href/rodas-rodizios/ classproduct-card-link> div classproduct-image-container> img src/media/adm/userfiles/20190808032940rodas_rodizio.jpg classproduct-image altRODAS E RODÍZIOS loadinglazy /> div classproduct-image-overlay> i classfas fa-eye me-2>/i> Ver Produtos /div> /div> div classproduct-content> h5 classproduct-title>RODAS E RODÍZIOS/h5> /div> /a> /div> !-- BLICKLE --> div classproduct-card fade-in-up> a href/blickle/ classproduct-card-link> div classproduct-image-container> img src/media/adm/userfiles/20210830042620blickle.jpg classproduct-image altBLICKLE loadinglazy /> div classproduct-image-overlay> i classfas fa-eye me-2>/i> Ver Produtos /div> /div> div classproduct-content> h5 classproduct-title>BLICKLE/h5> /div> /a> /div> !-- HOTELARIA --> div classproduct-card fade-in-up> a href/hotelaria/ classproduct-card-link> div classproduct-image-container> img src/media/adm/userfiles/20190808033044hotelaria.jpg classproduct-image altHOTELARIA loadinglazy /> div classproduct-image-overlay> i classfas fa-eye me-2>/i> Ver Produtos /div> /div> div classproduct-content> h5 classproduct-title>HOTELARIA/h5> /div> /a> /div> !-- ÁREA COMUM --> div classproduct-card fade-in-up> a href/area-comum/ classproduct-card-link> div classproduct-image-container> img src/media/adm/userfiles/20190808033200area_comum.jpg classproduct-image altÁREA COMUM loadinglazy /> div classproduct-image-overlay> i classfas fa-eye me-2>/i> Ver Produtos /div> /div> div classproduct-content> h5 classproduct-title>ÁREA COMUM/h5> /div> /a> /div> !-- PRATELEIRAS --> div classproduct-card fade-in-up> a href/prateleira/ classproduct-card-link> div classproduct-image-container> img src/media/adm/userfiles/20190522024718categ-prateleira01.png classproduct-image altPRATELEIRAS loadinglazy /> div classproduct-image-overlay> i classfas fa-eye me-2>/i> Ver Produtos /div> /div> div classproduct-content> h5 classproduct-title>PRATELEIRAS/h5> /div> /a> /div> !-- SUPERMERCADO --> div classproduct-card fade-in-up> a href/supermercado/ classproduct-card-link> div classproduct-image-container> img src/media/adm/userfiles/20190808033649supermercado.jpg classproduct-image altSUPERMERCADO loadinglazy /> div classproduct-image-overlay> i classfas fa-eye me-2>/i> Ver Produtos /div> /div> div classproduct-content> h5 classproduct-title>SUPERMERCADO/h5> /div> /a> /div> !-- ACESSÓRIOS --> div classproduct-card fade-in-up> a href/acessorios/ classproduct-card-link> div classproduct-image-container> img src/media/adm/userfiles/20190808033559acessorio.jpg classproduct-image altACESSÓRIOS loadinglazy /> div classproduct-image-overlay> i classfas fa-eye me-2>/i> Ver Produtos /div> /div> div classproduct-content> h5 classproduct-title>ACESSÓRIOS/h5> /div> /a> /div> !-- INDUSTRIAL --> div classproduct-card fade-in-up> a href/industrial/ classproduct-card-link> div classproduct-image-container> img src/media/adm/userfiles/20190808033748industrial.jpg classproduct-image altINDUSTRIAL loadinglazy /> div classproduct-image-overlay> i classfas fa-eye me-2>/i> Ver Produtos /div> /div> div classproduct-content> h5 classproduct-title>INDUSTRIAL/h5> /div> /a> /div> !-- ARMAZENAGEM --> div classproduct-card fade-in-up> a href/armazenagem/ classproduct-card-link> div classproduct-image-container> img src/media/adm/userfiles/20190808034046armazenagem.jpg classproduct-image altARMAZENAGEM loadinglazy /> div classproduct-image-overlay> i classfas fa-eye me-2>/i> Ver Produtos /div> /div> div classproduct-content> h5 classproduct-title>ARMAZENAGEM/h5> /div> /a> /div> /div> /div> /section> section idcatalogos classpy-5 stylebackground-color: #e4e4e7;> div classcontainer> div classd-flex justify-content-between row g-4 align-items-center> div classcol-lg-4> div classd-flex justify-content-between> div> h4>Clique e baixe nossos/h4> strong>h1 stylecolor: #788404;>Catálogos/h1>/strong> /div> div> img src/media/adm/userfiles/nuvem-download.png altDownload /> /div> /div> /div> div classvr p-0 d-none d-lg-block align-self-center styleheight: 100px; >/div> div classcol-lg-3> div classd-flex justify-content-between align-items-center> div> h4>Catálogo Geral/h4> /div> div classcatalog-container> a href/media/adm/userfiles/20220629035612catalogo_geral_site.pdf target_blank relnoopener noreferrer titleClique para baixar o Catálogo Geral> img src/media/adm/userfiles/20200226090256catalogoGERAL2020.png classcard-img stylewidth: 200px; altCatálogo Geral /> /a> div classcatalog-tooltip>Clique para baixar PDF/div> /div> /div> /div> div classcol-lg-3> div classd-flex justify-content-between align-items-center> div> h4>Catálogo de Rodízios/h4> /div> div classcatalog-container> a href/media/adm/userfiles/20220503045537catalogo_rr_2022.pdf target_blank relnoopener noreferrer titleClique para baixar o Catálogo de Rodas e Rodízios> img src/media/adm/userfiles/20200527021337catalogoRR2020.png classcard-img stylewidth: 200px; altCatálogo Rodas e Rodízios /> /a> div classcatalog-tooltip>Clique para baixar PDF/div> /div> /div> /div> /div> !-- div classrow text-center mt-5> div classcol> a href# classbtn btn-lg btn-secondary>Veja todos os catálogos/a> /div> /div> --> /div> /section> /div> link relstylesheet hrefhttps://cdn.positus.global/production/resources/robbu/whatsapp-button/whatsapp-button.css /> !-- WhatsApp Button (opens modal) --> a idrobbu-whatsapp-button href# data-bs-togglemodal data-bs-target#whatsappModal> div classrwb-tooltip text-capitalize> span>Fale Conosco/span> /div> img srchttps://cdn.positus.global/production/resources/robbu/whatsapp-button/whatsapp-icon.svg /> /a> !-- WhatsApp Modal --> div classmodal fade idwhatsappModal tabindex-1 aria-labelledbywhatsappModalLabel aria-hiddentrue> div classmodal-dialog modal-dialog-centered> div classmodal-content> div classmodal-header stylebackground: linear-gradient(135deg, #92c110 0%, #7ba50c 100%); color: white;> h5 classmodal-title idwhatsappModalLabel> i classfab fa-whatsapp me-2>/i>Escolha uma Divisão /h5> button typebutton classbtn-close btn-close-white data-bs-dismissmodal aria-labelClose>/button> /div> div classmodal-body p-4> p classtext-muted mb-4>Selecione a divisão desejada para iniciar uma conversa no WhatsApp:/p> !-- Rodas e Rodízios / Blickle --> div classwhatsapp-division mb-3> h6 classfw-bold text-dark mb-2> i classfas fa-circle stylecolor: #92c110; font-size: 8px;>/i> Rodas e Rodízios /h6> a hrefhttps://api.whatsapp.com/send?phone5511993418178 target_blank classbtn btn-whatsapp w-100> i classfab fa-whatsapp me-2>/i> (11) 99341-8178 /a> /div> hr> !-- Hotelaria / Área Comum / Prateleira --> div classwhatsapp-division mb-3> h6 classfw-bold text-dark mb-2> i classfas fa-circle stylecolor: #92c110; font-size: 8px;>/i> Hotelaria / Área Comum / Prateleira /h6> a hrefhttps://api.whatsapp.com/send?phone5511921349888 target_blank classbtn btn-whatsapp w-100> i classfab fa-whatsapp me-2>/i> (11) 92134-9888 /a> /div> hr> !-- Supermercado / Acessórios / Industrial / Armazenagem --> div classwhatsapp-division mb-3> h6 classfw-bold text-dark mb-2> i classfas fa-circle stylecolor: #92c110; font-size: 8px;>/i> Supermercado / Acessórios / Industrial / Armazenagem /h6> a hrefhttps://api.whatsapp.com/send?phone5511976441667 target_blank classbtn btn-whatsapp w-100> i classfab fa-whatsapp me-2>/i> (11) 97644-1667 /a> /div> /div> /div> /div> /div> style> .btn-whatsapp { background: linear-gradient(135deg, #25D366 0%, #128C7E 100%); color: white; border: none; padding: 12px 20px; border-radius: 50px; font-weight: 600; transition: all 0.3s ease; box-shadow: 0 4px 15px rgba(37, 211, 102, 0.3); } .btn-whatsapp:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(37, 211, 102, 0.4); color: white; } .whatsapp-division h6 { display: flex; align-items: center; gap: 8px; } #whatsappModal .modal-content { border-radius: 15px; border: none; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2); } #whatsappModal .modal-header { border-radius: 15px 15px 0 0; border: none; } #whatsappModal hr { opacity: 0.1; } /style> footer idrodape classtext-white text-center text-lg-start stylebackground-color: #1f1f1f;> div classcontainer p-4> div classrow align-items-start> div classcol-lg-5 col-md-12> strong>p classfs-6 text-uppercase>Inscreva-se em nossa Newsletter/p>/strong> p classmb-4>Fique por dentro de todas as nossas novidades e promoções!/p> a href/newsletter classbtn btn-lg text-white stylebackground-color: #92c110;>Clique aqui para se inscrever!/a> /div> div classcol-lg-3 col-md-12 mt-lg-0 mt-4> strong>span classfs-6>CENTRAL DE ATENDIMENTO/span>/strong> div> i classbi bi-telephone-fill>/i> span>(11) 2145-8500/span> br /> a classtext-decoration-none text-white hrefmailto:vendas@rodcar.com.br>vendas@rodcar.com.br/a> /div> /div> div classcol-lg-2 col-md-12 mt-lg-0 mt-4> strong>span classfs-6>INSTITUCIONAL/span>/strong> div> a classtext-decoration-none text-white href/quem-somos>Quem somos/a> br /> a classtext-decoration-none text-white href/localizacao>Localização/a> br /> a classtext-decoration-none text-white href/politica-privacidade>Segurança e privacidade/a> /div> /div> div classcol-lg-2 col-md-12 mt-lg-0 mt-4 d-flex flex-column> strong>span classfs-6>NOSSO PARCEIRO/span>/strong> a hrefhttps://www.blickle.com.br/ target_blank relnoopener noreferrer> img src/static/images/Logo%20Blickle.png classimg-fluid altBlickle /> /a> /div> /div> /div> div classcontainer align-content-center align-items-center> hr classmb-4 /> div classd-flex justify-content-between> div classd-flex justify-content-center align-items-center flex-wrap> h6 classtext-uppercase fw-bold>Aceitamos os cartões:/h6> img src/media/view/images/home/bnds.png altBNDES titleBNDES classmx-2 my-1 styleheight: 30px; /> img src/media/view/images/home/Visa.png altVisa titleVisa classmx-2 my-1 styleheight: 30px; /> img src/media/view/images/home/Mastercard.png altMastercard titleMastercard classmx-2 my-1 styleheight: 30px; /> img src/media/view/images/home/elo.png altElo titleElo classmx-2 my-1 styleheight: 30px; /> img src/media/view/images/home/americanexpress.png altAmerican Express titleAmerican Express classmx-2 my-1 styleheight: 30px; /> img src/media/view/images/home/hypercard.png altHypercard titleHypercard classmx-2 my-1 styleheight: 30px; /> /div> div classd-flex justify-content-center align-items-center flex-wrap> h6 classtext-uppercase fw-bold me-lg-3 me-0 space>Siga-nos:/h6> div classm-1 d-flex flex-wrap flex-row justify-content-center> a hrefhttps://maps.google.com/?qRua+Silvio+Manfredi,+214+-+Guarulhos,+SP target_blank relnoopener noreferrer titleLocalização Rodcar classtext-white me-3 mb-2>img src/media/adm/userfiles/20190503020906pin.png width35 altLocalização Rodcar />/a> a hrefhttps://www.youtube.com/channel/UC4xF8S_Sad3eFDvSEKOR1cg target_blank relnoopener noreferrer titleYoutube Rodcar classtext-white me-3 mb-2>img src/media/adm/userfiles/20190507100002youtube.png width35 altYoutube Rodcar />/a> a hrefhttps://www.instagram.com/rodcar1966/ target_blank relnoopener noreferrer titleInstagram Rodcar classtext-white me-3 mb-2>img src/media/adm/userfiles/20190503021021insta.png width35 altInstagram Rodcar />/a> a hrefhttps://www.facebook.com/rodcar1966 target_blank relnoopener noreferrer titleFacebook Rodcar classtext-white me-3 mb-2>img src/media/adm/userfiles/20190503021045face.png width35 altFacebook Rodcar />/a> a hrefhttps://pt.linkedin.com/company/rodcar target_blank relnoopener noreferrer titleLinkedin Rodcar classtext-white me-3 mb-2>img src/media/adm/userfiles/20190813044319linkedin-icon-min.png width35 altLinkedin Rodcar />/a> a hrefhttp://rodcar.4sales.com.br/account/login target_blank relnoopener noreferrer titlePortal Rodcar classtext-white me-3 mb-2>img src/media/adm/userfiles/20200219025832portal5.gif width35 altPortal Rodcar />/a> /div> /div> /div> /div> div classcontainer pb-4 text-center> hr /> span>Todos os direitos reservados Copyright © 2026 - Desenvolvido por Solandro Sousa/span> /div>/footer> !-- Cookie Consent Banner --> div idcookieConsent classcookie-consent> div classcontainer> div classcookie-content> div classcookie-text> i classfas fa-cookie-bite cookie-icon>/i> p> Usamos cookies para garantir e oferecer a melhor experiência em nosso site. Ao utilizar nossos serviços, você concorda com tal monitoramento. Confira nossa a href/politica-privacidade>Política de Privacidade/a>. /p> /div> div classcookie-actions> button classcookie-btn cookie-btn-decline onclickdeclineCookies()> Recusar /button> button classcookie-btn cookie-btn-accept onclickacceptCookies()> Aceitar /button> /div> /div> /div> /div> script srchttps://cdn.jsdelivr.net/npm/bootstrap@5.3.7/dist/js/bootstrap.bundle.min.js integritysha384-ndDqU0Gzau9qJ1lfW4pNLlhNTkCfHzAVBReH9diLvGRem5+R9g2FzA8ZGN954O5Q crossoriginanonymous>/script> !-- Cookie Consent Script --> script> // Check if user has already accepted/declined cookies function checkCookieConsent() { const consent localStorage.getItem(cookieConsent); if (!consent) { // Show banner after a short delay for better UX setTimeout(() > { document.getElementById(cookieConsent).classList.add(show); }, 1000); } } // Accept cookies function acceptCookies() { localStorage.setItem(cookieConsent, accepted); localStorage.setItem(cookieConsentDate, new Date().toISOString()); hideCookieBanner(); // Here you can enable your analytics/tracking scripts // Example: enableGoogleAnalytics(); console.log(Cookies accepted); } // Decline cookies function declineCookies() { localStorage.setItem(cookieConsent, declined); localStorage.setItem(cookieConsentDate, new Date().toISOString()); hideCookieBanner(); // Here you can disable non-essential cookies console.log(Cookies declined); } // Hide cookie banner function hideCookieBanner() { const banner document.getElementById(cookieConsent); banner.classList.remove(show); // Remove from DOM after animation setTimeout(() > { banner.style.display none; }, 400); } // Initialize on page load document.addEventListener(DOMContentLoaded, checkCookieConsent); /script> /body>/html>
View on OTX
|
View on ThreatMiner
Please enable JavaScript to view the
comments powered by Disqus.
Data with thanks to
AlienVault OTX
,
VirusTotal
,
Malwr
and
others
. [
Sitemap
]