Tinta Esmalte - Sobre Ferrugem Esmalte Marítimo - 900ml
Simulador de Frete
- Calcular frete
Descrição Geral
<!-- Fonte Inter -->
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap" rel="stylesheet" />
<style type="text/css">/* --------------------------
Estilos gerais (corrigidos)
-------------------------- */
:root{
--max-width:1000px;
--accent: #000000;
}
*{box-sizing:border-box}
body{font-family:'Inter',sans-serif;margin:0;color:#222;background:#fff}
.sobreferrugem-topo {
text-align: center;
padding: 2.5rem 1rem 2rem;
background-color: #ffffff;
max-width: var(--max-width);
margin: auto;
}
.sobreferrugem-topo .sobreferrugem-logo-topo {
max-width: 320px;
width: 100%;
height: auto;
display: block;
margin: 0 auto 1rem;
}
.sobreferrugem-topo p {
font-size: 1.1rem;
color: #555;
max-width: 700px;
margin: 0 auto 1.2rem;
line-height: 1.5;
}
.sobreferrugem-topo .imagem-abaixo {
max-width: 100%;
height: auto;
border-radius: 8px;
margin-left: auto;
margin-right: auto;
display:block;
}
.sobreferrugem-info {
font-size: 1rem;
color: #444;
line-height: 1.45;
max-width: 900px;
margin: 2rem auto 2rem;
padding: 0 1rem;
}
.sobreferrugem-info .section-title {
text-transform: uppercase;
font-weight: 700;
font-style: italic;
margin-top: 1.5rem;
margin-bottom: 0.6rem;
position: relative;
padding-bottom: 0.4rem;
}
.sobreferrugem-info .section-title::after {
content: '';
display: block;
width: 100%;
height: 1px;
background-color: #000000;
margin-top: 6px;
}
.sobreferrugem-info small {font-size:0.9rem;color:#777}
.sobreferrugem-full-image{max-width:var(--max-width);margin:2rem auto 2.5rem;padding:0 1rem;text-align:center}
.sobreferrugem-full-image img{width:100%;height:auto;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.15)}
/* Padrão: mostra só desktop */
img.desktop-only {
display: block !important;
}
img.mobile-only {
display: none !important;
}
/* Mobile */
@media (max-width: 768px) {
img.desktop-only {
display: none !important;
}
img.mobile-only {
display: block !important;
width: 100%;
height: auto;
}
}
/* ------------------- */
/* BLOCO ANTES E DEPOIS - comparador */
/* ------------------- */
.compare-wrapper {
max-width: var(--max-width);
width: 100%;
margin: 2rem auto;
text-align: center;
}
/* escondemos título/parágrafo conforme sua preferência */
.compare-wrapper h2, .compare-wrapper p{display:none}
.compare-container{
position:relative;
width:100%;
max-width:700px; /* aumenta um pouco pra telas maiores */
overflow:hidden;
user-select:none;
border-radius:8px;
margin:auto;
/* Fallback para navegadores sem aspect-ratio */
height:0;
padding-bottom:60%; /* 5/3 ~ 166% -> 60% é próximo; ajustável conforme imagem */
}
/* Quando browser suportar, preferimos aspect-ratio (recomenda-se manter ambos) */
@supports (aspect-ratio: 1/1){
.compare-container{aspect-ratio:5/3;padding-bottom:0;height:auto}
}
.compare-container img{
display:block;
width:100%;
height:100%;
object-fit:cover;
position:absolute;
top:0;left:0;
}
.compare-before{z-index:1}
.compare-after{z-index:2;width:100%;
/* Usamos clip-path com sintaxe compatível */
clip-path: inset(0 50% 0 0);
}
.drag-line{
position:absolute;top:0;bottom:0;left:50%;width:2px;background-color:rgba(255,255,255,0.9);z-index:10;pointer-events:none;transform:translateX(-1px)
}
.drag-button{
position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;border:3px solid rgba(255,255,255,0.8);border-radius:50%;backdrop-filter:blur(6px);background-color:rgba(0,0,0,0.4);display:flex;justify-content:center;align-items:center;cursor:grab;z-index:11
}
.drag-button:active{cursor:grabbing;background-color:rgba(0,0,0,0.6)}
.drag-button svg{width:30px;height:30px;stroke:white;stroke-width:2;fill:none}
/* Responsivo até 860px */
@media (max-width:860px){
.compare-container{max-width:100%;width:100%;position:relative}
.compare-before,.compare-after{position:absolute;width:100%;height:100%;top:0;left:0}
.drag-line,.drag-button{display:block}
}
/* layout benefícios */
.compare-bene-wrapper{display:grid;grid-template-columns:2fr 1fr;gap:2rem;align-items:center;max-width:var(--max-width);margin:2rem auto}
/* layout benefícios no desktop */
.beneficios-wrapper {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 2rem;
text-align: center;
justify-items: center; /* centraliza os blocos */
align-items: center;
}
.beneficio {
display: flex;
flex-direction: column; /* força ícone em cima, texto embaixo */
align-items: center; /* centraliza no eixo horizontal */
justify-content: center;
}
.beneficio img {
width: 80px;
height: 80px;
margin-bottom: 10px;
object-fit: contain;
}
.beneficio p {
font-size: 14px;
font-weight: 600;
color: #333;
margin: 0;
}
/* AJUSTES MOBILE - evita quebra */
@media (max-width:768px){
.compare-bene-wrapper{display:block}
.compare-wrapper{margin-bottom:1.5rem}
/* aqui você pediu 4 logos em linha no mobile - mantenho, mas pode causar overflow se container muito pequeno */
.beneficios-wrapper{
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:1rem;
margin-top:1rem;
}
.beneficio{
flex:0 0 45%; /* duas por linha no mobile */
text-align:center;
}
.beneficio img{
width:60px;
height:60px;
margin:0 auto .3rem;
display:block;
}
.beneficio p{
font-size:12px;
}
}
/* pequenas melhorias visuais */
.beneficio img{object-fit:contain}
/* evita que imagens fiquem com altura zero por lazy-loading ou estilos externos */
img{max-width:100%;height:auto;display:block}
</style>
<!-- TOPO -->
<div class="sobreferrugem-topo"><img alt="Logo Sobre Ferrugem" class="sobreferrugem-logo-topo" src="https://escutaoveio.fbitsstatic.net/media/logo-sobre-ferrugem.png?v=202509121011" />
<p><strong>SOBRE FERRUGEM</strong><br />
O Esmalte Marítimo sobre Ferrugem é um revestimento inovador que combina fundo e acabamento em uma única aplicação, eliminando a necessidade de primers ou fundos anticorrosivos.</p>
<!-- Imagem para desktop --> <img alt="Imagem do produto Sobre Ferrugem" class="imagem-abaixo desktop-only" src="https://escutaoveio.fbitsstatic.net/media/[banner]-[home]---650x300px_pdg_sobre-ferrugem_centro-mobile.jpg?v=202509121030" /> <!-- Imagem para mobile --> <img alt="Imagem do produto Sobre Ferrugem Mobile" class="imagem-abaixo mobile-only" src="https://escutaoveio.fbitsstatic.net/media/[banner]-[home]---650x300px_pdg_sobre-ferrugem_centro-mobile.jpg?v=202509121030" /></div>
<!-- TEXTO INFORMATIVO -->
<div class="sobreferrugem-info">
<p class="section-title">Aplicação:</p>
<p>Pode ser aplicado diretamente sobre superfícies ferrosas, tanto limpas quanto com presença de ferrugem, oferecendo praticidade e economia de tempo. Sua fórmula exclusiva com dupla tecnologia une alta repelência à água com ação anticorrosiva, proporcionando proteção ativa contra a corrosão e impedindo o avanço da ferrugem. Atendendo a diferentes necessidades estéticas e funcionais.</p>
<div class="compare-bene-wrapper"><!-- Coluna 1 - Comparador -->
<div class="compare-wrapper">
<h2>Veja o resultado na prática</h2>
<p>Arraste a seta para comparar o antes e depois da aplicação do produto.</p>
<div class="compare-container" id="compare-container"><img alt="Antes" class="compare-before" loading="lazy" src="https://escutaoveio.fbitsstatic.net/media/ferrugem2.jpg?v=202509121413" /> <img alt="Depois" class="compare-after" id="compare-after" loading="lazy" src="https://escutaoveio.fbitsstatic.net/media/ferrugem1.jpg?v=202509121413" />
<div class="drag-line" id="drag-line"> </div>
<button aria-label="Arraste para comparar" class="drag-button" id="drag-button" title="Arraste"><svg aria-hidden="true" role="img" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M9 17l-5-5 5-5M15 17l5-5-5-5" stroke-linecap="round" stroke-linejoin="round"></path> </svg></button></div>
</div>
<!-- Coluna 2 - Benefícios -->
<div class="beneficios-wrapper">
<div class="beneficio"><img alt="Secagem Rápida" src="https://escutaoveio.fbitsstatic.net/media/secagem-rapida.png?v=202509161410" />
<p>Secagem Rápida</p>
</div>
<div class="beneficio"><img alt="Excelente Cobertura" src="https://escutaoveio.fbitsstatic.net/media/excelente-cobertura2.png?v=202509161410" />
<p>Excelente Cobertura</p>
</div>
<div class="beneficio"><img alt="Fácil de Aplicar" src="https://escutaoveio.fbitsstatic.net/media/facil-de-aplicar.png?v=202509161410" />
<p>Fácil de Aplicar</p>
</div>
<div class="beneficio"><img alt="Ótimo Rendimento" src="https://escutaoveio.fbitsstatic.net/media/otimo-rendimento.png?v=202509161410" />
<p>Ótimo Rendimento</p>
</div>
</div>
</div>
<p class="section-title">Indicação:</p>
<p>Recomendado para pintura e proteção de superfícies metálicas ferrosas expostas em ambientes internos ou externos. Ideal para portas, portões, grades, corrimãos, bancos e demais estruturas metálicas que necessitam de acabamento estético aliado à ação anticorrosiva, mesmo em áreas com presença de ferrugem.</p>
<p class="section-title">Benefícios:</p>
<ul>
<li>- Com secagem rápida</li>
<li>- Excelente cobertura e acabamento de alto padrão</li>
<li>- Fácil de aplicar e ótimo rendimento</li>
</ul>
<p class="section-title">Preparação da Superfície:</p>
<p>Eliminar todo pó, manchas de gordura ou graxa, mofo, partes soltas e deixar a superfície livre de qualquer impregnação que possa prejudicar a aderência do produto ao substrato.</p>
<p class="section-title">Aplicação do Produto:</p>
<p>Ao abrir a embalagem, mexer até completa homogeneização antes de iniciar a pintura. Aplicar de 2 a 4 demãos, conforme o tipo de ferramenta:</p>
<ul>
<li>- Pincel/trincha: 2 a 3 demãos fartas</li>
<li>- Rolo ou pistola: 3 a 4 demãos finas e uniformes</li>
</ul>
<p>Respeitar intervalo mínimo de 8 horas entre demãos.<br />
Recomendações: Não aplicar com temperatura inferior a 10 °C, superior a 40 °C, ou com umidade relativa do ar acima de 85%. Evite aplicação em dias chuvosos ou com vento excessivo.</p>
<p class="section-title">Rendimento:</p>
<p>900ML rendem até 9 m² por demão, em condições ideais (superfície lisa, aplicação uniforme, sem absorção excessiva).</p>
<p class="section-title">Tempo de Cura:</p>
<p>Toque: até 1 hora<br />
Entre demãos: 4 a 6 horas<br />
Final: até 72 horas</p>
<p class="section-title">Composição:</p>
<p>Compostos orgânicos voláteis</p>
<p class="section-title">Tipo de Produto:</p>
<p>Produto Inflamável</p>
<p class="section-title">Validade:</p>
<p>3 anos a partir da data de fabricação</p>
<p class="section-title">Limitações:</p>
<p>Respeitar a diluição máxima indicada. Excessiva diluição do produto poderá afetar a formação do filme, o aspecto e dificultar a obtenção da espessura especificada. Mudanças nas pressões e nos tamanhos dos bicos podem ser necessárias para melhorar as características da pulverização. Antes da aplicação esteja seguro de que os equipamentos e respectivos componentes estejam limpos e nas melhores condições. Não deve ser aplicado em condições adversas, como umidade relativa do ar (UR) acima de 85%, pois poderão ocorrer alterações de cor e aspecto. Não deve ser aplicado sobre superfícies condensadas. Suas características serão resguardadas desde que seja corretamente conservado e utilizado conforme as instruções do fabricante constante na embalagem.</p>
</div>
Formas de Pagamento
