Skip to content

ee #349

Description

@fernando87882026
<title>VM | Coleta de Óleo de Cozinha Usado</title> <style> *{box-sizing:border-box} html{scroll-behavior:smooth} body{ margin:0; font-family:Arial,Helvetica,sans-serif; color:#172d17; background:#f7f5dc; } a{text-decoration:none;color:inherit} .container{width:min(1120px,92%);margin:auto}

/* HERO */
.hero{
min-height:620px;
display:flex;
align-items:center;
position:relative;
overflow:hidden;
background:
radial-gradient(circle at 15% 20%,rgba(255,255,255,.9),transparent 35%),
linear-gradient(135deg,#fffce8 0%,#f5f0bf 52%,#dce7a9 100%);
}
.hero:before,.hero:after{
content:"";
position:absolute;
border-radius:50%;
filter:blur(2px);
opacity:.35;
}
.hero:before{
width:300px;height:300px;background:#5d9e32;left:-130px;bottom:-100px;
}
.hero:after{
width:420px;height:420px;background:#8bbd45;right:-190px;top:-150px;
}
.hero-content{position:relative;z-index:2;padding:55px 0;width:58%}
.badge{
display:inline-block;
background:#e7c51e;color:#16320f;
padding:9px 17px;border-radius:999px;
font-weight:900;font-size:14px;
text-transform:uppercase;
margin-bottom:15px;
}
h1{
margin:0;
color:#086316;
font-size:clamp(48px,8vw,92px);
line-height:.9;
letter-spacing:-4px;
text-shadow:2px 3px 0 #b5cf52;
}
.hero h2{
margin:18px 0 8px;
font-size:clamp(25px,3.2vw,43px);
color:#172617;
}
.hero p{
font-size:20px;line-height:1.55;max-width:650px;
}
.price{
display:inline-flex;align-items:center;gap:12px;
margin:22px 0;
font-weight:900;color:#174b13;
}
.price strong{font-size:48px;color:#d29c00}
.cta{
display:inline-block;
background:#08752a;color:white;
padding:17px 27px;border-radius:14px;
font-size:19px;font-weight:900;
box-shadow:0 8px 20px rgba(0,70,20,.2);
transition:.2s;
}
.cta:hover{transform:translateY(-2px);background:#075e22}
.hero-art{
position:absolute;right:4%;bottom:0;
width:min(430px,42%);
z-index:2;
}
.bottle{
width:210px;height:390px;margin:auto;
border:5px solid #7b4d13;
border-radius:25px 25px 40px 40px;
background:linear-gradient(90deg,#b9760b,#f0b92a,#a96708);
box-shadow:inset 15px 0 20px rgba(255,255,255,.25),0 15px 35px rgba(0,0,0,.2);
position:relative;
}
.bottle:before{
content:"";position:absolute;left:65px;top:-65px;
width:75px;height:70px;border-radius:8px 8px 0 0;
background:#222;border:4px solid #111;
}
.bottle:after{
content:"ÓLEO";position:absolute;left:28px;right:28px;top:145px;
padding:13px 5px;background:#fff8cf;color:#42650b;
font-weight:900;text-align:center;border-radius:8px;
}
.pour{
position:absolute;width:130px;height:150px;
right:18px;top:5px;transform:rotate(28deg);
border-radius:60% 10% 60% 60%;
background:linear-gradient(90deg,#a86608,#eab326,#9b5d05);
}

/* CARDS */
.section{padding:70px 0}
.section-title{text-align:center;margin-bottom:38px}
.section-title h2{font-size:38px;margin:0 0 10px;color:#125f1c}
.section-title p{font-size:18px;color:#536052}
.cards{
display:grid;grid-template-columns:repeat(3,1fr);gap:22px
}
.card{
background:white;border:2px solid #d6e2a9;border-radius:22px;
padding:30px 25px;box-shadow:0 8px 25px rgba(30,70,20,.08)
}
.icon{
width:58px;height:58px;border-radius:50%;
display:grid;place-items:center;background:#176b24;color:white;
font-size:27px;margin-bottom:17px
}
.card h3{margin:0 0 10px;color:#14591c;font-size:22px}
.card p{line-height:1.55;color:#596258}

/* HOW */
.how{background:#eaf0cb}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}
.step{text-align:center}
.num{
margin:auto auto 15px;width:58px;height:58px;border-radius:50%;
background:#e4bc18;color:#17340e;display:grid;place-items:center;
font-size:25px;font-weight:900
}
.step h3{margin:8px 0;font-size:21px}
.step p{color:#586053;line-height:1.5}

/* CALCULATOR */
.calculator{
max-width:650px;margin:auto;background:#fff;border-radius:24px;
padding:32px;box-shadow:0 10px 30px rgba(0,0,0,.08);
border:2px solid #d8e3ac;
}
.calculator label{display:block;font-weight:800;margin-bottom:9px}
input{
width:100%;padding:15px;border:2px solid #cad79b;
border-radius:12px;font-size:18px;outline:none
}
input:focus{border-color:#318335}
.result{
margin-top:20px;padding:18px;border-radius:14px;
background:#eef6d8;text-align:center;
font-size:20px;font-weight:800
}
.result strong{display:block;font-size:38px;color:#147026;margin-top:4px}

/* CONTACT */
.contact{
background:linear-gradient(135deg,#0b5d20,#174b12);
color:white;border-radius:30px;padding:50px;
text-align:center;
}
.contact h2{font-size:38px;margin:0 0 12px}
.contact p{font-size:18px;line-height:1.5}
.whatsapp{
display:inline-block;margin-top:18px;background:#20c764;
padding:17px 30px;border-radius:14px;font-weight:900;font-size:20px
}

/* FOOTER */
footer{
padding:28px 0;text-align:center;background:#0a3513;color:#dce9c8;
font-size:14px
}

@media(max-width:800px){
.hero{min-height:auto}
.hero-content{width:100%;padding:55px 0 25px}
.hero-art{position:relative;right:auto;width:100%;padding:10px 0 45px}
.hero-content{z-index:3}
.hero-art .bottle{width:150px;height:280px}
.bottle:before{left:45px;width:60px;height:55px;top:-52px}
.bottle:after{top:105px;left:18px;right:18px}
.pour{display:none}
.cards,.steps{grid-template-columns:1fr}
.contact{padding:35px 20px}
.contact h2{font-size:30px}
h1{letter-spacing:-2px}
}

.mini-offer{
display:inline-block;
margin:0 0 20px 12px;
padding:10px 15px;
border-radius:12px;
background:#fff;
color:#17651d;
border:2px solid #d6b51c;
font-size:17px;
box-shadow:0 5px 15px rgba(0,0,0,.08);
}
.hero-phone{
margin-top:14px;
font-size:20px;
font-weight:900;
color:#075d18;
}
.hero-phone:before{
content:"";
}
@media(max-width:800px){
.mini-offer{margin:0 0 18px 0}
.hero-phone{font-size:18px}
}
</style>

<style> /* BLOCO EXTRA — FAQ + BOTÃO FLUTUANTE */ .faq-section{background:#fbfbe9} .faq{max-width:850px;margin:auto;display:grid;gap:13px} .faq details{ background:#fff;border:2px solid #dce7b6;border-radius:16px; padding:0 20px;box-shadow:0 5px 18px rgba(30,70,20,.06); } .faq summary{ cursor:pointer;list-style:none;padding:20px 5px;font-weight:900; color:#14591c;font-size:18px;position:relative;padding-right:35px; } .faq summary::-webkit-details-marker{display:none} .faq summary:after{ content:"+";position:absolute;right:4px;top:14px;font-size:27px;color:#176b24; } .faq details[open] summary:after{content:"−"} .faq details p{margin:0;padding:0 5px 20px;color:#596258;line-height:1.6} .floating-whatsapp{ position:fixed;right:22px;bottom:22px;z-index:9999; display:flex;align-items:center;gap:9px; background:#20c764;color:#fff;border-radius:999px; padding:14px 19px;box-shadow:0 8px 25px rgba(0,0,0,.22); font-size:16px;transition:.2s;border:3px solid #fff; } .floating-whatsapp:hover{transform:translateY(-3px);filter:brightness(.96)} .floating-whatsapp span{font-size:21px} @media(max-width:600px){ .floating-whatsapp{right:14px;bottom:14px;padding:13px 16px} } </style>
♻️ COLETA • RECICLAGEM • RENDA EXTRA

VM

COLETA DE ÓLEO DE COZINHA USADO

Não jogue seu óleo no ralo!
Guarde, acumule e transforme o óleo usado da sua cozinha em dinheiro. Você ganha e o meio ambiente agradece! 🌱

VOCÊ RECEBE R$ 2,50 POR LITRO
💰 2 LITROS = R$ 5,00

📲 QUERO AGENDAR UMA COLETA
📞 (21) 98194-2855
<div class="hero-art" aria-hidden="true">
  <div class="pour"></div>
  <div class="bottle"></div>
</div>

💰 Quanto você pode ganhar?

Guarde o óleo usado em garrafas bem fechadas e veja uma estimativa do valor.

<div class="calculator">
  <label for="litros">Quantidade de óleo (em litros)</label>
  <input id="litros" type="number" min="0" step="0.5" value="2" oninput="calcular()">
  <div class="result">
    Valor estimado da coleta:
    <strong id="valor">R$ 5,00</strong>
  </div>
</div>

♻️ Como funciona?

É simples, prático e ajuda o meio ambiente.

<div class="steps">
  <div class="step">
    <div class="num">1</div>
    <h3>Guarde o óleo</h3>
    <p>Depois de usar, espere esfriar e coloque o óleo em uma garrafa PET limpa e bem fechada.</p>
  </div>
  <div class="step">
    <div class="num">2</div>
    <h3>Junte o suficiente</h3>
    <p>Acumule seu óleo usado até atingir a quantidade necessária para solicitar a retirada.</p>
  </div>
  <div class="step">
    <div class="num">3</div>
    <h3>Agende a coleta</h3>
    <p>Entre em contato conosco e combine o melhor dia para realizarmos a retirada.</p>
  </div>
</div>

🌱 Por que não jogar no ralo?

O óleo usado pode causar sérios problemas quando descartado de forma incorreta.

<div class="cards">
  <div class="card">
    <div class="icon">🚫</div>
    <h3>Não jogue no ralo</h3>
    <p>O óleo pode contribuir para entupimentos e problemas na rede de esgoto.</p>
  </div>
  <div class="card">
    <div class="icon">💧</div>
    <h3>Proteja a água</h3>
    <p>O descarte correto ajuda a evitar a contaminação de rios, córregos e outras fontes de água.</p>
  </div>
  <div class="card">
    <div class="icon">♻️</div>
    <h3>Dê um novo destino</h3>
    <p>O óleo usado pode ser encaminhado para reciclagem e reaproveitamento.</p>
  </div>
</div>

📲 FALE COM A VM

Tem óleo usado para entregar?
Agende sua coleta pelo WhatsApp.

WHATSAPP: (21) 98194-2855

❓ Perguntas frequentes

Tire suas principais dúvidas sobre a coleta de óleo.

<div class="faq">
  <details>
    <summary>Quanto a VM paga pelo óleo usado?</summary>
    <p>A referência apresentada nesta página é de <strong>R$ 2,50 por litro</strong> de óleo coletado.</p>
  </details>
  <details>
    <summary>Como devo armazenar o óleo?</summary>
    <p>Espere o óleo esfriar, coloque em uma garrafa PET limpa e mantenha o recipiente bem fechado.</p>
  </details>
  <details>
    <summary>Preciso agendar a coleta?</summary>
    <p>Sim. Entre em contato pelo WhatsApp para combinar o melhor dia para a retirada.</p>
  </details>
  <details>
    <summary>O óleo precisa estar filtrado?</summary>
    <p>O ideal é retirar restos de alimentos antes de armazenar e manter o óleo em recipiente limpo e fechado.</p>
  </details>
  <details>
    <summary>Como entro em contato com a VM?</summary>
    <p>Fale diretamente pelo WhatsApp: <strong>(21) 98194-2855</strong>.</p>
  </details>
</div>
WhatsApp ♻️ VM – COLETA DE ÓLEO DE COZINHA USADO
📞 (21) 98194-2855
Sua atitude faz a diferença! <script> function calcular(){ const litros = Math.max(0, parseFloat(document.getElementById('litros').value) || 0); const valor = litros * 2.50; document.getElementById('valor').textContent = valor.toLocaleString('pt-BR',{style:'currency',currency:'BRL'}); } calcular(); </script>

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions