:root{color:#1f2937;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f3f4f6;font-family:Arial,Helvetica,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{background:#f3f4f6;min-width:320px;min-height:100vh}button,input{font:inherit}main{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}main h1{color:#1e3a8a;margin:0;font-size:34px}main h2{color:#6b7280;margin:4px 0 24px;font-size:18px;font-weight:500}form{background:#fff;border-radius:12px;width:100%;max-width:400px;margin-top:8px;padding:28px;box-shadow:0 8px 24px #00000014}form>div{margin-bottom:18px}label{color:#374151;margin-bottom:6px;font-size:14px;font-weight:600;display:block}input{color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:7px;outline:none;width:100%;padding:11px 12px}input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}input:disabled{color:#6b7280;cursor:not-allowed;background:#f3f4f6}button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:7px;padding:11px 14px;font-weight:600}button:hover{background:#1d4ed8}button:disabled{opacity:.65;cursor:not-allowed}form>button{width:100%;margin-top:4px}main>p{color:#374151;text-align:center;margin:0 0 18px;font-size:14px}.cliente-page{justify-content:flex-start;padding:76px 14px 30px;position:relative}.back-button{color:#1e3a8a;z-index:10;background:#fff;border:1px solid #d1d5db;border-radius:50%;justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;margin:0;padding:0;font-size:28px;font-weight:400;line-height:1;display:flex;position:absolute;top:16px;left:max(14px,50% - 200px);box-shadow:0 2px 8px #00000014}.back-button:hover{background:#f3f4f6}.cliente-image{object-fit:contain;width:100%;max-width:400px;height:auto;margin:0 auto 24px;display:block}.busqueda-cliente{width:100%;max-width:400px;margin-top:10px;margin-bottom:20px}.busqueda-cliente button{width:100%;margin-top:12px}.toast-success{color:#fff;text-align:center;z-index:9999;background:#16a34a;border-radius:8px;width:auto;min-width:280px;max-width:90%;padding:14px 22px;font-size:15px;font-weight:600;position:fixed;top:25px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0000002e}@media (width<=480px){main{padding:16px}main h1{font-size:28px}form{padding:22px}.cliente-page{padding-top:76px;padding-left:14px;padding-right:14px}.back-button{top:16px;left:14px}.cliente-image{width:100%;max-width:none;margin-bottom:24px}.toast-success{width:calc(100% - 32px);min-width:0}}.menu-container{width:100%;max-width:900px;margin-top:28px}.menu-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.menu-modulo{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:20px;box-shadow:0 6px 20px #00000014}.menu-modulo h3{color:#1e3a8a;margin:0 0 16px;font-size:18px;font-weight:700}.menu-opciones{flex-direction:column;gap:10px;display:flex}.menu-opcion{text-align:left;color:#fff;background:#2563eb;border-radius:8px;width:100%;padding:13px 16px;font-size:15px;font-weight:600;transition:background .2s,transform .1s}.menu-opcion:hover{background:#1d4ed8}.menu-opcion:active{transform:scale(.98)}@media (width<=700px){.menu-container{margin-top:20px}.menu-grid{grid-template-columns:1fr;gap:16px}.menu-modulo{padding:18px}.menu-opcion{text-align:center}}.menu-page{justify-content:flex-start;padding-top:48px;position:relative}.logout-button{color:#dc2626;z-index:10;background:#fff;border:1px solid #d1d5db;border-radius:50%;justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;margin:0;padding:0;font-size:24px;font-weight:600;display:flex;position:absolute;top:16px;right:max(16px,50% - 450px);box-shadow:0 2px 8px #00000014}.logout-button:hover{color:#b91c1c;background:#fef2f2}@media (width<=700px){.logout-button{top:14px;right:14px}}.login-page{justify-content:flex-start;padding-top:40px;padding-bottom:40px}.login-image{object-fit:contain;width:100%;max-width:400px;height:auto;margin:0 auto 24px;display:block}.login-page form{margin-top:0}@media (width<=480px){.login-page{padding-top:24px}.login-image{width:100%;max-width:none;margin-bottom:24px}}.app-footer{z-index:1000;background:#fff;flex-direction:column;justify-content:center;align-items:center;width:100%;padding-bottom:8px;display:flex;position:fixed;bottom:0;left:0}.app-footer-image{width:100%;max-width:400px;height:auto;display:block}.app-footer-credit{text-align:center;color:#222;background:#fff;width:100%;padding:3px 0;font-size:10px}.ambiente-pruebas{text-align:center;color:#856404;z-index:2000;background:#fff3cd;border-bottom:1px solid #ffeeba;width:100%;padding:6px 0;font-size:12px;font-weight:700;position:fixed;top:0;left:0}.tiempos-page{box-sizing:border-box;width:100%;max-width:520px;min-height:100vh;margin:0 auto;padding:52px 18px 25px;position:relative}.tiempos-page h2{text-align:center;margin:15px 0 6px;font-size:20px;font-weight:600}.tiempos-page>p{text-align:center;margin:0 0 14px;font-size:13px;line-height:1.3}.busqueda-operacion{width:100%;max-width:440px;margin:0 auto 10px;position:relative}.busqueda-operacion label{margin-bottom:4px;font-size:13px;font-weight:600;display:block}.busqueda-operacion input{box-sizing:border-box;color:#111827;background:#fff;border:1px solid #9ca3af;border-radius:7px;width:100%;height:40px;padding:0 10px;font-size:14px}.busqueda-operacion input:focus{outline-offset:1px;outline:2px solid #2563eb}.lista-operaciones{color:#111827;z-index:50;background:#fff;border:1px solid #d1d5db;border-radius:7px;max-height:210px;position:absolute;top:64px;left:0;right:0;overflow-y:auto;box-shadow:0 4px 10px #00000024}.lista-operaciones>div{color:#111827;background:#fff;padding:9px 10px;font-size:13px}.lista-operaciones button{text-align:left;cursor:pointer;border:0;border-bottom:1px solid #e5e7eb;border-radius:0;width:100%;padding:9px 10px;font-size:13px;font-weight:400;line-height:1.25;display:block;color:#111827!important;background:#fff!important}.lista-operaciones button strong{font-weight:700;color:#111827!important}.lista-operaciones button:hover{color:#111827!important;background:#f3f4f6!important}.operacion-seleccionada{box-sizing:border-box;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:7px;width:100%;max-width:440px;margin:8px auto 10px;padding:9px 11px;font-size:12px;line-height:1.35}.operacion-seleccionada strong{margin-bottom:3px;font-size:12px;display:block}.acciones-tiempo{justify-content:center;margin:12px 0;display:flex}.acciones-tiempo button{cursor:pointer;border:0;border-radius:7px;min-width:115px;min-height:40px;padding:8px 18px;font-size:14px;font-weight:600}.lista-tiempos{box-sizing:border-box!important;background:#fff!important;border:1px solid #d1d5db!important;border-radius:7px!important;width:100%!important;max-width:440px!important;height:437px!important;min-height:437px!important;max-height:437px!important;margin:10px auto!important;padding:0 10px!important;overflow:hidden auto!important}.lista-tiempos .fila-tiempo{font-family:monospace;font-size:14px;box-sizing:border-box!important;border-bottom:1px solid #eee!important;align-items:center!important;height:29px!important;min-height:29px!important;max-height:29px!important;padding:0 5px!important;display:flex!important}.numero-tiempo{flex-shrink:0;width:30px;font-weight:600;display:inline-block}.lista-tiempos div{border-bottom:1px solid #eee;padding:7px 5px;font-family:monospace;font-size:14px;line-height:1.25}.acciones-ciclo{justify-content:center;align-items:center;gap:8px;width:100%;max-width:440px;margin:12px auto 0;display:flex}.acciones-ciclo button{cursor:pointer;border:0;border-radius:7px;min-height:40px;padding:7px 16px;font-size:14px;font-weight:600}.acciones-ciclo button:first-child{min-width:42px;padding-left:10px;padding-right:10px;font-size:19px}.acciones-ciclo button:last-child{min-width:105px}.acciones-ciclo button:disabled,.acciones-tiempo button:disabled{opacity:.5;cursor:not-allowed}@media (width<=600px){.tiempos-page{padding:48px 14px 20px}.tiempos-page h2{margin-top:10px;font-size:18px}.tiempos-page>p{margin-bottom:12px;font-size:12px}.busqueda-operacion,.operacion-seleccionada,.lista-tiempos,.acciones-ciclo{max-width:100%}}.tiempos-page{box-sizing:border-box!important;place-items:initial!important;place-content:initial!important;align-items:initial!important;align-content:initial!important;justify-items:initial!important;justify-content:initial!important;width:100%!important;max-width:520px!important;min-height:100vh!important;margin:0 auto!important;padding:45px 14px 20px!important;display:block!important;position:relative!important}.tiempos-page h2{text-align:center!important;margin:8px 0 7px!important;padding:0!important;font-size:18px!important;position:static!important;transform:none!important}.tiempos-page>p{margin:0 0 14px!important;padding:0!important;font-size:12px!important}.tiempos-page{padding-bottom:150px!important}@media (width<=600px){.tiempos-page{padding-bottom:170px!important}.acciones-ciclo{margin-bottom:10px!important}}