/home/simp499cl/public_html/prechequeo

Name	Size	Mode	Actions
img/	-	0755	rm
css2.css	15925	0644	edit dl rm
index.html	103576	0644	edit dl rm
index06112025.html	104017	0644	edit dl rm
login.html	5468	0644	edit dl rm
main.css	104158	0644	edit dl rm
UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7W0I5nvwUgHU.woff2	18720	0644	edit dl rm
UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7W0I5nvwUgHU.woff2	18940	0644	edit dl rm
UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7W0I5nvwU.woff2	48532	0644	edit dl rm
UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7W0I5nvwUgHU.woff2	25812	0644	edit dl rm
UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7W0I5nvwUgHU.woff2	10212	0644	edit dl rm
UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7W0I5nvwUgHU.woff2	11176	0644	edit dl rm
UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7W0I5nvwUgHU.woff2	84924	0644	edit dl rm

Edit: /home/simp499cl/public_html/prechequeo/index.html (103576B)

<!DOCTYPE html>
<html lang="es">
 <head>
  <meta charset="utf-8"/>
  <meta content="width=device-width, initial-scale=1" name="viewport"/>
  <meta content="#000000" name="theme-color"/>
  <meta content="PreChequeo" name="description"/>
<meta name="description" content="Prechequeo lleva el taller a tu casa. Servicio automotriz a domicilio: mantenciones, scanner, frenos y más. Agenda fácil y sin esperas."/>
<meta name="robots" content="follow, index, max-snippet:-1, max-video-preview:-1, max-image-preview:large"/>
<link rel="canonical" href="https://prechequeo.cl/" />
<meta property="og:locale" content="es_ES" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Prechequeo: Agenda tu Servicio Automotriz a Domicilio" />
<meta property="og:description" content="Prechequeo lleva el taller a tu casa. Servicio automotriz a domicilio: mantenciones, scanner, frenos y más. Agenda fácil y sin esperas." />
<meta property="og:url" content="https://prechequeo.cl/" />
<meta property="og:site_name" content="Prechequeo.cl" />
<meta property="og:updated_time" content="2025-08-18T19:06:32+00:00" />
<meta property="og:image" content="https://prechequeo.cl/wp-content/uploads/2025/07/nosottros-3.webp" />
<meta property="og:image:secure_url" content="https://prechequeo.cl/wp-content/uploads/2025/07/nosottros-3.webp" />
<meta property="og:image:width" content="500" />
<meta property="og:image:height" content="500" />
<meta property="og:image:alt" content="nosotros trabajando" />
<meta property="og:image:type" content="image/webp" />

