:root{--amarillo:#f5b800;--tinta:#1a1608;--crema:#fff8e6;--panel:#1a16088f;--borde:#fff8e629;--arriba:max(14px, env(safe-area-inset-top));--abajo:max(14px, env(safe-area-inset-bottom));--izq:max(16px, env(safe-area-inset-left));--der:max(16px, env(safe-area-inset-right));font-family:ui-rounded,SF Pro Rounded,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{background:var(--tinta);height:100%;color:var(--crema);overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:none;margin:0;overflow:hidden}[hidden]{display:none!important}#lienzo{outline:none;width:100%;height:100%;display:block;position:fixed;inset:0}button{font:inherit;color:inherit;cursor:pointer;touch-action:none;border:0}svg{flex:none;width:22px;height:22px}#carga{z-index:30;background:var(--crema);color:var(--tinta);flex-direction:column;justify-content:center;align-items:center;gap:22px;transition:opacity .5s,visibility .5s;display:flex;position:fixed;inset:0}#carga.fuera{opacity:0;visibility:hidden}#carga .logo{width:min(420px,62vw);height:auto;max-height:34vh}#carga .barra{background:#1a16081f;border-radius:3px;width:min(280px,50vw);height:6px;overflow:hidden}#avance{background:var(--amarillo);border-radius:3px;width:4%;height:100%;transition:width .25s;display:block}#estado-carga{opacity:.7;margin:0;font-size:15px;font-weight:500}#credito{bottom:max(14px, env(safe-area-inset-bottom));text-align:center;opacity:.55;margin:0;padding:0 20px;font-size:11px;position:absolute;left:0;right:0}#empezar{background:var(--tinta);color:var(--crema);letter-spacing:.01em;border-radius:999px;padding:14px 30px;font-size:17px;font-weight:700;transition:transform .15s,background .15s;box-shadow:0 10px 26px #1a160838}#empezar:hover{transform:translateY(-1px)}#empezar:active{transform:scale(.97)}#hud{z-index:10;pointer-events:none;position:fixed;inset:0}#hud>*{position:absolute}.marca{top:var(--arriba);left:var(--izq);filter:drop-shadow(0 2px 6px #00000059);width:auto;height:30px}.tablero,.botones button,#medidor,#aviso,#ayuda{background:var(--panel);border:1px solid var(--borde);-webkit-backdrop-filter:blur(16px)saturate(1.3);backdrop-filter:blur(16px)saturate(1.3)}.tablero{left:50%;bottom:var(--abajo);border-radius:22px;align-items:center;gap:20px;padding:10px 22px 10px 24px;display:flex;transform:translate(-50%)}.velocidad{align-items:baseline;gap:7px;min-width:108px;display:flex}#kmh{font-variant-numeric:tabular-nums;text-align:right;min-width:2ch;font-size:44px;font-weight:700;line-height:1}.velocidad small{opacity:.7;font-size:14px;font-weight:600}.bateria{border-left:1px solid var(--borde);font-variant-numeric:tabular-nums;align-items:center;gap:9px;padding-left:20px;font-size:14px;font-weight:600;display:flex}.bateria .nivel{background:#fff8e62e;border-radius:4px;width:74px;height:7px;overflow:hidden}#porcentaje{white-space:nowrap}#carga-bateria{background:var(--amarillo);border-radius:4px;width:86%;height:100%;display:block}.botones{top:var(--arriba);right:var(--der);pointer-events:auto;gap:8px;display:flex}.botones button{border-radius:14px;align-items:center;gap:8px;min-width:42px;height:42px;padding:0 11px;font-size:14px;font-weight:600;transition:background .15s,transform .1s;display:flex}.botones button:hover{background:#1a1608bd}.botones button:active{transform:scale(.95)}#boton-sonido .tachado,#boton-sonido.apagado .ondas{display:none}#boton-sonido.apagado .tachado{display:inline}.puntaje{border-left:1px solid var(--borde);font-variant-numeric:tabular-nums;align-items:baseline;gap:6px;padding-left:20px;display:flex}#puntos{font-size:24px;font-weight:700;line-height:1;transition:color .3s}#puntos.baja{color:#ff5a45}.puntaje small{opacity:.7;font-size:12px;font-weight:600}.flecha-giro{color:#fff8e633;width:26px;height:26px}.flecha-giro.prendida{color:#4be06a;filter:drop-shadow(0 0 6px #4be06acc)}#golpe{opacity:0;transition:opacity .5s;inset:0;box-shadow:inset 0 0 120px 30px #ff3c28bf}#golpe.ya{opacity:1;transition:none}#cartel{top:var(--arriba);text-align:center;background:#101216db;border:1.5px solid #ffffffd1;border-radius:12px;flex-direction:column;align-items:center;gap:2px;max-width:min(520px,46vw);padding:8px 18px 9px;display:flex;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #0000004d}#calle-actual{letter-spacing:.01em;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:17px;font-weight:700;overflow:hidden}#proximo-cruce{opacity:.78;white-space:nowrap;font-size:12.5px;font-weight:600}#proximo-cruce:empty{display:none}.cruce{align-items:center;gap:7px;display:flex}#luz{border-radius:50%;flex:none;width:11px;height:11px}#luz.verde{background:#3fe06b;box-shadow:0 0 8px #3fe06b}#luz.amarillo{background:#ffc21a;box-shadow:0 0 8px #ffc21a}#luz.rojo{background:#f43;box-shadow:0 0 8px #f43}.tactil #cartel{top:auto;bottom:calc(var(--abajo) + 8px);max-width:min(330px,36vw);padding:6px 12px 7px}.tactil #calle-actual{font-size:13.5px}.tactil #proximo-cruce{font-size:11px}#retro{top:calc(var(--arriba) + 64px);aspect-ratio:16/9;border:2px solid #fff8e6d9;border-radius:9%/16%;width:min(336px,30vw);left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 8px 26px #0006}#retro svg{fill:none;stroke-width:1.4px;stroke-linecap:round;vector-effect:non-scaling-stroke;width:100%;height:100%;position:absolute;inset:0}#retro .lejos{stroke:#3fdc6b}#retro .medio{stroke:var(--amarillo)}#retro .cerca{stroke:#ff4b33}#retro span{letter-spacing:.02em;background:#1a16089e;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700;position:absolute;top:7px;left:10px}.tactil #retro{top:calc(var(--arriba) + 50px);width:min(200px,24vw)}#medidor{top:calc(var(--arriba) + 42px);left:var(--izq);font-variant-numeric:tabular-nums;white-space:pre;border-radius:12px;padding:8px 12px;font-size:12px;line-height:1.5}#aviso{bottom:calc(var(--abajo) + 84px);white-space:nowrap;border-radius:999px;padding:9px 16px;font-size:14px;font-weight:600;left:50%;transform:translate(-50%)}#ayuda{left:var(--izq);bottom:var(--abajo);border-radius:16px;flex-direction:column;gap:5px;padding:12px 14px;font-size:12.5px;transition:opacity .8s;display:flex}#ayuda.fuera{opacity:0;pointer-events:none}kbd{min-width:20px;font:inherit;text-align:center;background:#fff8e629;border-radius:5px;margin-right:3px;padding:1px 5px;font-weight:700;display:inline-block}#tactil{z-index:12;pointer-events:none;position:fixed;inset:0}#tactil>*{pointer-events:auto;background:var(--panel);border:1px solid var(--borde);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:absolute}#tactil svg{width:26px;height:26px}.direccion{left:var(--izq);bottom:calc(var(--abajo) + 6px);border-radius:42px;justify-content:center;align-items:center;width:min(236px,34vw);height:84px;display:flex}.direccion .flecha{opacity:.5;position:absolute}.direccion .izq{left:14px}.direccion .der{right:14px}.perilla{background:var(--amarillo);pointer-events:none;border-radius:50%;width:66px;height:66px;transition:transform .14s ease-out;box-shadow:0 4px 14px #00000059,inset 0 -3px #1a160829}.direccion.activo .perilla{transition:none}.pedal{bottom:calc(var(--abajo) + 6px);border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:86px;font-size:12px;font-weight:700;display:flex}.pedal.acelerador{right:var(--der);height:142px}.pedal.freno{right:calc(var(--der) + 98px);height:104px}.bocina{right:calc(var(--der) + 98px);bottom:calc(var(--abajo) + 124px);border-radius:26px;place-items:center;width:86px;height:52px;display:grid}#tactil .activo{background:var(--amarillo);color:var(--tinta);border-color:#0000}#tactil .direccion.activo{background:var(--panel);color:inherit;border-color:var(--borde)}.tactil .tablero{bottom:auto;top:var(--arriba);border-radius:18px;gap:14px;padding:7px 16px 7px 18px}.tactil #kmh{font-size:30px}.tactil .velocidad{min-width:82px}.tactil .bateria{padding-left:14px}.tactil .bateria .nivel{width:48px}.tactil #ayuda,.tactil #nombre-vista,.tactil #boton-comandos{display:none}.tactil .puntaje{padding-left:14px}.tactil #puntos{font-size:19px}.tactil .flecha-giro{width:20px;height:20px}.giro{bottom:calc(var(--abajo) + 100px);border-radius:23px;place-items:center;width:62px;height:46px;display:grid}.giro.izq{left:var(--izq)}.giro.der{left:calc(var(--izq) + min(236px, 34vw) - 62px)}.tactil .marca{height:24px}.tactil #aviso{top:46%;bottom:auto}#girar{z-index:40;background:var(--tinta);color:var(--crema);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:18px;display:none;position:fixed;inset:0}#girar svg{width:76px;height:76px;color:var(--amarillo)}#girar p{margin:0;font-size:18px;font-weight:600}@font-face{font-family:Fredoka;font-weight:600;font-display:swap;src:url(/marca/fuentes/fredoka-latin-600-normal.woff2)format("woff2")}@font-face{font-family:Fredoka;font-weight:700;font-display:swap;src:url(/marca/fuentes/fredoka-latin-700-normal.woff2)format("woff2")}#telefono{--escala:1;--tel-negro:#1a1608;--tel-crema:#fff8e6;--tel-linea:#eadfb8;--tel-tinta-2:#5c5233;top:calc(var(--arriba) + 56px);right:var(--der);width:286px;height:610px;transform:scale(var(--escala));transform-origin:100% 0;pointer-events:auto;color:var(--tel-negro);-webkit-user-select:none;user-select:none;background:#0b0a05;border-radius:48px;padding:9px;font:13.5px/1.4 -apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,system-ui,sans-serif;box-shadow:0 0 0 1.5px #403a28,0 22px 50px #0000006b,inset 0 0 0 2px #000}#telefono[hidden]{display:none}.tel-isla{z-index:3;background:#000;border-radius:14px;width:86px;height:25px;margin-left:-43px;position:absolute;top:20px;left:50%}.tel-pantalla{background:var(--tel-crema);border-radius:39px;flex-direction:column;height:100%;display:flex;overflow:hidden}.tel-cab{background:var(--tel-negro);justify-content:space-between;align-items:center;gap:8px;padding:53px 15px 10px;display:flex}.tel-cab img{width:auto;height:22px;display:block}.tel-cuerpo{flex-direction:column;flex:1;min-height:0;display:flex}.tel-mapa{flex:1;width:100%;min-height:0;display:block}.tel-hoja{border-top:1px solid var(--tel-linea);background:#fff;border-radius:20px 20px 0 0;gap:9px;margin-top:-18px;padding:15px 14px 24px;display:grid;position:relative;box-shadow:0 -8px 20px #1a16081f}#telefono[data-estado=oferta] .tel-hoja{border:3px solid var(--tel-negro);background:#fff0b8;border-bottom:0}.tel-hoja h2{margin:0;font:600 18.5px/1.2 Fredoka,ui-rounded,system-ui,sans-serif}.tel-hoja p{margin:0}.tel-mudo{color:var(--tel-tinta-2);font-size:12.5px}.tel-fila{align-items:center;gap:9px;min-width:0;display:flex}.tel-crece{flex:1;min-width:0}.tel-ico{vertical-align:-.2em;fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:1.15em;height:1.15em}.tel-ficha{color:#6b4e00;white-space:nowrap;background:#fff0b8;border-radius:999px;align-items:center;gap:5px;padding:3px 9px;font-size:12px;font-weight:700;display:inline-flex}.tel-ficha.ok{color:#1f7a4d;background:#e2f3ea}.tel-ficha.gris{color:var(--tel-tinta-2);background:#1a160814}.tel-ficha.neg{background:var(--tel-negro);color:#fff;font-variant-numeric:tabular-nums}.tel-fichas{flex-wrap:wrap;gap:5px;display:flex}.tel-cuenta{background:#1a160826;border-radius:3px;height:6px;overflow:hidden}.tel-cuenta i{background:var(--tel-negro);height:100%;display:block}.tel-letra{background:var(--tel-negro);color:#fff;border-radius:8px;flex:none;place-items:center;width:24px;height:24px;font:700 13.5px/1 Fredoka,ui-rounded,system-ui,sans-serif;display:grid}.tel-letra.b{background:var(--amarillo);color:var(--tel-negro);box-shadow:inset 0 0 0 1.5px var(--tel-negro)}.tel-ruta{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;flex:1;min-width:0;font:700 16px/1.22 Fredoka,ui-rounded,system-ui,sans-serif;display:-webkit-box;overflow:hidden}.tel-cobro{gap:1px;display:grid}.tel-precio{font-variant-numeric:tabular-nums;white-space:nowrap;font:700 24px/1.1 Fredoka,ui-rounded,system-ui,sans-serif}.tel-botones{gap:8px}.tel-boton{min-height:48px;color:var(--tel-negro);cursor:pointer;background:#fff;border:1px solid #d6c88f;border-radius:14px;flex:1;padding:0 10px;font:700 16px/1 Fredoka,ui-rounded,system-ui,sans-serif}.tel-boton.neg{border-color:var(--tel-negro);background:var(--tel-negro);color:#fff}.tel-boton:active{transform:translateY(1px)}.tel-teclas{color:var(--tel-tinta-2);text-align:center;font-size:11.5px}.tel-teclas kbd{background:#1a16081a}.tel-indicacion{background:var(--tel-negro);color:#fff;border-radius:12px;align-items:center;gap:9px;padding:9px 11px;font-weight:700;line-height:1.25;display:flex}.tel-indicacion .tel-ico{width:24px;height:24px;color:var(--amarillo);stroke-width:2.4px}.tel-aviso{color:#8a5b00;background:#fff0cc;border-radius:11px;padding:8px 11px;font-size:12.5px}.tel-aviso.ok{color:#1f7a4d;background:#e2f3ea}.tel-kpis{grid-template-columns:1fr 1fr;gap:8px;display:grid}.tel-kpis div{border:1px solid var(--tel-linea);background:var(--tel-crema);border-radius:13px;gap:2px;padding:9px 11px;display:grid}.tel-kpis span{color:var(--tel-tinta-2);font-size:11.5px}.tel-kpis b{font-variant-numeric:tabular-nums;font:700 17px/1.1 Fredoka,ui-rounded,system-ui,sans-serif}.tel-estrellas{gap:3px;display:flex}.tel-estrella{fill:#e6dcb6;width:26px;height:26px}.tel-estrella.llena{fill:var(--amarillo);stroke:var(--tel-negro);stroke-width:1.2px;stroke-linejoin:round}#telefono.acostado{top:calc(var(--arriba) + 40px);right:auto;left:var(--izq);transform-origin:0 0;border-radius:34px;width:410px;height:190px}#telefono.acostado .tel-isla{width:15px;height:56px;margin:-28px 0 0;top:50%;left:17px}#telefono.acostado .tel-pantalla{border-radius:26px}#telefono.acostado .tel-cab{display:none}#telefono.acostado .tel-cuerpo{flex-direction:row}#telefono.acostado .tel-mapa{flex:none;width:40%;height:100%}#telefono.acostado .tel-hoja{border:0;border-left:1px solid var(--tel-linea);min-width:0;box-shadow:none;border-radius:0;flex:1;align-content:center;gap:6px;margin:0;padding:10px 14px 10px 12px}#telefono.acostado .tel-hoja h2{font-size:16px}#telefono.acostado .tel-aviso,#telefono.acostado[data-estado=fin] .tel-kpis{display:none}#telefono.acostado[data-estado=oferta]{z-index:30;top:calc(var(--arriba) + 4px);transform:translateX(-50%) scale(var(--escala-oferta,1.2));transform-origin:top;left:50%}#telefono.acostado[data-estado=oferta] .tel-mapa{display:none}#telefono.acostado[data-estado=oferta] .tel-hoja{border:0;grid-template-columns:1.35fr 1fr;column-gap:14px;padding-left:44px}#telefono.acostado[data-estado=oferta] .tel-hoja>:nth-child(-n+5){grid-column:1}#telefono.acostado[data-estado=oferta] .tel-cobro{grid-area:1/2/span 2;align-self:center}#telefono.acostado[data-estado=oferta] .tel-botones{flex-direction:column-reverse;grid-area:3/2/span 3;align-items:stretch;gap:6px}#telefono.acostado[data-estado=oferta] .tel-boton{flex:none;min-height:34px}#telefono.acostado[data-estado=oferta] .tel-ruta{font-size:14px;line-height:1.15}#telefono.acostado .tel-teclas{display:none}#telefono.acostado[data-estado=oferta] .tel-hoja{align-content:center;row-gap:7px;overflow:hidden}#telefono.acostado[data-estado=oferta] .tel-fichas .tel-ficha:nth-child(-n+2),#telefono.acostado[data-estado=oferta] .tel-cobro .tel-mudo{display:none}#telefono.acostado[data-estado=oferta] .tel-fichas{flex-wrap:nowrap;gap:4px;overflow:hidden}#telefono.acostado[data-estado=oferta] .tel-ficha.gris{padding:3px 7px;font-size:10.5px}#telefono.acostado .tel-precio{font-size:21px}@media (orientation:portrait) and (pointer:coarse){#girar{display:flex}}@media (max-width:760px){#ayuda{display:none}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}