: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)}.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}}