<title>
   Prechequeo: Agenda tu Servicio Automotriz a Domicilio
  </title>
    <style>
      @import url("css2.css");
      @import url("main.css");
    </style>
  <style type="text/css">
   [data-sonner-toaster][dir=ltr],html[dir=ltr]{--toast-icon-margin-start:-3px;--toast-icon-margin-end:4px;--toast-svg-margin-start:-1px;--toast-svg-margin-end:0px;--toast-button-margin-start:auto;--toast-button-margin-end:0;--toast-close-button-start:0;--toast-close-button-end:unset;--toast-close-button-transform:translate(-35%, -35%)}[data-sonner-toaster][dir=rtl],html[dir=rtl]{--toast-icon-margin-start:4px;--toast-icon-margin-end:-3px;--toast-svg-margin-start:0px;--toast-svg-margin-end:-1px;--toast-button-margin-start:0;--toast-button-margin-end:auto;--toast-close-button-start:unset;--toast-close-button-end:0;--toast-close-button-transform:translate(35%, -35%)}[data-sonner-toaster]{position:fixed;width:var(--width);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;--gray1:hsl(0, 0%, 99%);--gray2:hsl(0, 0%, 97.3%);--gray3:hsl(0, 0%, 95.1%);--gray4:hsl(0, 0%, 93%);--gray5:hsl(0, 0%, 90.9%);--gray6:hsl(0, 0%, 88.7%);--gray7:hsl(0, 0%, 85.8%);--gray8:hsl(0, 0%, 78%);--gray9:hsl(0, 0%, 56.1%);--gray10:hsl(0, 0%, 52.3%);--gray11:hsl(0, 0%, 43.5%);--gray12:hsl(0, 0%, 9%);--border-radius:8px;box-sizing:border-box;padding:0;margin:0;list-style:none;outline:0;z-index:999999999;transition:transform .4s ease}@media (hover:none) and (pointer:coarse){[data-sonner-toaster][data-lifted=true]{transform:none}}[data-sonner-toaster][data-x-position=right]{right:var(--offset-right)}[data-sonner-toaster][data-x-position=left]{left:var(--offset-left)}[data-sonner-toaster][data-x-position=center]{left:50%;transform:translateX(-50%)}[data-sonner-toaster][data-y-position=top]{top:var(--offset-top)}[data-sonner-toaster][data-y-position=bottom]{bottom:var(--offset-bottom)}[data-sonner-toast]{--y:translateY(100%);--lift-amount:calc(var(--lift) * var(--gap));z-index:var(--z-index);position:absolute;opacity:0;transform:var(--y);touch-action:none;transition:transform .4s,opacity .4s,height .4s,box-shadow .2s;box-sizing:border-box;outline:0;overflow-wrap:anywhere}[data-sonner-toast][data-styled=true]{padding:16px;background:var(--normal-bg);border:1px solid var(--normal-border);color:var(--normal-text);border-radius:var(--border-radius);box-shadow:0 4px 12px rgba(0,0,0,.1);width:var(--width);font-size:13px;display:flex;align-items:center;gap:6px}[data-sonner-toast]:focus-visible{box-shadow:0 4px 12px rgba(0,0,0,.1),0 0 0 2px rgba(0,0,0,.2)}[data-sonner-toast][data-y-position=top]{top:0;--y:translateY(-100%);--lift:1;--lift-amount:calc(1 * var(--gap))}[data-sonner-toast][data-y-position=bottom]{bottom:0;--y:translateY(100%);--lift:-1;--lift-amount:calc(var(--lift) * var(--gap))}[data-sonner-toast][data-styled=true] [data-description]{font-weight:400;line-height:1.4;color:#3f3f3f}[data-rich-colors=true][data-sonner-toast][data-styled=true] [data-description]{color:inherit}[data-sonner-toaster][data-sonner-theme=dark] [data-description]{color:#e8e8e8}[data-sonner-toast][data-styled=true] [data-title]{font-weight:500;line-height:1.5;color:inherit}[data-sonner-toast][data-styled=true] [data-icon]{display:flex;height:16px;width:16px;position:relative;justify-content:flex-start;align-items:center;flex-shrink:0;margin-left:var(--toast-icon-margin-start);margin-right:var(--toast-icon-margin-end)}[data-sonner-toast][data-promise=true] [data-icon]>svg{opacity:0;transform:scale(.8);transform-origin:center;animation:sonner-fade-in .3s ease forwards}[data-sonner-toast][data-styled=true] [data-icon]>*{flex-shrink:0}[data-sonner-toast][data-styled=true] [data-icon] svg{margin-left:var(--toast-svg-margin-start);margin-right:var(--toast-svg-margin-end)}[data-sonner-toast][data-styled=true] [data-content]{display:flex;flex-direction:column;gap:2px}[data-sonner-toast][data-styled=true] [data-button]{border-radius:4px;padding-left:8px;padding-right:8px;height:24px;font-size:12px;color:var(--normal-bg);background:var(--normal-text);margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end);border:none;font-weight:500;cursor:pointer;outline:0;display:flex;align-items:center;flex-shrink:0;transition:opacity .4s,box-shadow .2s}[data-sonner-toast][data-styled=true] [data-button]:focus-visible{box-shadow:0 0 0 2px rgba(0,0,0,.4)}[data-sonner-toast][data-styled=true] [data-button]:first-of-type{margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end)}[data-sonner-toast][data-styled=true] [data-cancel]{color:var(--normal-text);background:rgba(0,0,0,.08)}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast][data-styled=true] [data-cancel]{background:rgba(255,255,255,.3)}[data-sonner-toast][data-styled=true] [data-close-button]{position:absolute;left:var(--toast-close-button-start);right:var(--toast-close-button-end);top:0;height:20px;width:20px;display:flex;justify-content:center;align-items:center;padding:0;color:var(--gray12);background:var(--normal-bg);border:1px solid var(--gray4);transform:var(--toast-close-button-transform);border-radius:50%;cursor:pointer;z-index:1;transition:opacity .1s,background .2s,border-color .2s}[data-sonner-toast][data-styled=true] [data-close-button]:focus-visible{box-shadow:0 4px 12px rgba(0,0,0,.1),0 0 0 2px rgba(0,0,0,.2)}[data-sonner-toast][data-styled=true] [data-disabled=true]{cursor:not-allowed}[data-sonner-toast][data-styled=true]:hover [data-close-button]:hover{background:var(--gray2);border-color:var(--gray5)}[data-sonner-toast][data-swiping=true]::before{content:'';position:absolute;left:-100%;right:-100%;height:100%;z-index:-1}[data-sonner-toast][data-y-position=top][data-swiping=true]::before{bottom:50%;transform:scaleY(3) translateY(50%)}[data-sonner-toast][data-y-position=bottom][data-swiping=true]::before{top:50%;transform:scaleY(3) translateY(-50%)}[data-sonner-toast][data-swiping=false][data-removed=true]::before{content:'';position:absolute;inset:0;transform:scaleY(2)}[data-sonner-toast][data-expanded=true]::after{content:'';position:absolute;left:0;height:calc(var(--gap) + 1px);bottom:100%;width:100%}[data-sonner-toast][data-mounted=true]{--y:translateY(0);opacity:1}[data-sonner-toast][data-expanded=false][data-front=false]{--scale:var(--toasts-before) * 0.05 + 1;--y:translateY(calc(var(--lift-amount) * var(--toasts-before))) scale(calc(-1 * var(--scale)));height:var(--front-toast-height)}[data-sonner-toast]>*{transition:opacity .4s}[data-sonner-toast][data-x-position=right]{right:0}[data-sonner-toast][data-x-position=left]{left:0}[data-sonner-toast][data-expanded=false][data-front=false][data-styled=true]>*{opacity:0}[data-sonner-toast][data-visible=false]{opacity:0;pointer-events:none}[data-sonner-toast][data-mounted=true][data-expanded=true]{--y:translateY(calc(var(--lift) * var(--offset)));height:var(--initial-height)}[data-sonner-toast][data-removed=true][data-front=true][data-swipe-out=false]{--y:translateY(calc(var(--lift) * -100%));opacity:0}[data-sonner-toast][data-removed=true][data-front=false][data-swipe-out=false][data-expanded=true]{--y:translateY(calc(var(--lift) * var(--offset) + var(--lift) * -100%));opacity:0}[data-sonner-toast][data-removed=true][data-front=false][data-swipe-out=false][data-expanded=false]{--y:translateY(40%);opacity:0;transition:transform .5s,opacity .2s}[data-sonner-toast][data-removed=true][data-front=false]::before{height:calc(var(--initial-height) + 20%)}[data-sonner-toast][data-swiping=true]{transform:var(--y) translateY(var(--swipe-amount-y,0)) translateX(var(--swipe-amount-x,0));transition:none}[data-sonner-toast][data-swiped=true]{user-select:none}[data-sonner-toast][data-swipe-out=true][data-y-position=bottom],[data-sonner-toast][data-swipe-out=true][data-y-position=top]{animation-duration:.2s;animation-timing-function:ease-out;animation-fill-mode:forwards}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=left]{animation-name:swipe-out-left}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=right]{animation-name:swipe-out-right}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=up]{animation-name:swipe-out-up}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=down]{animation-name:swipe-out-down}@keyframes swipe-out-left{from{transform:var(--y) translateX(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translateX(calc(var(--swipe-amount-x) - 100%));opacity:0}}@keyframes swipe-out-right{from{transform:var(--y) translateX(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translateX(calc(var(--swipe-amount-x) + 100%));opacity:0}}@keyframes swipe-out-up{from{transform:var(--y) translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y) translateY(calc(var(--swipe-amount-y) - 100%));opacity:0}}@keyframes swipe-out-down{from{transform:var(--y) translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y) translateY(calc(var(--swipe-amount-y) + 100%));opacity:0}}@media (max-width:600px){[data-sonner-toaster]{position:fixed;right:var(--mobile-offset-right);left:var(--mobile-offset-left);width:100%}[data-sonner-toaster][dir=rtl]{left:calc(var(--mobile-offset-left) * -1)}[data-sonner-toaster] [data-sonner-toast]{left:0;right:0;width:calc(100% - var(--mobile-offset-left) * 2)}[data-sonner-toaster][data-x-position=left]{left:var(--mobile-offset-left)}[data-sonner-toaster][data-y-position=bottom]{bottom:var(--mobile-offset-bottom)}[data-sonner-toaster][data-y-position=top]{top:var(--mobile-offset-top)}[data-sonner-toaster][data-x-position=center]{left:var(--mobile-offset-left);right:var(--mobile-offset-right);transform:none}}[data-sonner-toaster][data-sonner-theme=light]{--normal-bg:#fff;--normal-border:var(--gray4);--normal-text:var(--gray12);--success-bg:hsl(143, 85%, 96%);--success-border:hsl(145, 92%, 87%);--success-text:hsl(140, 100%, 27%);--info-bg:hsl(208, 100%, 97%);--info-border:hsl(221, 91%, 93%);--info-text:hsl(210, 92%, 45%);--warning-bg:hsl(49, 100%, 97%);--warning-border:hsl(49, 91%, 84%);--warning-text:hsl(31, 92%, 45%);--error-bg:hsl(359, 100%, 97%);--error-border:hsl(359, 100%, 94%);--error-text:hsl(360, 100%, 45%)}[data-sonner-toaster][data-sonner-theme=light] [data-sonner-toast][data-invert=true]{--normal-bg:#000;--normal-border:hsl(0, 0%, 20%);--normal-text:var(--gray1)}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast][data-invert=true]{--normal-bg:#fff;--normal-border:var(--gray3);--normal-text:var(--gray12)}[data-sonner-toaster][data-sonner-theme=dark]{--normal-bg:#000;--normal-bg-hover:hsl(0, 0%, 12%);--normal-border:hsl(0, 0%, 20%);--normal-border-hover:hsl(0, 0%, 25%);--normal-text:var(--gray1);--success-bg:hsl(150, 100%, 6%);--success-border:hsl(147, 100%, 12%);--success-text:hsl(150, 86%, 65%);--info-bg:hsl(215, 100%, 6%);--info-border:hsl(223, 43%, 17%);--info-text:hsl(216, 87%, 65%);--warning-bg:hsl(64, 100%, 6%);--warning-border:hsl(60, 100%, 9%);--warning-text:hsl(46, 87%, 65%);--error-bg:hsl(358, 76%, 10%);--error-border:hsl(357, 89%, 16%);--error-text:hsl(358, 100%, 81%)}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast] [data-close-button]{background:var(--normal-bg);border-color:var(--normal-border);color:var(--normal-text)}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast] [data-close-button]:hover{background:var(--normal-bg-hover);border-color:var(--normal-border-hover)}[data-rich-colors=true][data-sonner-toast][data-type=success]{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}[data-rich-colors=true][data-sonner-toast][data-type=success] [data-close-button]{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}[data-rich-colors=true][data-sonner-toast][data-type=info]{background:var(--info-bg);border-color:var(--info-border);color:var(--info-text)}[data-rich-colors=true][data-sonner-toast][data-type=info] [data-close-button]{background:var(--info-bg);border-color:var(--info-border);color:var(--info-text)}[data-rich-colors=true][data-sonner-toast][data-type=warning]{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}[data-rich-colors=true][data-sonner-toast][data-type=warning] [data-close-button]{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}[data-rich-colors=true][data-sonner-toast][data-type=error]{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}[data-rich-colors=true][data-sonner-toast][data-type=error] [data-close-button]{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}.sonner-loading-wrapper{--size:16px;height:var(--size);width:var(--size);position:absolute;inset:0;z-index:10}.sonner-loading-wrapper[data-visible=false]{transform-origin:center;animation:sonner-fade-out .2s ease forwards}.sonner-spinner{position:relative;top:50%;left:50%;height:var(--size);width:var(--size)}.sonner-loading-bar{animation:sonner-spin 1.2s linear infinite;background:var(--gray11);border-radius:6px;height:8%;left:-10%;position:absolute;top:-3.9%;width:24%}.sonner-loading-bar:first-child{animation-delay:-1.2s;transform:rotate(.0001deg) translate(146%)}.sonner-loading-bar:nth-child(2){animation-delay:-1.1s;transform:rotate(30deg) translate(146%)}.sonner-loading-bar:nth-child(3){animation-delay:-1s;transform:rotate(60deg) translate(146%)}.sonner-loading-bar:nth-child(4){animation-delay:-.9s;transform:rotate(90deg) translate(146%)}.sonner-loading-bar:nth-child(5){animation-delay:-.8s;transform:rotate(120deg) translate(146%)}.sonner-loading-bar:nth-child(6){animation-delay:-.7s;transform:rotate(150deg) translate(146%)}.sonner-loading-bar:nth-child(7){animation-delay:-.6s;transform:rotate(180deg) translate(146%)}.sonner-loading-bar:nth-child(8){animation-delay:-.5s;transform:rotate(210deg) translate(146%)}.sonner-loading-bar:nth-child(9){animation-delay:-.4s;transform:rotate(240deg) translate(146%)}.sonner-loading-bar:nth-child(10){animation-delay:-.3s;transform:rotate(270deg) translate(146%)}.sonner-loading-bar:nth-child(11){animation-delay:-.2s;transform:rotate(300deg) translate(146%)}.sonner-loading-bar:nth-child(12){animation-delay:-.1s;transform:rotate(330deg) translate(146%)}@keyframes sonner-fade-in{0%{opacity:0;transform:scale(.8)}100%{opacity:1;transform:scale(1)}}@keyframes sonner-fade-out{0%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(.8)}}@keyframes sonner-spin{0%{opacity:1}100%{opacity:.15}}@media (prefers-reduced-motion){.sonner-loading-bar,[data-sonner-toast],[data-sonner-toast]>*{transition:none!important;animation:none!important}}.sonner-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transform-origin:center;transition:opacity .2s,transform .2s}.sonner-loader[data-visible=false]{opacity:0;transform:scale(.8) translate(-50%,-50%)}
  </style>

</head>
 <body>
  <noscript>
   You need to enable JavaScript to run this app.
  </noscript>
  <div id="root">
   <div class="App">
    <div class="min-h-screen flex flex-col">

<header class="sticky top-0 z-50 w-full border-b bg-white/95 backdrop-blur supports-[backdrop-filter]:bg-white/80">
  <div class="container mx-auto px-4 sm:px-6 lg:px-8">
    <div class="flex h-16 items-center justify-between">
      
      <a class="flex items-center space-x-2" href="/">
        <img src="img/logo-prechequeo-300x62.png" alt="Prechequeo Logo" class="h-10 w-auto" />
        <span class="sr-only">Prechequeo</span>
      </a>

<nav class="hidden md:flex items-center space-x-8">
        <a class="text-sm font-medium transition-colors hover:text-sky-500 text-sky-500" href="#">Inicio</a>

<div class="relative group">
          <button class="text-sm font-medium text-gray-700 hover:text-sky-500 flex items-center gap-1">
            Servicios
            <svg class="h-4 w-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
              stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg>
          </button>
          <div class="absolute top-full left-0 mt-2 w-64 bg-white rounded-lg shadow-lg border opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-200">
            <div class="p-2">
              <a class="block px-4 py-3 text-sm text-gray-700 hover:bg-sky-50 hover:text-sky-500 rounded-md transition-colors"
                href="#servicios">
                <div class="font-medium">Revisión Pre-Compra</div>
                <div class="text-xs text-gray-500 mt-1">desde $25.000</div>
              </a>
            </div>
          </div>
        </div>

<a class="text-sm font-medium text-gray-700 hover:text-sky-500" href="#nosotros">Nosotros</a>
        <a class="text-sm font-medium text-gray-700 hover:text-sky-500 flex items-center gap-1" href="login.html">
          <svg class="h-4 w-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
            stroke-linecap="round" stroke-linejoin="round">
            <path d="M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2"></path>
            <circle cx="12" cy="7" r="4"></circle>
          </svg>
          Mi Cuenta
        </a>
      </nav>

<div class="hidden md:block">
        <a href="login.html">
          <button class="inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium shadow h-9 px-4 py-2 bg-sky-500 hover:bg-sky-600 text-white transition-all duration-200 hover:shadow-lg">
            Agendar Hora
          </button>
        </a>
      </div>

<button id="navToggle" class="md:hidden text-gray-700" aria-label="Abrir menú" aria-expanded="false" aria-controls="mobileMenu">
        <svg class="h-6 w-6" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
          stroke-linecap="round" stroke-linejoin="round">
          <path d="M4 6h16"></path>
          <path d="M4 12h16"></path>
          <path d="M4 18h16"></path>
        </svg>
      </button>
    </div>
  </div>

<div id="mobileMenu"
       class="md:hidden overflow-hidden transition-[max-height] duration-300 ease-in-out border-t"
       style="max-height: 0; visibility: hidden;">
    <nav class="container mx-auto px-4 sm:px-6 lg:px-8 py-4 space-y-1">
      <a class="mobile-link block px-3 py-2 rounded-md text-base font-medium text-gray-700 hover:bg-sky-50 hover:text-sky-600"
        href="#">Inicio</a>

<div class="border rounded-md">
        <button id="mobileServicesBtn"
          class="w-full flex items-center justify-between px-3 py-2 text-base font-medium text-gray-700 hover:bg-sky-50 hover:text-sky-600"
          type="button" aria-expanded="false" aria-controls="mobileServicesPanel">
          <span>Servicios</span>
          <svg class="h-4 w-4 transition-transform" viewBox="0 0 24 24" fill="none" stroke="currentColor"
            stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
            <path d="m6 9 6 6 6-6"/>
          </svg>
        </button>
        <div id="mobileServicesPanel"
          class="max-h-0 overflow-hidden transition-[max-height] duration-300 ease-in-out">
          <a class="mobile-link block pl-8 pr-4 py-2 text-sm text-gray-700 hover:bg-sky-50 hover:text-sky-600"
            href="#servicios">Revisión Pre-Compra</a>
        </div>
      </div>

<a class="mobile-link block px-3 py-2 rounded-md text-base font-medium text-gray-700 hover:bg-sky-50 hover:text-sky-600"
        href="#nosotros">Nosotros</a>

<a class="mobile-link block px-3 py-2 rounded-md text-base font-medium text-gray-700 hover:bg-sky-50 hover:text-sky-600"
        href="login.html">Mi Cuenta</a>

<a class="mobile-link block mt-2" href="login.html">
        <button class="w-full inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium shadow h-10 px-4 bg-sky-500 hover:bg-sky-600 text-white transition-all duration-200 hover:shadow-lg">
          Agendar Hora
        </button>
      </a>
    </nav>
  </div>

// Asegura que el menú esté cerrado al cargar
      window.addEventListener("DOMContentLoaded", () => {
        menu.style.maxHeight = "0";
        menu.style.visibility = "hidden";
        panelServices.style.maxHeight = "0";
      });

function setMaxHeight(el, open) {
        el.style.maxHeight = open ? el.scrollHeight + "px" : "0px";
        el.style.visibility = open ? "visible" : "hidden";
      }

// Toggle menú principal
      toggle.addEventListener("click", () => {
        const open = menu.style.maxHeight && menu.style.maxHeight !== "0px";
        setMaxHeight(menu, !open);
        toggle.setAttribute("aria-expanded", String(!open));
      });

// Toggle submenú Servicios
      btnServices.addEventListener("click", () => {
        const expanded = btnServices.getAttribute("aria-expanded") === "true";
        btnServices.setAttribute("aria-expanded", String(!expanded));
        const icon = btnServices.querySelector("svg");
        icon.style.transform = expanded ? "rotate(0deg)" : "rotate(180deg)";
        panelServices.style.maxHeight = expanded ? "0px" : panelServices.scrollHeight + "px";
      });

// Cierra el menú al hacer clic en un enlace
      links.forEach(link => {
        link.addEventListener("click", () => {
          setMaxHeight(menu, false);
          toggle.setAttribute("aria-expanded", "false");
          btnServices.setAttribute("aria-expanded", "false");
          const icon = btnServices.querySelector("svg");
          icon.style.transform = "rotate(0deg)";
          panelServices.style.maxHeight = "0px";
        });
      });

// Cierra el menú si cambia a vista de escritorio
      window.addEventListener("resize", () => {
        if (window.innerWidth >= 768) {
          setMaxHeight(menu, false);
          toggle.setAttribute("aria-expanded", "false");
          btnServices.setAttribute("aria-expanded", "false");
          const icon = btnServices.querySelector("svg");
          icon.style.transform = "rotate(0deg)";
          panelServices.style.maxHeight = "0px";
        }
      });
    })();
  </script>
