:root{--brand:#ef3e42;--brand-hover:#d72a2f;--brand-soft:#ef3e421a;--brand-glow:#ef3e4240;--bg-primary:#f7f7f8;--bg-secondary:#fff;--bg-card:#fff;--bg-elevated:#f4f4f5;--bg-hover:#eeeef0;--text-primary:#18181b;--text-secondary:#52525b;--text-muted:#a1a1aa;--border:#e5e5ea;--border-strong:#d4d4d8;--accent:var(--brand);--accent-hover:var(--brand-hover);--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--info:#3b82f6;--radius:14px;--radius-sm:10px;--radius-lg:20px;--shadow-sm:0 1px 2px #1018280f;--shadow-md:0 4px 12px #10182814, 0 1px 2px #1018280a;--shadow-lg:0 12px 32px #1018281a, 0 4px 8px #1018280a;--shadow-brand:0 8px 20px #ef3e4247}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:var(--bg-primary);height:100%;color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;font-feature-settings:"cv02", "cv03", "cv04", "cv11";font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,sans-serif;overflow-x:hidden}body{background:radial-gradient(ellipse 80% 50% at 50% -10%, #ef3e4212, transparent 70%), var(--bg-primary);background-attachment:fixed}button{cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;outline:none;font-family:inherit}input,textarea,select{border:none;outline:none;font-family:inherit}.page{min-height:100vh;padding:16px;padding-bottom:calc(90px + env(safe-area-inset-bottom));max-width:500px;margin:0 auto}.page-header{justify-content:space-between;align-items:center;padding:14px 0 22px;display:flex}.page-title{color:var(--text-primary);letter-spacing:-.02em;font-size:1.6rem;font-weight:800}.page-subtitle{color:var(--text-secondary);margin-top:2px;font-size:.85rem;font-weight:500}.card{background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-sm);margin-bottom:12px;padding:16px;transition:transform .15s,border-color .15s,background .15s,box-shadow .15s}.card-elevated{background:var(--bg-card);box-shadow:var(--shadow-md);border:1px solid var(--border)}.card-hero{background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-lg)}.btn{border-radius:var(--radius);letter-spacing:-.01em;width:100%;box-shadow:var(--shadow-sm);justify-content:center;align-items:center;gap:8px;padding:15px 20px;font-size:1rem;font-weight:600;transition:all .15s;display:flex}.btn-primary{background:linear-gradient(180deg, #f04a4e 0%, var(--brand) 100%);color:#fff;box-shadow:var(--shadow-brand), inset 0 1px 0 #fff3}.btn-primary:active{background:linear-gradient(180deg, var(--brand-hover) 0%, #c22428 100%);transform:scale(.98)}.btn-success{background:linear-gradient(180deg, #12c98d 0%, var(--success) 100%);color:#fff;box-shadow:0 8px 20px #10b98147,inset 0 1px #fff3}.btn-success:active{background:linear-gradient(#0ea472 0%,#0a8a5f 100%);transform:scale(.98)}.btn-warning{background:linear-gradient(180deg, #fbbf24 0%, var(--warning) 100%);color:#18181b;box-shadow:0 8px 20px #f59e0b47}.btn-danger{background:linear-gradient(180deg, #f87171 0%, var(--danger) 100%);color:#fff;box-shadow:0 8px 20px #ef444447}.btn-ghost{background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.btn-ghost:active{background:var(--bg-hover);transform:scale(.98)}.btn:disabled{opacity:.5;pointer-events:none}.btn-sm{border-radius:var(--radius-sm);padding:10px 16px;font-size:.875rem}.badge{text-transform:uppercase;letter-spacing:.04em;border:1px solid #0000;border-radius:20px;align-items:center;padding:5px 11px;font-size:.7rem;font-weight:700;display:inline-flex}.input{background:var(--bg-card);width:100%;color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);padding:14px 16px;font-size:1rem;transition:border-color .15s,box-shadow .15s}.input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.input::placeholder{color:var(--text-muted)}.pin-container{justify-content:center;gap:12px;margin:28px 0;display:flex}.pin-digit{background:var(--bg-card);border:2px solid var(--border);border-radius:var(--radius);width:60px;height:72px;color:var(--text-primary);text-align:center;caret-color:var(--brand);box-shadow:var(--shadow-sm);font-size:2rem;font-weight:800;transition:all .15s}.pin-digit:focus{border-color:var(--brand);box-shadow:0 0 0 4px var(--brand-soft), var(--shadow-md);transform:translateY(-1px)}.status-por_entregar{color:#71717a;background:#f4f4f5;border-color:#e4e4e7}.status-parcialmente_en_bodega{color:#475569;background:#f1f5f9;border-color:#cbd5e1}.status-en_bodega{color:#52525b;background:#f4f4f5;border-color:#e5e5ea}.status-parcialmente_en_cuarto{color:#7c3aed;background:#f5f3ff;border-color:#ddd6fe}.status-subido_a_piso{color:#6d28d9;background:#ede9fe;border-color:#ddd6fe}.status-asignado{color:#1d4ed8;background:#dbeafe;border-color:#bfdbfe}.status-en_instalacion{color:#b45309;background:#fef3c7;border-color:#fde68a}.status-parcial_instalado{color:#c2410c;background:#fff7ed;border-color:#fed7aa}.status-instalado{color:#047857;background:#d1fae5;border-color:#a7f3d0}.status-en_revision{color:#4338ca;background:#e0e7ff;border-color:#c7d2fe}.status-con_detalles{color:#b91c1c;background:#fee2e2;border-color:#fecaca}.status-detalles_resueltos{color:#0f766e;background:#ccfbf1;border-color:#99f6e4}.status-entregado_a_obra{color:#15803d;background:#dcfce7;border-color:#bbf7d0}.timer{font-variant-numeric:tabular-nums;text-align:center;color:var(--text-primary);letter-spacing:1px;padding:24px 0;font-size:3.25rem;font-weight:800}.timer.paused{color:var(--warning);animation:1.5s ease-in-out infinite pulse}.pulse{animation:1.5s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.spinner{border:3px solid var(--border);border-top-color:var(--brand);border-radius:50%;width:32px;height:32px;margin:40px auto;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:.8s linear infinite spin}.brand-logo{object-fit:contain;width:auto;height:32px;display:block}.brand-logo-lg{height:44px}.brand-mark{align-items:center;gap:10px;display:inline-flex}.tabs{background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-sm);gap:6px;margin-bottom:16px;padding:5px;display:flex}.tab{color:var(--text-secondary);border-radius:var(--radius-sm);background:0 0;flex:1;padding:10px 12px;font-size:.85rem;font-weight:600;transition:all .15s}.tab.active{background:var(--brand);color:#fff;box-shadow:var(--shadow-brand)}.divider{background:var(--border);height:1px;margin:16px 0}.text-brand{color:var(--brand)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-danger{color:var(--danger)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}@supports (padding:env(safe-area-inset-bottom)){.page{padding-bottom:calc(90px + env(safe-area-inset-bottom))}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.3s ease-out fadeInUp}:root{--brand:#cf3037;--brand-hover:#b7242b;--text-muted:#6b6b76;--success:#07805b}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline-offset:3px;outline:3px solid #2563eb}button:disabled{cursor:not-allowed}button,a,input,select,textarea{touch-action:manipulation}.btn-primary{background:var(--brand);box-shadow:0 3px 8px #9c15251a}.btn-primary:hover:not(:disabled){background:var(--brand-hover)}.btn-success{background:#07805b}.card:active{background:var(--bg-card);transform:none}.skip-link{z-index:9999;color:#18181b;background:#fff;border:2px solid #2563eb;border-radius:8px;padding:14px 20px;position:fixed;top:-100px;left:16px}.skip-link:focus{top:8px}.project-toolbar{border-bottom:1px solid var(--border);z-index:60;background:#fff;justify-content:space-between;align-items:center;gap:12px;height:56px;padding:6px 20px;display:flex;position:sticky;top:0}.project-toolbar>button{min-height:40px}.workspace-content{width:100%}.desktop-nav-item{display:none}.mobile-more{flex:1;display:flex}.bottom-navigation button{min-width:0}.empty-state{text-align:center;gap:18px;width:min(100% - 32px,480px);margin:80px auto;display:grid}.empty-state h1{font-size:1.6rem}.empty-state p{color:var(--text-secondary);line-height:1.6}.eyebrow{letter-spacing:.16em;font-size:.7rem;font-weight:800}.auth-page{background:#fff;grid-template-columns:1fr 1fr;min-height:100dvh;display:grid}.auth-story{color:#fff;background:#21262e;flex-direction:column;justify-content:space-between;gap:56px;padding:46px clamp(32px,5vw,88px) 30px;display:flex;position:relative;overflow:hidden}.auth-wordmark{letter-spacing:-.04em;align-items:center;font-size:1.3rem;font-weight:800;display:flex}.auth-wordmark svg{color:#ff8488;margin-right:10px}.auth-wordmark span{color:#ff8488}.auth-story .eyebrow{color:#ffaaa9;margin-bottom:18px}.auth-story h1{letter-spacing:-.055em;max-width:470px;font-size:clamp(2.2rem,3.6vw,3.9rem);line-height:1.1}.auth-intro{color:#c5c9d1;max-width:380px;margin:20px 0 28px;font-size:1rem;line-height:1.75}.auth-preview{background:#2a313b;border:1px solid #47505d;border-radius:16px;max-width:390px;padding:20px;box-shadow:0 18px 36px #0002}.preview-header{color:#e6e8ec;justify-content:space-between;align-items:center;margin-bottom:18px;font-size:.75rem;display:flex}.preview-header>span:first-child{align-items:center;gap:8px;display:flex}.preview-dot{background:#90d5bc;border-radius:50%;width:7px;height:7px}.preview-rooms{grid-template-columns:repeat(6,1fr);gap:8px;display:grid}.preview-rooms>span{aspect-ratio:1;color:#aab2be;border:1px solid #5b6573;border-radius:8px;place-items:center;display:grid}.preview-rooms .complete{color:#a5dfc7;background:#314c44;border-color:#517666}.preview-rooms .progress{color:#f4cf85;background:#584a31;border-color:#89764c}.preview-legend{color:#cbd0d7;justify-content:space-between;gap:6px;margin-top:16px;font-size:.6rem;display:flex}.preview-legend span{align-items:center;gap:4px;display:flex}.preview-legend i{background:#a5dfc7;border-radius:50%;width:5px;height:5px}.preview-legend span:nth-child(2) i{background:#f4cf85}.preview-legend span:nth-child(3) i{background:#aab2be}.auth-benefits{color:#cbd0d7;gap:12px;margin-top:26px;font-size:.82rem;list-style:none;display:grid}.auth-benefits li{align-items:center;gap:10px;display:flex}.auth-benefits svg{color:#ff9498}.auth-story-footer{color:#aeb6c2;font-size:.7rem}.auth-form-panel{align-items:center;padding:44px clamp(28px,5vw,80px);display:grid}.auth-form-wrap{width:100%;max-width:410px;margin:auto}.auth-form-wrap>img{height:34px;margin-bottom:56px}.auth-form-wrap .eyebrow{color:var(--text-muted);margin-bottom:12px}.auth-form-wrap h2{letter-spacing:-.045em;font-size:clamp(1.7rem,2.2vw,2.25rem);line-height:1.2}.auth-description{color:var(--text-secondary);margin:14px 0 32px;font-size:.9rem;line-height:1.6}.field-label{margin:20px 0 8px;font-size:.82rem;font-weight:650;display:block}.auth-form-wrap .input{box-shadow:none;background:#fff;border-color:#d4d4db;border-radius:9px}.password-field{position:relative}.password-field .input{padding-right:54px}.password-toggle{min-width:44px;min-height:44px;color:var(--text-secondary);background:0 0;border-radius:6px;place-items:center;display:grid;position:absolute;top:3px;right:4px}.auth-submit{border-radius:9px;margin-top:26px;padding:15px;font-size:.9rem}.auth-link{color:var(--brand);background:0 0;border-radius:6px;justify-content:center;align-items:center;gap:6px;width:100%;min-height:44px;margin-top:10px;font-size:.83rem;font-weight:600;display:flex}.auth-help{color:var(--text-muted);border-top:1px solid var(--border);margin-top:28px;padding-top:22px;font-size:.76rem;line-height:1.7}.form-error{color:#991b1b;background:#fff1f2;border:1px solid #fecdd3;border-radius:8px;margin-top:16px;padding:12px;font-size:.85rem;line-height:1.5}.auth-success{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:12px;gap:16px;padding:24px;line-height:1.6;display:grid}.map-summary{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px;display:grid}.map-summary>div{border:1px solid var(--border);background:#fff;border-radius:12px;padding:18px}.map-summary strong{font-variant-numeric:tabular-nums;letter-spacing:-.04em;font-size:1.65rem;display:block}.map-summary span{color:var(--text-secondary);margin-top:4px;font-size:.75rem;display:block}.map-search{margin:20px 0 16px}.map-search .input{max-width:520px}.room-grid button{min-width:0}.room-grid button:hover{box-shadow:0 4px 10px #0001!important}.map-group{border:1px solid var(--border);background:#fff;border-radius:14px;padding:18px}.map-error{color:#991b1b;background:#fff1f2;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;margin:12px 0;padding:14px;display:flex}.map-error button{flex-shrink:0;width:auto}.map-results{color:var(--text-secondary);margin:14px 0;font-size:.8rem}@media (width>=900px){.desktop-nav-item{flex:1;display:flex}.mobile-more{display:none}.bottom-navigation{padding-inline:max(24px,50vw - 580px)!important}.bottom-navigation button{justify-content:center;flex-direction:row!important;gap:8px!important}.bottom-navigation button>span{font-size:.8rem!important}.workspace-content{padding-top:28px!important}.project-toolbar{padding-inline:max(24px,50vw - 580px)}}@media (width<=700px){.auth-page{grid-template-columns:1fr}.auth-story{gap:24px;padding:24px}.auth-story h1{font-size:2rem}.auth-story .eyebrow,.auth-preview,.auth-benefits,.auth-story-footer{display:none}.auth-intro{margin:10px 0 0;font-size:.88rem}.auth-form-panel{padding:32px 24px}.auth-form-wrap>img{height:28px;margin-bottom:28px}.auth-form-wrap h2{font-size:1.75rem}.auth-description{margin-bottom:24px}.map-summary{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:16px}.map-summary>div{padding:12px}.map-summary strong{font-size:1.4rem}.project-toolbar{gap:8px;padding-inline:12px}.map-group{padding:12px}.map-error{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.map-toolbar{justify-content:space-between;align-items:end;gap:16px;margin-bottom:12px;display:flex}.map-toolbar .map-search{flex:1;margin:0}.map-toolbar .field-label{margin-top:0}.map-toolbar>div:last-child{flex-shrink:0;margin-bottom:0!important}.map-summary>div{padding-block:12px}.map-summary{margin-bottom:16px}@media (width<=700px){.map-toolbar{flex-direction:column;align-items:stretch;gap:10px}.map-toolbar>div:last-child{flex-wrap:wrap}}
