*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;min-height:100vh;min-height:100dvh;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f0f4f6;color:#1a2b36;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.app{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;width:100%;max-width:100%;padding:max(1rem,env(safe-area-inset-top,0)) max(1rem,env(safe-area-inset-right,0)) max(2rem,env(safe-area-inset-bottom,0)) max(1rem,env(safe-area-inset-left,0))}.app-header{text-align:center;max-width:min(36rem,100%);width:100%;margin-bottom:clamp(1.25rem,4vw,2rem);padding:0 .25rem}.app-header h1{margin:0 0 .75rem;font-size:clamp(1.35rem,4.5vw + .5rem,1.85rem);font-weight:700;line-height:1.2;color:#0d3d4f}.app-lead{margin:0;font-size:clamp(.9rem,2.2vw + .65rem,1.05rem);line-height:1.55;color:#3d5a6c}.app-main{width:100%;max-width:min(42rem,100%);flex:1 1;display:flex;flex-direction:column}.card{background:#fff;border-radius:12px;padding:clamp(1rem,3vw,1.5rem);box-shadow:0 4px 24px rgba(13,61,79,.08);border:1px solid #e2e8ec}.card h2{margin:0 0 .75rem;font-size:clamp(1rem,2vw + .75rem,1.15rem);color:#0d3d4f}.card p{margin:0;font-size:clamp(.9rem,1.5vw + .7rem,.98rem);line-height:1.55;color:#3d5a6c}.card code{font-size:.88em;background:#eef4f7;padding:.1em .35em;border-radius:4px;word-break:break-word}@media (min-width:768px){.app{padding-top:max(1.5rem,env(safe-area-inset-top,0));padding-bottom:max(3rem,env(safe-area-inset-bottom,0))}}@media (min-width:1024px){.app-main{max-width:min(44rem,100%)}}.acceso-camara{width:100%;max-width:min(720px,100%);margin:0 auto;flex:1 1;display:flex;flex-direction:column;grid-gap:clamp(1.25rem,4vw,2rem);gap:clamp(1.25rem,4vw,2rem)}.acceso-camara-panel{background:#fff;border-radius:clamp(8px,2vw,12px);padding:clamp(1rem,4vw,1.5rem) clamp(1rem,4vw,1.75rem);box-shadow:0 1px 3px rgba(0,0,0,.08);width:100%}.acceso-camara-panel h2{margin:0 0 .65rem;font-size:clamp(1.1rem,3.5vw + .5rem,1.35rem);font-weight:600;line-height:1.25;color:#0d3d4f}.acceso-camara-ayuda{margin:0 0 1.15rem;color:#444;line-height:1.55;font-size:clamp(.875rem,2vw + .65rem,.95rem)}.acceso-camara-form{display:flex;flex-direction:column;grid-gap:clamp(.85rem,2.5vw,1.1rem);gap:clamp(.85rem,2.5vw,1.1rem)}.acceso-camara-field{display:flex;flex-direction:column;grid-gap:.4rem;gap:.4rem}.acceso-camara-field span{font-size:clamp(.8125rem,1.8vw + .6rem,.9rem);font-weight:500;color:#333}.acceso-camara-field input{width:100%;min-height:48px;padding:.65rem .85rem;border:1px solid #ccc;border-radius:8px;font-size:16px;line-height:1.3;appearance:none;touch-action:manipulation}@media (min-width:480px){.acceso-camara-field input{min-height:44px;font-size:1rem}}.acceso-camara-field input:focus{outline:none;border-color:#1a5f7a;box-shadow:0 0 0 3px rgba(26,95,122,.2)}.acceso-camara-actions{display:flex;flex-direction:column;grid-gap:.65rem;gap:.65rem;margin-top:.35rem;width:100%}.acceso-camara-submit{width:100%;min-height:48px;padding:.75rem 1.15rem;font-size:clamp(1rem,2.5vw + .65rem,1.05rem);font-weight:600;border:none;border-radius:8px;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.acceso-camara-submit--primero{color:#fff;background:#1a5f7a}.acceso-camara-submit--primero:active:not(:disabled){background:#164a5f}.acceso-camara-submit--stream{color:#fff;background:#0d4a5c;border:2px solid #0d4a5c}.acceso-camara-submit--stream:not(:disabled){background:#0d4a5c}.acceso-camara-submit--stream:disabled{color:#6b8794;background:#e8eef1;border-color:#d0dce2;cursor:not-allowed;opacity:1}.acceso-camara-submit:disabled:not(.acceso-camara-submit--stream){opacity:.7;cursor:not-allowed}@media (min-width:600px){.acceso-camara-actions{flex-direction:row;flex-wrap:wrap;align-items:stretch}.acceso-camara-submit{width:auto;flex:1 1 auto;min-width:min(200px,100%)}}.acceso-camara-exito{margin-top:1rem;padding:.85rem 1rem;background:#e8f5e9;color:#1b5e20;border-radius:8px;font-size:clamp(.875rem,2vw + .65rem,.95rem);line-height:1.45;border:1px solid #c8e6c9}.acceso-camara-hint{margin:.75rem 0 0;font-size:clamp(.8rem,1.8vw + .55rem,.88rem);color:#5a6f7a;line-height:1.4}.acceso-camara-conexion{margin-top:1rem;padding:1rem 1.1rem;background:#f8fafb;border:1px solid #e2e8ec;border-radius:8px}.acceso-camara-conexion-titulo{margin:0 0 .65rem;font-size:1rem;font-weight:600;color:#0d3d4f}.acceso-camara-conexion-dl{margin:0;display:grid;grid-template-columns:auto 1fr;grid-gap:.35rem 1rem;gap:.35rem 1rem;font-size:clamp(.85rem,2vw + .6rem,.92rem)}.acceso-camara-conexion-dl dt{margin:0;font-weight:600;color:#3d5a6c}.acceso-camara-conexion-dl dd{margin:0;color:#1a2b36}.acceso-camara-error{margin-top:1rem;padding:.85rem 1rem;background:#fdecea;color:#611a15;border-radius:8px;font-size:clamp(.875rem,2vw + .65rem,.95rem);line-height:1.45;word-wrap:break-word;overflow-wrap:break-word}.acceso-camara-video-wrap{margin-top:0;background:#fff;border-radius:clamp(8px,2vw,12px);padding:clamp(.85rem,3vw,1.35rem) clamp(1rem,3vw,1.5rem);box-shadow:0 1px 3px rgba(0,0,0,.08);width:100%}.acceso-camara-video-wrap h3{margin:0 0 .75rem;font-size:clamp(1rem,2.5vw + .65rem,1.15rem);line-height:1.3;color:#0d3d4f}.acceso-camara-video-box{position:relative;width:100%;min-height:200px;max-height:min(70vh,85vw);max-height:min(70dvh,85vw);aspect-ratio:16/9;background:#111;border-radius:8px;overflow:hidden}.acceso-camara-video-box .acceso-camara-iframe,.acceso-camara-video-box .acceso-camara-video{position:absolute;inset:0;width:100%;height:100%;max-height:none;min-height:0;object-fit:contain}.acceso-camara-video{background:#111;display:block}.acceso-camara-iframe{border:none;background:#111}.acceso-camara-expira{margin:.85rem 0 0;font-size:clamp(.8rem,1.8vw + .55rem,.88rem);line-height:1.45;color:#666}@media (min-width:600px){.acceso-camara-video-box{max-height:min(75vh,720px);max-height:min(75dvh,720px)}}@media (min-width:1024px){.acceso-camara{max-width:760px}.acceso-camara-video-box{max-height:min(78vh,640px);max-height:min(78dvh,640px)}}@media (max-width:380px){.acceso-camara-panel{padding-left:.85rem;padding-right:.85rem}}
/*# sourceMappingURL=main.2a02b850.chunk.css.map */