</header>

<div class="heroSlide flex-none w-full">
            <div class="text-center py-10 md:py-14 px-4 sm:px-6">
              <h1 class="text-3xl sm:text-4xl md:text-5xl lg:text-6xl font-bold text-gray-900 mb-4 leading-tight">
                Chequeo PreCompra de Vehículos
              </h1>
              <p class="text-xl sm:text-2xl md:text-3xl text-sky-500 font-semibold mb-4">
                Inspección técnica completa a domicilio
              </p>
              <p class="text-base sm:text-lg text-gray-600 mb-8">
                Verificamos el estado mecánico, estructural y estético del vehículo antes de tu compra.
                Recibe un informe detallado con fotos y diagnóstico profesional para tomar una decisión informada.
              </p>
              <a href="login.html">
                <button
                  class="inline-flex items-center justify-center gap-2 shadow h-10 rounded-md bg-sky-500 hover:bg-sky-600 text-white text-lg px-8 py-6 transition-all duration-300 hover:shadow-lg">
                  Agendar Ahora
                  <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 ml-2" fill="none" viewBox="0 0 24 24"
                       stroke="currentColor" stroke-width="2">
                    <path stroke-linecap="round" stroke-linejoin="round" d="m9 18 6-6-6-6"/>
                  </svg>
                </button>
              </a>
            </div>
          </div>

<div class="heroSlide flex-none w-full">
            <div class="text-center py-10 md:py-14 px-4 sm:px-6">
              <h1 class="text-3xl sm:text-4xl md:text-5xl lg:text-6xl font-bold text-gray-900 mb-4 leading-tight">
                Revisión completa antes de comprar
              </h1>
              <p class="text-xl sm:text-2xl md:text-3xl text-sky-500 font-semibold mb-4">
                Evita sorpresas y compra con tranquilidad
              </p>
              <p class="text-base sm:text-lg text-gray-600 mb-8">
                Detectamos daños ocultos, desperfectos y reparaciones estructurales.
                Nuestro equipo técnico verifica cada componente clave para garantizar tu inversión.
              </p>
              <a href="login.html">
                <button
                  class="inline-flex items-center justify-center gap-2 shadow h-10 rounded-md bg-sky-500 hover:bg-sky-600 text-white text-lg px-8 py-6 transition-all duration-300 hover:shadow-lg">
                  Agendar Ahora
                  <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 ml-2" fill="none" viewBox="0 0 24 24"
                       stroke="currentColor" stroke-width="2">
                    <path stroke-linecap="round" stroke-linejoin="round" d="m9 18 6-6-6-6"/>
                  </svg>
                </button>
              </a>
            </div>
          </div>

<div class="heroSlide flex-none w-full">
            <div class="text-center py-10 md:py-14 px-4 sm:px-6">
              <h1 class="text-3xl sm:text-4xl md:text-5xl lg:text-6xl font-bold text-gray-900 mb-4 leading-tight">
                Tu seguridad y confianza son primero
              </h1>
              <p class="text-xl sm:text-2xl md:text-3xl text-sky-500 font-semibold mb-4">
                Informe técnico y recomendaciones expertas
              </p>
              <p class="text-base sm:text-lg text-gray-600 mb-8">
                Nuestros especialistas te entregan un diagnóstico preciso para evitar errores costosos
                y asegurar una compra informada y segura.
              </p>
              <a href="login.html">
                <button
                  class="inline-flex items-center justify-center gap-2 shadow h-10 rounded-md bg-sky-500 hover:bg-sky-600 text-white text-lg px-8 py-6 transition-all duration-300 hover:shadow-lg">
                  Agendar Ahora
                  <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 ml-2" fill="none" viewBox="0 0 24 24"
                       stroke="currentColor" stroke-width="2">
                    <path stroke-linecap="round" stroke-linejoin="round" d="m9 18 6-6-6-6"/>
                  </svg>
                </button>
              </a>
            </div>
          </div>
        </div>

<button id="heroPrev"
                class=" hidden  absolute top-1/2 -translate-y-1/2 left-2 sm:left-4 inline-flex items-center justify-center h-10 w-10 rounded-full bg-white border shadow hover:bg-sky-50 transition"
                aria-label="Anterior">
          <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor"
               stroke-width="2">
            <path stroke-linecap="round" stroke-linejoin="round" d="m15 19-7-7 7-7"/>
          </svg>
        </button>
        <button id="heroNext"
                class="hidden  absolute top-1/2 -translate-y-1/2 right-2 sm:right-4 inline-flex items-center justify-center h-10 w-10 rounded-full bg-white border shadow hover:bg-sky-50 transition"
                aria-label="Siguiente">
          <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor"
               stroke-width="2">
            <path stroke-linecap="round" stroke-linejoin="round" d="m9 5 7 7-7 7"/>
          </svg>
        </button>
      </div>

<div class="flex justify-center mt-8 space-x-2">
        <button class="hero-dot h-2 w-8 rounded-full bg-sky-500 transition-all duration-300"></button>
        <button class="hero-dot h-2 w-2 rounded-full bg-gray-300 transition-all duration-300"></button>
        <button class="hero-dot h-2 w-2 rounded-full bg-gray-300 transition-all duration-300"></button>
      </div>
    </div>
  </div>

