envelope de segurança para envio de produtos">
<meta name="robots" content="envelope de segurança personalizado para loja de roupas">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<footer id="30116a8a-9f2e-4fc1-8408-c687613fdb4f" class="cs-section cs-section-full cs-section-vertical">
<div class="cs-section-inner">
<div class="cs-lines">
<div id="f66161b1-aaf3-4012-a66c-88b20e9cedde" class="cs-line">
<div class="cs-boxes">
<div id="92c1370c-d884-46a3-aa11-b19b814f8e1f" class="cs-box">
<div class="cs-widgets">
<div id="23e5ad5e-b7e9-4d65-abd3-4362d0f23f91"
class="cs-widget cs-code-widget">
<style>
.container-mapa-malhaplast {
max-width: 600px; /* Reduzido de 950px para 600px */
margin: 20px auto;
font-family: 'Segoe UI', sans-serif;
background: #050a12;
padding: 25px; /* Reduzido levemente */
border-radius: 30px;
border: 2px solid #0055ff;
color: #ffffff;
box-shadow: 0 10px 40px rgba(0, 85, 255, 0.2);
text-align: center;
}
.titulo-mapa {
color: #ffffff;
font-size: 20px; /* Reduzido de 24px */
font-weight: 900;
text-transform: uppercase;
margin-bottom: 15px;
letter-spacing: 1px;
display: inline-block;
padding: 8px 20px;
border-radius: 10px;
background: rgba(0, 85, 255, 0.1);
border: 1px solid #0055ff;
animation: pulsarBrilhoMapa 2s infinite;
}
@keyframes pulsarBrilhoMapa {
0% { box-shadow: 0 0 5px #0055ff; }
50% { box-shadow: 0 0 20px #0055ff; }
100% { box-shadow: 0 0 5px #0055ff; }
}
.moldura-iframe {
position: relative;
overflow: hidden;
padding-top: 50%; /* Reduzido de 56.25% para o mapa ficar menos alto */
border-radius: 20px;
border: 1px solid rgba(0, 85, 255, 0.3);
box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}
.moldura-iframe iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
filter: grayscale(0.2) contrast(1.1);
}
.btn-rota-google {
display: inline-block;
margin-top: 20px;
background: #0055ff;
color: #ffffff !important;
text-decoration: none !important;
padding: 12px 35px; /* Reduzido levemente */
border-radius: 50px;
font-weight: 900;
text-transform: uppercase;
font-size: 13px;
transition: 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
box-shadow: 0 8px 15px rgba(0, 85, 255, 0.3);
}
.btn-rota-google:hover {
transform: scale(1.1); /* Zoom de 10% para caber melhor no espaço menor */
box-shadow: 0 0 30px #0055ff;
}
@media (max-width: 768px) {
.container-mapa-malhaplast { padding: 15px; border-radius: 20px; max-width: 90%; }
.titulo-mapa { font-size: 16px; }
}
</style>
<div class="container-mapa-malhaplast">
<div class="titulo-mapa">📍 Nossa Localização</div>
<div class="moldura-iframe">
<iframe
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3658.0346094229317!2d-46.63913448502271!3d-23.531257584697865!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x94ce585dbbdebb79%3A0x76d1ec6fba063588!2sMalhaplast+Embalagens!5e0!3m2!1spt-BR!2sbr!4v1563687451456!5m2!1spt-BR!2sbr"
allowfullscreen=""
loading="lazy">
</iframe>
</div>
<a href="https://maps.app.goo.gl" target="_blank" class="btn-rota-google">
✨ Traçar Rota Agora ✨
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="6cab9e1f-3e47-4f92-9682-19cf92773f5c" class="cs-line">
<div class="cs-boxes">
<div id="d3b29986-9ada-440d-87c6-42ee915a4477" class="cs-box">
<div class="cs-widgets">
<div id="803ecf5e-e01d-48ba-b79d-0edaca9c88a8"
class="cs-widget cs-social-widget">
<ul class="cs-social-colors cs-social-theme-1 cs-social-alignment-center cs-social-positioning-horizontal">
<li>
<a href="http://facebook.com/malhaplast" target="_blank">
<svg style='' class="cs-ico-facebook" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<path fill="currentColor" d="M13.1,8.1H15L14.9,6H13c-1.5,0-2.7,1.3-2.7,3v1.2H8.2v2h2.1v5.9h2.3v-5.9H15v-2h-2.4V8.8 C12.6,8.4,12.9,8.1,13.1,8.1z"/>
<path stroke-width="0" class="symbol" d="M12-0.1c-6.7,0-12,5.4-12,12c0,6.7,5.4,12,12,12c6.7,0,12-5.4,12-12C24.1,5.3,18.7-0.1,12-0.1z M15,8.1h-1.9 c-0.2,0-0.5,0.3-0.5,0.7v1.4H15v2h-2.4v5.9h-2.3v-5.9H8.2v-2h2.1V9c0-1.7,1.2-3,2.7-3h1.9L15,8.1L15,8.1z"/>
</svg>
</a>
</li>
<li>
<a href="http://instagram.com/malhaplast" target="_blank">
<svg style='' class="cs-ico-instagram" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<g fill="currentColor">
<path d="M15.7,7.5c-0.5,0-0.8,0.4-0.8,0.8s0.4,0.8,0.8,0.8s0.8-0.4,0.8-0.8C16.5,7.9,16.1,7.5,15.7,7.5z"/>
<path d="M17.7,6.3C17.4,6,17,5.7,16.5,5.5c-0.4-0.2-0.9-0.3-1.7-0.3c-0.7,0-1,0-2.8,0s-2.1,0-2.8,0
c-0.7,0-1.2,0.1-1.7,0.3C7,5.7,6.6,6,6.3,6.3C5.9,6.7,5.6,7.1,5.5,7.5C5.3,8,5.2,8.5,5.2,9.2c0,0.7,0,1,0,2.8s0,2.1,0,2.8
c0,0.7,0.1,1.2,0.3,1.7c0.2,0.5,0.4,0.9,0.8,1.2c0.3,0.4,0.8,0.6,1.2,0.8c0.4,0.2,0.9,0.3,1.7,0.3c0.7,0,1,0,2.8,0
c1.9,0,2.1,0,2.8,0c0.7,0,1.2-0.1,1.7-0.3c0.9-0.4,1.7-1.1,2-2c0.2-0.4,0.3-0.9,0.3-1.7c0-0.7,0-1,0-2.8s0-2.1,0-2.8
c0-0.7-0.1-1.2-0.3-1.7C18.4,7.1,18.1,6.7,17.7,6.3z M17.6,14.8c0,0.7-0.1,1-0.2,1.3c-0.2,0.6-0.7,1.1-1.3,1.3
c-0.2,0.1-0.6,0.2-1.3,0.2c-0.7,0-0.9,0-2.8,0c-1.8,0-2.1,0-2.8,0c-0.7,0-1-0.1-1.3-0.2c-0.3-0.1-0.6-0.3-0.8-0.5
c-0.2-0.2-0.4-0.5-0.5-0.8c-0.1-0.2-0.2-0.6-0.2-1.3c0-0.7,0-0.9,0-2.8c0-1.8,0-2.1,0-2.8c0-0.7,0.1-1,0.2-1.3
c0.1-0.3,0.3-0.6,0.5-0.8C7.4,7,7.6,6.8,7.9,6.7c0.2-0.1,0.6-0.2,1.3-0.2c0.7,0,0.9,0,2.8,0c1.8,0,2.1,0,2.8,0c0.7,0,1,0.1,1.3,0.2
c0.3,0.1,0.6,0.3,0.8,0.5c0.2,0.2,0.4,0.5,0.5,0.8c0.1,0.2,0.2,0.6,0.2,1.3c0,0.7,0,0.9,0,2.8C17.6,13.9,17.6,14.1,17.6,14.8z"/>
<path d="M12,8.5c-2,0-3.5,1.6-3.5,3.5s1.6,3.5,3.5,3.5c2,0,3.5-1.6,3.5-3.5S14,8.5,12,8.5z M12,14.3
c-1.3,0-2.3-1-2.3-2.3s1-2.3,2.3-2.3s2.3,1,2.3,2.3S13.3,14.3,12,14.3z"/>
</g>
<g stroke-width="0">
<circle cx="12" cy="12" r="2.3"/>
<path d="M17.4,8c-0.1-0.3-0.3-0.6-0.5-0.8c-0.2-0.2-0.5-0.4-0.8-0.5c-0.2-0.1-0.6-0.2-1.3-0.2c-0.7,0-0.9,0-2.8,0
c-1.8,0-2.1,0-2.8,0c-0.7,0-1,0.1-1.3,0.2C7.6,6.8,7.4,7,7.1,7.2C6.9,7.4,6.7,7.7,6.6,8C6.5,8.2,6.4,8.6,6.4,9.3c0,0.7,0,0.9,0,2.8
c0,1.8,0,2.1,0,2.8c0,0.7,0.1,1,0.2,1.3c0.1,0.3,0.3,0.6,0.5,0.8c0.2,0.2,0.5,0.4,0.8,0.5c0.2,0.1,0.6,0.2,1.3,0.2
c0.7,0,0.9,0,2.8,0c1.8,0,2.1,0,2.8,0c0.7,0,1-0.1,1.3-0.2c0.6-0.2,1.1-0.7,1.3-1.3c0.1-0.2,0.2-0.6,0.2-1.3c0-0.7,0-0.9,0-2.8
c0-1.8,0-2.1,0-2.8C17.6,8.6,17.5,8.2,17.4,8z M12,15.6c-2,0-3.5-1.6-3.5-3.5S10,8.5,12,8.5c2,0,3.5,1.6,3.5,3.5S14,15.6,12,15.6z
M15.7,9.2c-0.5,0-0.8-0.4-0.8-0.8s0.4-0.8,0.8-0.8s0.8,0.4,0.8,0.8C16.5,8.8,16.1,9.2,15.7,9.2z"/>
<path d="M12,0C5.4,0,0,5.4,0,12s5.4,12,12,12s12-5.4,12-12S18.6,0,12,0z M18.8,14.9c0,0.7-0.1,1.2-0.3,1.7c-0.4,0.9-1.1,1.7-2,2
c-0.4,0.2-0.9,0.3-1.7,0.3c-0.7,0-1,0-2.8,0c-1.9,0-2.1,0-2.8,0c-0.7,0-1.2-0.1-1.7-0.3c-0.5-0.2-0.9-0.4-1.2-0.8
c-0.4-0.3-0.6-0.8-0.8-1.2c-0.2-0.4-0.3-0.9-0.3-1.7c0-0.7,0-1,0-2.8s0-2.1,0-2.8c0-0.7,0.1-1.2,0.3-1.7c0.2-0.5,0.4-0.9,0.8-1.2
C6.6,6,7,5.7,7.5,5.5c0.4-0.2,0.9-0.3,1.7-0.3c0.7,0,1,0,2.8,0s2.1,0,2.8,0c0.7,0,1.2,0.1,1.7,0.3C17,5.7,17.4,6,17.7,6.3
c0.4,0.3,0.6,0.8,0.8,1.2c0.2,0.4,0.3,0.9,0.3,1.7c0,0.7,0,1,0,2.8S18.9,14.2,18.8,14.9z"/>
</g>
</svg>
</a>
</li>
<li>
<a href="http://twitter.com/malhaplast" target="_blank">
<svg style='' class="cs-ico-twitter" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<path fill="currentColor" d="M5.3,16.4c1.2,0.7,2.6,1.2,4.2,1.2c5.1,0,7.9-4.3,7.9-7.9c0-0.2,0-0.3,0-0.4c0.5-0.4,1-0.9,1.5-1.4
c-0.5,0.2-1,0.3-1.6,0.4c0.6-0.3,1-0.9,1.2-1.5c-0.6,0.3-1.2,0.6-1.8,0.7c-0.5-0.6-1.2-0.9-2-0.9c-1.6,0-2.8,1.3-2.8,2.8
c0,0.2,0.1,0.4,0.1,0.6C9.7,9.9,7.7,8.8,6.3,7.1C6,7.5,5.9,8,5.9,8.5c0,1,0.5,1.8,1.2,2.3c-0.5,0-0.9-0.1-1.3-0.3
c0,1.3,0.9,2.4,2.2,2.7c-0.2,0.1-0.4,0.1-0.7,0.1c-0.2,0-0.3,0-0.5,0c0.4,1.1,1.4,1.9,2.6,1.9C8.5,16,7.3,16.4,6,16.4
C5.7,16.4,5.5,16.4,5.3,16.4z"/>
<path stroke-width="0" d="M12,0C5.4,0,0,5.4,0,12s5.4,12,12,12s12-5.4,12-12S18.6,0,12,0z M17.4,9.3c0,0.1,0,0.2,0,0.4c0,3.6-2.8,7.9-7.9,7.9
c-1.6,0-3-0.5-4.2-1.2c0.2,0,0.4,0,0.7,0c1.3,0,2.5-0.4,3.4-1.2c-1.2,0-2.2-0.8-2.6-1.9c0.2,0,0.3,0,0.5,0c0.3,0,0.5,0,0.7-0.1
c-1.3-0.3-2.2-1.4-2.2-2.7l0,0c0.4,0.2,0.8,0.3,1.3,0.3c-0.7-0.5-1.2-1.3-1.2-2.3c0-0.5,0.1-1,0.4-1.4C7.7,8.8,9.7,9.9,12,10
c0-0.2-0.1-0.4-0.1-0.6c0-1.5,1.2-2.8,2.8-2.8c0.8,0,1.5,0.3,2,0.9c0.6-0.1,1.2-0.4,1.8-0.7c-0.2,0.6-0.6,1.2-1.2,1.5
c0.6-0.1,1.1-0.2,1.6-0.4C18.4,8.4,17.9,8.9,17.4,9.3z"/>
</svg>
</a>
</li>
<li>
<a href="http://linkedin.com/malhaplast" target="_blank">
<svg style='' class="cs-ico-linkedin" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<g fill="currentColor">
<circle cx="7.3" cy="6.8" r="1.3"/>
<path d="M18,18.1l0.1-5.7c0-3.2-1.8-3.7-2.7-3.7c-1.4,0-2.3,0.6-2.7,0.9V8.7H10v9.4h2.6v-5.8c0,0,0.3-1.2,1.7-1.2
c0.8,0,1,0.5,1,1.2v5.8H18z"/>
<rect x="5.9" y="8.7" width="2.7" height="9.4"/>
</g>
<path stroke-width="0" d="M12,0C5.4,0,0,5.4,0,12s5.4,12,12,12s12-5.4,12-12S18.6,0,12,0z M8.6,18.1H5.9V8.7h2.7V18.1z M7.3,8.1C6.6,8.1,6,7.5,6,6.8
s0.6-1.3,1.3-1.3s1.3,0.6,1.3,1.3C8.6,7.6,8,8.1,7.3,8.1z M18,18.1h-2.7v-5.8c0-0.7-0.2-1.2-1-1.2c-1.4,0-1.7,1.2-1.7,1.2v5.8H10
V8.7h2.7v0.9c0.4-0.3,1.3-0.9,2.7-0.9c0.9,0,2.7,0.5,2.7,3.7L18,18.1L18,18.1z"/>
</svg>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div id="75683624-7d84-4e44-986b-32fff3a690bb" class="cs-line">
<div class="cs-boxes">
<div id="4201fbd8-72c0-4e25-b5c4-a53789452970" class="cs-box">
<div class="cs-widgets">
<div id="a972b7b9-0ca9-4206-9d59-557504bb70e7"
class="cs-widget cs-code-widget">
<!-- SEO ESCONDIDO ULTRA COMPACTO -->
<div style="display:block;font-size:1px;color:transparent;line-height:0;height:1px;overflow:hidden;">
<h2>Malhaplast - Fábrica de Embalagens no Bom Retiro</h2>
<p>Fabricamos malha para embalagem, sacos para lixo e canela, caixas de papelão e plástico bolha. Especialistas em saco zip lock trilho e sacolas personalizadas na Rua Ribeiro de Lima, 522, próximo à Rua José Paulino. Atendemos atacado de embalagens no Bom Retiro e Brás. Orçamentos via WhatsApp: https://wa.me</p>
</div>
<!-- RODAPÉ AJUSTADO - PADRÃO AZUL BRILHANTE -->
<footer style="background-color:#050a12;color:#fff;padding:25px 0;font-family:sans-serif;width:100%;border-top:4px solid #0055ff;line-height:1.5;">
<style>
.footer-link-mp { color:#e0e6ed; text-decoration:none; transition: 0.3s; }
.footer-link-mp:hover { color:#0055ff !important; padding-left: 5px; }
</style>
<div style="max-width:1200px;margin:auto;padding:0 20px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;">
<!-- Coluna 1: Contatos -->
<div style="flex:1;min-width:260px;">
<div style="margin-bottom:12px;display:inline-block;border:2px solid #0055ff;padding:4px 10px;border-radius:4px;">
<span style="font-size:18px;font-weight:900;letter-spacing:1px;text-transform:uppercase;color:#fff;">Malhaplast</span>
</div>
<p style="font-size:13px;color:#b0b8c4;margin:0 0 6px 0;">📍 R. Ribeiro de Lima, 522 - Bom Retiro (Próx. José Paulino)</p>
<p style="font-size:13px;margin:0 0 12px 0;color:#fff;font-weight:600;">📞 (11) 4116-9097 | 3473-9953</p>
<!-- Botão WhatsApp Estilo Malhaplast -->
<a href="https://wa.me/message/LZRE4P6UU5BOM1" target="_blank" style="background:#0055ff;color:#fff !important;padding:10px 22px;text-decoration:none;font-weight:900;border-radius:50px;display:inline-block;font-size:13px;box-shadow: 0 4px 15px rgba(0, 85, 255, 0.4);text-transform:uppercase;">✨ Quero Orçamento ✨</a>
</div>
<!-- Coluna 2: Produtos Principais -->
<div style="flex:1;min-width:220px;">
<h4 style="font-size:14px;font-weight:700;border-left:3px solid #0055ff;padding-left:10px;margin:0 0 12px 0;color:#fff;">FABRICAÇÃO E SOLUÇÕES</h4>
<div style="display:grid;grid-template-columns:1fr;gap:6px;font-size:13px;">
<a href="https://www.malhaplast.com.br" class="footer-link-mp">• Saco Zip Trilho Personalizado</a>
<a href="https://www.malhaplast.com.br" class="footer-link-mp">• Caixas de Papelão com Logo</a>
<a href="https://www.malhaplast.com.br" class="footer-link-mp">• Malha Tubular para Fardos</a>
<a href="https://www.malhaplast.com.br" class="footer-link-mp">• Plástico Bolha e Filme Stretch</a>
</div>
</div>
<!-- Coluna 3: Linha de Apoio -->
<div style="flex:1;min-width:220px;">
<h4 style="font-size:14px;font-weight:700;border-left:3px solid #0055ff;padding-left:10px;margin:0 0 12px 0;color:#fff;">LINHA DE APOIO</h4>
<div style="display:grid;grid-template-columns:1fr;gap:6px;font-size:13px;">
<a href="https://www.malhaplast.com.br" class="footer-link-mp">• Saco para Lixo e Canela</a>
<a href="https://www.malhaplast.com.br" class="footer-link-mp">• Envelopes de Segurança</a>
<a href="https://www.malhaplast.com.br" class="footer-link-mp">• Capas para Confecções</a>
<a href="https://www.malhaplast.com.br" class="footer-link-mp">• Papel Kraft e Seda</a>
</div>
</div>
</div>
<!-- Banner Final com Frase Clicável, Brilho Azul e Linha Decorativa -->
<div style="text-align:center;margin-top:30px;padding:35px 20px;background:rgba(0, 85, 255, 0.03);border-top:1px solid #1e293b;overflow:hidden;">
<style>
.link-impacto-mp {
text-decoration: none !important;
display: inline-block;
transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.link-impacto-mp:hover { transform: scale(1.2); }
.texto-impacto-mp {
font-size: 22px;
font-weight: 900;
margin: 0;
letter-spacing: 1px;
color: #0088ff;
text-shadow: 0 0 12px rgba(0, 85, 255, 0.4);
text-transform: uppercase;
transition: all 0.4s ease;
}
.linha-impacto-mp {
height: 3px;
width: 60%;
background: #0055ff;
margin: 10px auto 0;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0, 85, 255, 0.3);
transition: all 0.4s ease;
}
.link-impacto-mp:hover .texto-impacto-mp { color: #33aaff; text-shadow: 0 0 20px rgba(0, 85, 255, 0.8); }
.link-impacto-mp:hover .linha-impacto-mp { width: 100%; background: #0088ff; }
</style>
<a href="https://www.malhaplast.com.br" class="link-impacto-mp">
<h2 class="texto-impacto-mp">A MELHOR LOJA DE EMBALAGENS DO BOM RETIRO</h2>
<div class="linha-impacto-mp"></div>
</a>
<p style="color:#5a6b7d;font-size:12px;margin:15px 0 0 0;font-weight:bold;">MALHAPLAST EMBALAGENS LTDA</p>
<p style="color:#5a6b7d;font-size:11px;margin:4px 0 0 0;">CNPJ: 11.812.041/0001-07 | Bom Retiro - São Paulo</p>
<div style="font-size:10px; color:#3b4a5a; margin-top:10px;">© 2024 Todos os direitos reservados.</div>
</div>
</footer>
</div>
</div>
</div>
</div>
</div>
<div id="8ea47209-51eb-424e-9676-31b6203e124d" class="cs-line">
<div class="cs-boxes">
<div id="af782dc7-e082-436c-83e9-7b869e7631f1" class="cs-box">
<div class="cs-widgets">
<div id="3dfb7792-35e9-48e2-b5dd-5e109d88de2c"
class="cs-widget cs-text-widget">
<div class="text-editor">
<p style="text-align:center"><span style="color:#696969"><span style="font-size:11px">Malhaplast © 20.19. CRIADO COM CRIADOR DE SITES - LOCAWEB</span></span></p>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="b5fdbcc7-bae6-48e8-815d-d10fbeff1996" class="cs-line">
<div class="cs-boxes">
<div id="2ade3d98-d51b-45b3-9694-75b0f300951e" class="cs-box">
<div class="cs-widgets">
<div id="db0ad468-4c70-42b7-8e21-93361b4d7531"
class="cs-widget cs-code-widget">
<!-- 1. AJUSTE DE MENU (MANTIDO DO SEU CÓDIGO) -->
<style>
header, .header, #header, .nav-container { padding-top: 5px !important; padding-bottom: 5px !important; margin: 0 !important; }
</style>
<!-- 2. ESTILOS DO BANNER DE COOKIES (ADICIONADO) -->
<style>
#cookie-banner-mp {
position: fixed; bottom: 20px; left: 50%; transform: translateX(-50%);
width: 90%; max-width: 850px; background: #050a15; border: 1px solid #0055ff;
border-radius: 12px; padding: 15px 25px; display: flex; align-items: center;
justify-content: space-between; z-index: 2147483646; /* Um nível abaixo do seu pop-up */
font-family: sans-serif; visibility: hidden; opacity: 0; transition: opacity 0.5s ease;
}
#cookie-banner-mp.show { visibility: visible; opacity: 1; }
.cookie-texto-mp { color: #ffffff; font-size: 14px; line-height: 1.5; text-align: left; margin-right: 20px; }
.btn-aceitar-cookie {
background: #0055ff; color: #ffffff !important; border: none; padding: 10px 25px;
border-radius: 6px; font-weight: 700; text-transform: uppercase; font-size: 12px;
cursor: pointer; transition: 0.2s; white-space: nowrap;
}
.btn-aceitar-cookie:hover { background: #0033cc; }
@media (max-width: 768px) {
#cookie-banner-mp { flex-direction: column; bottom: 0; width: 100%; border-radius: 0; }
.cookie-texto-mp { margin-bottom: 15px; text-align: center; }
.btn-aceitar-cookie { width: 100%; }
}
</style>
<!-- 3. ESTRUTURA DO BANNER DE COOKIES (ADICIONADO) -->
<div id="cookie-banner-mp">
<div class="cookie-texto-mp">
A <strong>Malhaplast</strong> utiliza cookies para garantir a melhor experiência em nosso site. Ao continuar, você concorda com nossa política de navegação.
</div>
<button class="btn-aceitar-cookie" onclick="aceitarCookies()">Entendido</button>
</div>
// FUNÇÃO COOKIES (ADICIONADA)
function aceitarCookies() {
localStorage.setItem('cookies_aceitos_mp', 'true');
document.getElementById('cookie-banner-mp').classList.remove('show');
}
(function() {
// LÓGICA DO BANNER DE COOKIES
if (!localStorage.getItem('cookies_aceitos_mp')) {
setTimeout(function() {
document.getElementById('cookie-banner-mp').classList.add('show');
}, 1500);
}
// LÓGICA DO SEU BANNER DE LOJA FÍSICA (MANTIDA)
var bannerVisto = localStorage.getItem('malhaplast_visto_v1');
var agora = new Date().getTime();
var seteDias = 7 * 24 * 60 * 60 * 1000;
if (!bannerVisto || (agora - bannerVisto > seteDias)) {
setTimeout(function() {
var el = document.getElementById('bannerLojaFisica');
if(el) {
el.style.display = 'flex';
localStorage.setItem('malhaplast_visto_v1', agora);
setTimeout(function() { el.style.display = 'none'; }, 10000);
}
}, 5000);
}
})();
function fecharBannerManualmente() {
document.getElementById('bannerLojaFisica').style.display = 'none';
}
</script>
</div>
<div id="99b77b80-f4a6-43e8-833c-33a928aadc62"
class="cs-widget cs-code-widget">
<!-- Banner Responsivo Malhaplast 120% Desktop -->
<div id="banner-urgencia-malhaplast" class="banner-malhaplast-style" style="display: none;">
<div class="banner-malhaplast-content">
<span class="close-malhaplast" onclick="fecharBanner()">×</span>
<p class="banner-titulo">⚠️ ATENÇÃO:</p>
<p class="banner-texto">
Devido às constantes oscilações no mercado global (alta do petróleo/Guerra), nossa tabela está sujeita a alteração imediata.
</p>
<div class="banner-destaque">
💎 Este orçamento é válido apenas para <strong>HOJE</strong>.
</div>
<span class="banner-assinatura">✨ Atenciosamente, Equipe Malhaplast ✨</span>
</div>
</div>
<style>
/* CONFIGURAÇÃO PARA COMPUTADOR (120% MAIOR) */
.banner-malhaplast-style {
position: fixed;
bottom: 40px;
left: 50%;
transform: translateX(-50%);
width: 90%;
max-width: 600px; /* Aumentado para comportar o zoom */
background: #050a12;
border: 3px solid #0055ff;
border-radius: 30px;
box-shadow: 0 0 50px rgba(0, 85, 255, 0.3);
padding: 30px;
z-index: 10000;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
animation: slideUpMalhaplast 0.6s ease-out;
zoom: 1.2; /* Aumenta em 120% no Desktop */
}
.banner-malhaplast-content {
position: relative;
text-align: center;
color: #ffffff;
}
.close-malhaplast {
position: absolute;
top: -20px;
right: -10px;
font-size: 30px;
cursor: pointer;
color: #b0b8c4;
}
.banner-titulo {
color: #ffffff;
font-weight: 900;
font-size: 22px;
margin: 0 0 12px 0;
}
.banner-texto {
font-size: 16px;
line-height: 1.6;
margin-bottom: 18px;
}
.banner-destaque {
background: rgba(0, 85, 255, 0.15);
border: 1px dashed #0055ff;
padding: 12px;
border-radius: 15px;
color: #0055ff;
font-weight: 800;
font-size: 18px;
}
.banner-assinatura {
display: block;
font-size: 13px;
color: #b0b8c4;
margin-top: 15px;
}
/* RESPONSIVO: CONFIGURAÇÃO PARA CELULAR (TAMANHO NORMAL) */
@media (max-width: 768px) {
.banner-malhaplast-style {
zoom: 1.0; /* Volta para o tamanho 100% no celular */
width: 85%;
max-width: 380px;
padding: 20px;
bottom: 20px;
border-radius: 25px;
}
.banner-titulo { font-size: 18px; }
.banner-texto { font-size: 14px; }
.banner-destaque { font-size: 15px; }
}
@keyframes slideUpMalhaplast {
from { bottom: -200px; opacity: 0; }
to { bottom: 40px; opacity: 1; }
}
</style>
<script>
document.addEventListener("DOMContentLoaded", function() {
if (!sessionStorage.getItem("bannerMalhaplastVisto")) {
setTimeout(function() {
document.getElementById('banner-urgencia-malhaplast').style.display = 'block';
sessionStorage.setItem("bannerMalhaplastVisto", "true");
}, 2000);
}
});
function fecharBanner() {
document.getElementById('banner-urgencia-malhaplast').style.display = 'none';
}
</script>
</div>
</div>
</div>
</div>
</div>
<div id="3466cb32-0c50-4534-a4bf-06ef33b4d0fe" class="cs-line">
<div class="cs-boxes">
<div id="d4535c98-a2c4-4423-9099-ba8e76798d4e" class="cs-box">
<div class="cs-widgets">
<div id="59995249-5216-4152-af44-26423f57aa32"
class="cs-widget cs-code-widget">
<style>
/* Esse código só funciona para o visitante, não mexe no seu editor */
@media screen and (max-width: 768px) {
body:not(.editor-active) h1 { font-size: 24px !important; }
body:not(.editor-active) h2 { font-size: 20px !important; }
/* Ajusta tabelas para não quebrarem o celular */
body:not(.editor-active) table {
display: block !important;
overflow-x: auto !important;
width: 100% !important;
}
}
</style>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</footer>
</div>
<script src="/assets/criadordesites.js?d150b093-6cea-4f84-9272-4dd8a6398931"></script>
</body>
</html>
