@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Inter:wght@400;500;600;700&display=swap";*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:Inter,system-ui,sans-serif;background:#fff;color:#16324f}.sgrot{font-family:Space Grotesk,sans-serif}button{font-family:inherit;cursor:pointer}.app-shell{min-height:100vh;display:flex;flex-direction:column;max-width:640px;margin:0 auto;background:#fff}.page-wrap{display:flex;flex-direction:column;flex:1;width:100%;min-width:0}.page{padding:16px 20px 28px;display:flex;flex-direction:column;gap:16px}.page--tight{gap:14px}.page-body{display:flex;flex-direction:column;gap:16px}.page--tight .page-body{gap:14px}.auth-page{flex:1;display:flex;flex-direction:column;padding:28px 20px}.centros-grid,.centros-col{display:contents}.centros-lista{display:none}.horarios-grid,.hcol,.hbloque{display:contents}.historial-lista{display:flex;flex-direction:column;gap:8px;max-height:292px;overflow-y:auto;padding-right:4px}.pie-legal{display:flex;justify-content:center;align-items:center;gap:8px;padding:18px 20px 26px;font-size:12px;color:#90a6c4}.pie-legal button{background:none;border:none;color:#90a6c4;font-size:12px;padding:2px 0;text-decoration:underline}.pie-legal button:hover{color:#2857a6}.materiales-grid,.mat-col{display:contents}.mat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mat-card{border:1.5px solid #E1E9F5;border-radius:14px;padding:8px;background:#fff;display:flex;flex-direction:column;gap:8px;transition:border-color .12s ease,box-shadow .12s ease}.mat-card.sel{border-color:#2857a6;box-shadow:0 0 0 3px #2857a61a}.mat-foto{position:relative;border:none;padding:0;background:#f4f8fd;border-radius:10px;overflow:hidden;aspect-ratio:1 / 1;width:100%;display:block}.mat-foto img{width:100%;height:100%;object-fit:cover;display:block}.mat-sinfoto{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#8da2bd}.mat-check{position:absolute;top:6px;right:6px;width:24px;height:24px;border-radius:999px;background:#2857a6;color:#fff;display:flex;align-items:center;justify-content:center}.mat-nombre{font-size:13px;font-weight:600;line-height:1.3}.mat-cantidad{display:flex;align-items:center;justify-content:space-between;gap:6px}.mat-cantidad button{width:34px;height:34px;flex-shrink:0;border:1px solid #DCE6F2;border-radius:9px;background:#fff;display:flex;align-items:center;justify-content:center;color:#2857a6}.mat-cantidad button:disabled{opacity:.4}.mat-cantidad span{font-size:15px;font-weight:700;min-width:22px;text-align:center}.mat-lista{display:flex;flex-direction:column;gap:8px}.mat-fila{display:flex;align-items:center;gap:10px;border:1px solid #E1E9F5;border-radius:12px;padding:10px 12px;background:#fff}.mat-mini{width:44px;height:44px;flex-shrink:0;border:1px solid #E1E9F5;border-radius:9px;background:#f4f8fd;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:0}.mat-mini img{width:100%;height:100%;object-fit:cover}.mat-fechas{display:flex;gap:10px}.mat-total{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;background:#eaf1fb;border:1px solid #D6E4F7;border-radius:12px;padding:14px 16px}.mat-fila.editando{border-color:#2857a6;background:#f7fafe;box-shadow:0 0 0 3px #2857a614}.pedido-card{border:1px solid #E1E9F5;border-radius:12px;padding:12px;background:#fff;cursor:pointer;transition:border-color .12s ease,box-shadow .12s ease}.pedido-card:hover{border-color:#c6d6ea;box-shadow:0 4px 14px #16324f1a}.pedido-detalle{display:flex;flex-direction:column;gap:14px}.aviso-ok{position:fixed;left:50%;bottom:20px;transform:translate(-50%);z-index:60;display:inline-flex;align-items:center;gap:8px;max-width:calc(100vw - 32px);background:#e7f6ee;border:1px solid #A8DBC0;color:#1e6b45;font-size:13.5px;font-weight:600;padding:11px 16px;border-radius:999px;box-shadow:0 6px 20px #16324f29;animation:aviso-ok-entra .18s ease-out}@keyframes aviso-ok-entra{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@media (prefers-reduced-motion: reduce){.aviso-ok{animation:none}}.header{padding:22px 20px 14px;border-bottom:1px solid #E1E9F5;background:#fff}.header-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;row-gap:0}.header-company{display:flex;align-items:center;gap:8px;margin-top:10px;flex-basis:100%}.logo-box{width:38px;height:38px;border-radius:10px;object-fit:contain;flex-shrink:0}.role-pill{margin-top:10px;display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:#3d5a82;background:#eaf1fb;padding:4px 10px;border-radius:999px}.chip{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;border:1.5px solid #DCE6F2;background:#fff;white-space:nowrap;font-weight:600;font-size:14px;color:#16324f}.chip.active{background:#2857a6;color:#fff;border-color:#2857a6}.task-card{background:#fff;border-radius:16px;border:1.5px solid #2857A6;padding:16px;display:flex;flex-direction:column;gap:12px}.task-card.done{border-color:#8fe1b0;background:linear-gradient(180deg,#fff,#f0fbf4)}.stamp{display:inline-flex;align-items:center;gap:6px;padding:5px 2px;border-radius:8px;background:none;color:#1e8f55;font-weight:700;font-size:12.5px;border:none}.stamp.pending{background:none;color:#a9762b;border:none}.btn-primary{background:#2857a6;color:#fff;border:none;border-radius:12px;padding:11px 18px;font-weight:600;font-size:14.5px;display:inline-flex;align-items:center;gap:8px}.btn-primary:disabled{opacity:.6}.btn-ghost{background:transparent;border:1.5px solid #DCE6F2;border-radius:12px;padding:10px 14px;font-weight:600;font-size:14px;color:#3d5a82;display:inline-flex;align-items:center;gap:6px}input[type=text],input[type=password],input[type=date],select{font-family:inherit;border:1.5px solid #DCE6F2;border-radius:10px;padding:10px 12px;font-size:14.5px;outline:none;width:100%;box-sizing:border-box}input:focus,select:focus{border-color:#2857a6}.tab-bar{display:flex;gap:6px;padding:4px;background:#e7effb;border-radius:12px;overflow-x:auto}.tab-btn{flex:0 0 auto;border:none;background:transparent;padding:9px 12px;border-radius:9px;font-weight:600;font-size:13px;color:#56708f;display:flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}.tab-btn.active{background:#fff;color:#2857a6;box-shadow:0 1px 3px #2857a626}.role-card{flex:1;border:1.5px solid #DCE6F2;background:#fff;border-radius:16px;padding:20px 14px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.checkbox-row{display:flex;align-items:center;gap:8px;padding:6px 0;font-size:14px}.error-banner{background:#fceeee;color:#a23b3b;padding:8px 20px;font-size:13px}@media (min-width: 900px){:root{--page-max: 1040px;--field-max: 420px}body{background:#eff4fa}.app-shell{max-width:100%;background:transparent;overflow-x:clip}.header{padding:16px 0 14px}.header-company{flex-basis:auto;margin-top:0;margin-left:8px}.header-row>.logo-box{order:1}.header-row>div{order:2}.header-row>.header-company{order:3}.header-row>.btn-ghost{order:4}.header-inner{width:100%;max-width:var(--page-max);margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px}.page{width:100%;max-width:var(--page-max);margin-left:auto;margin-right:auto;padding:0 24px 56px;gap:0}.page>.error-banner{margin:0 0 10px}.tab-bar{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);background:#fff;border-radius:0;border-bottom:1px solid #E1E9F5;padding:10px 24px;overflow-x:visible;flex-wrap:wrap;justify-content:center;gap:4px;row-gap:6px;position:sticky;top:0;z-index:20;box-shadow:0 6px 14px -8px #16324f2e}.tab-btn{padding:9px 16px;font-size:13.5px;border-radius:999px;transition:background .12s ease,color .12s ease}.tab-btn:hover{background:#f1f5fb;color:#2857a6}.tab-btn.active,.tab-btn.active:hover{background:#2857a6;color:#fff;box-shadow:none}.page-body,.page--tight .page-body{margin-top:28px;padding:32px;gap:18px;background:#fff;border:1px solid #E4EBF4;border-radius:16px;box-shadow:0 1px 2px #16324f0a,0 10px 28px #16324f0d}.auth-page{flex:0 0 auto;width:100%;max-width:460px;margin:44px auto;padding:32px 28px;background:#fff;border:1px solid #E4EBF4;border-radius:18px;box-shadow:0 1px 2px #16324f0a,0 10px 28px #16324f0d}.centros-grid{display:grid;grid-template-columns:320px minmax(0,1fr);gap:28px;align-items:start}.centros-col{display:flex;flex-direction:column;gap:14px}.centros-col--izq{border-right:1px solid #E1E9F5;padding-right:28px}.centros-col--izq .field,.centros-col--izq input[type=text]{max-width:none}.centros-lista{display:flex;flex-direction:column;gap:2px}.centro-item{text-align:left;background:none;border:none;border-left:3px solid transparent;border-radius:10px;padding:10px 12px;font-size:14px;color:#16324f;transition:background .12s ease,border-color .12s ease}.centro-item:hover{background:#f4f8fd}.centro-item.sel{background:#eaf1fb;border-left-color:#2857a6;color:#1e4787;font-weight:600}.centro-item:focus-visible{outline:2px solid #2857A6;outline-offset:2px}.centros-col--der:empty:before{content:"Elige un centro de la lista para ver sus operarios y sus tareas.";display:block;border:1px dashed #D3E0F0;border-radius:12px;padding:28px;text-align:center;color:#5a7290;font-size:13.5px}.horarios-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:24px;align-items:start}.hcol{display:flex;flex-direction:column;gap:24px}.hbloque{display:flex;flex-direction:column;gap:12px;background:#fafcff;border:1px solid #E7EEF7;border-radius:14px;padding:20px}.sin-datos{border:1px dashed #D3E0F0;border-radius:10px;padding:18px;text-align:center}.materiales-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:24px;align-items:start}.mat-col{display:flex;flex-direction:column;gap:24px}.mat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.mat-card{padding:10px}.mat-nombre{font-size:13.5px}.mat-fila{padding:12px 14px}.mat-fila:hover{box-shadow:0 4px 14px #16324f14}.mat-mini{width:52px;height:52px;cursor:zoom-in}.mat-cantidad button:hover:not(:disabled){background:#f1f5fb;border-color:#c6d6ea}.pedido-detalle{max-width:720px;margin-left:auto;margin-right:auto;width:100%}.field,input[type=text],input[type=password],input[type=date],input[type=month],select{max-width:var(--field-max)}.btn-primary{transition:background .12s ease,box-shadow .12s ease}.btn-primary:hover:not(:disabled){background:#1f4a93;box-shadow:0 2px 8px #2857a640}.btn-ghost{transition:background .12s ease,border-color .12s ease}.btn-ghost:hover{background:#f4f8fd;border-color:#c6d6ea;color:#2857a6}input:focus,select:focus{box-shadow:0 0 0 3px #2857a61f}.dropdown>button{transition:box-shadow .1s ease}.dropdown>button:hover{box-shadow:inset 0 0 0 999px #2857a60f}.task-card{transition:box-shadow .14s ease,border-color .14s ease}.task-card:hover{box-shadow:0 4px 14px #16324f1a}.role-card{transition:border-color .14s ease,box-shadow .14s ease,background .14s ease}.role-card:hover{border-color:#2857a6;background:#f7fafe;box-shadow:0 4px 14px #2857a61f}.chip{transition:border-color .12s ease,background .12s ease}.chip:not(.active):hover{border-color:#b9cde6;background:#f7fafe}.btn-primary:focus-visible,.btn-ghost:focus-visible,.tab-btn:focus-visible,.role-card:focus-visible,.chip:focus-visible{outline:2px solid #2857A6;outline-offset:2px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background:#cfe0f6;color:#16324f}*{scrollbar-width:thin;scrollbar-color:#C3D3E8 transparent}::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#c3d3e8;border-radius:999px;border:3px solid #EFF4FA}::-webkit-scrollbar-thumb:hover{background:#a8bfdc}}