function layout() {
        slideW = viewport.clientWidth;
        slides.forEach(s => {
          s.style.flex = '0 0 ' + slideW + 'px';
          s.style.width = slideW + 'px';
        });
        track.style.width = slides.length * slideW + 'px';
        apply(false);
        track.style.visibility = 'visible';
      }

function apply(animate = true) {
        if (!animate) track.style.transitionDuration = '0ms';
        track.style.transform = 'translateX(' + (-index * slideW) + 'px)';
        dots.forEach((d, i) => {
          d.classList.toggle('bg-sky-500', i === index);
          d.classList.toggle('bg-gray-300', i !== index);
          d.classList.toggle('w-8', i === index);
          d.classList.toggle('w-2', i !== index);
        });
        if (!animate) requestAnimationFrame(() => track.style.transitionDuration = '');
      }

function goTo(i) {
        index = (i + slides.length) % slides.length;
        apply(true);
      }
      function nextSlide() { goTo(index + 1); }
      function prevSlide() { goTo(index - 1); }

function startAuto() {
        stopAuto();
        timer = setInterval(nextSlide, 9000); // más tiempo entre slides
      }
      function stopAuto() { clearInterval(timer); timer = null; }

next.addEventListener('click', () => { nextSlide(); startAuto(); });
      prev.addEventListener('click', () => { prevSlide(); startAuto(); });
      dots.forEach((d, i) => d.addEventListener('click', () => { goTo(i); startAuto(); }));

viewport.addEventListener('mouseenter', stopAuto);
      viewport.addEventListener('mouseleave', startAuto);
      window.addEventListener('resize', layout);
      window.addEventListener('load', layout);

layout();
      startAuto();
    })();
  </script>
</section>

<section class="py-20 bg-white" id="servicios">
      <div class="container mx-auto px-4 sm:px-6 lg:px-8">
       <div class="text-center mb-16">
        <h2 class="text-3xl md:text-4xl font-bold text-gray-900 mb-4">
         Nuestros Servicios
        </h2>
        <p class="text-lg text-gray-600 max-w-2xl mx-auto">
         Servicios profesionales para el cuidado completo de tu vehículo
        </p>
       </div>
       <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
        <div class="rounded-xl border bg-card text-card-foreground shadow h-full flex flex-col hover:shadow-lg transition-all duration-300">
         <div class="flex flex-col space-y-1.5 p-6">
          <div class="font-semibold tracking-tight text-xl text-gray-900">
           Informe Básico
          </div>
          <div class="text-sm text-gray-600">
           Inspección rápida y reporte resumido
          </div>
         </div>
         <div class="p-6 pt-0 flex-grow">
          <div class="mb-6">
           <div class="text-3xl font-bold text-sky-500">
            $25.000
           </div>
           <div class="text-sm text-gray-500 mt-1">
            Duración: 30 min.
           </div>
          </div>
          <ul class="space-y-3">
           <li class="flex items-start space-x-3">
            <svg aria-hidden="true" class="lucide lucide-check h-5 w-5 text-sky-500 flex-shrink-0 mt-0.5" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
             <path d="M20 6 9 17l-5-5">
             </path>
            </svg>
            <span class="text-sm text-gray-600">
             Inspección visual externa
            </span>
           </li>
           <li class="flex items-start space-x-3">
            <svg aria-hidden="true" class="lucide lucide-check h-5 w-5 text-sky-500 flex-shrink-0 mt-0.5" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
             <path d="M20 6 9 17l-5-5">
             </path>
            </svg>
            <span class="text-sm text-gray-600">
             Revisión de niveles básicos
            </span>
           </li>
           <li class="flex items-start space-x-3">
            <svg aria-hidden="true" class="lucide lucide-check h-5 w-5 text-sky-500 flex-shrink-0 mt-0.5" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
             <path d="M20 6 9 17l-5-5">
             </path>
            </svg>
            <span class="text-sm text-gray-600">
             Chequeo eléctrico completo
            </span>
           </li>
           <li class="flex items-start space-x-3">
            <svg aria-hidden="true" class="lucide lucide-check h-5 w-5 text-sky-500 flex-shrink-0 mt-0.5" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
             <path d="M20 6 9 17l-5-5">
             </path>
            </svg>
            <span class="text-sm text-gray-600">
             Verificación de luces y documentación
            </span>
           </li>
           <li class="flex items-start space-x-3">
            <svg aria-hidden="true" class="lucide lucide-check h-5 w-5 text-sky-500 flex-shrink-0 mt-0.5" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
             <path d="M20 6 9 17l-5-5">
             </path>
            </svg>
            <span class="text-sm text-gray-600">
             Informe resumido en PDF
            </span>
           </li>
          </ul>
         </div>
         <div class="flex items-center p-6 pt-0">
          <a class="w-full" data-discover="true" href="login.html">
           <button class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 shadow h-9 px-4 py-2 w-full bg-sky-500 hover:bg-sky-600 text-white transition-colors">
            Agendar Ahora
           </button>
          </a>
         </div>
        </div>
        <div class="rounded-xl bg-card text-card-foreground shadow h-full flex flex-col hover:shadow-lg transition-all duration-300 border-2 border-sky-500 relative">
         <div class="absolute -top-3 left-1/2 -translate-x-1/2">
          <div class="rounded-md border text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent bg-sky-500 hover:bg-sky-600 text-white px-4 py-1 flex items-center gap-1 shadow-lg">
           <svg aria-hidden="true" class="lucide lucide-star h-3 w-3 fill-white" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
            <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z">
            </path>
           </svg>
           Más Seleccionado
          </div>
         </div>
         <div class="flex flex-col space-y-1.5 p-6 pt-6">
          <div class="font-semibold tracking-tight text-xl text-gray-900">
           Informe Standard
          </div>
          <div class="text-sm text-gray-600">
            La mejor relación calidad-precio para compradores que buscan seguridad y detalle técnico
          </div>
         </div>
         <div class="p-6 pt-0 flex-grow">
          <div class="mb-6">
           <div class="text-3xl font-bold text-sky-500">
            $65.000
           </div>
           <div class="text-sm text-gray-500 mt-1">
            Duración: 45 min.
           </div>
          </div>
          <ul class="space-y-3">
           <li class="flex items-start space-x-3">
            <svg aria-hidden="true" class="lucide lucide-check h-5 w-5 text-sky-500 flex-shrink-0 mt-0.5" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
             <path d="M20 6 9 17l-5-5">
             </path>
            </svg>
            <span class="text-sm text-gray-600">
             Reparación sin pintura (PDR)
            </span>
           </li>
           <li class="flex items-start space-x-3">
            <svg aria-hidden="true" class="lucide lucide-check h-5 w-5 text-sky-500 flex-shrink-0 mt-0.5" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
             <path d="M20 6 9 17l-5-5">
             </path>
            </svg>
            <span class="text-sm text-gray-600">
             Todo lo del Informe Básico
            </span>
           </li>
           <li class="flex items-start space-x-3">
            <svg aria-hidden="true" class="lucide lucide-check h-5 w-5 text-sky-500 flex-shrink-0 mt-0.5" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
             <path d="M20 6 9 17l-5-5">
             </path>
            </svg>
            <span class="text-sm text-gray-600">
             Diagnóstico computarizado del motor
            </span>
           </li>
           <li class="flex items-start space-x-3">
            <svg aria-hidden="true" class="lucide lucide-check h-5 w-5 text-sky-500 flex-shrink-0 mt-0.5" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
             <path d="M20 6 9 17l-5-5">
             </path>
            </svg>
            <span class="text-sm text-gray-600">
             Revisión de frenos, suspensión y dirección
            </span>
           </li>
           <li class="flex items-start space-x-3">
            <svg aria-hidden="true" class="lucide lucide-check h-5 w-5 text-sky-500 flex-shrink-0 mt-0.5" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
             <path d="M20 6 9 17l-5-5">
             </path>
            </svg>
            <span class="text-sm text-gray-600">
             Prueba de batería y verificación de fugas
            </span>
           </li>
              <li class="flex items-start space-x-3">
            <svg aria-hidden="true" class="lucide lucide-check h-5 w-5 text-sky-500 flex-shrink-0 mt-0.5" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
             <path d="M20 6 9 17l-5-5">
             </path>
            </svg>
            <span class="text-sm text-gray-600">
             Informe técnico completo con fotos y recomendaciones
            </span>
           </li>
          </ul>
         </div>
         <div class="flex items-center p-6 pt-0">
          <a class="w-full" data-discover="true" href="login.html">
           <button class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 shadow h-9 px-4 py-2 w-full bg-sky-500 hover:bg-sky-600 text-white transition-colors">
            Agendar Ahora
           </button>
          </a>
         </div>
        </div>
        <div class="rounded-xl border bg-card text-card-foreground shadow h-full flex flex-col hover:shadow-lg transition-all duration-300">
         <div class="flex flex-col space-y-1.5 p-6">
          <div class="font-semibold tracking-tight text-xl text-gray-900">
           Informe Premium
          </div>
          <div class="text-sm text-gray-600">
           Inspección exhaustiva para compradores que no quieren sorpresas.
          </div>
         </div>
         <div class="p-6 pt-0 flex-grow">
          <div class="mb-6">
           <div class="text-3xl font-bold text-sky-500">
            $90.000
           </div>
           <div class="text-sm text-gray-500 mt-1">
            Duración: 90 min.
           </div>
          </div>
          <ul class="space-y-3">
           <li class="flex items-start space-x-3">
            <svg aria-hidden="true" class="lucide lucide-check h-5 w-5 text-sky-500 flex-shrink-0 mt-0.5" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
             <path d="M20 6 9 17l-5-5">
             </path>
            </svg>
            <span class="text-sm text-gray-600">
             Todo lo del Informe Standard
            </span>
           </li>
           <li class="flex items-start space-x-3">
            <svg aria-hidden="true" class="lucide lucide-check h-5 w-5 text-sky-500 flex-shrink-0 mt-0.5" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
             <path d="M20 6 9 17l-5-5">
             </path>
            </svg>
            <span class="text-sm text-gray-600">
             Prueba de manejo supervisada
            </span>
           </li>
           <li class="flex items-start space-x-3">
            <svg aria-hidden="true" class="lucide lucide-check h-5 w-5 text-sky-500 flex-shrink-0 mt-0.5" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
             <path d="M20 6 9 17l-5-5">
             </path>
            </svg>
            <span class="text-sm text-gray-600">
             Levantamiento para inspección de chasis
            </span>
           </li>
           <li class="flex items-start space-x-3">
            <svg aria-hidden="true" class="lucide lucide-check h-5 w-5 text-sky-500 flex-shrink-0 mt-0.5" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
             <path d="M20 6 9 17l-5-5">
             </path>
            </svg>
            <span class="text-sm text-gray-600">
             Evaluación de transmisión y caja
            </span>
           </li>
           <li class="flex items-start space-x-3">
            <svg aria-hidden="true" class="lucide lucide-check h-5 w-5 text-sky-500 flex-shrink-0 mt-0.5" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
             <path d="M20 6 9 17l-5-5">
             </path>
            </svg>
            <span class="text-sm text-gray-600">
             Asesoría post-informe (teléfono o presencial)
            </span>
           </li>
          </ul>
         </div>
         <div class="flex items-center p-6 pt-0">
          <a class="w-full" data-discover="true" href="login.html">
           <button class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 shadow h-9 px-4 py-2 w-full bg-sky-500 hover:bg-sky-600 text-white transition-colors">
            Agendar Ahora
           </button>
          </a>
         </div>
        </div>
       </div>
      </div>
     </section>
     <section class="py-20 bg-white border-y">
      <div class="container mx-auto px-4 sm:px-6 lg:px-8">
       <div class="text-center mb-16">
        <h2 class="text-3xl md:text-4xl font-bold text-gray-900 mb-4">
         Beneficios clave de agendar tu servicio automotriz con PreChequeo
        </h2>
        <p class="text-lg text-gray-600 max-w-3xl mx-auto">
         Más que un servicio, una experiencia diseñada para tu comodidad y tranquilidad
        </p>
       </div>
       <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
        <div class="flex items-start space-x-4 p-6 rounded-lg hover:bg-sky-50 transition-colors duration-300">
         <div class="flex-shrink-0">
          <div class="w-12 h-12 rounded-full bg-sky-100 flex items-center justify-center">
           <svg aria-hidden="true" class="lucide lucide-house h-6 w-6 text-sky-500" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
            <path d="M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8">
            </path>
            <path d="M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z">
            </path>
           </svg>
          </div>
         </div>
         <div>
          <h3 class="text-lg font-semibold text-gray-900 mb-2">
           Servicio a Domicilio
          </h3>
          <p class="text-gray-600">
           Vamos donde estés, no pierdas tiempo en traslados.
          </p>
         </div>
        </div>
        <div class="flex items-start space-x-4 p-6 rounded-lg hover:bg-sky-50 transition-colors duration-300">
         <div class="flex-shrink-0">
          <div class="w-12 h-12 rounded-full bg-sky-100 flex items-center justify-center">
           <svg aria-hidden="true" class="lucide lucide-dollar-sign h-6 w-6 text-sky-500" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
            <line x1="12" x2="12" y1="2" y2="22">
            </line>
            <path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6">
            </path>
           </svg>
          </div>
         </div>
         <div>
          <h3 class="text-lg font-semibold text-gray-900 mb-2">
           Precios Transparentes
          </h3>
          <p class="text-gray-600">
           Sin costos ocultos, sabes exactamente lo que pagas.
          </p>
         </div>
        </div>
        <div class="flex items-start space-x-4 p-6 rounded-lg hover:bg-sky-50 transition-colors duration-300">
         <div class="flex-shrink-0">
          <div class="w-12 h-12 rounded-full bg-sky-100 flex items-center justify-center">
           <svg aria-hidden="true" class="lucide lucide-users h-6 w-6 text-sky-500" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
            <path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2">
            </path>
            <path d="M16 3.128a4 4 0 0 1 0 7.744">
            </path>
            <path d="M22 21v-2a4 4 0 0 0-3-3.87">
            </path>
            <circle cx="9" cy="7" r="4">
            </circle>
           </svg>
          </div>
         </div>
         <div>
          <h3 class="text-lg font-semibold text-gray-900 mb-2">
           Expertos Certificados
          </h3>
          <p class="text-gray-600">
           Técnicos con más de 10 años de experiencia.
          </p>
         </div>
        </div>
        <div class="flex items-start space-x-4 p-6 rounded-lg hover:bg-sky-50 transition-colors duration-300">
         <div class="flex-shrink-0">
          <div class="w-12 h-12 rounded-full bg-sky-100 flex items-center justify-center">
           <svg aria-hidden="true" class="lucide lucide-calendar h-6 w-6 text-sky-500" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
            <path d="M8 2v4">
            </path>
            <path d="M16 2v4">
            </path>
            <rect height="18" rx="2" width="18" x="3" y="4">
            </rect>
            <path d="M3 10h18">
            </path>
           </svg>
          </div>
         </div>
         <div>
          <h3 class="text-lg font-semibold text-gray-900 mb-2">
           Agenda en Minutos
          </h3>
          <p class="text-gray-600">
           Proceso rápido y fácil, sin complicaciones.
          </p>
         </div>
        </div>
        <div class="flex items-start space-x-4 p-6 rounded-lg hover:bg-sky-50 transition-colors duration-300">
         <div class="flex-shrink-0">
          <div class="w-12 h-12 rounded-full bg-sky-100 flex items-center justify-center">
           <svg aria-hidden="true" class="lucide lucide-shield h-6 w-6 text-sky-500" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
            <path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z">
            </path>
           </svg>
          </div>
         </div>
         <div>
          <h3 class="text-lg font-semibold text-gray-900 mb-2">
           Garantía Total
          </h3>
          <p class="text-gray-600">
           Todos nuestros trabajos están garantizados.
          </p>
         </div>
        </div>
        <div class="flex items-start space-x-4 p-6 rounded-lg hover:bg-sky-50 transition-colors duration-300">
         <div class="flex-shrink-0">
          <div class="w-12 h-12 rounded-full bg-sky-100 flex items-center justify-center">
           <svg aria-hidden="true" class="lucide lucide-clock h-6 w-6 text-sky-500" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
            <circle cx="12" cy="12" r="10">
            </circle>
            <polyline points="12 6 12 12 16 14">
            </polyline>
           </svg>
          </div>
         </div>
         <div>
          <h3 class="text-lg font-semibold text-gray-900 mb-2">
           Horarios Flexibles
          </h3>
          <p class="text-gray-600">
           Adaptamos nuestros horarios a tu disponibilidad.
          </p>
         </div>
        </div>
       </div>
      </div>
     </section>

