:root{--fondo:#0e0f11;--panel:#17191d;--panel-2:#20232a;--borde:#2c3038;--texto:#f1f2f4;--tenue:#9aa2ad;--rojo:#e5332a;--rojo-claro:#ff5a50;--verde:#1fa64a;--verde-claro:#4cd07a;--ambar:#f0a020;--radio:14px;--ancho:720px;--barra:64px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-text-size-adjust:100%;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,sans-serif;font-size:16px;line-height:1.45}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}body{background:var(--fondo);color:var(--texto);overscroll-behavior-y:none;margin:0}h1,h2,h3,p{margin:0}a{color:inherit}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--verde-claro);outline-offset:2px}.rotulo{text-transform:uppercase;letter-spacing:.01em;font-style:italic;font-weight:900;line-height:1.05}.franja{background:linear-gradient(90deg, var(--rojo) 0 33.3%, #fff 33.3% 66.6%, var(--verde) 66.6%);height:4px}.tenue{color:var(--tenue)}.pequeno{font-size:.875rem}.boton{background:var(--rojo);color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;min-height:46px;padding:0 1.1rem;font-weight:700;text-decoration:none;display:inline-flex}.boton:hover{background:var(--rojo-claro)}.boton:disabled{opacity:.55;cursor:default}.boton.secundario{border-color:var(--borde);color:var(--texto);background:0 0}.boton.secundario:hover{background:var(--panel-2)}.boton.peligro{border-color:color-mix(in srgb, var(--rojo) 55%, transparent);color:var(--rojo-claro);background:0 0}.boton.peligro:hover{background:color-mix(in srgb, var(--rojo) 14%, transparent)}.boton.ancho{width:100%}.boton.chico{border-radius:10px;min-height:36px;padding:0 .8rem;font-size:.875rem}.enlace{color:var(--verde-claro);cursor:pointer;background:0 0;border:0;padding:.35rem 0;font-weight:600;text-decoration:none}.enlace:hover{text-decoration:underline}.panel{background:var(--panel);border:1px solid var(--borde);border-radius:var(--radio);padding:1rem}.pila{flex-direction:column;gap:1rem;display:flex}.pila.junta{gap:.5rem}.fila{align-items:center;gap:.75rem;display:flex}.fila.separada{justify-content:space-between}.fila.envuelve{flex-wrap:wrap}.crece{flex:1;min-width:0}.seccion-titulo{letter-spacing:.08em;text-transform:uppercase;color:var(--tenue);font-size:.8rem;font-weight:700}.lista{flex-direction:column;gap:.6rem;margin:0;padding:0;list-style:none;display:flex}.tarjeta{background:var(--panel);border:1px solid var(--borde);border-radius:var(--radio);color:inherit;align-items:center;gap:.85rem;padding:.9rem 1rem;text-decoration:none;display:flex}a.tarjeta:hover{background:var(--panel-2);border-color:#474d58}.tarjeta-titulo{overflow-wrap:anywhere;font-weight:700}.tarjeta-icono{background:var(--panel-2);width:44px;height:44px;color:var(--tenue);border-radius:12px;flex:none;place-items:center;display:grid}.matricula{color:#111;letter-spacing:.04em;background:#f1f2f4;border-radius:6px;padding:.05rem .45rem;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:.85rem;font-weight:700;display:inline-block}.chapa{white-space:nowrap;background:var(--panel-2);color:var(--tenue);border-radius:999px;align-items:center;gap:.35rem;padding:.15rem .6rem;font-size:.78rem;font-weight:700;display:inline-flex}.chapa.vencido{background:color-mix(in srgb, var(--rojo) 22%, transparent);color:#ff8d86}.chapa.pronto{background:color-mix(in srgb, var(--ambar) 20%, transparent);color:#ffc35c}.chapa.al_dia{background:color-mix(in srgb, var(--verde) 22%, transparent);color:var(--verde-claro)}.vacio{border:1px dashed var(--borde);border-radius:var(--radio);text-align:center;color:var(--tenue);padding:1.6rem 1rem}.aviso{border:1px solid color-mix(in srgb, var(--rojo) 50%, transparent);background:color-mix(in srgb, var(--rojo) 12%, transparent);border-radius:12px;padding:.75rem .9rem}.aviso.bien{border-color:color-mix(in srgb, var(--verde) 50%, transparent);background:color-mix(in srgb, var(--verde) 12%, transparent)}.datos{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.9rem 1rem;margin:0;display:grid}.datos dt{color:var(--tenue);font-size:.78rem}.datos dd{overflow-wrap:anywhere;margin:.1rem 0 0;font-weight:600}.formulario{flex-direction:column;gap:1rem;display:flex}.campo{flex-direction:column;gap:.35rem;display:flex}.campo-etiqueta{font-size:.9rem;font-weight:600}.campo-etiqueta em{color:var(--tenue);font-style:normal;font-weight:400}.campo small,.casilla small{color:var(--tenue);font-size:.8rem}.campo input,.campo select,.campo textarea{border:1px solid var(--borde);background:var(--fondo);border-radius:10px;width:100%;min-height:46px;padding:.6rem .75rem}.campo textarea{resize:vertical;min-height:96px}.campo input:focus,.campo select:focus,.campo textarea:focus{border-color:var(--verde-claro);outline:none}.dos{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.casilla{cursor:pointer;align-items:flex-start;gap:.7rem;display:flex}.casilla input{width:22px;height:22px;accent-color:var(--verde);flex:none;margin:.1rem 0 0}.casilla span{flex-direction:column;gap:.15rem;display:flex}.grupo{border:1px solid var(--borde);border-radius:var(--radio);background:var(--panel);flex-direction:column;gap:1rem;min-width:0;margin:0;padding:1rem;display:flex}.grupo legend{letter-spacing:.08em;text-transform:uppercase;color:var(--tenue);padding:0 .4rem;font-size:.8rem;font-weight:700}.acciones{gap:.75rem;display:flex}.acciones>*{flex:1}.idioma{border:1px solid var(--borde);background:var(--panel);border-radius:999px;padding:3px;display:inline-flex}.idioma button{min-width:42px;color:var(--tenue);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:.3rem .6rem;font-size:.8rem;font-weight:700}.idioma button[aria-pressed=true]{background:var(--texto);color:#111}.cabecera{z-index:10;background:color-mix(in srgb, var(--fondo) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding-top:env(safe-area-inset-top);position:sticky;top:0}.cabecera-dentro{max-width:var(--ancho);align-items:center;gap:.6rem;margin:0 auto;padding:.5rem 1rem;display:flex}.cabecera img{object-fit:contain;width:38px;height:38px}.cabecera .rotulo{font-size:1.05rem}.contenido{max-width:var(--ancho);padding:1rem 1rem calc(var(--barra) + env(safe-area-inset-bottom) + 1.5rem);margin:0 auto}.pantalla-titulo{font-size:1.6rem}.navegacion{z-index:10;background:color-mix(in srgb, var(--panel) 94%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--borde);padding-bottom:env(safe-area-inset-bottom);position:fixed;bottom:0;left:0;right:0}.navegacion-dentro{max-width:var(--ancho);height:var(--barra);margin:0 auto;display:flex}.navegacion a{color:var(--tenue);-webkit-tap-highlight-color:transparent;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.15rem;font-size:.72rem;font-weight:600;text-decoration:none;display:flex}.navegacion a.active{color:var(--texto)}.navegacion a.active svg{color:var(--rojo-claro)}.centro{text-align:center;place-items:center;min-height:100dvh;padding:1.5rem;display:grid}.portada-barra{max-width:960px;padding:calc(env(safe-area-inset-top) + 1rem) 1rem 0;justify-content:flex-end;margin:0 auto;display:flex}.heroe{text-align:center;flex-direction:column;align-items:center;gap:1rem;max-width:640px;margin:0 auto;padding:1rem 1.25rem 2.5rem;display:flex}.heroe img{width:min(78vw,340px);height:auto}.heroe h1{font-size:clamp(1.5rem,6vw,2.1rem)}.heroe p{color:var(--tenue);font-size:1.05rem}.portada-cuerpo{flex-direction:column;gap:1.25rem;max-width:960px;margin:0 auto;padding:2rem 1rem 3rem;display:flex}.rejilla{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;display:grid}.rejilla h2,.portada-cuerpo h2{margin-bottom:.4rem;font-size:1.15rem}.pie{padding:1.5rem 1rem calc(env(safe-area-inset-bottom) + 1.5rem);text-align:center;color:var(--tenue);font-size:.85rem}.entrada{width:100%;max-width:400px;padding:calc(env(safe-area-inset-top) + 1rem) 1.25rem 2rem;flex-direction:column;gap:1.25rem;margin:0 auto;display:flex}.entrada-logo{align-self:center;width:150px;height:auto}@media (width<=420px){.dos{grid-template-columns:1fr}}