:root{--azul: #1F3864;--azul-700: #243f73;--azul-500: #2f5597;--accent: #3B82F6;--accent-600: #2563EB;--bg: #eef2f7;--bg-grad-1: #f4f7fb;--bg-grad-2: #e7edf5;--surface: #ffffff;--surface-2: #f8fafc;--text: #0f1b33;--text-2: #475569;--muted: #8a97a8;--border: #e6eaf0;--border-strong: #d4dbe6;--red: #EF4444;--orange: #F59E0B;--green: #10B981;--green-bg: #e7f8f1;--r-sm: 10px;--r: 16px;--r-lg: 22px;--shadow-sm: 0 1px 2px rgba(16, 27, 51, .06), 0 1px 3px rgba(16, 27, 51, .05);--shadow-md: 0 4px 12px rgba(16, 27, 51, .08), 0 2px 4px rgba(16, 27, 51, .04);--shadow-lg: 0 18px 40px rgba(31, 56, 100, .18);--shadow-brand: 0 12px 28px rgba(31, 56, 100, .32);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}.app{max-width:540px;margin:0 auto;min-height:100%;display:flex;flex-direction:column;background:linear-gradient(180deg,var(--bg-grad-1) 0%,var(--bg-grad-2) 100%);position:relative}.topbar{background:linear-gradient(135deg,var(--azul) 0%,var(--azul-500) 100%);color:#fff;padding:16px 18px;padding-top:max(16px,calc(env(safe-area-inset-top) + 8px));display:flex;align-items:center;justify-content:space-between;gap:10px;position:sticky;top:0;z-index:20;box-shadow:0 6px 20px #1f386438;border-bottom-left-radius:20px;border-bottom-right-radius:20px}.topbar h1{font-size:17px;margin:0;font-weight:750;letter-spacing:-.01em}.topbar .sub{font-size:12.5px;opacity:.82;margin-top:2px}.topbar .back{background:#ffffff24;border:none;color:#fff;width:38px;height:38px;border-radius:12px;font-size:19px;cursor:pointer;display:grid;place-items:center;flex:none}.topbar .ghost{background:#ffffff24;border:none;color:#fff;padding:8px 14px;border-radius:999px;font-weight:650;font-size:13.5px;cursor:pointer}.content{flex:1;padding:18px 16px 110px}.content.tight{padding-top:14px}.btn{width:100%;border:none;border-radius:var(--r);padding:16px 18px;font-size:16px;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--azul) 0%,var(--azul-500) 100%);cursor:pointer;box-shadow:var(--shadow-md);transition:transform .12s ease,box-shadow .12s ease,opacity .12s ease;display:inline-flex;align-items:center;justify-content:center;gap:9px}.btn:active{transform:translateY(1px) scale(.992);box-shadow:var(--shadow-sm)}.btn:disabled{opacity:.45;box-shadow:none;cursor:default}.btn.secondary{background:var(--surface);color:var(--azul);border:1.5px solid var(--border-strong);box-shadow:var(--shadow-sm)}.btn.ghost{background:transparent;color:var(--text-2);box-shadow:none;border:1.5px solid var(--border)}.btn.danger{background:linear-gradient(135deg,#f87171 0%,var(--red) 100%)}.btn.big{padding:20px;font-size:18px;background:linear-gradient(135deg,var(--azul) 0%,var(--azul-500) 100%);box-shadow:var(--shadow-brand);border-radius:var(--r-lg)}.camera-cta{width:100%;border:none;border-radius:var(--r-lg);padding:30px 20px;background:linear-gradient(140deg,var(--azul) 0%,var(--azul-500) 60%,var(--accent-600) 130%);color:#fff;box-shadow:var(--shadow-brand);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:12px;transition:transform .12s ease}.camera-cta:active{transform:scale(.985)}.camera-cta .ring{width:76px;height:76px;border-radius:50%;background:#ffffff29;display:grid;place-items:center;font-size:36px;box-shadow:inset 0 0 0 2px #ffffff59}.camera-cta .label{font-size:18px;font-weight:750}.camera-cta .hint{font-size:13px;opacity:.85}.field{margin-bottom:16px}.field label{display:block;font-size:13px;font-weight:650;color:var(--text-2);margin-bottom:7px}.field input,.field textarea,.field select{width:100%;border:1.5px solid var(--border-strong);border-radius:12px;padding:14px;font:inherit;font-size:16px;background:var(--surface);color:var(--text);transition:border-color .15s ease,box-shadow .15s ease}.field input:focus,.field textarea:focus,.field select:focus{outline:none;border-color:var(--azul);box-shadow:0 0 0 4px #1f386421}.field input:disabled,.field select:disabled{background:var(--surface-2);color:var(--text-2)}.field textarea{resize:vertical;min-height:64px}.lev-sect{font-size:11.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);margin:22px 2px 10px}.lev-sect:first-child{margin-top:4px}.hsearch{width:100%;border:1.5px solid var(--border-strong);border-radius:12px;padding:12px 14px;font:inherit;font-size:15px;background:var(--surface);color:var(--text);margin-bottom:10px}.hsearch:focus{outline:none;border-color:var(--azul);box-shadow:0 0 0 4px #1f386421}.hsel{display:flex;flex-direction:column;gap:9px}.hotel-card{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:var(--surface);border:1.5px solid var(--border);border-radius:14px;padding:11px 13px;cursor:pointer;transition:border-color .14s ease,box-shadow .14s ease,background .14s ease,transform .1s ease}.hotel-card:active{transform:scale(.99)}.hotel-card.selected{border-color:var(--azul);background:#f7f9fd;box-shadow:0 0 0 3px #1f386412}.hc-avatar{width:44px;height:44px;border-radius:50%;flex:none;color:#fff;font-weight:800;font-size:14px;letter-spacing:.01em;display:grid;place-items:center;box-shadow:var(--shadow-sm)}.hc-name{flex:1;font-size:15px;font-weight:650;color:var(--text);line-height:1.25}.hc-radio{width:23px;height:23px;border-radius:50%;flex:none;font-size:12px;display:grid;place-items:center;color:transparent;background:#eef1f5;border:1.5px solid var(--border-strong);transition:all .14s ease}.hotel-card.selected .hc-radio{background:var(--azul);border-color:var(--azul);color:#fff}.tipo-card{display:flex;align-items:center;justify-content:space-between;width:100%;background:var(--surface);border:1.5px solid var(--border);border-radius:14px;padding:15px 16px;font-size:15px;font-weight:650;color:var(--text);cursor:pointer;transition:border-color .14s ease,background .14s ease,transform .1s ease}.tipo-card:active{transform:scale(.99)}.tipo-card.selected{border-color:var(--azul);background:#f7f9fd}.tc-dot{width:20px;height:20px;border-radius:50%;flex:none;border:2px solid var(--border-strong);transition:all .14s ease}.tipo-card.selected .tc-dot{border-color:var(--azul);background:radial-gradient(var(--azul) 42%,#fff 47%)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:16px;margin-bottom:14px;box-shadow:var(--shadow-sm)}.card.flush{padding:0;overflow:hidden}.card-accent{border-left:4px solid var(--orange)}.row{display:flex;gap:10px;align-items:center}.spacer{flex:1}.section-title{font-size:12.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin:20px 2px 10px}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{padding:11px 16px;border-radius:999px;border:1.5px solid var(--border-strong);background:var(--surface);font-weight:650;font-size:14px;cursor:pointer;transition:transform .1s ease,box-shadow .12s ease}.chip:active{transform:scale(.96)}.chip.on{color:#fff;border-color:transparent;box-shadow:var(--shadow-md)}.chip.baja.on{background:linear-gradient(135deg,#94a3b8,#64748b)}.chip.media.on{background:linear-gradient(135deg,#60a5fa,var(--accent-600))}.chip.alta.on{background:linear-gradient(135deg,#fbbf24,var(--orange))}.chip.urgente.on{background:linear-gradient(135deg,#fb7185,var(--red))}.estado-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.estado-btn{border:1.5px solid var(--border-strong);background:var(--surface);border-radius:13px;padding:13px 10px;font-size:14px;font-weight:650;color:var(--text-2);cursor:pointer;transition:all .12s ease}.estado-btn:active{transform:scale(.97)}.estado-btn.on{color:#fff;border-color:transparent;box-shadow:var(--shadow-md)}.estado-btn.nuevo.on{background:var(--azul)}.estado-btn.se_repite.on{background:#d9930b}.estado-btn.no_trabajado.on{background:#dc2626}.estado-btn.corregido.on{background:#16a34a}.linkbtn{background:none;border:none;padding:0;font-size:14px;font-weight:650;color:var(--accent-600);cursor:pointer}.linkbtn.danger{color:var(--red)}.checklist{list-style:none;margin:0;padding:0}.checklist li{display:flex;align-items:center;gap:10px;font-size:14.5px;color:var(--muted);padding:7px 0;font-weight:600}.checklist li .ck{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:13px;background:var(--border);color:var(--muted);flex:none}.checklist li.ok{color:var(--text)}.checklist li.ok .ck{background:var(--green-bg);color:var(--green)}.btn.success{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 8px 20px #16a34a4d}.thumb-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.thumb{position:relative;aspect-ratio:1;border-radius:14px;overflow:hidden;border:1px solid var(--border);background:var(--surface-2);box-shadow:var(--shadow-sm)}.thumb img{width:100%;height:100%;object-fit:cover}.thumb .x{position:absolute;top:6px;right:6px;background:#0f1b339e;color:#fff;border:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);width:28px;height:28px;border-radius:50%;font-size:16px;cursor:pointer;display:grid;place-items:center}.preview-foto{width:100%;max-height:230px;object-fit:cover;border-radius:var(--r);border:1px solid var(--border);box-shadow:var(--shadow-sm);margin-bottom:14px;display:block}.badge{display:inline-flex;align-items:center;gap:5px;padding:5px 11px;border-radius:999px;font-size:11.5px;font-weight:700;color:#fff}.badge.dot:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.9}.pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;font-size:12.5px;font-weight:700}.pill.ok{background:var(--green-bg);color:#047857}.pill.warn{background:#fef3c7;color:#92400e}.avatar{width:40px;height:40px;border-radius:12px;flex:none;background:linear-gradient(135deg,var(--azul),var(--azul-500));color:#fff;display:grid;place-items:center;font-size:13px;font-weight:750}.statebadge{font-size:11.5px;font-weight:700;padding:5px 11px;border-radius:999px;white-space:nowrap}.statebadge.b-gray{background:#eef2f7;color:#5f6b7e}.statebadge.b-blue{background:#e6f1fb;color:#185fa5}.statebadge.b-green{background:var(--green-bg);color:#047857}.statebadge.b-navy{background:var(--azul);color:#fff}.hcard{display:flex;gap:12px;align-items:center;padding:12px}.hcard img{width:60px;height:60px;border-radius:12px;object-fit:cover;flex:none}.hnum{width:26px;height:26px;border-radius:8px;background:var(--azul);color:#fff;display:grid;place-items:center;font-size:13px;font-weight:750;flex:none}.bottombar{position:fixed;left:0;right:0;bottom:0;max-width:540px;margin:0 auto;padding:14px 16px;padding-bottom:max(14px,calc(env(safe-area-inset-bottom) + 6px));background:#ffffffd1;-webkit-backdrop-filter:saturate(160%) blur(14px);backdrop-filter:saturate(160%) blur(14px);border-top:1px solid var(--border);box-shadow:0 -8px 24px #101b330f;z-index:15}.centered{min-height:100%;display:grid;place-items:center;color:var(--text-2);padding:24px}.muted{color:var(--muted);font-size:13.5px;line-height:1.5}.error{color:var(--red);font-size:13.5px;margin-top:10px;font-weight:600}.banner{padding:12px 14px;border-radius:12px;font-size:13.5px;margin-bottom:14px;line-height:1.45;display:flex;gap:9px}.banner.warn{background:#fef3c7;color:#8a5a00}.banner.ok{background:var(--green-bg);color:#057857}.banner.info{background:#e7effb;color:#1e40af}.empty{text-align:center;padding:36px 20px;color:var(--muted)}.empty .ico{font-size:46px;opacity:.55;margin-bottom:8px}.success-screen{text-align:center;padding-top:32px;animation:rise .4s ease both}.success-screen .big-check{width:92px;height:92px;border-radius:50%;margin:0 auto 18px;background:var(--green-bg);color:var(--green);display:grid;place-items:center;font-size:46px;box-shadow:0 12px 30px #10b98140;animation:pop .45s cubic-bezier(.2,1.4,.4,1) both}.success-screen h2{margin:0 0 8px;font-size:21px;letter-spacing:-.01em}.login-dark{max-width:540px;margin:0 auto;min-height:100%;background:linear-gradient(180deg,#1f386485,#142240d6 54%,#0a1226f7),url(/login-bg.jpg) center / cover no-repeat;display:flex;flex-direction:column;justify-content:flex-end;padding:32px 26px;padding-bottom:max(40px,calc(env(safe-area-inset-bottom) + 18px))}.login-inner{width:100%}.login-logo{width:80px;height:80px;border-radius:50%;margin-bottom:20px;background:#fff;padding:9px;overflow:hidden;display:grid;place-items:center;box-shadow:0 14px 34px #0006}.login-logo img{width:100%;height:100%;object-fit:contain;border-radius:50%}.login-logo svg{width:100%;height:100%}.login-title-d{color:#fff;font-size:30px;font-weight:800;letter-spacing:-.02em;line-height:1.08;margin:0 0 8px}.login-sub-d{color:#b9c6dd;font-size:14.5px;margin:0}.field-d{margin-bottom:13px}.field-d label{display:block;font-size:11px;font-weight:700;letter-spacing:.06em;color:#8ba0c2;margin-bottom:7px}.field-d input{width:100%;border:1.5px solid rgba(255,255,255,.24);border-radius:13px;padding:14px;font:inherit;font-size:16px;background:#ffffff1c;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.field-d input::placeholder{color:#6f83a6}.field-d input:focus{outline:none;border-color:#22c55e;box-shadow:0 0 0 4px #22c55e2e}.login-foot{text-align:center;color:#7286a8;font-size:12px;margin-top:18px}.finish-dark{max-width:540px;margin:0 auto;min-height:100%;background:linear-gradient(170deg,#25406f 0%,var(--azul) 55%,#16264a 100%);display:flex;flex-direction:column;padding:26px;padding-bottom:max(26px,env(safe-area-inset-bottom))}.finish-dark .check{width:96px;height:96px;border-radius:50%;margin:0 auto 22px;background:#16a34a;color:#fff;display:grid;place-items:center;font-size:48px;box-shadow:0 14px 34px #16a34a6b;animation:pop .45s cubic-bezier(.2,1.4,.4,1) both}.finish-dark h2{color:#fff;font-size:23px;font-weight:750;margin:0 0 10px}.finish-dark p{color:#b9c6dd;font-size:14.5px;line-height:1.55;margin:0}.finish-dark .meta{color:#7286a8;font-size:12.5px;margin-top:16px;letter-spacing:.02em}.login-wrap{min-height:100%;display:flex;flex-direction:column;justify-content:center;padding:28px 22px}.brand-mark{width:72px;height:72px;border-radius:20px;margin:0 auto 16px;background:linear-gradient(135deg,var(--azul),var(--azul-500));display:grid;place-items:center;box-shadow:var(--shadow-brand)}.brand-mark svg{width:42px;height:42px}.login-title{text-align:center;font-size:23px;font-weight:780;letter-spacing:-.02em;margin:0 0 4px}.login-sub{text-align:center;color:var(--muted);font-size:14px;margin:0 0 26px}@keyframes pop{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}@keyframes rise{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}.fade-in{animation:rise .28s ease both}.spinner{width:18px;height:18px;border-radius:50%;border:2.5px solid rgba(255,255,255,.35);border-top-color:#fff;animation:spin .7s linear infinite;display:inline-block}.btn.secondary .spinner{border-color:#1f386440;border-top-color:var(--azul)}@keyframes spin{to{transform:rotate(360deg)}}