xxxxBienvenido Productos

💬
WhatsApp
81 1006 9139
📞
Oficina
81 1356 2465

/* =========================
RESET
========================= */
*{
margin:0;
padding:0;
box-sizing:border-box;
}
/* =========================
HEADER
========================= */
.gsm-header{
width:100%;
background:#ffffff;
border-bottom:1px solid #e9e9e9;
font-family:’Montserrat’,sans-serif;
}
/* =========================
TOPBAR
========================= */
.gsm-topbar{
max-width:1400px;
margin:auto;
min-height:95px;
padding:0 35px;
display:flex;
align-items:center;
justify-content:space-between;
}
/* =========================
LOGO
========================= */
.gsm-logo img{
max-width:240px;
width:100%;
display:block;
}
/* =========================
CONTACT
========================= */
.gsm-contact{
display:flex;
align-items:center;
gap:45px;
}
.gsm-item{
display:flex;
align-items:center;
gap:14px;
}
.gsm-icon{
width:46px;
height:46px;
border-radius:50%;
background:#f7f7f7;
display:flex;
align-items:center;
justify-content:center;
font-size:18px;
color:#00c853;
}
.gsm-info{
display:flex;
flex-direction:column;
}
.gsm-info strong{
font-size:14px;
font-weight:700;
color:#111;
line-height:1.2;
}
.gsm-info span{
font-size:13px;
color:#777;
margin-top:2px;
}
/* =========================
RESPONSIVE
========================= */
@media(max-width:768px){
.gsm-topbar{
flex-direction:column;
gap:25px;
padding:25px 20px;
}
.gsm-contact{
width:100%;
justify-content:center;
flex-wrap:wrap;
gap:20px;
}
.gsm-item{
width:100%;
justify-content:center;
}
.gsm-logo img{
max-width:200px;
}
}

*{
margin:0;
padding:0;
box-sizing:border-box;
}
/* ===================================== */
/* WRAPPER */
/* ===================================== */
.gsm-wrapper{
width:100%;
max-width:1200px;
margin:auto;
font-family:’Montserrat’,sans-serif;
}
/* ===================================== */
/* NAVBAR */
/* ===================================== */
.gsm-navbar{
width:100%;
background:
linear-gradient(
180deg,
#020202,
#080808
);
border-radius:22px;
overflow:visible;
position:relative;
box-shadow:
0 8px 28px rgba(0,0,0,.45),
0 0 18px rgba(0,255,100,.04);
}
/* LINEA VERDE */
.gsm-navbar::after{
content:»;
position:absolute;
bottom:0;
left:0;
width:100%;
height:2px;
background:linear-gradient(
90deg,
#00ff66,
#00c853
);
}
/* ===================================== */
/* MENU */
/* ===================================== */
.gsm-menu{
display:flex;
align-items:center;
justify-content:space-between;
padding:0 14px;
min-height:64px;
}
/* LINKS */
.gsm-links{
display:flex;
align-items:center;
}
/* ITEMS */
.gsm-item{
position:relative;
display:flex;
align-items:center;
gap:8px;
padding:0 16px;
height:64px;
text-decoration:none !important;
color:#ffffff !important;
font-size:12px;
font-weight:700;
text-transform:uppercase;
letter-spacing:.4px;
transition:.3s;
white-space:nowrap;
}
/* ICONOS */
.gsm-item i{
color:#00ff66;
font-size:14px;
}
/* HOVER */
.gsm-item:hover{
background:rgba(0,255,100,.05);
}
/* ACTIVO */
.gsm-item.active{
background:linear-gradient(
180deg,
rgba(0,255,100,.16),
rgba(0,255,100,.04)
);
box-shadow:
inset 0 0 18px rgba(0,255,100,.10);
}
/* LINEA ACTIVA */
.gsm-item.active::after{
content:»;
position:absolute;
bottom:0;
left:30%;
width:40%;
height:3px;
border-radius:20px;
background:#00ff66;
box-shadow:
0 0 10px #00ff66;
}
/* ===================================== */
/* DROPDOWN */
/* ===================================== */
.gsm-dropdown{
position:relative;
}
/* FLECHA */
.gsm-arrow{
font-size:11px !important;
margin-left:2px;
}
/* SUBMENU */
.gsm-submenu{
position:absolute;
top:100%;
left:0;
min-width:220px;
background:
linear-gradient(
180deg,
#050505,
#0d0d0d
);
border-radius:14px;
overflow:hidden;
opacity:0;
visibility:hidden;
transform:translateY(10px);
transition:.3s ease;
box-shadow:
0 10px 30px rgba(0,0,0,.45),
0 0 15px rgba(0,255,100,.08);
z-index:999;
}
/* MOSTRAR SUBMENU */
.gsm-dropdown:hover .gsm-submenu{
opacity:1;
visibility:visible;
transform:translateY(0);
}
/* LINKS SUBMENU */
.gsm-submenu a{
display:block;
padding:16px 20px;
color:#ffffff !important;
text-decoration:none !important;
font-size:13px;
font-weight:600;
transition:.3s;
border-bottom:1px solid rgba(255,255,255,.05);
}
/* HOVER SUBMENU */
.gsm-submenu a:hover{
background:rgba(0,255,100,.08);
color:#00ff66 !important;
}
/* ===================================== */
/* CONTACTO */
/* ===================================== */
.gsm-contact{
display:flex;
align-items:center;
gap:18px;
}
/* EMAIL */
.gsm-email{
display:flex;
align-items:center;
gap:8px;
color:#ffffff !important;
text-decoration:none !important;
font-size:12px;
white-space:nowrap;
}
.gsm-email i{
color:#00ff66;
}
/* REDES */
.gsm-social{
display:flex;
align-items:center;
gap:16px;
padding-left:18px;
border-left:1px solid rgba(255,255,255,.1);
}
.gsm-social a{
color:#ffffff !important;
font-size:16px;
transition:.3s;
}
.gsm-social a:hover{
color:#00ff66 !important;
transform:translateY(-1px);
}
/* ===================================== */
/* RESPONSIVE */
/* ===================================== */
@media(max-width:1100px){
.gsm-menu{
flex-direction:column;
padding:12px;
gap:10px;
}
.gsm-links{
flex-wrap:wrap;
justify-content:center;
}
.gsm-item{
height:52px;
padding:0 14px;
}
}
@media(max-width:768px){
.gsm-navbar{
border-radius:18px;
}
.gsm-links{
width:100%;
flex-direction:column;
}
.gsm-item{
width:100%;
justify-content:center;
}
.gsm-contact{
flex-direction:column;
padding-bottom:15px;
}
.gsm-social{
border:none;
padding-left:0;
}
}

