@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--red:#ff2436;--ink:#14171d;--muted:#777c86;--line:#e6e8eb}*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:'DM Sans',sans-serif;background:#f4f5f6}button,input,select{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}header{height:96px;padding:0 5%;display:flex;align-items:center;gap:45px;background:#fff;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font:800 27px Manrope,sans-serif;letter-spacing:-1.3px;white-space:nowrap}.q{display:inline-block;position:relative;font:800 55px Manrope;line-height:1;letter-spacing:-6px;margin-right:7px}.q:after{content:'';position:absolute;width:11px;height:28px;background:var(--red);transform:rotate(-38deg);bottom:-1px;right:-2px}nav{display:flex;gap:30px;font-size:13px;font-weight:600;margin-left:auto}nav a{padding:12px 0}nav a:hover,nav a.active{color:var(--red)}nav span{margin-left:6px}.demo{font-size:9px;letter-spacing:1.4px;display:flex;align-items:center;gap:7px;color:#767b85}.demo i{width:6px;height:6px;border-radius:50%;background:var(--red)}main{max-width:1440px;margin:auto;padding:42px 5% 36px;min-height:calc(100vh - 177px)}.hero{display:grid;grid-template-columns:1fr 1fr;border-radius:25px;overflow:hidden;background:#111820;color:white;min-height:600px}.hero-copy{padding:64px 50px;display:flex;flex-direction:column;align-items:flex-start;z-index:1}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2.5px;color:var(--red);text-transform:uppercase;display:flex;align-items:center;gap:12px}.eyebrow:before{content:'';height:1px;width:25px;background:currentColor}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,sans-serif;letter-spacing:-1.5px}h1{font-size:clamp(34px,4vw,57px);line-height:1.13;font-weight:800;margin:25px 0}h1 em{font-style:normal;color:#ff4150}.hero-copy>p{font-size:15px;color:#b3bac4;max-width:340px;line-height:1.8}.hero-art{position:relative;background-image:url('assets/recorrido.png');background-size:auto 173%;background-position:0% 42%;min-height:500px}.hero-art:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#111820,transparent 30%),linear-gradient(0deg,#111820 1%,transparent 40%,#11182055)}.art-tag{position:absolute;bottom:38px;left:40px;right:35px;border:1px solid #ffffff33;background:#121b238f;backdrop-filter:blur(16px);border-radius:16px;display:flex;align-items:center;gap:15px;padding:18px;font-size:13px;line-height:1.6}.art-tag span{font-size:25px;color:#ff4856}.actions{display:flex;gap:12px;margin-top:32px;width:100%;flex-wrap:wrap}.btn{border:0;background:var(--red);color:white;padding:17px 25px;border-radius:12px;font-weight:700;font-size:13px;display:inline-flex;align-items:center;justify-content:center;gap:20px;transition:transform .2s,background .2s}.btn:hover{background:#e71328;transform:translateY(-2px)}.btn.secondary{background:transparent;border:1px solid #ffffff40;color:white}.btn.light{background:#fff;color:var(--ink);border:1px solid var(--line)}.btn.full{width:100%}.hero-foot{display:flex;gap:8px;align-items:center;margin-top:auto;padding-top:36px;font-size:11px;color:#9ca7b3}.hero-foot i{display:block;background:#58bd8a;width:5px;height:5px;border-radius:50%}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:30px 6px 0}.benefit{display:flex;gap:16px;align-items:center}.icon{width:43px;height:43px;display:grid;place-items:center;background:#ffebed;border-radius:12px;color:var(--red);font-size:22px;flex-shrink:0}.benefit b{font-size:12px}.benefit p{font-size:11px;color:var(--muted);margin-top:5px}.pagehead{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.pagehead h1{font-size:34px;margin:10px 0}.sub{font-size:13px;line-height:1.7;color:var(--muted)}.back{border:0;background:transparent;font-size:13px;color:var(--muted);padding:0;margin-bottom:15px}.layout{display:grid;grid-template-columns:1.65fr 1fr;gap:28px;align-items:start}.card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:30px;margin-bottom:20px}.card h3{font-size:17px;letter-spacing:-.5px;margin-bottom:25px;display:flex;align-items:center;gap:10px}.card h3 span{color:var(--red)}.fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}label{display:block;font-size:11px;color:#777e89}input,select{display:block;width:100%;border:1px solid #e2e5e9;background:#f8f9fa;padding:13px;border-radius:9px;color:var(--ink);margin-top:8px;outline:none}input:focus,select:focus{border-color:var(--red);box-shadow:0 0 0 3px #ff243610}.contactedit{display:grid;grid-template-columns:1fr .8fr 1.1fr 25px;gap:10px;margin-bottom:14px;align-items:end}.delete{height:44px;border:0;background:none;color:var(--red);font-size:20px}.add{background:none;color:var(--red);border:0;font-size:12px;font-weight:700;padding:10px 0}.profilemini{text-align:center}.avatar{width:76px;height:76px;display:block;margin:0 auto 18px;border:5px solid #f1f2f4;border-radius:50%;background:url('assets/perfil.png') 46.4% 15.5% / 1500% auto}.profilemini h2{font-size:21px;letter-spacing:-.5px}.pill{display:inline-flex;background:#ffebee;color:var(--red);padding:7px 15px;border-radius:30px;font-size:11px;font-weight:700;margin:15px 0}.steps{display:flex;gap:12px;align-items:center;color:#9399a3;font-size:10px}.steps b{background:var(--red);color:#fff;padding:7px 10px;border-radius:50%;margin-right:5px}.qr-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;max-width:900px;margin:auto}.qr-card{text-align:center}.qr-art{width:245px;height:245px;max-width:100%;margin:25px auto;background-image:url('assets/perfil.png');background-size:815% auto;background-position:65.5% 35.8%;border-radius:9px}.qr-id{font-size:11px;color:#858a92}.listbutton{display:flex;width:100%;justify-content:space-between;align-items:center;border:0;background:#f8f9fa;padding:17px;margin-top:10px;border-radius:10px;font-size:12px;text-align:left}.listbutton:hover{background:#f0f1f3}.helmet{height:190px;border-radius:14px;background:url('assets/perfil.png') 64.6% 86% / 600% auto;margin-bottom:20px}.green{color:#28b875;background:#e8f7ef;width:54px;height:54px;display:grid;place-items:center;border-radius:50%;margin:0 auto 20px;font-size:30px}.emergency{max-width:520px;margin:0 auto;background:#161519;border-radius:24px;padding:24px;box-shadow:0 25px 70px #14171d20}.em-top{text-align:center;background:radial-gradient(ellipse at top,#801523,transparent);padding:20px;color:#fff;border-radius:14px}.em-top h2{font-size:28px}.em-top p{color:#c6b7ba;font-size:12px;margin:9px 0}.emergency .card{padding:22px;margin-bottom:12px;border:0}.emergency h3{margin-bottom:10px;font-size:15px}.medrow{display:flex;gap:15px;padding:15px 0;border-top:1px solid var(--line);font-size:13px;align-items:center}.medrow small{display:block;color:#858b94;font-size:11px;margin-bottom:5px}.medrow strong{font-weight:500;color:var(--red)}.medrow .symbol{color:var(--red);font-size:21px;width:25px}.call{margin-left:auto;border:0;background:#12ba65;color:white;border-radius:50%;width:37px;height:37px;font-size:19px}.scan{height:260px;border:1px solid #eee;border-radius:15px;background:url('assets/recorrido.png') 28% 24% / 540% auto;position:relative;margin-bottom:25px}.scan:after{content:'';position:absolute;left:15%;right:15%;top:50%;height:2px;background:var(--red);box-shadow:0 0 20px red;animation:scan 3s infinite alternate}@keyframes scan{to{top:20%}}footer{padding:24px 5%;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#969ba3;font-size:10px;gap:10px}footer>span:first-child{font-weight:800;color:#606873}footer b{margin:0 12px;font-weight:400}footer small{font-size:10px}dialog{border:0;border-radius:20px;padding:35px;max-width:440px;width:calc(100% - 40px);box-shadow:0 25px 100px #0004}dialog::backdrop{background:#0c121b99;backdrop-filter:blur(5px)}dialog h2{font-size:23px;margin-bottom:18px}dialog p{font-size:13px;color:var(--muted);line-height:1.8;margin-bottom:20px}dialog label{margin-bottom:15px}.close{position:absolute;right:13px;top:10px;background:none;border:0;font-size:25px;color:#999}#toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,20px);background:#16251f;color:#fff;padding:15px 23px;border-radius:12px;font-size:13px;opacity:0;pointer-events:none;transition:.3s;z-index:10}#toast.show{opacity:1;transform:translate(-50%,0)}main>*{animation:appear .35s ease}@keyframes appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1500px){.hero-art{background-size:auto 173%}}@media(max-width:900px){header{gap:20px}nav{gap:15px}.demo{display:none}.hero-copy{padding:42px 30px}.layout{grid-template-columns:1.4fr 1fr}.contactedit{grid-template-columns:1fr 1fr}.hero{min-height:550px}}@media(max-width:650px){header{height:80px;padding:0 6%;flex-wrap:wrap;gap:0}.brand{font-size:21px}.q{font-size:41px}nav{gap:14px}nav a{font-size:10px}nav a:last-child{display:none}main{padding:24px 5%}.hero{display:flex;flex-direction:column-reverse;position:relative;min-height:700px}.hero-art{position:absolute;inset:0;min-height:0;background-size:auto 155%;background-position:0% 42%}.hero-art:before{background:linear-gradient(0deg,#0e1620 8%,#111820da 50%,transparent 100%)}.hero-copy{padding:30px;min-height:700px;justify-content:flex-end}.hero-copy h1{font-size:42px;margin-top:20px}.hero-copy>p{font-size:13px}.hero-foot{margin:0;padding-top:25px}.art-tag{display:none}.benefits{grid-template-columns:1fr;gap:20px;margin-top:27px}.layout,.qr-grid{grid-template-columns:1fr}.layout aside{order:2}.card{padding:22px}.fields{gap:15px}.pagehead h1{font-size:29px}.pagehead{align-items:start}.steps{display:none}footer{flex-wrap:wrap;line-height:1.8}footer small{width:100%}.contactedit input{font-size:12px;padding:10px}.emergency{padding:14px}.btn{padding:16px 20px}.pagehead .btn{font-size:10px}.hero .actions{flex-direction:column}.hero .btn{width:100%}}
.hero-art{background-image:url('assets/perfil.png');background-size:730% auto;background-position:10.6% 31%}@media(min-width:1500px){.hero-art{background-size:730% auto}}@media(max-width:650px){.hero-art{background-size:auto 440%;background-position:10.6% 31%}}
.qr-art{background-size:809% auto;background-position:64.6% 33.3%}

.brand-image{display:block;width:177px;height:auto;max-height:65px;object-fit:contain}.brand{background:#112845;border-radius:9px;padding:6px 12px}.qr-card .brand{width:fit-content;margin:0 auto}.btn:has(span:empty){gap:0}.medrow strong{display:block;line-height:1.5}@media(max-width:650px){.brand-image{width:132px;max-height:47px}.brand{padding:5px 7px}}

.hero{position:relative;isolation:isolate}.hero-art{position:absolute;inset:0;z-index:-1;background-image:url('assets/motorizado-hd.png');background-size:cover;background-position:center;min-height:0}.hero-art:before{background:linear-gradient(90deg,rgba(10,18,27,.96) 0%,rgba(10,18,27,.75) 35%,rgba(10,18,27,.05) 75%)}.hero-copy{grid-column:1;max-width:620px}.art-tag{left:auto;right:35px;width:300px;bottom:35px}@media(max-width:650px){.hero-art{background-size:cover;background-position:68% center}.hero-art:before{background:linear-gradient(0deg,rgba(10,18,27,.98) 0%,rgba(10,18,27,.8) 48%,rgba(10,18,27,.1) 100%)}.hero-copy{max-width:none}.art-tag{display:none}}