.elementor-1602 .elementor-element.elementor-element-0ace2b0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1602 .elementor-element.elementor-element-f7c1815{--swiper-slides-to-display:3;--swiper-slides-gap:10px;--arrow-prev-left-align:0%;--arrow-prev-translate-x:0px;--arrow-prev-left-position:0px;--arrow-prev-top-align:50%;--arrow-prev-translate-y:-50%;--arrow-prev-top-position:0px;--arrow-next-right-align:0%;--arrow-next-translate-x:0%;--arrow-next-right-position:0px;--arrow-next-top-align:50%;--arrow-next-translate-y:-50%;--arrow-next-top-position:0px;}.elementor-1602 .elementor-element.elementor-element-f7c1815 .swiper-slide > .elementor-element{height:100%;}.elementor-1602 .elementor-element.elementor-element-adba885{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1602 .elementor-element.elementor-element-ee4ad34{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1602 .elementor-element.elementor-element-8219be0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1602 .elementor-element.elementor-element-1e336a9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1602 .elementor-element.elementor-element-7b474a6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1602 .elementor-element.elementor-element-f0019a2{--display:flex;}.elementor-1602 .elementor-element.elementor-element-adf37ac{--swiper-slides-to-display:3;--swiper-slides-gap:10px;--arrow-prev-left-align:0%;--arrow-prev-translate-x:0px;--arrow-prev-left-position:0px;--arrow-prev-top-align:50%;--arrow-prev-translate-y:-50%;--arrow-prev-top-position:0px;--arrow-next-right-align:0%;--arrow-next-translate-x:0%;--arrow-next-right-position:0px;--arrow-next-top-align:50%;--arrow-next-translate-y:-50%;--arrow-next-top-position:0px;}.elementor-1602 .elementor-element.elementor-element-adf37ac .swiper-slide > .elementor-element{height:100%;}.elementor-1602 .elementor-element.elementor-element-c731d8a{--display:flex;}@media(min-width:768px){.elementor-1602 .elementor-element.elementor-element-ee4ad34{--width:25%;}.elementor-1602 .elementor-element.elementor-element-8219be0{--width:25%;}.elementor-1602 .elementor-element.elementor-element-1e336a9{--width:25%;}.elementor-1602 .elementor-element.elementor-element-7b474a6{--width:25%;}}@media(min-width:2400px){.elementor-1602 .elementor-element.elementor-element-f7c1815{--swiper-slides-to-display:3;}.elementor-1602 .elementor-element.elementor-element-adf37ac{--swiper-slides-to-display:3;}}@media(max-width:1366px){.elementor-1602 .elementor-element.elementor-element-f7c1815{--swiper-slides-to-display:3;}.elementor-1602 .elementor-element.elementor-element-adf37ac{--swiper-slides-to-display:3;}}@media(max-width:1024px){.elementor-1602 .elementor-element.elementor-element-f7c1815{--swiper-slides-to-display:2;}.elementor-1602 .elementor-element.elementor-element-adf37ac{--swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-1602 .elementor-element.elementor-element-f7c1815{--swiper-slides-to-display:1;}.elementor-1602 .elementor-element.elementor-element-adf37ac{--swiper-slides-to-display:1;}}/* Start custom CSS for loop-carousel, class: .elementor-element-adf37ac */<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Lánno Mercadinho</title>

<style>
:root {
  --azul:#002b4f;
  --azul-claro:#0a3d6f;
  --laranja:#f7931e;
  --laranja-escuro:#e57c00;
  --branco:#fff;
  --cinza:#f5f7fa;
  --texto:#1b1b1b;
  --radius:14px;
  --max:1200px;
}

/* RESET */
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:"Inter","Segoe UI",Arial,sans-serif;background:#fff;color:var(--texto);line-height:1.6;overflow-x:hidden}

/* ====== HERO ====== */
.hero{
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,var(--azul) 0%,var(--azul-claro) 100%);
  color:#fff;
  padding:80px 20px;
}
.hero .container{
  max-width:var(--max);
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:40px;
}
.hero-text{flex:1 1 520px}
.hero-text .kicker{
  background:var(--laranja);
  color:#fff;
  padding:8px 16px;
  border-radius:30px;
  font-weight:700;
  display:inline-block;
  margin-bottom:16px;
}
.hero-text h1{
  font-size:clamp(2rem,4vw,2.8rem);
  font-weight:800;
  line-height:1.1;
  margin-bottom:20px;
}
.hero-text p{font-size:1.1rem;color:#e5e8ec;margin-bottom:24px;max-width:520px}
.beneficios-list{display:flex;flex-direction:column;gap:14px;margin-bottom:26px;max-width:550px}
.beneficios-list li{
  list-style:none;
  background:#fff;
  color:var(--azul);
  border-left:6px solid var(--laranja);
  border-radius:10px;
  padding:14px 16px;
  font-weight:600;
  box-shadow:0 6px 20px rgba(0,0,0,0.1);
  transition:.25s;
}
.beneficios-list li:hover{background:#fff7ef;transform:translateY(-2px)}
.btn{
  display:inline-block;
  padding:14px 26px;
  border-radius:10px;
  font-weight:700;
  text-decoration:none;
  transition:0.3s;
}
.btn-primary{
  background:linear-gradient(135deg,var(--laranja),var(--laranja-escuro));
  color:#fff;
  box-shadow:0 8px 20px rgba(0,0,0,0.25);
}
.btn-primary:hover{transform:translateY(-3px);background:linear-gradient(135deg,#ffa540,#e57c00)}
.hero-image{flex:1 1 520px;text-align:center}
.hero-image img{
  width:100%;
  max-width:560px;
  border-radius:20px;
  object-fit:cover;
  box-shadow:0 20px 40px rgba(0,0,0,0.3);
}

/* ====== PROPOSTA ====== */
.proposta{
  min-height:100vh;
  background:linear-gradient(180deg,#f9a44c 0%,#f7931e 100%);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:100px 20px;
  color:#fff;
  text-align:center;
}
.proposta .container{
  max-width:900px;
  width:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
}
.proposta h2{
  font-size:2.4rem;
  font-weight:800;
  margin-bottom:16px;
  text-transform:uppercase;
  color:#fff;
  letter-spacing:1px;
}
.proposta p{
  max-width:800px;
  font-size:1.1rem;
  margin-bottom:32px;
  line-height:1.7;
  color:#fff;
}
.proposta ul{
  display:flex;
  flex-direction:column;
  gap:16px;
  width:100%;
}
.proposta li{
  list-style:none;
  background:#fff;
  color:var(--azul);
  border-left:6px solid var(--laranja-escuro);
  border-radius:14px;
  padding:16px 20px;
  font-weight:600;
  box-shadow:0 8px 20px rgba(0,0,0,0.15);
  transition:.25s;
}
.proposta li:hover{
  transform:translateY(-3px);
  background:#fff8f0;
}
.proposta .btn-primary{
  margin-top:40px;
  background:linear-gradient(135deg,var(--azul),var(--azul-claro));
  color:#fff;
  box-shadow:0 8px 20px rgba(0,0,0,0.25);
}
.proposta .btn-primary:hover{
  transform:translateY(-3px);
  background:linear-gradient(135deg,#003865,#001f3d);
}

/* ====== DEPOIMENTOS ====== */
.depoimentos{
  min-height:100vh;
  background:linear-gradient(180deg,#f9fafc 0%,#eef2f5 100%);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:100px 20px;
}
.depoimentos h2{
  font-size:2rem;
  color:var(--azul);
  margin-bottom:40px;
  text-align:center;
}
.depo-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
  gap:30px;
  max-width:var(--max);
  width:100%;
}
.depo-card{
  background:#fff;
  border-radius:16px;
  padding:24px 20px;
  box-shadow:0 8px 24px rgba(0,0,0,0.06);
  text-align:center;
  transition:transform .25s;
}
.depo-card:hover{transform:translateY(-6px)}
.depo-card img{
  width:80px;
  height:80px;
  border-radius:50%;
  object-fit:cover;
  margin-bottom:14px;
}
.depo-card h4{color:var(--laranja);font-size:1.1rem;margin-bottom:10px}
.depo-card p{font-size:0.95rem;color:#333}

/* ====== CONTATO ====== */
.contato{
  min-height:60vh;
  background:#fff;
  text-align:center;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:80px 20px;
}
.contato h2{color:var(--azul);font-size:2rem;margin-bottom:10px}
.contato p{max-width:700px;margin-bottom:20px;font-size:1.05rem}
.contato .btn-primary{margin-top:16px}

/* ====== FOOTER ====== */
footer{
  background:var(--azul);
  color:#fff;
  text-align:center;
  padding:26px 10px;
  font-size:0.9rem;
}

/* ====== RESPONSIVO ====== */
@media(max-width:991px){
  .hero .container{flex-direction:column;text-align:center}
  .hero-text,.hero-image{flex:1 1 100%}
  .hero-text p,.beneficios-list{margin:0 auto}
  .proposta{padding:80px 20px;text-align:center}
  .proposta .container{align-items:center}
  .proposta ul{text-align:left}
}
</style>
</head>

<body>

<!-- HERO -->
<section class="hero">
  <div class="container">
    <div class="hero-text">
      <span class="kicker">Minimercado inteligente</span>
      <h1>Já pensou em ter um minimercado em sua Empresa, Academia  ou Condomínio?</h1>
      <p>A Lánno Mercadinho (minimercado autônomo) é um modelo de autosserviço inteligente e 100% autônomo,
      pensado para oferecer conveniência, inovação e segurança em ambientes como condomínios
      residenciais, empresas, coworkings e espaços coletivos.<b><p><font color = "#053460">.</font></p> <p>Escolheu - Pegou - Pagou  - Levou!</p></b><p></p>
      <font color = "#053460">.</font>

      <ul class="beneficios-list">
        <li>✅ Valor agregado ao local: mais comodidade para moradores e colaboradores, com impacto positivo na valorização do imóvel ou na satisfação da equipe.</li>
        <li>✅ Zero custo para implantação: o parceiro cede o espaço e nós cuidamos de toda a estrutura, abastecimento, manutenção e suporte.</li>
        <li>✅ Curadoria de produtos selecionados: alimentos, bebidas, itens de higiene, limpeza e utilidades — tudo o que seu público precisa no dia a dia.</li>
        <li>✅ Ambiente seguro e monitorado: sistema de vigilância e rastreamento garantem tranquilidade total na operação.</li>
      </ul>
<br>
      <a href="https://wa.me/5511944618175?text=Ol%C3%A1!%20Tenho%20interesse%20na%20solu%C3%A7%C3%A3o%20do%20L%C3%A1nno%20Mercadinho." target="_blank" class="btn btn-primary">Preciso de mais informações</a>
    </div>
    <div class="hero-image">
       <img src="/Movel_Lanno.png" alt="Movel Lanno">
      <p><font color="#053460">.</font></p>
             <img src="https://www.direcional.com.br/wp-content/uploads/2023/05/Mini-Market-New-Times-Residence-Direcional-1024x576.jpg" alt="Lánno Mercadinho">
    </div>
  </div>
</section>

<!-- PROPOSTA -->
<section class="proposta">
  <div class="container">
    <h2>NOSSA PROPOSTA</h2>
    <p>A Lánno Mercadinho (minimercado autônomo) oferece muito mais do que um ponto de venda. Apresentamos uma solução completa,
    moderna e autônoma de conveniência, pensada para facilitar o dia a dia e agregar valor ao seu espaço.</p>
    <ul>
      <li>✅ Mercadinho 100% autônomo, 24 horas por dia.</li>
      <li>✅ Operação sem atendentes. Compras rápidas, seguras e práticas, a qualquer hora do dia ou da noite.</li>
      <li>✅ Instalação sem custo para o parceiro. O espaço é cedido e nós cuidamos de toda a estrutura, montagem, tecnologia e abastecimento.</li>
      <li>✅ Curadoria de produtos essenciais: alimentos, bebidas, snacks, itens de higiene, limpeza e utilidades.</li>
      <li>✅ Ambiente seguro e controlado: sistema de vigilância com câmeras 24h e monitoramento do uso do espaço.</li>
      <li>✅ Manutenção, suporte e reabastecimento contínuo, com equipe dedicada à operação e reposição.</li>
      <li>✅ Valorização do local e satisfação dos clientes — mais comodidade e menos deslocamentos.</li>
    </ul>
    <a href="https://wa.me/5511944618175?text=Ol%C3%A1!%20Tenho%20interesse%20na%20solu%C3%A7%C3%A3o%20do%20L%C3%A1nno%20Mercadinho." target="_blank" class="btn btn-primary">Preciso de mais informações</a>
  </div>
</section>

<!-- DEPOIMENTOS -->
<section class="depoimentos">
  <h2>O que dizem nossos parceiros</h2>
  <div class="depo-grid">
    <div class="depo-card">
      <img src="https://lannomercadinho.com/wp-content/uploads/2025/10/CONSELHEIRA-SINDICA-.png" alt="Síndica">
      <h4>Síndica</h4>
      <p>“É um tipo de serviço e parceria que deu certo. O espaço trouxe comodidade e valorização para o condomínio. Quando falta algo, corremos pra lá. Sem precisar sair do condomínio e com segurança.”</p>
    </div>
    <div class="depo-card">
      <img src="https://lannomercadinho.com/wp-content/uploads/2025/10/SINDICA-1.png" alt="Conselheira do Síndico">
      <h4>Conselheira do Síndico</h4>
      <p>“Impacto muito positivo: moradores adoraram a conveniência e a operação é tranquila. Vou até o mercadinho, procuro/escolho o produto, passo no leitor, pago e vou pra casa.<br> Super rápido!”</p>
    </div>
    <div class="depo-card">
      <img src="https://randomuser.me/api/portraits/men/31.jpg" alt="Adm. Empresa">
      <h4>Adm. Empresa</h4>
      <p>“Logo que implantou, foi um sucesso total em nossa Empresa! Caiu como uma luva para nossos colaboradores. É um grande benefício para todos e uma parceria que gera comodidade e segurança. Ninguém mais precisa sair do escritório para  um lanchinho rápido”</p>
    </div>
  </div>
</section>

<!-- CONTATO -->
<section class="contato">
  <h2>Vamos nessa juntos?!</h2>
  <p>Ficou interessado em ter um Mercadinho pertinho de você?<br>Clique no botão abaixo e fale com um de nossos representantes.</p>
  <a href="https://wa.me/5511944618175?text=Ol%C3%A1!%20Tenho%20interesse%20na%20solu%C3%A7%C3%A3o%20do%20L%C3%A1nno%20Mercadinho." target="_blank" class="btn btn-primary">Preciso de mais informações</a>
</section>

<footer>
  <p>© 2025 Lánno Mercadinho — Todos os direitos reservados</p>
</footer>

</body>
</html>/* End custom CSS */
/* Start custom CSS */<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Lánno Mercadinho</title>

<style>
:root {
  --azul:#002b4f;
  --azul-claro:#0a3d6f;
  --laranja:#f7931e;
  --laranja-escuro:#e57c00;
  --branco:#fff;
  --cinza:#f5f7fa;
  --texto:#1b1b1b;
  --radius:14px;
  --max:1200px;
}

/* RESET */
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:"Inter","Segoe UI",Arial,sans-serif;background:#fff;color:var(--texto);line-height:1.6;overflow-x:hidden}

/* ====== HERO ====== */
.hero{
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,var(--azul) 0%,var(--azul-claro) 100%);
  color:#fff;
  padding:80px 20px;
}
.hero .container{
  max-width:var(--max);
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:40px;
}
.hero-text{flex:1 1 520px}
.hero-text .kicker{
  background:var(--laranja);
  color:#fff;
  padding:8px 16px;
  border-radius:30px;
  font-weight:700;
  display:inline-block;
  margin-bottom:16px;
}
.hero-text h1{
  font-size:clamp(2rem,4vw,2.8rem);
  font-weight:800;
  line-height:1.1;
  margin-bottom:20px;
}
.hero-text p{font-size:1.1rem;color:#e5e8ec;margin-bottom:24px;max-width:520px}
.beneficios-list{display:flex;flex-direction:column;gap:14px;margin-bottom:26px;max-width:550px}
.beneficios-list li{
  list-style:none;
  background:#fff;
  color:var(--azul);
  border-left:6px solid var(--laranja);
  border-radius:10px;
  padding:14px 16px;
  font-weight:600;
  box-shadow:0 6px 20px rgba(0,0,0,0.1);
  transition:.25s;
}
.beneficios-list li:hover{background:#fff7ef;transform:translateY(-2px)}
.btn{
  display:inline-block;
  padding:14px 26px;
  border-radius:10px;
  font-weight:700;
  text-decoration:none;
  transition:0.3s;
}
.btn-primary{
  background:linear-gradient(135deg,var(--laranja),var(--laranja-escuro));
  color:#fff;
  box-shadow:0 8px 20px rgba(0,0,0,0.25);
}
.btn-primary:hover{transform:translateY(-3px);background:linear-gradient(135deg,#ffa540,#e57c00)}
.hero-image{flex:1 1 520px;text-align:center}
.hero-image img{
  width:100%;
  max-width:560px;
  border-radius:20px;
  object-fit:cover;
  box-shadow:0 20px 40px rgba(0,0,0,0.3);
}

/* ====== PROPOSTA ====== */
.proposta{
  min-height:100vh;
  background:linear-gradient(180deg,#f9a44c 0%,#f7931e 100%);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:100px 20px;
  color:#fff;
  text-align:center;
}
.proposta .container{
  max-width:900px;
  width:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
}
.proposta h2{
  font-size:2.4rem;
  font-weight:800;
  margin-bottom:16px;
  text-transform:uppercase;
  color:#fff;
  letter-spacing:1px;
}
.proposta p{
  max-width:800px;
  font-size:1.1rem;
  margin-bottom:32px;
  line-height:1.7;
  color:#fff;
}
.proposta ul{
  display:flex;
  flex-direction:column;
  gap:16px;
  width:100%;
}
.proposta li{
  list-style:none;
  background:#fff;
  color:var(--azul);
  border-left:6px solid var(--laranja-escuro);
  border-radius:14px;
  padding:16px 20px;
  font-weight:600;
  box-shadow:0 8px 20px rgba(0,0,0,0.15);
  transition:.25s;
}
.proposta li:hover{
  transform:translateY(-3px);
  background:#fff8f0;
}
.proposta .btn-primary{
  margin-top:40px;
  background:linear-gradient(135deg,var(--azul),var(--azul-claro));
  color:#fff;
  box-shadow:0 8px 20px rgba(0,0,0,0.25);
}
.proposta .btn-primary:hover{
  transform:translateY(-3px);
  background:linear-gradient(135deg,#003865,#001f3d);
}

/* ====== DEPOIMENTOS ====== */
.depoimentos{
  min-height:100vh;
  background:linear-gradient(180deg,#f9fafc 0%,#eef2f5 100%);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:100px 20px;
}
.depoimentos h2{
  font-size:2rem;
  color:var(--azul);
  margin-bottom:40px;
  text-align:center;
}
.depo-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
  gap:30px;
  max-width:var(--max);
  width:100%;
}
.depo-card{
  background:#fff;
  border-radius:16px;
  padding:24px 20px;
  box-shadow:0 8px 24px rgba(0,0,0,0.06);
  text-align:center;
  transition:transform .25s;
}
.depo-card:hover{transform:translateY(-6px)}
.depo-card img{
  width:80px;
  height:80px;
  border-radius:50%;
  object-fit:cover;
  margin-bottom:14px;
}
.depo-card h4{color:var(--laranja);font-size:1.1rem;margin-bottom:10px}
.depo-card p{font-size:0.95rem;color:#333}

/* ====== CONTATO ====== */
.contato{
  min-height:60vh;
  background:#fff;
  text-align:center;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:80px 20px;
}
.contato h2{color:var(--azul);font-size:2rem;margin-bottom:10px}
.contato p{max-width:700px;margin-bottom:20px;font-size:1.05rem}
.contato .btn-primary{margin-top:16px}

/* ====== FOOTER ====== */
footer{
  background:var(--azul);
  color:#fff;
  text-align:center;
  padding:26px 10px;
  font-size:0.9rem;
}

/* ====== RESPONSIVO ====== */
@media(max-width:991px){
  .hero .container{flex-direction:column;text-align:center}
  .hero-text,.hero-image{flex:1 1 100%}
  .hero-text p,.beneficios-list{margin:0 auto}
  .proposta{padding:80px 20px;text-align:center}
  .proposta .container{align-items:center}
  .proposta ul{text-align:left}
}
</style>
</head>

<body>

<!-- HERO -->
<section class="hero">
  <div class="container">
    <div class="hero-text">
      <span class="kicker">Minimercado inteligente</span>
      <h1>Já pensou em ter um minimercado em sua Empresa, Academia  ou Condomínio?</h1>
      <p>A Lánno Mercadinho (minimercado autônomo) é um modelo de autosserviço inteligente e 100% autônomo,
      pensado para oferecer conveniência, inovação e segurança em ambientes como condomínios
      residenciais, empresas, coworkings e espaços coletivos.<b><p><font color = "#053460">.</font></p> <p>Escolheu - Pegou - Pagou  - Levou!</p></b><p></p>
      <font color = "#053460">.</font>

      <ul class="beneficios-list">
        <li>✅ Valor agregado ao local: mais comodidade para moradores e colaboradores, com impacto positivo na valorização do imóvel ou na satisfação da equipe.</li>
        <li>✅ Zero custo para implantação: o parceiro cede o espaço e nós cuidamos de toda a estrutura, abastecimento, manutenção e suporte.</li>
        <li>✅ Curadoria de produtos selecionados: alimentos, bebidas, itens de higiene, limpeza e utilidades — tudo o que seu público precisa no dia a dia.</li>
        <li>✅ Ambiente seguro e monitorado: sistema de vigilância e rastreamento garantem tranquilidade total na operação.</li>
      </ul>
<br>
      <a href="https://wa.me/5511944618175?text=Ol%C3%A1!%20Tenho%20interesse%20na%20solu%C3%A7%C3%A3o%20do%20L%C3%A1nno%20Mercadinho." target="_blank" class="btn btn-primary">Preciso de mais informações</a>
    </div>
    <div class="hero-image">
       <img src="/Movel_Lanno.png" alt="Movel Lanno">
      <p><font color="#053460">.</font></p>
             <img src="https://www.direcional.com.br/wp-content/uploads/2023/05/Mini-Market-New-Times-Residence-Direcional-1024x576.jpg" alt="Lánno Mercadinho">
    </div>
  </div>
</section>

<!-- PROPOSTA -->
<section class="proposta">
  <div class="container">
    <h2>NOSSA PROPOSTA</h2>
    <p>A Lánno Mercadinho (minimercado autônomo) oferece muito mais do que um ponto de venda. Apresentamos uma solução completa,
    moderna e autônoma de conveniência, pensada para facilitar o dia a dia e agregar valor ao seu espaço.</p>
    <ul>
      <li>✅ Mercadinho 100% autônomo, 24 horas por dia.</li>
      <li>✅ Operação sem atendentes. Compras rápidas, seguras e práticas, a qualquer hora do dia ou da noite.</li>
      <li>✅ Instalação sem custo para o parceiro. O espaço é cedido e nós cuidamos de toda a estrutura, montagem, tecnologia e abastecimento.</li>
      <li>✅ Curadoria de produtos essenciais: alimentos, bebidas, snacks, itens de higiene, limpeza e utilidades.</li>
      <li>✅ Ambiente seguro e controlado: sistema de vigilância com câmeras 24h e monitoramento do uso do espaço.</li>
      <li>✅ Manutenção, suporte e reabastecimento contínuo, com equipe dedicada à operação e reposição.</li>
      <li>✅ Valorização do local e satisfação dos clientes — mais comodidade e menos deslocamentos.</li>
    </ul>
    <a href="https://wa.me/5511944618175?text=Ol%C3%A1!%20Tenho%20interesse%20na%20solu%C3%A7%C3%A3o%20do%20L%C3%A1nno%20Mercadinho." target="_blank" class="btn btn-primary">Preciso de mais informações</a>
  </div>
</section>

<!-- DEPOIMENTOS -->
<section class="depoimentos">
  <h2>O que dizem nossos parceiros</h2>
  <div class="depo-grid">
    <div class="depo-card">
      <img src="https://lannomercadinho.com/wp-content/uploads/2025/10/CONSELHEIRA-SINDICA-.png" alt="Síndica">
      <h4>Síndica</h4>
      <p>“É um tipo de serviço e parceria que deu certo. O espaço trouxe comodidade e valorização para o condomínio. Quando falta algo, corremos pra lá. Sem precisar sair do condomínio e com segurança.”</p>
    </div>
    <div class="depo-card">
      <img src="https://lannomercadinho.com/wp-content/uploads/2025/10/SINDICA-1.png" alt="Conselheira do Síndico">
      <h4>Conselheira do Síndico</h4>
      <p>“Impacto muito positivo: moradores adoraram a conveniência e a operação é tranquila. Vou até o mercadinho, procuro/escolho o produto, passo no leitor, pago e vou pra casa.<br> Super rápido!”</p>
    </div>
    <div class="depo-card">
      <img src="https://randomuser.me/api/portraits/men/31.jpg" alt="Adm. Empresa">
      <h4>Adm. Empresa</h4>
      <p>“Logo que implantou, foi um sucesso total em nossa Empresa! Caiu como uma luva para nossos colaboradores. É um grande benefício para todos e uma parceria que gera comodidade e segurança. Ninguém mais precisa sair do escritório para  um lanchinho rápido”</p>
    </div>
  </div>
</section>

<!-- CONTATO -->
<section class="contato">
  <h2>Vamos nessa juntos?!</h2>
  <p>Ficou interessado em ter um Mercadinho pertinho de você?<br>Clique no botão abaixo e fale com um de nossos representantes.</p>
  <a href="https://wa.me/5511944618175?text=Ol%C3%A1!%20Tenho%20interesse%20na%20solu%C3%A7%C3%A3o%20do%20L%C3%A1nno%20Mercadinho." target="_blank" class="btn btn-primary">Preciso de mais informações</a>
</section>

<footer>
  <p>© 2025 Lánno Mercadinho — Todos os direitos reservados</p>
</footer>

</body>
</html>/* End custom CSS */