Inicio

Nosotros

Productos

Bicicletas

Triciclos

De Carga

Juguetes

Servicios

Ubicaciones

Contacto

contacto@gasilem.com

Nuestro Catálogo

Encuentra el Vehículo Ideal

Explora nuestras diferentes categorías disponibles para renta y logística.

Bicicletas

Motocicletas

Bicicletas

Triciclos

Scooters

A Gasolina

Extremos

Scooters

Infantiles

Juguetes

A Gasolina

De Carga

Accesorios

.gasilem-categories{
padding: 80px 20px;
background: #050505;
position: relative;
}
.gasilem-categories::before{
content:»;
position:absolute;
inset:0;
background:
radial-gradient(circle at top right,
rgba(200,155,60,.12),
transparent 30%);
pointer-events:none;
}
.gasilem-container{
max-width: 1280px;
margin: auto;
position: relative;
z-index: 2;
}
/* TITULOS */
.gasilem-title{
text-align: center;
margin-bottom: 55px;
}
.gasilem-title span{
color: #c89b3c;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 3px;
}
.gasilem-title h2{
font-size: 42px;
color: #ffffff;
margin: 12px 0;
font-weight: 700;
}
.gasilem-title p{
color: rgba(255,255,255,.65);
font-size: 16px;
max-width: 700px;
margin: auto;
line-height: 1.7;
}
/* GRID */
.gasilem-grid{
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 28px;
}
/* CARD */
.gasilem-card{
background: linear-gradient(
180deg,
#111111 0%,
#0a0a0a 100%
);
border-radius: 24px;
padding: 30px 20px;
text-decoration: none;
transition: all .35s ease;
border: 1px solid rgba(255,255,255,.06);
overflow: hidden;
position: relative;
box-shadow: 0 8px 30px rgba(0,0,0,.35);
}
.gasilem-card::before{
content:»;
position:absolute;
top:0;
left:0;
width:100%;
height:4px;
background: linear-gradient(
90deg,
#c89b3c,
#f0d27a
);
opacity:.9;
}
.gasilem-card:hover{
transform: translateY(-8px);
border-color: rgba(200,155,60,.4);
box-shadow:
0 20px 45px rgba(0,0,0,.55),
0 0 20px rgba(200,155,60,.15);
}
.gasilem-card-content{
text-align: center;
}
/* TITULO CARD */
.gasilem-card h3{
font-size: 24px;
color: #ffffff;
margin-bottom: 22px;
font-weight: 600;
transition: color .3s ease;
}
.gasilem-card:hover h3{
color: #c89b3c;
}
/* IMAGEN */
.gasilem-card img{
width: 100%;
max-width: 220px;
height: auto;
object-fit: contain;
transition: transform .35s ease;
filter:
drop-shadow(0 12px 18px rgba(0,0,0,.45));
}
.gasilem-card:hover img{
transform: scale(1.06);
}
/* RESPONSIVE */
@media(max-width: 992px){
.gasilem-grid{
grid-template-columns: repeat(2, 1fr);
}
.gasilem-title h2{
font-size: 34px;
}
}
@media(max-width: 576px){
.gasilem-grid{
grid-template-columns: 1fr;
}
.gasilem-title h2{
font-size: 28px;
}
.gasilem-card{
padding: 24px 16px;
}
}
/* ===========================
HEADER
=========================== */
.gasilem-head span{
color:#00d26a;
}
.gasilem-head h2{
color:#ffffff;
}
.gasilem-head p{
color:rgba(255,255,255,.70);
}
/* ===========================
EFECTO VERDE DE FONDO
=========================== */
.gasilem-evobike::before{
background:radial-gradient(circle,
rgba(0,210,106,.14),
transparent 70%);
}
/* ===========================
CARD
=========================== */
.gasilem-card{
background:linear-gradient(
180deg,
#101010 0%,
#050505 100%
);
border:1px solid rgba(0,210,106,.10);
box-shadow:
0 15px 35px rgba(0,0,0,.55);
}
.gasilem-card:hover{
border-color:rgba(0,210,106,.45);
box-shadow:
0 20px 45px rgba(0,0,0,.65),
0 0 28px rgba(0,210,106,.20);
}
/* ===========================
LINEA DIVISORA
=========================== */
.gasilem-info::before{
background:rgba(0,210,106,.18);
}
/* ===========================
TITULOS CATEGORIAS
=========================== */
.gasilem-info h3{
color:#00d26a;
text-shadow:
0 0 10px rgba(0,210,106,.20);
}
/* ===========================
HOVER TITULO
=========================== */
.gasilem-card:hover h3{
color:#00ff84;
text-shadow:
0 0 18px rgba(0,255,132,.35);
}

