Este es un ejemplo de página. A diferencia de las entradas, que se muestran en la página de inicio de tu blog en el orden en que se publicaron, las páginas se ajustan mejor a un contenido atemporal que usted quiere que sean más accesibles, como tus datos de contacto o la información acerca de ti. Haz clic en el enlace “Editar” para realizar cambios en esta página o añadir otra página.
!DOCTYPE html> Pilotea Seguro — Rastreo vehicular en tiempo real :root{ –asphalt:#0a0d12; –panel:#12161d; –panel-2:#181d26; –line: rgba(232,234,240,0.09); –text:#e8eaf0; –muted:#8b93a3; –amber:#ffb020; –amber-dim: rgba(255,176,32,0.14); –cyan:#35c9db; –cyan-dim: rgba(53,201,219,0.14); –red:#ff4757; –green:#3ecf8e; –radius: 14px; –maxw: 1200px; } *{box-sizing:border-box; margin:0; padding:0;} html{scroll-behavior:smooth;} body{ background:var(–asphalt); color:var(–text); font-family:’Inter’, sans-serif; line-height:1.5; -webkit-font-smoothing:antialiased; overflow-x:hidden; } h1,h2,h3,h4{ font-family:’Rajdhani’, sans-serif; font-weight:700; letter-spacing:0.01em; line-height:1.05; } .mono{ font-family:’JetBrains Mono’, monospace; } a{ color:inherit; text-decoration:none; } img{ max-width:100%; display:block; } .wrap{ max-width:var(–maxw); margin:0 auto; padding:0 28px; } .eyebrow{ display:inline-flex; align-items:center; gap:8px; font-family:’JetBrains Mono’, monospace; font-size:12px; letter-spacing:0.14em; text-transform:uppercase; color:var(–amber); } .eyebrow::before{ content:»; width:7px; height:7px; border-radius:50%; background:var(–amber); box-shadow:0 0 0 4px var(–amber-dim); } .btn{ display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:14px 26px; border-radius:10px; font-weight:700; font-size:15px; font-family:’Inter’,sans-serif; cursor:pointer; border:1px solid transparent; transition:transform .15s ease, box-shadow .15s ease, background .15s ease; } .btn-primary{ background:var(–amber); color:#1a1300; } .btn-primary:hover{ transform:translateY(-2px); box-shadow:0 10px 24px rgba(255,176,32,0.25); } .btn-ghost{ background:transparent; color:var(–text); border-color:var(–line); } .btn-ghost:hover{ border-color:rgba(232,234,240,0.35); } /* ===== NAV ===== */ header.nav{ position:sticky; top:0; z-index:50; background:rgba(10,13,18,0.82); backdrop-filter:blur(10px); border-bottom:1px solid var(–line); } .nav-row{ display:flex; align-items:center; justify-content:space-between; padding:16px 28px; } .logo{ display:flex; align-items:center; gap:10px; font-family:’Rajdhani’,sans-serif; font-weight:700; font-size:20px; letter-spacing:0.02em; } .logo-mark{ width:28px; height:28px; position:relative; } .nav-links{ display:flex; gap:32px; font-size:14.5px; color:var(–muted); } .nav-links a:hover{ color:var(–text); } .nav-cta{ display:flex; gap:12px; align-items:center; } .nav-cta .btn{ padding:10px 20px; font-size:14px; } .burger{ display:none; background:none; border:none; color:var(–text); font-size:22px; cursor:pointer; } /* ===== HERO ===== */ .hero{ position:relative; padding:88px 0 60px; overflow:hidden; background: radial-gradient(ellipse 900px 500px at 15% -10%, rgba(255,176,32,0.09), transparent 60%), radial-gradient(ellipse 700px 500px at 100% 0%, rgba(53,201,219,0.08), transparent 60%); } .road-grid{ position:absolute; inset:0; pointer-events:none; opacity:0.35; background-image: linear-gradient(var(–line) 1px, transparent 1px), linear-gradient(90deg, var(–line) 1px, transparent 1px); background-size:64px 64px; mask-image: radial-gradient(ellipse 900px 600px at 30% 20%, black, transparent 75%); } .hero-grid{ position:relative; display:grid; grid-template-columns:1.05fr 0.95fr; gap:56px; align-items:center; } .hero h1{ font-size:56px; margin:18px 0 20px; color:var(–text); } .hero h1 span{ color:var(–amber); } .hero p.lead{ color:var(–muted); font-size:18px; max-width:520px; margin-bottom:32px; } .hero-actions{ display:flex; gap:14px; margin-bottom:38px; flex-wrap:wrap; } .hero-stats{ display:flex; gap:34px; flex-wrap:wrap; } .hero-stats div{ } .hero-stats .num{ font-family:’Rajdhani’,sans-serif; font-weight:700; font-size:26px; color:var(–text); } .hero-stats .lbl{ font-size:12.5px; color:var(–muted); text-transform:uppercase; letter-spacing:0.06em; } /* Dashboard signature visual */ .dash{ position:relative; background:linear-gradient(180deg,var(–panel),var(–panel-2)); border:1px solid var(–line); border-radius:18px; padding:20px; overflow:hidden; box-shadow:0 30px 70px rgba(0,0,0,0.45); } .dash-topbar{ display:flex; justify-content:space-between; align-items:center; margin-bottom:14px; } .dash-topbar .status{ display:flex; align-items:center; gap:8px; font-family:’JetBrains Mono’,monospace; font-size:11.5px; color:var(–green); text-transform:uppercase; letter-spacing:0.08em; } .dash-topbar .status::before{ content:»; width:7px; height:7px; border-radius:50%; background:var(–green); box-shadow:0 0 0 4px rgba(62,207,142,0.16); animation:blink 1.6s infinite; } .dash-topbar .plate{ font-family:’JetBrains Mono’,monospace; font-size:11.5px; color:var(–muted); border:1px solid var(–line); padding:3px 8px; border-radius:6px; } @keyframes blink{ 0%,100%{opacity:1;} 50%{opacity:.35;} } .radar-box{ position:relative; height:280px; border-radius:12px; overflow:hidden; background: linear-gradient(var(–line) 1px, transparent 1px), linear-gradient(90deg, var(–line) 1px, transparent 1px), #0d1117; background-size:28px 28px; } .radar-sweep{ position:absolute; inset:0; margin:auto; width:340px; height:340px; top:-30px; left:-20px; background:conic-gradient(from 0deg, rgba(53,201,219,0.35), transparent 26%); border-radius:50%; animation:spin 4.5s linear infinite; filter:blur(0.5px); } @keyframes spin{ to{ transform:rotate(360deg); } } .route-path{ position:absolute; inset:0; } .blip{ position:absolute; width:12px; height:12px; border-radius:50%; background:var(–amber); box-shadow:0 0 0 6px var(–amber-dim); animation:pulse 2s ease-in-out infinite; } @keyframes pulse{ 0%,100%{ transform:scale(1);} 50%{ transform:scale(1.25);} } .geofence{ position:absolute; border:1.5px dashed rgba(53,201,219,0.55); border-radius:50%; } .dash-readout{ display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(–line); margin-top:14px; border-radius:10px; overflow:hidden; } .dash-readout div{ background:var(–panel-2); padding:12px 14px; } .dash-readout .k{ font-size:10.5px; color:var(–muted); text-transform:uppercase; letter-spacing:0.08em; margin-bottom:4px; } .dash-readout .v{ font-family:’JetBrains Mono’,monospace; font-size:14.5px; color:var(–text); } .dash-readout .v.amber{ color:var(–amber); } .dash-readout .v.cyan{ color:var(–cyan); } /* ===== SECTION GENERICS ===== */ section{ padding:96px 0; border-top:1px solid var(–line); } .section-head{ max-width:640px; margin-bottom:56px; } .section-head h2{ font-size:38px; margin-top:14px; color:var(–text); } .section-head p{ color:var(–muted); font-size:17px; margin-top:14px; } /* Trust bar */ .trust{ padding:36px 0; border-top:1px solid var(–line); border-bottom:1px solid var(–line); } .trust .wrap{ display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:24px; } .trust-item{ text-align:center; } .trust-item .num{ font-family:’Rajdhani’,sans-serif; font-weight:700; font-size:30px; color:var(–amber); } .trust-item .lbl{ font-size:12.5px; color:var(–muted); text-transform:uppercase; letter-spacing:0.06em; margin-top:2px; } /* Problem/solution */ .split{ display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:start; } .stat-line{ display:flex; align-items:baseline; gap:14px; padding:18px 0; border-bottom:1px solid var(–line); } .stat-line .big{ font-family:’Rajdhani’,sans-serif; font-weight:700; font-size:34px; color:var(–red); min-width:90px; } .stat-line p{ color:var(–muted); font-size:15px; } .solution-card{ background:var(–panel); border:1px solid var(–line); border-radius:var(–radius); padding:28px; } .solution-card h3{ font-size:22px; color:var(–text); margin-bottom:10px; } .solution-card p{ color:var(–muted); font-size:15px; margin-bottom:20px; } .check-list{ list-style:none; display:flex; flex-direction:column; gap:12px; } .check-list li{ display:flex; gap:10px; font-size:14.5px; color:var(–text); } .check-list li::before{ content:’✓’; color:var(–green); font-weight:700; } /* How it works – steps */ .steps{ display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:var(–line); border:1px solid var(–line); border-radius:var(–radius); overflow:hidden; } .step{ background:var(–panel); padding:32px 26px; position:relative; } .step .tag{ font-family:’JetBrains Mono’,monospace; font-size:12px; color:var(–amber); letter-spacing:0.1em; } .step h4{ font-size:20px; margin:14px 0 8px; color:var(–text); } .step p{ font-size:14px; color:var(–muted); } /* Features grid */ .features{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; } .feature-card{ background:var(–panel); border:1px solid var(–line); border-radius:var(–radius); padding:26px; transition:border-color .15s ease, transform .15s ease; } .feature-card:hover{ border-color:rgba(255,176,32,0.35); transform:translateY(-3px); } .feature-icon{ width:38px; height:38px; border-radius:9px; background:var(–amber-dim); display:flex; align-items:center; justify-content:center; margin-bottom:16px; color:var(–amber); } .feature-card h4{ font-size:18.5px; margin-bottom:8px; color:var(–text); } .feature-card p{ font-size:14px; color:var(–muted); } /* Pricing */ .plans{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; } .plan{ background:var(–panel); border:1px solid var(–line); border-radius:var(–radius); padding:30px; display:flex; flex-direction:column; } .plan.featured{ border-color:var(–amber); background:linear-gradient(180deg, rgba(255,176,32,0.06), var(–panel)); position:relative; } .plan.featured::before{ content:’Más elegido’; position:absolute; top:-13px; right:24px; background:var(–amber); color:#1a1300; font-size:11px; font-weight:700; padding:5px 12px; border-radius:20px; letter-spacing:0.03em; } .plan .name{ font-family:’Rajdhani’,sans-serif; font-weight:700; font-size:22px; } .plan .price{ font-family:’Rajdhani’,sans-serif; font-weight:700; font-size:40px; margin:14px 0 4px; color:var(–text); } .plan .price span{ font-size:14px; color:var(–muted); font-family:’Inter’,sans-serif; font-weight:500; } .plan .desc{ color:var(–muted); font-size:14px; margin-bottom:20px; } .plan ul{ list-style:none; display:flex; flex-direction:column; gap:11px; margin-bottom:26px; flex:1; } .plan ul li{ font-size:14px; display:flex; gap:9px; color:var(–text); } .plan ul li::before{ content:’✓’; color:var(–green); font-weight:700; } /* Testimonials */ .testimonials{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; } .test-card{ background:var(–panel); border:1px solid var(–line); border-radius:var(–radius); padding:26px; } .test-card p.quote{ font-size:15px; color:var(–text); margin-bottom:20px; } .test-who{ display:flex; align-items:center; gap:12px; } .avatar{ width:38px; height:38px; border-radius:50%; background:var(–cyan-dim); color:var(–cyan); display:flex; align-items:center; justify-content:center; font-family:’Rajdhani’,sans-serif; font-weight:700; } .who-name{ font-size:14px; font-weight:600; } .who-role{ font-size:12.5px; color:var(–muted); } /* Coverage map */ .coverage{ display:grid; grid-template-columns:0.9fr 1.1fr; gap:56px; align-items:center; } .coverage-visual{ background:var(–panel); border:1px solid var(–line); border-radius:var(–radius); padding:24px; height:340px; position:relative; overflow:hidden; } .coverage-visual svg{ width:100%; height:100%; } .city-dot{ animation:pulse 2.4s ease-in-out infinite; } /* FAQ */ .faq-item{ border-bottom:1px solid var(–line); padding:22px 0; } .faq-q{ display:flex; justify-content:space-between; align-items:center; cursor:pointer; font-size:16.5px; font-weight:600; } .faq-q .plus{ font-family:’Rajdhani’,sans-serif; font-size:22px; color:var(–amber); transition:transform .2s ease; } .faq-item.open .plus{ transform:rotate(45deg); } .faq-a{ max-height:0; overflow:hidden; transition:max-height .25s ease; color:var(–muted); font-size:14.5px; } .faq-item.open .faq-a{ max-height:200px; margin-top:12px; } /* Final CTA */ .final-cta{ text-align:center; border-radius:22px; padding:70px 40px; margin:0 28px; background: radial-gradient(ellipse 700px 300px at 50% 0%, rgba(255,176,32,0.12), transparent 70%), var(–panel); border:1px solid var(–line); } .final-cta h2{ font-size:38px; margin-bottom:14px; } .final-cta p{ color:var(–muted); font-size:16px; margin-bottom:30px; } .final-cta .hero-actions{ justify-content:center; } footer{ padding:64px 0 32px; border-top:1px solid var(–line); } .footer-grid{ display:grid; grid-template-columns:1.4fr repeat(3,1fr); gap:40px; margin-bottom:48px; } .footer-grid h5{ font-size:13px; text-transform:uppercase; letter-spacing:0.06em; color:var(–muted); margin-bottom:16px; } .footer-grid ul{ list-style:none; display:flex; flex-direction:column; gap:10px; } .footer-grid ul a{ font-size:14px; color:var(–text); opacity:0.8; } .footer-grid ul a:hover{ opacity:1; color:var(–amber); } .footer-bottom{ display:flex; justify-content:space-between; align-items:center; padding-top:28px; border-top:1px solid var(–line); font-size:13px; color:var(–muted); flex-wrap:wrap; gap:12px; } @media (max-width: 900px){ .nav-links, .nav-cta .btn-ghost{ display:none; } .burger{ display:block; } .hero-grid, .split, .coverage{ grid-template-columns:1fr; } .hero h1{ font-size:38px; } .steps{ grid-template-columns:1fr 1fr; } .features, .plans, .testimonials{ grid-template-columns:1fr; } .footer-grid{ grid-template-columns:1fr 1fr; } .trust .wrap{ justify-content:flex-start; } }Cada kilómetro,
bajo control.
Ubica, protege y recupera tu vehículo en tiempo real. Geocercas, corte de motor a distancia y monitoreo con respuesta inmediata, desde una app hecha para conducir tranquilo.
Un auto se roba cada 6 minutos.
de los vehículos robados nunca son recuperados sin rastreo satelital.
es el tiempo promedio que tarda un robo desde la exposición hasta huir con el vehículo.
más rápida es la recuperación cuando hay corte de motor remoto activado.
Pilotea Seguro cambia esa historia.
Nuestra red de monitoreo detecta comportamiento sospechoso al instante y actúa antes de que el vehículo salga de tu alcance.
- Alerta automática ante encendido fuera de horario
- Corte de motor a distancia con un toque
- Coordinación directa con autoridades y grúas
- Historial de rutas de los últimos 90 días
De la instalación a la tranquilidad, en 4 pasos.
Un proceso pensado para que empieces a monitorear tu vehículo el mismo día.
Instalación certificada
Un técnico acude a tu domicilio u oficina e instala el dispositivo GPS de forma oculta en 45 minutos.
Activas tu cuenta
Descargas la app, vinculas tu vehículo y defines tus geocercas y contactos de emergencia.
Monitoreo constante
Nuestra central y tu app reciben la ubicación, velocidad y estado del motor en tiempo real.
Acción inmediata
Ante cualquier alerta, cortamos el motor si lo autorizas y coordinamos la recuperación contigo.
Todo lo que necesitas para dormir tranquilo.
Herramientas de seguridad reales, no solo un punto en el mapa.
Ubicación en tiempo real
Rastreo satelital con actualización cada 5 segundos, incluso en movimiento.
Corte de motor remoto
Inmoviliza el vehículo a distancia desde la app en caso de robo, con un solo toque.
Geocercas inteligentes
Recibe alertas si el vehículo entra o sale de zonas que tú defines.
Alerta de velocidad
Notificaciones cuando el vehículo supera el límite que configures, ideal para flotillas.
Botón de pánico
Un botón oculto en el vehículo conecta directo con nuestra central de emergencias.
Batería de respaldo
Si desconectan la batería del auto, el dispositivo sigue transmitiendo hasta 48 horas.
Un plan para cada forma de manejar.
Sin permanencia forzosa. Cambia o cancela cuando quieras.
Para autos particulares que buscan tranquilidad básica.
- Ubicación en tiempo real
- 1 geocerca
- Historial de 30 días
- Soporte en horario extendido
El más elegido: seguridad completa con respuesta activa.
- Todo lo del plan Esencial
- Corte de motor remoto
- Geocercas ilimitadas
- Botón de pánico
- Central de monitoreo 24/7
Para empresas con 5 o más vehículos.
- Panel de administración web
- Reportes de consumo y rutas
- Alertas de velocidad y conducta
- Ejecutivo de cuenta dedicado
Clientes que recuperaron su tranquilidad.
Nos robaron la camioneta en la colonia y en 20 minutos la central ya había cortado el motor. La policía la recuperó esa misma noche.
Con 14 unidades en ruta, el panel de flotillas nos bajó el consumo de combustible y nos dio control real sobre los tiempos de entrega.
Mi hija empieza a manejar sola y las alertas de velocidad y geocerca me dan una tranquilidad que no tenía antes.
Presencia en las 32 entidades.
Red propia de monitoreo satelital y celular con respaldo en zonas de baja señal, más de 40 talleres de instalación certificados en todo el país.
Resolvemos tus dudas.
Tu tranquilidad empieza con una llamada.
Cotiza en menos de 2 minutos y agenda tu instalación esta semana.