<section class="py-16 bg-gradient-to-br from-sky-50 to-blue-50">
  <div class="container mx-auto px-4 sm:px-6 lg:px-8">
    <div class="text-center mb-12">
      <h2 class="text-3xl md:text-4xl font-bold text-gray-900 mb-4">
        Trabajamos con Todas las Marcas
      </h2>
      <p class="text-lg text-gray-600">
        Especialistas en las marcas más populares de Chile
      </p>
    </div>

<button
        id="brandsPrev"
        class="inline-flex items-center justify-center text-sm border shadow-sm hover:bg-gray-50 absolute h-8 w-8 rounded-full top-1/2 -translate-y-1/2 left-0 bg-white z-10"
        aria-label="Anterior"
      >
        <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m15 19-7-7 7-7" />
        </svg>
      </button>
      <button
        id="brandsNext"
        class="inline-flex items-center justify-center text-sm border shadow-sm hover:bg-gray-50 absolute h-8 w-8 rounded-full top-1/2 -translate-y-1/2 right-0 bg-white z-10"
        aria-label="Siguiente"
      >
        <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m9 5 7 7-7 7" />
        </svg>
      </button>
    </div>
  </div>

let slideW = 0;
      let index = 0;
      let timer = null;
      let paused = false;
      let visible = 4; // cantidad visible según pantalla

function calcVisible() {
        const vw = window.innerWidth;
        if (vw < 640) visible = 2; // móvil
        else if (vw < 1024) visible = 3; // tablet
        else visible = 4; // desktop
      }

function layout() {
        calcVisible();
        const vw = viewport.clientWidth;
        slideW = Math.floor(vw / visible);
        slides.forEach((el) => {
          el.style.flex = "0 0 " + slideW + "px";
          el.style.width = slideW + "px";
        });
        track.style.width = slides.length * slideW + "px";
        apply();
        track.style.visibility = "visible";
      }

function apply() {
        const maxIndex = Math.max(0, slides.length - visible);
        if (index < 0) index = maxIndex;
        if (index > maxIndex) index = 0;

const x = -(index * slideW);
        track.style.transform = "translateX(" + x + "px)";

prevBtn.disabled = slides.length <= visible;
        nextBtn.disabled = slides.length <= visible;
      }

function next() {
        index++;
        apply();
      }

function prev() {
        index--;
        apply();
      }

function startAutoplay() {
        stopAutoplay();
        timer = setInterval(() => {
          if (!paused) next();
        }, 3000);
      }

function stopAutoplay() {
        if (timer) clearInterval(timer);
        timer = null;
      }

nextBtn.addEventListener("click", () => {
        next();
        startAutoplay();
      });
      prevBtn.addEventListener("click", () => {
        prev();
        startAutoplay();
      });

viewport.addEventListener("mouseenter", () => (paused = true));
      viewport.addEventListener("mouseleave", () => (paused = false));
      window.addEventListener("resize", layout);

layout();
      startAutoplay();
    })();
  </script>
</section>