VER CATÁLOGO

Proporcionar soluciones de transporte innovadoras, sostenibles y adecuadas para cada necesidad de nuestros clientes, que mejoren la calidad de vida y fomenten la movilidad responsable.

Ser líderes en movilidad alternativa de bajo costo en México, ofreciendo productos de alta calidad que impulsen un futuro más limpio y eficiente.

Sostenibilidad:
Compromiso con el medio ambiente.

Innovación:
Tecnología al servicio de la movilidad.

Calidad:
Productos confiables y duraderos.

Servicio:
Atención personalizada y soporte integral.

Compromiso:
Ser una empresa que respalde cada venta con una buena atención.

Responsabilidad:
Garantizar un excelente servicio post venta.

Familia:
Hacer sentir el valor de la familia en cada venta al fomentar la convivencia en cada recorrido.

SERVICIOS

Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
nisi ut aliquip ex ea commodo consequat.
Ut enim ad minim veniam, quis nostrud exercitation ullamco
laboris nisi ut aliquipex ea commodo consequat.

UBICACIONES

CONTACTO

Contáctanos para brindarte una solución

Favor de llenar el formulario completo

logogasilem

Los Fierros, San Pedro el Alamo, Santiago N.L. Mex. CP. 67303

81 1356 2465
81 1006 9139

Facebook
Instagram

Previous slide
Next slide

Facebook

Instagram

VER CATÁLOGO

NOSOTROS

Proporcionar soluciones de transporte innovadoras, sostenibles y adecuadas para cada necesidad de nuestros clientes, que mejoren la calidad de vida y fomenten la movilidad responsable.