Lala Repuestos — Mayorista de Repuestos de Motos
:root {
–navy: #1E3F7A;
–navy-dark: #142d5a;
–navy-deeper: #0d1e40;
–blue: #2878E8;
–blue-light: #4A91F0;
–white: #ffffff;
–gray-light: #f4f7fc;
–gray-text: #6b7a99;
–text-dark: #0f1e3d;
}
* { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior: smooth; overflow: hidden; }
body { font-family:’Inter’,sans-serif; background:var(–white); color:var(–text-dark); overflow: hidden; max-width: 100vw; }
/* ── NAV ── */
nav {
background:var(–navy); height:72px;
display:flex; align-items:center; justify-content:space-between;
padding:0 52px; position:sticky; top:0; z-index:99;
box-shadow:0 2px 14px rgba(0,0,0,.35);
}
.logo-svg-wrap svg { height:52px; width:auto; }
.nav-cta {
background:var(–blue); color:#fff;
padding:10px 24px; border-radius:8px;
font-family:’Montserrat’,sans-serif; font-weight:700; font-size:13px;
text-decoration:none; transition:background .15s;
}
.nav-cta:hover { background:var(–blue-light); }
/* ── HERO ── */
.hero {
position:relative; min-height:600px;
display:flex; align-items:center;
overflow:hidden; background:var(–navy-dark);
}
.hero-bg {
position:absolute; inset:0;
background-image:url(‘https://images.unsplash.com/photo-1558981806-ec527fa84c39?w=1600&q=80′);
background-size:cover; background-position:center 35%; opacity:.3;
}
.hero-overlay {
position:absolute; inset:0;
background:linear-gradient(110deg, var(–navy-deeper) 0%, rgba(14,30,64,.85) 45%, rgba(14,30,64,.35) 100%);
}
.hero-content {
position:relative; z-index:2;
padding:80px 64px; max-width:700px;
}
.hero-eyebrow {
display:inline-flex; align-items:center; gap:8px;
background:rgba(40,120,232,.18); border:1px solid rgba(74,145,240,.35);
color:var(–blue-light);
font-family:’Montserrat’,sans-serif; font-weight:700; font-size:11px;
letter-spacing:2px; text-transform:uppercase;
padding:7px 16px; border-radius:30px; margin-bottom:26px;
}
.hero-eyebrow::before { content:»; width:6px; height:6px; border-radius:50%; background:var(–blue-light); }
.hero-title {
font-family:’Montserrat’,sans-serif; font-weight:900;
font-size:clamp(36px,5.5vw,60px); line-height:1.05;
color:#fff; margin-bottom:22px;
}
.hero-title em { font-style:normal; color:var(–blue-light); }
.hero-sub {
font-size:17px; color:#b8cded; line-height:1.75;
margin-bottom:40px; max-width:500px;
}
.hero-actions { display:flex; gap:14px; align-items:center; flex-wrap:wrap; }
.btn-primary {
background:var(–blue); color:#fff;
padding:15px 32px; border-radius:10px;
font-family:’Montserrat’,sans-serif; font-weight:700; font-size:15px;
text-decoration:none; display:inline-flex; align-items:center; gap:8px;
transition:background .15s, transform .15s;
}
.btn-primary:hover { background:var(–blue-light); transform:translateY(-1px); }
.hero-scroll { color:#6a8ec8; font-size:13px; font-family:’Montserrat’,sans-serif; font-weight:600; }
/* ── STATS BAR ── */
.stats-bar {
background:var(–navy);
display:flex; justify-content:center; flex-wrap:wrap;
}
.stat { padding:16px 44px; text-align:center; border-right:1px solid rgba(255,255,255,.1); }
.stat:last-child { border-right:none; }
.stat-num { font-family:’Montserrat’,sans-serif; font-weight:900; font-size:22px; color:#fff; }
.stat-label { font-size:11px; color:var(–blue-light); margin-top:2px; }
/* ── LOGOS SLIDER ── */
.logos-strip {
background:#fff;
border-top:1px solid #e8edf5;
border-bottom:1px solid #e8edf5;
padding:20px 0;
overflow:hidden;
position:relative;
}
.logos-strip::before,
.logos-strip::after {
content:»; position:absolute; top:0; width:100px; height:100%; z-index:2; pointer-events:none;
}
.logos-strip::before { left:0; background:linear-gradient(to right,#fff 60%,transparent); }
.logos-strip::after { right:0; background:linear-gradient(to left,#fff 60%,transparent); }
.logos-track {
display:flex; align-items:center; gap:56px;
animation:scroll-logos 32s linear infinite;
width:max-content; padding:0 28px;
}
.logos-track:hover { animation-play-state:paused; }
@keyframes scroll-logos {
0% { transform:translateX(0); }
100% { transform:translateX(-50%); }
}
.brand-logo {
display:flex; align-items:center; justify-content:center;
height:52px; flex-shrink:0; opacity:.7;
transition:opacity .2s;
}
.brand-logo:hover { opacity:1; }
.brand-logo img {
height:100%; max-width:160px;
object-fit:contain; filter:grayscale(20%);
transition:filter .2s;
}
.brand-logo:hover img { filter:grayscale(0%); }
/* ── SPEECH ── */
.speech-section {
padding:72px 52px; background:#fff; text-align:center;
}
.speech-headline {
font-family:’Montserrat’,sans-serif; font-weight:900;
font-size:clamp(22px,3.5vw,36px); color:var(–text-dark);
max-width:680px; margin:0 auto 16px; line-height:1.2;
}
.speech-headline span { color:var(–blue); }
.speech-sub {
color:var(–gray-text); font-size:16px; line-height:1.75;
max-width:580px; margin:0 auto 52px;
}
.pillars {
display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
gap:24px; max-width:900px; margin:0 auto;
}
.pillar {
background:var(–gray-light); border-radius:16px;
padding:28px 22px; text-align:left;
}
.pillar-icon { font-size:26px; margin-bottom:14px; }
.pillar-title {
font-family:’Montserrat’,sans-serif; font-weight:800;
font-size:14px; color:var(–text-dark); margin-bottom:8px;
}
.pillar-text { font-size:13px; color:var(–gray-text); line-height:1.6; }
/* ── STORES ── */
.stores-section { background:var(–gray-light); padding:72px 52px; }
.section-header { text-align:center; margin-bottom:52px; }
.section-eyebrow {
font-family:’Montserrat’,sans-serif; font-weight:700; font-size:11px;
letter-spacing:4px; color:var(–blue); text-transform:uppercase; margin-bottom:12px;
}
.section-title {
font-family:’Montserrat’,sans-serif; font-weight:900;
font-size:clamp(26px,4vw,38px); color:var(–text-dark); margin-bottom:14px;
}
.section-sub {
color:var(–gray-text); font-size:15px;
max-width:540px; margin:0 auto; line-height:1.7;
}
.cards-grid {
display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
gap:22px; max-width:1080px; margin:0 auto;
}
.store-card {
background:#fff; border-radius:18px; overflow:hidden;
box-shadow:0 2px 20px rgba(14,30,64,.08);
display:flex; flex-direction:column;
text-decoration:none;
border:1.5px solid transparent;
transition:transform .2s, box-shadow .2s, border-color .2s;
}
.store-card:hover {
transform:translateY(-6px);
box-shadow:0 16px 48px rgba(14,30,64,.16);
border-color:var(–blue);
}
.card-bar { height:5px; }
.card-body { padding:26px 24px 16px; flex:1; display:flex; flex-direction:column; gap:10px; }
.card-icon { font-size:26px; margin-bottom:4px; }
.card-title {
font-family:’Montserrat’,sans-serif; font-weight:800;
font-size:16px; color:var(–text-dark); line-height:1.2;
}
.card-desc { font-size:13px; color:var(–gray-text); line-height:1.6; flex:1; }
.card-pills { display:flex; flex-direction:column; gap:6px; margin-top:8px; }
.pill {
display:inline-flex; align-items:center; gap:5px;
font-family:’Montserrat’,sans-serif; font-weight:600;
font-size:11px; padding:5px 12px; border-radius:20px; width:fit-content;
}
.pill-loc { background:#EBF0FA; color:var(–navy); }
.pill-orig { background:#E8F0FF; color:#1a3a8f; }
.pill-eco { background:#FFF4E0; color:#9c5f00; }
.pill-q { background:#FFF0E0; color:#9c4a00; }
.card-footer { padding:0 24px 24px; }
.card-btn {
display:block; width:100%; padding:13px;
border-radius:10px; text-align:center;
font-family:’Montserrat’,sans-serif; font-weight:700; font-size:13px;
color:#fff; text-decoration:none;
transition:opacity .15s, transform .1s;
}
.card-btn:hover { opacity:.88; transform:translateY(-1px); }
/* Oumurs — naranja */
.c-premium .card-bar { background:linear-gradient(90deg,#C05808,#F97316); }
.c-premium .card-btn { background:#E07010; }
/* Honda — rojo */
.c-honda .card-bar { background:linear-gradient(90deg,#CC0000,#FF4D4D); }
.c-honda .card-btn { background:#CC0000; }
/* Bajaj & Yamaha — azul */
.c-bajaj .card-bar { background:linear-gradient(90deg,#1E40AF,#3B82F6); }
.c-bajaj .card-btn { background:#1E40AF; }
/* Yuri — verde */
.c-eco .card-bar { background:linear-gradient(90deg,#166534,#22C55E); }
.c-eco .card-btn { background:#166534; }
/* ── LINKTREE BTN ── */
.linktree-wrap { text-align:center; margin-top:40px; }
.linktree-btn {
display:inline-flex; align-items:center; gap:10px;
background:var(–navy); color:#fff;
padding:14px 32px; border-radius:10px;
font-family:’Montserrat’,sans-serif; font-weight:700; font-size:14px;
text-decoration:none; transition:background .15s, transform .15s;
box-shadow:0 4px 16px rgba(14,30,64,.18);
}
.linktree-btn:hover { background:var(–navy-dark); transform:translateY(-2px); }
.linktree-btn svg { width:18px; height:18px; fill:currentColor; flex-shrink:0; }
/* ── MOTO STRIP ── */
.moto-strip {
position:relative; min-height:320px;
display:flex; align-items:center;
overflow:hidden; background:var(–navy-deeper);
}
.moto-strip-bg {
position:absolute; inset:0;
background-image:url(‘https://images.unsplash.com/photo-1609630875171-b1321377ee65?w=1600&q=80′);
background-size:cover; background-position:center 40%; opacity:.22;
}
.moto-strip-overlay {
position:absolute; inset:0;
background:linear-gradient(100deg, var(–navy-deeper) 30%, rgba(13,30,64,.5) 100%);
}
.moto-strip-content {
position:relative; z-index:2; padding:60px 72px;
display:flex; align-items:center; gap:80px;
max-width:1080px; margin:0 auto; width:100%; flex-wrap:wrap;
}
.strip-text h2 {
font-family:’Montserrat’,sans-serif; font-weight:900;
font-size:clamp(22px,3.5vw,36px); color:#fff; line-height:1.2; margin-bottom:12px;
}
.strip-text h2 span { color:var(–blue-light); }
.strip-text p { color:#8aacd8; font-size:15px; line-height:1.7; max-width:400px; }
.strip-stats { display:grid; grid-template-columns:1fr 1fr; gap:20px; flex-shrink:0; }
.sstat {
background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.1);
border-radius:14px; padding:16px 22px; text-align:center;
}
.sstat-num { font-family:’Montserrat’,sans-serif; font-weight:900; font-size:26px; color:#fff; }
.sstat-label { font-size:11px; color:#7a9ece; margin-top:3px; }
/* ── CONTACT ── */
.contact-section { background:var(–navy); padding:64px 52px; text-align:center; }
.contact-title {
font-family:’Montserrat’,sans-serif; font-weight:900;
font-size:clamp(22px,3vw,32px); color:#fff; margin-bottom:10px;
}
.contact-sub { color:var(–blue-light); font-size:14px; margin-bottom:36px; }
.contact-btns { display:flex; gap:14px; justify-content:center; flex-wrap:wrap; }
.cbtn {
display:inline-flex; align-items:center; gap:10px;
padding:14px 28px; border-radius:50px;
font-family:’Montserrat’,sans-serif; font-weight:700; font-size:14px;
text-decoration:none; transition:transform .15s, filter .15s;
}
.cbtn:hover { transform:translateY(-2px); filter:brightness(1.1); }
.cbtn-wa { background:#25D366; color:#fff; }
.cbtn-ig { background:linear-gradient(135deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888); color:#fff; }
.cbtn-em { background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.2); color:#fff; }
.cbtn svg { width:18px; height:18px; fill:currentColor; flex-shrink:0; }
/* ── FOOTER ── */
footer {
background:var(–navy-deeper); padding:22px 52px;
display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:8px;
}
.footer-brand { font-family:’Montserrat’,sans-serif; font-weight:800; font-size:14px; color:#fff; }
.footer-sub { font-size:12px; color:#4a6090; }
/* ── RESPONSIVE ── */
@media(max-width:768px) {
nav { padding:0 20px; }
.hero-content { padding:60px 24px; }
.stats-bar .stat { padding:12px 20px; }
.speech-section, .stores-section { padding:48px 20px; }
.moto-strip-content { padding:40px 20px; gap:24px; }
.strip-stats { width:100%; grid-template-columns:1fr 1fr; }
.strip-text { width:100%; }
.contact-section { padding:48px 20px; }
footer { padding:20px; flex-direction:column; text-align:center; }
}
Mayorista de repuestos · Argentina
No hace falta elegir
entre precio, variedad
y buen trato.
En Lala Repuestos tenés todo. Cuatro líneas de importación para que elijas según la marca, la calidad y el flete que más te convenga.
El mayorista que sí responde.
Somos un equipo chico con stock grande. Trabajamos con repuesteros de todo el país y sabemos lo que necesitás: mercadería disponible, despacho rápido y trato directo — sin vueltas.
🏷️
Precio justo
Importamos directo y te trasladamos el ahorro. Cuatro líneas para que siempre encuentres el precio que necesitás.
📦
3 puntos de despacho
Bs. As., Córdoba y Santiago del Estero — con 4 depósitos en total. Antes de pedir, fijate desde dónde sale tu pedido para calcular el flete.
🤝
Trato directo
Hablás con nosotros — no con un bot. Consultas por WhatsApp, respuestas rápidas y seguimiento de cada pedido.
🏍️
Amplio surtido
Originales Honda, Bajaj y Yamaha. Línea premium Oumurs. Económicos de alta rotación. Todo en un solo lugar.
Más de 10 años
abasteciéndote
Trabajamos con repuesteros de todo el país. Sabemos lo que necesitás antes de que lo pidas.
(function(){
function h(){
var height = Math.max(
document.body.scrollHeight,
document.documentElement.scrollHeight,
document.body.offsetHeight,
document.documentElement.offsetHeight
);
window.parent.postMessage({height: height}, ‘*’);
}
window.addEventListener(‘load’, function(){ setTimeout(h, 200); });
window.addEventListener(‘resize’, h);
new MutationObserver(h).observe(document.body, {childList:true, subtree:true, attributes:true});
// Anclas: le avisa al padre de Wix a dónde scrollear
document.querySelectorAll(‘a[href^=»#»]’).forEach(function(a){
a.addEventListener(‘click’, function(e){
e.preventDefault();
var target = document.getElementById(this.getAttribute(‘href’).slice(1));
if(target){
window.parent.postMessage({scrollTo: target.offsetTop}, ‘*’);
}
});
});
})();