<section class="py-20 bg-white">
      <div class="container mx-auto px-4 sm:px-6 lg:px-8">
       <div class="text-center mb-16">
        <h2 class="text-3xl md:text-4xl font-bold text-gray-900 mb-4">
         ¿Cómo Agendar tu Servicio?
        </h2>
        <p class="text-lg text-gray-600 max-w-2xl mx-auto">
         En solo 4 pasos simples tendrás tu servicio agendado
        </p>
       </div>
       <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8">
        <div class="text-center relative">
         <div class="hidden lg:block absolute top-12 left-1/2 w-full h-0.5 bg-sky-200">
         </div>
         <div class="relative z-10 inline-flex items-center justify-center w-24 h-24 rounded-full bg-sky-500 text-white text-2xl font-bold mb-6 shadow-lg">
          1
         </div>
         <div class="mb-4">
          <svg aria-hidden="true" class="lucide lucide-clipboard-list h-8 w-8 text-sky-500 mx-auto mb-3" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
           <rect height="4" rx="1" ry="1" width="8" x="8" y="2">
           </rect>
           <path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2">
           </path>
           <path d="M12 11h4">
           </path>
           <path d="M12 16h4">
           </path>
           <path d="M8 11h.01">
           </path>
           <path d="M8 16h.01">
           </path>
          </svg>
         </div>
         <h3 class="text-xl font-semibold text-gray-900 mb-3">
          Selecciona tu Informe
         </h3>
         <p class="text-gray-600">
          Elige entre nuestros informes para el servicio de pre-chequeo.
         </p>
        </div>
        <div class="text-center relative">
         <div class="hidden lg:block absolute top-12 left-1/2 w-full h-0.5 bg-sky-200">
         </div>
         <div class="relative z-10 inline-flex items-center justify-center w-24 h-24 rounded-full bg-sky-500 text-white text-2xl font-bold mb-6 shadow-lg">
          2
         </div>
         <div class="mb-4">
          <svg aria-hidden="true" class="lucide lucide-calendar h-8 w-8 text-sky-500 mx-auto mb-3" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
           <path d="M8 2v4">
           </path>
           <path d="M16 2v4">
           </path>
           <rect height="18" rx="2" width="18" x="3" y="4">
           </rect>
           <path d="M3 10h18">
           </path>
          </svg>
         </div>
         <h3 class="text-xl font-semibold text-gray-900 mb-3">
          Agenda Fecha y Hora
         </h3>
         <p class="text-gray-600">
          Escoge el día y horario que mejor te acomode. Nosotros nos adaptamos a ti.
         </p>
        </div>
        <div class="text-center relative">
         <div class="hidden lg:block absolute top-12 left-1/2 w-full h-0.5 bg-sky-200">
         </div>
         <div class="relative z-10 inline-flex items-center justify-center w-24 h-24 rounded-full bg-sky-500 text-white text-2xl font-bold mb-6 shadow-lg">
          3
         </div>
         <div class="mb-4">
          <svg aria-hidden="true" class="lucide lucide-file-text h-8 w-8 text-sky-500 mx-auto mb-3" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
           <path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z">
           </path>
           <path d="M14 2v4a2 2 0 0 0 2 2h4">
           </path>
           <path d="M10 9H8">
           </path>
           <path d="M16 13H8">
           </path>
           <path d="M16 17H8">
           </path>
          </svg>
         </div>
         <h3 class="text-xl font-semibold text-gray-900 mb-3">
          Completa tus Datos
         </h3>
         <p class="text-gray-600">
          Ingresa la información de tu vehículo y datos de contacto.
         </p>
        </div>
        <div class="text-center relative">
         <div class="relative z-10 inline-flex items-center justify-center w-24 h-24 rounded-full bg-sky-500 text-white text-2xl font-bold mb-6 shadow-lg">
          4
         </div>
         <div class="mb-4">
          <svg aria-hidden="true" class="lucide lucide-credit-card h-8 w-8 text-sky-500 mx-auto mb-3" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
           <rect height="14" rx="2" width="20" x="2" y="5">
           </rect>
           <line x1="2" x2="22" y1="10" y2="10">
           </line>
          </svg>
         </div>
         <h3 class="text-xl font-semibold text-gray-900 mb-3">
          Confirma y Paga
         </h3>
         <p class="text-gray-600">
          Revisa tu reserva y realiza el pago de forma segura.
         </p>
        </div>
       </div>
       <div class="text-center mt-12">
        <a data-discover="true" href="login.html">
         <button class="inline-flex items-center justify-center gap-2 whitespace-nowrap font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 shadow h-10 rounded-md bg-sky-500 hover:bg-sky-600 text-white text-lg px-8 py-6">
          Comenzar Ahora
          <svg aria-hidden="true" class="lucide lucide-chevron-right ml-2 h-5 w-5" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
           <path d="m9 18 6-6-6-6">
           </path>
          </svg>
         </button>
        </a>
       </div>
      </div>
     </section>

<section id="cobertura" class="py-16 bg-gradient-to-br from-sky-50 to-blue-50">
  <div class="container mx-auto px-4 sm:px-6 lg:px-8">
    <div class="text-center mb-10">
      <h2 class="text-3xl md:text-4xl font-bold text-gray-900 mb-3">Cobertura en Santiago</h2>
      <p class="text-lg text-gray-600 mb-6" >Tarifa de desplazamiento según distancia desde <strong>Providencia</strong></p>
    </div>

<div class="max-w-md mx-auto mb-8">
      <input id="buscarComuna" type="text" placeholder="Buscar comuna..."
             class="w-full rounded-lg border border-gray-300 pl-8 px-5 py-3 text-gray-700 placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-sky-500 shadow-sm">
    </div>

<div class="relative w-full max-w-6xl mx-auto" role="region" aria-roledescription="carousel" aria-label="Cobertura">
      
      <div id="covViewport" class="overflow-hidden relative">
        
        <div id="covTrack"
             class="flex transition-transform duration-700 ease-in-out will-change-transform"
             style="visibility:hidden; transform: translateX(0);"></div>
      </div>

<div class="absolute inset-y-0 left-0 right-0 flex items-center justify-between pointer-events-none">
        <button id="covPrev"
          class="pointer-events-auto inline-flex items-center justify-center h-10 w-10 rounded-full bg-white border shadow hover:bg-sky-50 transition z-10 -translate-x-8 sm:-translate-x-10 lg:-translate-x-12"
          aria-label="Anterior">
          <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
            <path stroke-linecap="round" stroke-linejoin="round" d="m15 19-7-7 7-7"/>
          </svg>
        </button>
        <button id="covNext"
          class="pointer-events-auto inline-flex items-center justify-center h-10 w-10 rounded-full bg-white border shadow hover:bg-sky-50 transition z-10 translate-x-8 sm:translate-x-10 lg:translate-x-12"
          aria-label="Siguiente">
          <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
            <path stroke-linecap="round" stroke-linejoin="round" d="m9 5 7 7-7 7"/>
          </svg>
        </button>
      </div>
    </div>
  </div>

const viewport = document.getElementById('covViewport');
      const track = document.getElementById('covTrack');
      const prevBtn = document.getElementById('covPrev');
      const nextBtn = document.getElementById('covNext');
      const inputBuscar = document.getElementById('buscarComuna');

// Estado
      let lista = [...comunasBase];
      let visibles = 5;     // desktop: 4, tablet: 3, mobile: 1
      let slideW = 0;
      let index = 0;

function CLP(n) {
        return n.toLocaleString('es-CL', { style: 'currency', currency: 'CLP', maximumFractionDigits: 0 });
      }

// Tarjeta: MISMO look de "Marcas" pero con icono, nombre, precio y botón
      function tarjetaComuna({ nombre, precio }) {
        return `
          <div class="min-w-0 shrink-0 grow-0 basis-full pl-4 sm:basis-1/2 md:basis-1/3 lg:basis-1/4 comuna-slide">
            <div class="p-4">
              <div class="rounded-xl border bg-white shadow hover:shadow-lg transition-shadow duration-300">
                <div class="flex items-center justify-center p-2">
                  <div class="text-center">
                    <div class="mx-auto mb-3 flex h-8 w-8 items-center justify-center rounded-full bg-sky-100 text-sky-600">
                      <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
                        <path stroke-linecap="round" stroke-linejoin="round" d="M12 11c1.104 0 2-.896 2-2s-.896-2-2-2-2 .896-2 2 .896 2 2 2z"/>
                        <path stroke-linecap="round" stroke-linejoin="round" d="M12 22s8-6.14 8-12a8 8 0 1 0-16 0c0 5.86 8 12 8 12z"/>
                      </svg>
                    </div>
                    <div class="text-gray-800 font-semibold text-sm">${nombre}</div>
                    <div class="text-sky-600 font-bold text-base mb-4">${CLP(precio)}</div>
                   
                  </div>
                </div>
              </div>
            </div>
          </div>`;
      }

function render() {
        track.innerHTML = lista.map(tarjetaComuna).join('');
        layout();
      }

function layout() {
        const vw = viewport.clientWidth;

// breakpoints: mobile 1, tablet 3, desktop 4
        if (window.innerWidth >= 1024) visibles = 6;
        else if (window.innerWidth >= 768) visibles = 3;
        else visibles = 2;

slideW = vw / visibles;

// fijar ancho por tarjeta para que NO ocupe toda la pantalla
        track.querySelectorAll('.comuna-slide').forEach(el => {
          el.style.flex = `0 0 ${slideW}px`;
        });

// ancho total de contenido
        const contentW = lista.length * slideW;
        track.style.width = contentW + 'px';

apply(false);
        track.style.visibility = 'visible';
      }

function apply(animate = true) {
        const vw = viewport.clientWidth;
        const maxIndex = Math.max(0, lista.length - visibles);

// centrar cuando hay menos que visibles
        if (lista.length <= visibles) {
          index = 0;
          const contentW = lista.length * slideW;
          const offset = Math.max((vw - contentW) / 2, 0);
          track.style.transform = `translateX(${offset}px)`;
          // desactivar botones
          toggleButtons(true, true);
          return;
        }

// carrusel normal
        if (index < 0) index = 0;
        if (index > maxIndex) index = maxIndex;

const x = -(index * slideW);
        track.style.transform = `translateX(${x}px)`;

toggleButtons(index === 0, index === maxIndex);
      }

function toggleButtons(disablePrev, disableNext) {
        prevBtn.disabled = disablePrev;
        nextBtn.disabled = disableNext;
        prevBtn.classList.toggle('opacity-40', disablePrev);
        nextBtn.classList.toggle('opacity-40', disableNext);
        prevBtn.classList.toggle('pointer-events-none', disablePrev);
        nextBtn.classList.toggle('pointer-events-none', disableNext);
      }

