.landing-listox{background:#5b2dc9;color:#fff;font-family:Arial,Helvetica,sans-serif}.landing-listox main{max-width:1200px;margin:auto;padding:0 40px}.landing-header{max-width:1280px;margin:auto;padding:28px 40px;display:flex;align-items:center;gap:32px;background:transparent}.landing-logo{width:170px;height:auto;display:block}.landing-header nav{display:flex;gap:28px;margin-left:auto}.landing-listox a{color:#fff;text-decoration:none}.landing-header nav a,.landing-admin{font-size:14px}.landing-admin{border:1px solid #ffffff65;border-radius:30px;padding:12px 18px;background:transparent;color:#fff;cursor:pointer}.landing-admin[hidden]{display:none}.landing-hero{padding:90px 0 100px;display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:70px}.landing-eyebrow{color:#fff;font-size:11px;letter-spacing:2px;font-weight:700;margin:0 0 20px}.landing-hero h1{color:#fff;font-size:clamp(40px,4.8vw,65px);line-height:1.08;letter-spacing:-2px;margin:0 0 24px}.landing-lead{max-width:560px;color:#fff;font-size:18px;line-height:1.75}.landing-cta{display:inline-flex;gap:38px;align-items:center;background:#fff;border-radius:30px;padding:17px 24px;margin:30px 0 22px;color:#5b2dc9!important;font-weight:700}.landing-detail{max-width:450px;color:#fff;font-size:12px;line-height:1.7}.landing-preview{border:1px solid #ffffff60;border-radius:28px;background:#ffffff0b;padding:28px;transform:rotate(3deg);box-shadow:0 35px 60px #27105735}.preview-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:28px;border-bottom:1px solid #ffffff40}.preview-top span:first-child{font-weight:900;font-size:28px;letter-spacing:2px}.preview-top span:last-child{font-size:9px;letter-spacing:1px}.preview-route{display:grid;grid-template-columns:18px 1fr;column-gap:20px;align-items:center;padding:35px 0}.preview-route small{display:block;font-size:9px;letter-spacing:2px;margin-bottom:12px}.preview-route strong{font-size:17px;line-height:1.5}.route-dot{width:12px;height:12px;border:2px solid #fff;border-radius:50%}.route-line{grid-column:1;grid-row:2;height:60px;border-left:1px dashed #ffffff90;margin:8px 0 8px 5px}.destination{grid-column:1;grid-row:3;background:#fff}.preview-route>div:last-child{grid-column:2;grid-row:3}.preview-bottom{border-top:1px solid #ffffff40;padding-top:22px;display:flex;justify-content:space-between;font-size:13px}.landing-section{padding:64px 0;border-top:1px solid #ffffff3b}.landing-section h2,.landing-download h2{color:#fff;font-size:clamp(28px,3vw,40px);line-height:1.2;letter-spacing:-1px;margin:0 0 28px}.landing-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:40px}.landing-steps article>span{font-size:13px;border:1px solid #ffffff80;border-radius:50%;display:grid;place-items:center;width:40px;height:40px;margin-bottom:24px}.landing-steps h3{color:#fff;font-size:20px;margin:0 0 14px}.landing-listox article p{color:#fff;line-height:1.8;font-size:15px;margin:0}.landing-audiences{display:grid;grid-template-columns:1fr 1fr;gap:60px}.landing-audiences a{display:inline-block;margin-top:24px;font-size:14px;border-bottom:1px solid #ffffff80;padding-bottom:8px}.landing-download{border:1px solid #ffffff60;border-radius:24px;padding:45px;display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center;margin:25px 0 70px;background:#ffffff0a}.landing-download p{line-height:1.7;color:#fff}.landing-store{text-align:center}.landing-store img{max-width:100%;height:auto;width:260px;border-radius:12px}.landing-store p{font-weight:700;margin:14px 0 8px}.landing-store small{display:block;color:#fff;font-size:12px;line-height:1.7}.landing-footer{background:transparent;border-top:1px solid #ffffff3b;padding:35px 25px;display:flex;align-items:center;justify-content:center;gap:30px;color:#fff}.landing-footer img{width:120px;height:auto}.landing-footer p,.landing-footer small{color:#fff;font-size:12px}.landing-listox :focus-visible{outline:3px solid #fff;outline-offset:5px}.landing-listox .modal-contenido{color:#202033}.landing-listox .modal-contenido a{color:#5b2dc9}.landing-listox .modal-contenido :focus-visible{outline-color:#5b2dc9}
@media(max-width:850px){.landing-header{flex-wrap:wrap;padding:22px 24px;gap:20px}.landing-header nav{order:3;justify-content:center;flex-basis:100%;margin:0}.landing-admin{margin-left:auto}.landing-listox main{padding:0 24px}.landing-hero{grid-template-columns:1fr;gap:45px;padding:55px 0 65px}.landing-preview{transform:none;max-width:460px;width:100%;justify-self:center}.landing-steps{gap:22px}.landing-audiences{gap:30px}.landing-download{padding:28px;grid-template-columns:1fr}.landing-footer{flex-direction:column;gap:18px;text-align:center}}
@media(max-width:550px){.landing-logo{width:125px}.landing-admin{font-size:11px;padding:10px 12px}.landing-hero h1{letter-spacing:-1px}.landing-lead{font-size:16px}.landing-section{padding:42px 0}.landing-steps,.landing-audiences{grid-template-columns:1fr;gap:35px}.landing-steps article>span{margin-bottom:15px}.landing-header nav a{font-size:13px}.landing-download{padding:25px 20px}.landing-hero{padding-top:38px}.landing-preview{padding:24px}}

.landing-store-link{display:inline-block;border-radius:12px}.landing-store-link[aria-disabled=true]{cursor:default}.landing-store-link:not([aria-disabled=true]):hover{transform:translateY(-2px)}

.landing-delete{display:inline-block;padding:9px 15px;border:1px solid #c9b4f2;border-radius:20px;color:white;text-decoration:none;font-size:.8rem}.landing-delete:hover{background:#7448d2}
@media (max-width: 850px) {
  .landing-listox .landing-header { justify-content: center; text-align: center; }
  .landing-listox .landing-admin { margin-inline: 0; }
  .landing-listox .landing-header nav { flex-wrap: wrap; }
  .landing-listox .landing-hero > div:first-child,
  .landing-listox .landing-section,
  .landing-listox .landing-download { text-align: center; }
  .landing-listox .landing-lead,
  .landing-listox .landing-detail,
  .landing-listox .landing-section article p { margin-inline: auto; }
  .landing-listox .landing-steps article > span { margin-inline: auto; }
  .landing-listox .landing-cta { justify-content: center; max-width: 100%; box-sizing: border-box; }
  .landing-listox .landing-preview { box-sizing: border-box; min-width: 0; }
}
.landing-listox #descargaApk {
  box-sizing: border-box; width: min(92vw, 32rem); max-height: 90dvh;
  padding: clamp(1.2rem, 4vw, 2rem); border: 0; border-radius: 1.25rem;
  background: #fff; color: #221837; text-align: center;
}
#descargaApk::backdrop { background: #211239a6; }
#descargaApk[open] { animation: descarga-apk-entrada 200ms ease-out both; }
#descargaApk h2 { color: #5b2dc9; }
#descargaApk p { color: #221837; line-height: 1.55; }
.descarga-apk-acciones { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: .75rem; }
.descarga-apk-acciones form { margin: 0; }
#descargaApk button, #descargaApk a { display: inline-block; padding: .75rem 1rem; border: 1px solid #5b2dc9; border-radius: 999px; font: inherit; }
#descargaApk button { color: #5b2dc9; background: #fff; cursor: pointer; }
#descargaApk a { color: #fff; background: #5b2dc9; }
#descargaApk :focus-visible { outline-color: #5b2dc9; outline-offset: 3px; }
@keyframes descarga-apk-entrada { from { opacity: 0; transform: translateY(14px) scale(.98); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { #descargaApk[open] { animation: none; } }

.landing-street { grid-column: 1 / -1; overflow: hidden; border-radius: 20px; background: #4c24ae; }
.landing-skyline { display: block; width: 100%; height: clamp(72px, 11vw, 125px); }
.landing-road { position: relative; height: 28px; background: #382075; overflow: visible; }
.landing-road::before { content: ''; position: absolute; inset: 50% 0 auto; border-top: 2px dashed #dacbf5; opacity: .6; }
.landing-van { position: absolute; left: 0; bottom: 6px; width: clamp(64px, 10vw, 105px); height: auto; animation: landing-van-drive 9s linear infinite; }
@keyframes landing-van-drive { from { left: 0; transform: translateX(-105%); } to { left: 100%; transform: translateX(5%); } }
@media (prefers-reduced-motion: reduce) { .landing-van { animation: none; left: 45%; } }

.landing-listox .landing-header {
  position: sticky;
  top: 0;
  z-index: 20;
  max-width: none;
  width: 100%;
  box-sizing: border-box;
  background: #5b2dc9;
  transition: background-color 240ms ease, box-shadow 240ms ease;
}
.landing-hero { position: relative; isolation: isolate; }
.landing-hero .landing-street {
  position: absolute;
  inset: 0;
  left: 50%;
  width: 100vw;
  transform: translateX(-50%);
  z-index: -1;
  border-radius: 0;
  pointer-events: none;
  background: linear-gradient(180deg, #5b2dc9, #4c24ae);
}
.landing-hero .landing-skyline { position: absolute; bottom: 28px; height: clamp(82px, 15vw, 170px); opacity: .28; }
.landing-hero .landing-road { position: absolute; inset: auto 0 0; }
.landing-listox main > section { scroll-margin-top: 125px; }

.landing-listox .landing-header.is-scrolled {
  background-color: rgb(71 32 159 / 76%);
  backdrop-filter: blur(8px);
  box-shadow: 0 4px 16px #24124926;
}
@media (max-width: 550px) {
  .landing-hero .landing-skyline { height: 78px; }
  .landing-hero .landing-van { width: 56px; }
}
@media (prefers-reduced-motion: reduce) {
  .landing-listox .landing-header { transition: none; }
}

.landing-hero .landing-skyline { height: 135px; }
.landing-hero .landing-van { width: clamp(76px, 10vw, 114px); }

.landing-listox .landing-preview {
  background: rgb(68 29 151 / 34%);
  backdrop-filter: blur(3px);
}