:root{font-family:Segoe UI,Tahoma,sans-serif;color:#e0e0e0;background:transparent;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#root{width:100%;min-width:0;min-height:100%;margin:0;padding:0;background:transparent;border:none;overflow-x:hidden;box-sizing:border-box}html{min-height:100dvh;background-color:#000;background-image:radial-gradient(ellipse 100% 200% at center,#1e28506b,#000 72%),url(/carbon_fibre_2.png);background-repeat:repeat;background-attachment:fixed;background-size:auto}body{min-height:100dvh;color:#e0e0e0;font-family:Segoe UI,Tahoma,sans-serif;overflow-y:auto;overscroll-behavior-y:auto}#root{min-height:100dvh;display:flex;flex-direction:column;text-align:center}*,*:before,*:after{box-sizing:border-box}button,input,textarea,select{font:inherit}:root,html,body,#root{width:100%;min-width:0;min-height:100dvh;margin:0;padding:0;overflow-x:hidden;background-color:#000;color-scheme:dark}html,body{background-image:radial-gradient(ellipse 100% 200% at center,#1e28506b,#000 72%),url(/carbon_fibre_2.png);background-repeat:repeat;background-attachment:fixed;background-size:auto}body{color:#e0e0e0;font-family:Segoe UI,Tahoma,sans-serif;overflow-y:auto;overscroll-behavior-y:auto;border:none}#root{max-width:none;background:transparent;border:none;border-inline:none;box-shadow:none;text-align:center;display:flex;flex-direction:column}*{box-sizing:border-box}main,.form-container,.pantalla-inicio,.codificado-container{width:min(94vw,520px);max-width:520px;min-height:100dvh;margin:0 auto;padding:10px 10px 18px;background:transparent;border:none;box-shadow:none;border-radius:0;display:flex;flex-direction:column}h1,.titulo-inicio{width:100%;max-width:100%;min-height:52px;display:flex;align-items:center;justify-content:center;font-family:Orbitron,sans-serif;font-size:clamp(18px,5vw,28px);font-weight:800;text-align:center;text-transform:uppercase;letter-spacing:clamp(.2px,.45vw,2.2px);color:#fff!important;margin:0;padding:0 4px 12px;position:relative;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:clip}h1:after,.titulo-inicio:after{content:"";position:absolute;bottom:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#0070f300,#0071f3 15%,#0071f3 85%,#0070f300)}h2{text-align:center;font-size:clamp(18px,5.2vw,22px);font-weight:700;margin:0;line-height:1.35;overflow-wrap:anywhere}.pantalla-inicio .titulo-inicio{font-size:clamp(22px,7vw,38px);letter-spacing:clamp(0px,.15vw,1px);padding-left:0;padding-right:0}.menu,.form-container form{display:flex;flex-direction:column;gap:15px}.menu-principal{margin-top:clamp(26px,5dvh,45px)}.interruptor-menu-inicio{width:fit-content;align-self:center;display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-top:14px;margin-bottom:8px;padding:7px 11px;color:#fff;background:#121212eb;border:1px solid #111111;border-radius:999px;font-size:12px;font-weight:600;letter-spacing:.4px;cursor:pointer;box-shadow:inset 0 1px #ffffff0f,0 5px 10px #0000006b}.interruptor-menu-inicio span:first-child{width:28px;height:20px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#ffffff1a}.interruptor-menu-inicio-activo span:first-child{background:#0b7dff}.opciones-app-inicio{position:fixed;right:max(14px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));z-index:70;display:flex;flex-direction:column;align-items:flex-end;gap:10px}.boton-opciones-app{width:52px;height:52px;display:inline-flex;align-items:center;justify-content:center;padding:0;color:#fff;background:radial-gradient(circle at 35% 20%,rgba(255,255,255,.14),transparent 42%),linear-gradient(180deg,#23262dfa,#0e0f13fa);border:1px solid rgba(255,255,255,.16);border-radius:16px;box-shadow:inset 0 1px #ffffff1a,0 10px 22px #00000085;cursor:pointer;position:relative;z-index:75}.boton-opciones-app-activo{border-color:#58abff8c;box-shadow:inset 0 1px #ffffff1f,0 10px 22px #00000085,0 0 0 2px #0b7dff38}.opciones-app-ventana{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;display:flex;align-items:center;justify-content:center;padding:18px}.opciones-app-fondo{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;background:#00000094;border:0;cursor:default;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.opciones-app-panel{width:min(88vw,320px);position:relative;z-index:1;display:grid;gap:2px;padding:14px 16px;border-radius:18px;background:radial-gradient(circle at 50% 0%,rgba(11,125,255,.18),transparent 42%),#080a0ef5;border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 1px #ffffff14,0 22px 44px #000000a3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.opciones-app-titulo{min-height:auto;padding:2px 4px 8px;font-size:17px;letter-spacing:1px}.opciones-app-titulo:after{display:none}.opciones-app-item{width:100%;min-height:46px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 0;color:#fff;background:transparent;border:0;border-radius:0;font-size:13px;font-weight:700;text-align:left;cursor:pointer}.opciones-app-texto{flex:1 1 auto;min-width:0;display:grid;gap:2px;text-align:left}.opciones-app-texto>span{color:#fff;font-size:13.5px;line-height:1.1}.opciones-app-texto small{color:#ffffff9e;font-size:11px;font-weight:600;line-height:1.1}.opciones-app-item-activo{background:transparent}.opciones-app-interruptor{width:48px;height:28px;flex:0 0 48px;display:flex;align-items:center;justify-content:flex-start;padding:3px;border-radius:999px;background:#2d313af0;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 2px 5px #00000057,0 5px 10px #00000047;transition:background .18s ease,border-color .18s ease}.opciones-app-interruptor-bola{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(180deg,#f7f9fc,#cbd2dd);box-shadow:0 3px 8px #00000061;transform:translate(0);transition:transform .18s ease,background .18s ease}.opciones-app-item-activo .opciones-app-interruptor{justify-content:flex-start;background:#0b7dfff5;border-color:#8ec5ff6b}.opciones-app-item-activo .opciones-app-interruptor-bola{background:linear-gradient(180deg,#fff,#dceeff);transform:translate(20px)}.menu-principal-cuadricula{width:min(100%,clamp(176px,36dvh,250px));display:grid;grid-template-columns:repeat(2,minmax(0,1fr));justify-content:center;align-self:center;gap:clamp(6px,1.35dvh,9px);margin-top:clamp(8px,1.8dvh,18px)}.pantalla-inicio-cuadricula{padding-top:clamp(6px,1.4dvh,10px);padding-bottom:clamp(8px,1.8dvh,18px)}.pantalla-inicio-cuadricula .titulo-inicio{min-height:clamp(40px,8dvh,52px);padding-bottom:clamp(7px,1.6dvh,12px);font-size:clamp(20px,6dvh,34px)}.pantalla-inicio-cuadricula .zona-inferior-inicio{padding-top:clamp(8px,1.6dvh,18px);padding-bottom:calc(clamp(4px,1dvh,8px) + env(safe-area-inset-bottom))}@media (max-height: 680px){.menu-principal-cuadricula{width:min(100%,clamp(164px,34dvh,224px));gap:6px}.pantalla-inicio-cuadricula .titulo-inicio{min-height:38px;font-size:clamp(19px,5.5dvh,28px)}}.menu-cuadrado-boton{width:100%;aspect-ratio:1 / 1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:0;padding:0;position:relative;overflow:hidden;color:#fff;background:#111722;border:1px solid rgba(255,255,255,.23);border-radius:clamp(14px,3.2vw,18px);box-shadow:inset 0 1px #ffffff8f,inset 0 -1px 5px #ffffff1f,inset 0 0 0 1px #ffffff0f,0 10px 22px #00000070;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);touch-action:none;user-select:none;-webkit-user-select:none;transition:transform .16s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}.menu-cuadrado-boton:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.42),rgba(255,255,255,.06) 24%,transparent 42%),linear-gradient(315deg,rgba(255,255,255,.22),transparent 36%);opacity:.55;mix-blend-mode:screen}.menu-cuadrado-boton:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;z-index:1;pointer-events:none;border-radius:calc(clamp(14px,3.2vw,18px) - 2px);border:1px solid rgba(255,255,255,.16);box-shadow:inset 8px 8px 18px #ffffff14,inset -8px -8px 18px #0003}.menu-cuadrado-boton span{position:relative;z-index:2;width:calc(100% - 12px);max-width:100%;margin:0 6px 6px;padding:5px 5px 6px;font-size:clamp(9.4px,2.35vw,10.6px);font-weight:750;line-height:1.15;letter-spacing:.2px;text-align:center;overflow-wrap:anywhere;border-radius:11px;background:#02050c9e;box-shadow:inset 0 1px #ffffff1f,0 5px 12px #00000052;text-shadow:0 1px 2px rgba(0,0,0,.9)}.menu-cuadrado-imagen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;transform:scale(1.1) rotate(-4deg) translate(-3%,-2%);transform-origin:center}.menu-cuadrado-boton-alcoholemia .menu-cuadrado-imagen{transform:scale(1.16) rotate(-7deg) translate(-7%,1%)}.menu-cuadrado-boton-vmp .menu-cuadrado-imagen{transform:scale(1.18) rotate(6deg) translate(6%,-3%)}.menu-cuadrado-boton-permisos .menu-cuadrado-imagen{transform:scale(1.15) rotate(-5deg) translate(4%,-4%)}.menu-cuadrado-boton-matriculas .menu-cuadrado-imagen{transform:scale(1.16) rotate(5deg) translate(-5%,-2%)}.menu-cuadrado-boton-codificado .menu-cuadrado-imagen{transform:scale(1.2) rotate(-8deg) translate(3%);opacity:.92}.menu-cuadrado-boton-documentoscopia .menu-cuadrado-imagen{transform:scale(1.18) rotate(7deg) translate(-6%,-3%)}.menu-cuadrado-boton-miCuadrante .menu-cuadrado-imagen{transform:scale(1.15) rotate(-6deg) translate(5%,-5%)}.menu-cuadrado-boton-enlaces .menu-cuadrado-imagen{transform:scale(1.18) rotate(8deg) translate(-3%,3%)}.menu-cuadrado-dgt-real{position:absolute;inset:13% 8% auto 7%;z-index:1;display:block;transform:rotate(-8deg);pointer-events:none}.menu-cuadrado-dgt-real img{width:92%;height:auto;display:block;padding:7px;border-radius:13px;background:#fffffff0;box-shadow:0 10px 18px #00000057,inset 0 0 0 1px #00000014;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.menu-cuadrado-lupa-real{position:absolute;right:1%;bottom:-22%;width:43%;aspect-ratio:1;border:8px solid rgba(12,23,36,.94);border-radius:50%;background:#fff3;box-shadow:0 9px 16px #00000061,inset 0 0 0 3px #ffffffa6}.menu-cuadrado-lupa-real:after{content:"";position:absolute;right:-24%;bottom:-18%;width:42%;height:9px;border-radius:999px;background:#0c1724f0;transform:rotate(45deg);transform-origin:left center}.menu-cuadrado-boton:hover{border-color:#ffffff3d;transform:translateY(-1px)}.menu-cuadrado-boton:active{transform:translateY(1px);background:linear-gradient(180deg,#1c1c1c,#1a1a1a,#151515);box-shadow:inset 0 1px 3px #00000073,0 3px 8px #00000061}.menu-principal-cuadricula-editando .menu-cuadrado-boton{animation:menu-cuadrado-vibracion .18s infinite alternate ease-in-out;border-color:#5badff73}.menu-cuadrado-boton-arrastrando{position:fixed;z-index:3;transform:scale(1.04) rotate(0)!important;pointer-events:none;border-color:#ffffff6b;box-shadow:inset 0 1px #ffffff29,0 14px 28px #0000008c,0 0 0 2px #0b7dff47;animation:none!important;transition:none}@keyframes menu-cuadrado-vibracion{0%{transform:translate(-.5px,.5px) rotate(-.45deg)}to{transform:translate(.5px,-.5px) rotate(.45deg)}}.menu-button,button[type=submit],.back-button,.codificado-limpiar,.codificado-borrador,.codificado-filtro,.codificado-filtro-norma,.boton-ajustes-inicio{color:#fff;background:linear-gradient(180deg,#242424,#202020 45%,#181818);border:1px solid #111111;border-radius:14px;box-shadow:inset 0 1px #ffffff0f,inset 0 -1px 2px #00000047,0 6px 12px #00000073;cursor:pointer;transition:transform .12s ease,box-shadow .22s ease,border-color .22s ease}.menu-button,button[type=submit]{width:100%;padding:18px 20px;font-size:clamp(15px,3.8vw,16px);font-weight:600;text-transform:none;letter-spacing:1px}.menu-principal .menu-button{background:linear-gradient(180deg,#242424,#202020 45%,#181818);border-color:#111}.menu-button:hover,button[type=submit]:hover,.back-button:hover,.codificado-limpiar:hover,.codificado-borrador:hover,.codificado-filtro:hover,.codificado-filtro-norma:hover,.boton-ajustes-inicio:hover,.menu-principal .menu-button:hover{background:linear-gradient(180deg,#2a2a2a,#222 45%,#1b1b1b);border-color:#1f1f1f}.menu-button:active,button[type=submit]:active,.back-button:active,.codificado-limpiar:active,.codificado-borrador:active,.codificado-filtro:active,.codificado-filtro-norma:active,.boton-ajustes-inicio:active{transform:translateY(1px);background:linear-gradient(180deg,#1c1c1c,#1a1a1a,#151515);box-shadow:inset 0 1px 3px #00000073,0 3px 8px #00000061}.texto-secundario{display:block;margin-top:6px;font-size:12px;font-weight:400;text-transform:none;letter-spacing:0;color:silver;opacity:.9;line-height:1.3}.input-style{width:100%;padding:15px;background:#141414f5;border:1px solid #050505;border-radius:14px;color:#fff;font-family:inherit;font-size:14px;box-shadow:inset 0 1px 1px #ffffff14,0 7px 14px #00000080}textarea.input-style{min-height:120px;resize:vertical}.form-container form{margin-top:30px}.form-container form+.back-button{margin-top:30px}.form-container button[type=submit]{width:min(62%,240px);margin:5px auto 0;padding:12px 20px;font-size:12px;letter-spacing:1px}h1+h2,h1+.resultado-titulo{margin-top:25px}h2+.menu,.resultado-titulo+.resultado{margin-top:25px}.resultado+.resultado{margin-top:12px}.resultado-titulo{font-family:Orbitron,sans-serif;font-size:clamp(20px,5.8vw,24px);font-weight:800;text-align:center;text-transform:uppercase;letter-spacing:2px;margin:0;padding:0;line-height:1.2;overflow-wrap:anywhere}.resultado{margin-top:0;padding:15px;background:#121212f5;border:1px solid #050505;border-radius:14px;color:#e0e0e0;text-align:left;box-shadow:inset 0 1px 1px #ffffff12,0 9px 18px #0000008c}.resultado p{margin:6px 0;line-height:1.4}.resultado strong{color:#fff}.resultado p[style]{column-gap:clamp(14px,5vw,36px)!important}.resultado-verde{color:#22c55e!important}.resultado-amarillo{color:#facc15!important}.resultado-naranja{color:#f97316!important}.resultado-rojo{color:#ef4444!important}.back-button{width:min(60%,300px);margin:0 auto;display:block;align-self:center;padding:8px 20px;font-size:13px;font-weight:600;text-transform:none;letter-spacing:1.2px}.botones-inferiores{display:flex;flex-direction:column;gap:10px;width:100%;align-items:center;margin-top:30px}.botones-inferiores .back-button,.botones-inferiores .menu-button,.botones-inferiores button{margin-left:auto;margin-right:auto}.footer-container{margin-top:auto;padding-top:18px;padding-bottom:calc(8px + env(safe-area-inset-bottom));border-top:none}.footer-global{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center}.footer-texto{margin:0;color:#e0e0e0;font-size:13px;line-height:1.2}.footer-link{margin:0;padding:0;background:none;border:none;color:#fff;font-size:15px;font-weight:700;cursor:pointer}.footer-link:hover{color:#0070f3}.zona-inferior-inicio{margin-top:auto;width:100%;display:grid;grid-template-columns:clamp(50px,10vw,52px) 1fr clamp(50px,10vw,52px);align-items:end;padding-top:18px;padding-bottom:calc(8px + env(safe-area-inset-bottom))}.zona-inferior-inicio .footer-container{grid-column:2;margin-top:0;padding:0}.zona-inferior-inicio .boton-ajustes-inicio{grid-column:3;justify-self:end;align-self:end}.boton-ajustes-inicio{position:static;width:clamp(50px,10vw,52px);height:clamp(50px,10vw,52px);display:flex;align-items:center;justify-content:center;padding:0;border-radius:14px;font-size:clamp(24px,5vw,25px);line-height:1}.ajustes-ficha{width:100%;margin-top:28px}.ajustes-titulo{margin:0 0 32px;color:#fff;font-family:Orbitron,sans-serif;font-size:clamp(18px,5.2vw,22px);font-weight:800;text-align:center;text-transform:uppercase;letter-spacing:1.5px}.ajuste-linea-boton{width:100%;min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 5px;padding:0 4px;color:#fff;background:transparent;border:none;font-family:inherit;font-size:clamp(15px,4vw,16px);font-weight:700;line-height:1.25;text-align:left;cursor:pointer;transition:transform .12s ease}.ajuste-linea-boton:last-of-type{margin-bottom:0}.ajuste-linea-boton:active{transform:translateY(1px)}.ajuste-linea-boton>span:first-child{flex:1 1 auto;min-width:0;color:#fff;overflow-wrap:anywhere}.ajuste-selector{width:40px;height:40px;flex:0 0 40px;position:relative;display:flex;align-items:center;justify-content:center;border-radius:14px;background:#0c1c30eb;border:1px solid rgba(12,28,48,.92);box-shadow:inset 0 1px 1px #ffffff14,inset 0 -2px 4px #00000061,0 8px 16px #00000073;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.ajuste-linea-boton:hover .ajuste-selector{background:#10243cf5}.ajuste-linea-boton:active .ajuste-selector{transform:translateY(1px);box-shadow:inset 0 2px 5px #00000073,0 4px 10px #00000061}.ajuste-activo .ajuste-selector{background:#0c1c30eb;border-color:#0c1c30eb;box-shadow:inset 0 1px 1px #ffffff14,inset 0 -2px 4px #00000061,0 8px 16px #00000073}.ajuste-check{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:35px;font-weight:900;line-height:1;text-shadow:none}.modulo-construccion{text-align:center;margin-top:60px;margin-bottom:60px;font-size:16px}.codificado-buscador-contenedor{display:grid;grid-template-columns:46px minmax(0,1fr) 46px;gap:10px;align-items:stretch;margin-top:28px;margin-bottom:10px}.codificado-filtro,.codificado-limpiar,.codificado-borrador{width:46px;min-width:46px;height:46px;display:flex;align-items:center;justify-content:center;padding:0!important;font-size:0!important;line-height:1!important}.codificado-filtro{border-radius:14px}.codificado-filtro svg,.codificado-limpiar svg,.codificado-borrador svg{width:21px;height:21px;display:block}.codificado-buscador{width:100%;min-width:0;padding:14px;background:#141414f5;border:1px solid #050505;border-radius:14px;color:#fff;font-size:15px;box-shadow:inset 0 1px 1px #ffffff14,0 7px 14px #00000080}.codificado-filtros-titulo{max-width:100%;margin:30px 0 0;color:#fff;font-family:Orbitron,sans-serif;font-size:clamp(17px,4.6vw,22px);font-weight:800;line-height:1.2;letter-spacing:clamp(.2px,.3vw,1px);text-align:center;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:clip}.codificado-filtros-lista{gap:10px;align-items:center}.codificado-filtros-lista .codificado-filtro-norma{width:80%;height:50px;min-height:0;padding:8px 14px;font-size:15px}.codificado-filtro-norma{border-radius:16px;font-weight:700;letter-spacing:.4px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.codificado-filtro-norma span{color:silver;font-size:10px;font-weight:500;line-height:1.25}.codificado-filtro-norma-activa{background:#0c1c30;border:1px solid #0c1c30;box-shadow:inset 0 1px 1px #ffffff0f,inset 0 -2px 4px #00000059,0 6px 12px #00000073}.codificado-filtro-norma-activa:hover{background:#12304c;border-color:#12304c}.codificado-lista{display:flex;flex-direction:column;gap:10px;max-height:min(58dvh,560px);overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;margin-bottom:20px;padding:14px 28px 14px 14px;background:#141414f5;border:1px solid #050505;border-radius:14px;color:#fff;box-shadow:inset 0 1px 1px #ffffff14,0 7px 14px #00000080;scrollbar-width:auto;scrollbar-color:#0b7dff #050505}.codificado-lista::-webkit-scrollbar{width:24px}.codificado-lista::-webkit-scrollbar-track{background:#050505;border-radius:999px}.codificado-lista::-webkit-scrollbar-thumb{min-height:90px;background:#0b7dff;border:5px solid #050505;border-radius:999px}.codificado-lista::-webkit-scrollbar-thumb:active{background:#47a3ff}.codificado-tarjeta{width:100%;min-height:auto;display:block;padding:0;background:#0c1c30eb;border:1px solid rgba(12,28,48,.92);border-radius:16px;color:#fff;text-align:left;cursor:pointer;overflow:hidden;box-shadow:inset 0 1px 1px #ffffff14,inset 0 -2px 4px #00000061,0 8px 16px #00000073;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.codificado-tarjeta:hover{background:#10243cf5}.codificado-tarjeta:active{transform:translateY(1px);box-shadow:inset 0 2px 5px #00000073,0 4px 10px #00000061}@media (max-height: 520px) and (orientation: landscape){body{overflow-y:auto}main,.form-container,.pantalla-inicio,.codificado-container{padding-top:10px;padding-bottom:14px}.codificado-lista{max-height:48dvh}.menu-principal{margin-top:18px}}