function next() { index++; apply(); }
      function prev() { index--; apply(); }

// Eventos
      nextBtn.addEventListener('click', next);
      prevBtn.addEventListener('click', prev);

inputBuscar.addEventListener('input', (e) => {
        const q = e.target.value.trim().toLowerCase();
        lista = comunasBase.filter(c => c.nombre.toLowerCase().includes(q));
        index = 0;
        render();
      });

window.addEventListener('resize', layout);
      window.addEventListener('load', render);
    })();
  </script>
</section>

<section class="py-20 bg-gradient-to-br from-sky-50 to-blue-50">
      <div class="container mx-auto px-4 sm:px-6 lg:px-8">
       <div class="text-center mb-16">
        <h2 class="text-3xl md:text-4xl font-bold text-gray-900 mb-4">
         Lo que Dicen Nuestros Clientes
        </h2>
        <p class="text-lg text-gray-600 max-w-2xl mx-auto">
         Miles de clientes satisfechos confían en nosotros
        </p>
       </div>
       <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
        <div class="rounded-xl border bg-card text-card-foreground shadow hover:shadow-lg transition-shadow duration-300">
         <div class="p-6 pt-6">
          <div class="flex items-center justify-between mb-4">
           <div class="flex items-center space-x-1">
            <svg aria-hidden="true" class="lucide lucide-star h-5 w-5 fill-yellow-400 text-yellow-400" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
             <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z">
             </path>
            </svg>
            <svg aria-hidden="true" class="lucide lucide-star h-5 w-5 fill-yellow-400 text-yellow-400" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
             <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z">
             </path>
            </svg>
            <svg aria-hidden="true" class="lucide lucide-star h-5 w-5 fill-yellow-400 text-yellow-400" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
             <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z">
             </path>
            </svg>
            <svg aria-hidden="true" class="lucide lucide-star h-5 w-5 fill-yellow-400 text-yellow-400" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
             <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z">
             </path>
            </svg>
            <svg aria-hidden="true" class="lucide lucide-star h-5 w-5 fill-yellow-400 text-yellow-400" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
             <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z">
             </path>
            </svg>
           </div>
           <svg aria-hidden="true" class="lucide lucide-quote h-8 w-8 text-sky-200" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
            <path d="M16 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z">
            </path>
            <path d="M5 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z">
            </path>
           </svg>
          </div>
          <p class="text-gray-700 mb-6 italic">
           "Excelente servicio! Me ayudaron a revisar un auto usado antes de comprarlo. Encontraron varios problemas que no había notado. Totalmente recomendado."
          </p>
          <div class="border-t pt-4">
           <div class="font-semibold text-gray-900">
            María González
           </div>
           <div class="text-sm text-gray-500">
            Santiago
           </div>
           <div class="text-xs text-sky-600 mt-2 font-medium">
            Revisión Pre-Compra
           </div>
          </div>
         </div>
        </div>
    
    
        <div class="rounded-xl border bg-card text-card-foreground shadow hover:shadow-lg transition-shadow duration-300">
         <div class="p-6 pt-6">
          <div class="flex items-center justify-between mb-4">
           <div class="flex items-center space-x-1">
            <svg aria-hidden="true" class="lucide lucide-star h-5 w-5 fill-yellow-400 text-yellow-400" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
             <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z">
             </path>
            </svg>
            <svg aria-hidden="true" class="lucide lucide-star h-5 w-5 fill-yellow-400 text-yellow-400" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
             <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z">
             </path>
            </svg>
            <svg aria-hidden="true" class="lucide lucide-star h-5 w-5 fill-yellow-400 text-yellow-400" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
             <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z">
             </path>
            </svg>
            <svg aria-hidden="true" class="lucide lucide-star h-5 w-5 fill-yellow-400 text-yellow-400" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
             <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z">
             </path>
            </svg>
            <svg aria-hidden="true" class="lucide lucide-star h-5 w-5 fill-yellow-400 text-yellow-400" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
             <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z">
             </path>
            </svg>
           </div>
           <svg aria-hidden="true" class="lucide lucide-quote h-8 w-8 text-sky-200" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
            <path d="M16 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z">
            </path>
            <path d="M5 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z">
            </path>
           </svg>
          </div>
          <p class="text-gray-700 mb-6 italic">
           "Contraté la revisión pre-compra y me salvaron de una mala inversión. El informe fue muy detallado con fotos. Vale cada peso."
          </p>
          <div class="border-t pt-4">
           <div class="font-semibold text-gray-900">
            Juan Pablo Muñoz
           </div>
           <div class="text-sm text-gray-500">
            Ñuñoa
           </div>
           <div class="text-xs text-sky-600 mt-2 font-medium">
            Revisión Pre-Compra
           </div>
          </div>
         </div>
        </div>

<div class="rounded-xl border bg-card text-card-foreground shadow hover:shadow-lg transition-shadow duration-300">
         <div class="p-6 pt-6">
          <div class="flex items-center justify-between mb-4">
           <div class="flex items-center space-x-1">
            <svg aria-hidden="true" class="lucide lucide-star h-5 w-5 fill-yellow-400 text-yellow-400" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
             <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z">
             </path>
            </svg>
            <svg aria-hidden="true" class="lucide lucide-star h-5 w-5 fill-yellow-400 text-yellow-400" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
             <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z">
             </path>
            </svg>
            <svg aria-hidden="true" class="lucide lucide-star h-5 w-5 fill-yellow-400 text-yellow-400" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
             <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z">
             </path>
            </svg>
            <svg aria-hidden="true" class="lucide lucide-star h-5 w-5 fill-yellow-400 text-yellow-400" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
             <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z">
             </path>
            </svg>
            <svg aria-hidden="true" class="lucide lucide-star h-5 w-5 fill-yellow-400 text-yellow-400" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
             <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z">
             </path>
            </svg>
           </div>
           <svg aria-hidden="true" class="lucide lucide-quote h-8 w-8 text-sky-200" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
            <path d="M16 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z">
            </path>
            <path d="M5 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z">
            </path>
           </svg>
          </div>
          <p class="text-gray-700 mb-6 italic">
           "La mejor decisión fue revisar el auto antes de comprarlo. Encontraron problemas en el motor que me habrían costado mucho más después."
          </p>
          <div class="border-t pt-4">
           <div class="font-semibold text-gray-900">
            Roberto Díaz
           </div>
           <div class="text-sm text-gray-500">
            Maipú
           </div>
           <div class="text-xs text-sky-600 mt-2 font-medium">
            Revisión Pre-Compra
           </div>
          </div>
         </div>
        </div>
       </div>
      </div>
     </section>
     <section class="py-20 bg-gradient-to-br from-sky-50 to-blue-50" id="nosotros">
      <div class="container mx-auto px-4 sm:px-6 lg:px-8">
       <div class="text-center mb-16">
        <h2 class="text-3xl md:text-4xl font-bold text-gray-900 mb-4">
         ¿Por qué confiar en Prechequeo?
        </h2>
        <p class="text-lg text-gray-600 max-w-2xl mx-auto">
         Más de 10 años cuidando los autos de miles de chilenos
        </p>
       </div>
       <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8">
        <div class="rounded-xl border bg-card text-card-foreground shadow text-center hover:shadow-lg transition-shadow duration-300">
         <div class="p-6 pt-8 pb-8">
          <div class="inline-flex items-center justify-center w-16 h-16 rounded-full bg-sky-100 text-sky-500 mb-4">
           <svg aria-hidden="true" class="lucide lucide-shield h-8 w-8" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
            <path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z">
            </path>
           </svg>
          </div>
          <h3 class="text-xl font-semibold text-gray-900 mb-2">
           Profesionales Certificados
          </h3>
          <p class="text-gray-600">
           Técnicos con más de 10 años de experiencia en la industria automotriz.
          </p>
         </div>
        </div>
        <div class="rounded-xl border bg-card text-card-foreground shadow text-center hover:shadow-lg transition-shadow duration-300">
         <div class="p-6 pt-8 pb-8">
          <div class="inline-flex items-center justify-center w-16 h-16 rounded-full bg-sky-100 text-sky-500 mb-4">
           <svg aria-hidden="true" class="lucide lucide-clock h-8 w-8" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
            <circle cx="12" cy="12" r="10">
            </circle>
            <polyline points="12 6 12 12 16 14">
            </polyline>
           </svg>
          </div>
          <h3 class="text-xl font-semibold text-gray-900 mb-2">
           Servicio a Domicilio
          </h3>
          <p class="text-gray-600">
           Vamos donde estés. Ahorra tiempo y agenda en minutos.
          </p>
         </div>
        </div>
        <div class="rounded-xl border bg-card text-card-foreground shadow text-center hover:shadow-lg transition-shadow duration-300">
         <div class="p-6 pt-8 pb-8">
          <div class="inline-flex items-center justify-center w-16 h-16 rounded-full bg-sky-100 text-sky-500 mb-4">
           <svg aria-hidden="true" class="lucide lucide-file-check h-8 w-8" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
            <path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z">
            </path>
            <path d="M14 2v4a2 2 0 0 0 2 2h4">
            </path>
            <path d="m9 15 2 2 4-4">
            </path>
           </svg>
          </div>
          <h3 class="text-xl font-semibold text-gray-900 mb-2">
           Informes Detallados
          </h3>
          <p class="text-gray-600">
           Recibe un reporte completo con fotos y recomendaciones.
          </p>
         </div>
        </div>
        <div class="rounded-xl border bg-card text-card-foreground shadow text-center hover:shadow-lg transition-shadow duration-300">
         <div class="p-6 pt-8 pb-8">
          <div class="inline-flex items-center justify-center w-16 h-16 rounded-full bg-sky-100 text-sky-500 mb-4">
           <svg aria-hidden="true" class="lucide lucide-award h-8 w-8" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
            <path d="m15.477 12.89 1.515 8.526a.5.5 0 0 1-.81.47l-3.58-2.687a1 1 0 0 0-1.197 0l-3.586 2.686a.5.5 0 0 1-.81-.469l1.514-8.526">
            </path>
            <circle cx="12" cy="8" r="6">
            </circle>
           </svg>
          </div>
          <h3 class="text-xl font-semibold text-gray-900 mb-2">
           Garantía de Calidad
          </h3>
          <p class="text-gray-600">
           Todos nuestros servicios cuentan con garantía de satisfacción.
          </p>
         </div>
        </div>
       </div>
      </div>
     </section>
     <section class="py-20 bg-sky-500">
      <div class="container mx-auto px-4 sm:px-6 lg:px-8 text-center">
       <h2 class="text-3xl md:text-4xl font-bold text-white mb-4">
      ¿Quieres comprar un auto con total seguridad?
           </h2>
       <p class="text-xl text-sky-100 mb-8 max-w-2xl mx-auto">
Solicita tu <strong>Informe de Chequeo Precompra</strong> y conoce el estado real del vehículo antes de decidir.
      Recibe un informe técnico detallado con fotos, observaciones y recomendaciones profesionales.
           </p>
       <a data-discover="true" href="login.html">
        <button class="inline-flex items-center justify-center gap-2 whitespace-nowrap font-medium focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 shadow h-10 rounded-md bg-white text-sky-500 hover:bg-gray-100 text-lg px-8 py-6 transition-all duration-200 hover:shadow-xl">
         Agendar Hora
         <svg aria-hidden="true" class="lucide lucide-chevron-right ml-2 h-5 w-5" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
          <path d="m9 18 6-6-6-6">
          </path>
         </svg>
        </button>
       </a>
      </div>
     </section>
     <footer class="bg-gray-50 border-t">
      <div class="container mx-auto px-4 sm:px-6 lg:px-8 py-12">
       <div class="grid grid-cols-1 md:grid-cols-4 gap-8">
        <div class="space-y-4">
         <div class="text-2xl font-bold text-sky-500">
                <a class="flex items-center space-x-2" href="/">
        <img src="img/logo-prechequeo-300x62.png" alt="Prechequeo Logo" class="h-10 w-auto" />
        <span class="sr-only">Prechequeo</span>
      </a>

</div>
         <p class="text-sm text-gray-600">
          Nuestro servicio permite tomar decisiones informadas, evitar riesgos ocultos y asegurar una inversión inteligente, entregando un informe claro, imparcial y detallado
         </p>
         <div class="flex space-x-4">
          <a class="text-gray-400 hover:text-sky-500 transition-colors" href="https://www.facebook.com/Prechequeo.cl/">
           <svg aria-hidden="true" class="lucide lucide-facebook h-5 w-5" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
            <path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z">
            </path>
           </svg>
          </a>
          <a class="text-gray-400 hover:text-sky-500 transition-colors" href="https://www.instagram.com/prechequeo.cl/">
           <svg aria-hidden="true" class="lucide lucide-instagram h-5 w-5" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
            <rect height="20" rx="5" ry="5" width="20" x="2" y="2">
            </rect>
            <path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z">
            </path>
            <line x1="17.5" x2="17.51" y1="6.5" y2="6.5">
            </line>
           </svg>
          </a>
         </div>
        </div>
        <div>
         <h3 class="font-semibold text-gray-900 mb-4">
          Servicios
         </h3>
         <ul class="space-y-2">
          <li>
           <a class="text-sm text-gray-600 hover:text-sky-500 transition-colors" href="#servicios">
            Revisión Pre-Compra
           </a>
          </li>          
         </ul>
        </div>
        <div>
         <h3 class="font-semibold text-gray-900 mb-4">
          Enlaces
         </h3>
         <ul class="space-y-2">
          <li>
           <a class="text-sm text-gray-600 hover:text-sky-500 transition-colors" data-discover="true" href="#">
            Inicio
           </a>
          </li>
          <li>
           <a class="text-sm text-gray-600 hover:text-sky-500 transition-colors" href="#nosotros">
            Nosotros
           </a>
          </li>
          <li>
           <a class="text-sm text-gray-600 hover:text-sky-500 transition-colors" data-discover="true" href="login.html">
            Agendar Hora
           </a>
          </li>
          <li>
           <a class="text-sm text-gray-600 hover:text-sky-500 transition-colors" data-discover="true" href="login.html">
            Iniciar Sesión
           </a>
          </li>
         </ul>
        </div>
        <div>
         <h3 class="font-semibold text-gray-900 mb-4">
          Contacto
         </h3>
         <ul class="space-y-3">
          <li class="flex items-start space-x-3">
           <svg aria-hidden="true" class="lucide lucide-phone h-5 w-5 text-sky-500 mt-0.5" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
            <path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z">
            </path>
           </svg>
           <span class="text-sm text-gray-600">
            +56 9 7397 9617

</span>
          </li>
          <li class="flex items-start space-x-3">
           <svg aria-hidden="true" class="lucide lucide-mail h-5 w-5 text-sky-500 mt-0.5" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
            <path d="m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7">
            </path>
            <rect height="16" rx="2" width="20" x="2" y="4">
            </rect>
           </svg>
           <span class="text-sm text-gray-600">
            contacto@prechequeo.cl
           </span>
          </li>
          <li class="flex items-start space-x-3">
           <svg aria-hidden="true" class="lucide lucide-map-pin h-5 w-5 text-sky-500 mt-0.5" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
            <path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0">
            </path>
            <circle cx="12" cy="10" r="3">
            </circle>
           </svg>
           <span class="text-sm text-gray-600">
            Av.Providencia 1208. Providencia

</span>
          </li>
         </ul>
        </div>
       </div>
       <div class="border-t mt-12 pt-8 text-center">
        <p class="text-sm text-gray-600">
         © 2025 Prechequeo. Todos los derechos reservados.
        </p>
       </div>
      </div>
     </footer>
    </div>
    <section aria-atomic="false" aria-label="Notifications alt+T" aria-live="polite" aria-relevant="additions text" tabindex="-1">
    </section>
   </div>
  </div>
   </body>
</html>

Prechequeo: Agenda tu Servicio Automotriz a Domicilio

Chequeo PreCompra de Vehículos

Inspección técnica completa a domicilio

Verificamos el estado mecánico, estructural y estético del vehículo antes de tu compra. Recibe un informe detallado con fotos y diagnóstico profesional para tomar una decisión informada.

Revisión completa antes de comprar

Evita sorpresas y compra con tranquilidad

Detectamos daños ocultos, desperfectos y reparaciones estructurales. Nuestro equipo técnico verifica cada componente clave para garantizar tu inversión.

Tu seguridad y confianza son primero

Informe técnico y recomendaciones expertas

Nuestros especialistas te entregan un diagnóstico preciso para evitar errores costosos y asegurar una compra informada y segura.

Nuestros Servicios

Servicios profesionales para el cuidado completo de tu vehículo

Informe Básico

Inspección rápida y reporte resumido

$25.000

Duración: 30 min.

Inspección visual externa
Revisión de niveles básicos
Chequeo eléctrico completo
Verificación de luces y documentación
Informe resumido en PDF

Más Seleccionado

Informe Standard

La mejor relación calidad-precio para compradores que buscan seguridad y detalle técnico

$65.000

Duración: 45 min.

Reparación sin pintura (PDR)
Todo lo del Informe Básico
Diagnóstico computarizado del motor
Revisión de frenos, suspensión y dirección
Prueba de batería y verificación de fugas
Informe técnico completo con fotos y recomendaciones

Informe Premium

Inspección exhaustiva para compradores que no quieren sorpresas.

$90.000

Duración: 90 min.

Todo lo del Informe Standard
Prueba de manejo supervisada
Levantamiento para inspección de chasis
Evaluación de transmisión y caja
Asesoría post-informe (teléfono o presencial)

Beneficios clave de agendar tu servicio automotriz con PreChequeo

Más que un servicio, una experiencia diseñada para tu comodidad y tranquilidad

Servicio a Domicilio

Vamos donde estés, no pierdas tiempo en traslados.

Precios Transparentes

Sin costos ocultos, sabes exactamente lo que pagas.

Expertos Certificados

Técnicos con más de 10 años de experiencia.

Agenda en Minutos

Proceso rápido y fácil, sin complicaciones.

Garantía Total

Todos nuestros trabajos están garantizados.

Horarios Flexibles

Adaptamos nuestros horarios a tu disponibilidad.

Trabajamos con Todas las Marcas

Especialistas en las marcas más populares de Chile

¿Cómo Agendar tu Servicio?

En solo 4 pasos simples tendrás tu servicio agendado

Selecciona tu Informe

Elige entre nuestros informes para el servicio de pre-chequeo.

Agenda Fecha y Hora

Escoge el día y horario que mejor te acomode. Nosotros nos adaptamos a ti.

Completa tus Datos

Ingresa la información de tu vehículo y datos de contacto.

Confirma y Paga

Revisa tu reserva y realiza el pago de forma segura.

Cobertura en Santiago

Tarifa de desplazamiento según distancia desde Providencia

Lo que Dicen Nuestros Clientes

Miles de clientes satisfechos confían en nosotros

"Excelente servicio! Me ayudaron a revisar un auto usado antes de comprarlo. Encontraron varios problemas que no había notado. Totalmente recomendado."

María González

Santiago

Revisión Pre-Compra

"Contraté la revisión pre-compra y me salvaron de una mala inversión. El informe fue muy detallado con fotos. Vale cada peso."

Juan Pablo Muñoz

Ñuñoa

Revisión Pre-Compra

"La mejor decisión fue revisar el auto antes de comprarlo. Encontraron problemas en el motor que me habrían costado mucho más después."

Roberto Díaz

Maipú

Revisión Pre-Compra

¿Por qué confiar en Prechequeo?

Más de 10 años cuidando los autos de miles de chilenos

Profesionales Certificados

Técnicos con más de 10 años de experiencia en la industria automotriz.

Servicio a Domicilio

Vamos donde estés. Ahorra tiempo y agenda en minutos.

Informes Detallados

Recibe un reporte completo con fotos y recomendaciones.

Garantía de Calidad

Todos nuestros servicios cuentan con garantía de satisfacción.

¿Quieres comprar un auto con total seguridad?

Solicita tu Informe de Chequeo Precompra y conoce el estado real del vehículo antes de decidir. Recibe un informe técnico detallado con fotos, observaciones y recomendaciones profesionales.