:root{--crema:#fdf6ec;--pan:#b5772a;--pan-oscuro:#8a5a1e;--tinta:#3a2e21;--suave:#8d7f6d;--borde:#e8dcc8;--blanco:#fff;--ok:#2e7d32;--alerta:#c62828}*{box-sizing:border-box}body{background:var(--crema);color:var(--tinta);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}h1{margin:.5rem 0;font-size:1.4rem}h2{color:var(--pan-oscuro);text-transform:uppercase;letter-spacing:.03em;margin:0 0 .5rem;font-size:1rem}.app{min-height:100vh}.contenido{max-width:1100px;margin:0 auto;padding:1rem}.barra{background:var(--pan);color:var(--blanco);z-index:10;justify-content:space-between;align-items:center;padding:.6rem 1rem;display:flex;position:sticky;top:0}.barra .logo{color:var(--blanco);font-size:1.1rem;font-weight:700;text-decoration:none}.barra nav{scrollbar-width:none;white-space:nowrap;align-items:center;gap:1rem;display:flex;overflow-x:auto}.barra nav::-webkit-scrollbar{display:none}.barra nav a{color:var(--blanco);font-size:.95rem;text-decoration:none}.barra .enlace{color:var(--blanco);cursor:pointer;background:0 0;border:none;padding:0;font-size:.95rem;text-decoration:underline}input,select,button{font:inherit;border:1px solid var(--borde);background:var(--blanco);color:var(--tinta);border-radius:8px;padding:.55rem .7rem}input:focus,select:focus{outline:2px solid var(--pan);border-color:var(--pan)}label{flex-direction:column;gap:.25rem;font-size:.9rem;display:flex}button{cursor:pointer}button.primario{background:var(--pan);color:var(--blanco);border:none;font-weight:600}button.primario:hover{background:var(--pan-oscuro)}button.primario:disabled{opacity:.6;cursor:not-allowed}button.peligro{color:var(--alerta);background:#fdecea;border-color:#f5c6c0}button.icono{background:0 0;border:none;padding:.2rem .35rem;font-size:1.05rem;line-height:1}button.icono:hover{background:var(--crema);border-radius:6px}button.icono.con-foto{filter:none}.error{color:var(--alerta);background:#fdecea;border-radius:8px;padding:.6rem .8rem;font-size:.92rem}.suave{color:var(--suave);font-size:.92rem}.subtitulo{color:var(--suave);margin:.2rem 0 0}.login-caja{background:var(--blanco);border:1px solid var(--borde);text-align:center;border-radius:14px;max-width:360px;margin:12vh auto 0;padding:2rem}.login-caja h1{font-size:1.8rem}.login-caja form{text-align:left;flex-direction:column;gap:.9rem;margin-top:1.2rem;display:flex}.filtros{flex-wrap:wrap;gap:1rem;margin:1rem 0;display:flex}.filtros label{flex:1;min-width:160px;max-width:260px}.nueva-planilla{flex-wrap:wrap;gap:.6rem;margin-bottom:1.2rem;display:flex}.tabla-lista{border-collapse:collapse;background:var(--blanco);border:1px solid var(--borde);border-radius:10px;width:100%;overflow:hidden}.tabla-lista th,.tabla-lista td{text-align:left;padding:.65rem .8rem;font-size:.95rem}.tabla-lista thead{background:var(--crema);color:var(--pan-oscuro)}.tabla-lista tbody tr{border-top:1px solid var(--borde);cursor:pointer}.tabla-lista tbody tr:hover{background:var(--crema)}.tabla-lista .num{text-align:right;font-variant-numeric:tabular-nums}.cabecera-planilla{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.acciones-cabecera{flex-wrap:wrap;gap:.5rem;display:flex}.volver{color:var(--pan-oscuro);font-size:.9rem;text-decoration:none}.grid-secciones{grid-template-columns:1fr;gap:1rem;display:grid}@media (width>=720px){.grid-secciones{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1000px){.grid-secciones{grid-template-columns:repeat(3,minmax(0,1fr))}}.seccion{background:var(--blanco);border:1px solid var(--borde);border-radius:12px;min-width:0;padding:1rem}.movimientos{margin:0;padding:0;list-style:none}.movimientos li{border-bottom:1px dashed var(--borde)}.fila{align-items:center;gap:.35rem;padding:.4rem 0;display:flex}.fila .desc{cursor:pointer;overflow-wrap:anywhere;flex:1}.fila .valor{font-variant-numeric:tabular-nums;cursor:pointer;white-space:nowrap}.fila-edicion{align-items:center;gap:.35rem;padding:.35rem 0;display:flex}.fila-edicion input:first-child{flex:1;min-width:0}.fila-edicion input[type=number]{width:110px}.agregar{gap:.4rem;margin-top:.7rem;display:flex}.agregar input:first-child{flex:1;min-width:0}.agregar input[type=number]{width:110px}.agregar-btn{background:var(--pan);color:var(--blanco);border-radius:8px;font-weight:700}.agregar-btn:hover{background:var(--pan-oscuro)}.total-seccion{border-top:2px solid var(--pan);justify-content:space-between;margin-top:.8rem;padding-top:.6rem;font-size:.95rem;display:flex}.resumen{border:2px solid var(--pan)}.linea-resumen{justify-content:space-between;align-items:center;gap:.5rem;padding:.35rem 0;font-size:.95rem;display:flex}.linea-resumen.editable label{flex:1}.linea-resumen.editable input{text-align:right;width:140px}.linea-resumen.destacada{border-top:2px solid var(--pan);margin-top:.3rem;padding-top:.6rem;font-size:1.05rem}.linea-resumen.ok{color:var(--ok)}.linea-resumen.alerta{color:var(--alerta);font-weight:600}.visor-fondo{z-index:50;background:#000000bf;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.visor{background:var(--blanco);border-radius:12px;flex-direction:column;gap:.7rem;max-width:min(680px,95vw);max-height:90vh;padding:.8rem;display:flex}.visor img{object-fit:contain;border-radius:8px;max-width:100%;max-height:70vh}.visor iframe{border:1px solid var(--borde);border-radius:8px;width:min(640px,90vw);height:70vh}.botones-soporte{gap:.1rem;display:inline-flex}.sin-soporte{color:var(--suave);padding:.2rem .5rem}.tabla-logs{font-size:.88rem}.tabla-logs td,.tabla-logs th{padding:.5rem .55rem}.tabla-logs .nowrap{white-space:nowrap}.fila-log{cursor:default}.tabla-logs a{color:var(--pan-oscuro)}.visor-acciones{flex-wrap:wrap;justify-content:center;gap:.6rem;display:flex}.form-usuario{background:var(--blanco);border:1px solid var(--borde);border-radius:12px;flex-direction:column;gap:.9rem;margin:1rem 0;padding:1rem;display:flex}.campos-usuario{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:.8rem;display:grid}.sedes-asignadas{border:1px dashed var(--borde);border-radius:10px;padding:.7rem .9rem}.sedes-asignadas legend{color:var(--pan-oscuro);padding:0 .3rem;font-size:.9rem}.chips{flex-wrap:wrap;gap:.5rem;display:flex}.chip{border:1px solid var(--borde);cursor:pointer;background:var(--blanco);-webkit-user-select:none;user-select:none;border-radius:999px;flex-direction:row;align-items:center;gap:.4rem;padding:.35rem .8rem}.chip.activa{background:var(--pan);color:var(--blanco);border-color:var(--pan-oscuro)}.chip input{display:none}.acciones-form{gap:.6rem;display:flex}.aviso{color:var(--ok);background:#e8f5e9;border-radius:8px;padding:.6rem .8rem;font-size:.92rem}.lista-usuarios{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.lista-usuarios li{background:var(--blanco);border:1px solid var(--borde);border-radius:10px;justify-content:space-between;align-items:center;gap:.6rem;padding:.7rem .9rem;display:flex}.lista-usuarios .acciones{gap:.3rem;display:flex}.etiqueta{letter-spacing:.04em;background:var(--crema);color:var(--pan-oscuro);border:1px solid var(--borde);border-radius:999px;margin-left:.5rem;padding:.12rem .5rem;font-size:.72rem;font-weight:700;display:inline-block}.etiqueta.root{background:var(--pan);color:var(--blanco);border-color:var(--pan-oscuro)}.sedes-texto{margin-top:.15rem;font-size:.85rem}.form-panaderia{flex-wrap:wrap;gap:.6rem;margin:1rem 0;display:flex}.form-panaderia input{flex:1;min-width:180px}.lista-panaderias{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.lista-panaderias li{background:var(--blanco);border:1px solid var(--borde);border-radius:10px;justify-content:space-between;align-items:center;padding:.7rem .9rem;display:flex}.lista-panaderias .acciones{gap:.3rem;display:flex}.form-reporte{background:var(--blanco);border:1px solid var(--borde);border-radius:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.8rem;margin:1rem 0 .6rem;padding:1rem;display:grid}.atajos-periodo{gap:.5rem;margin-bottom:1rem;display:flex}.botones-reporte{flex-wrap:wrap;gap:.6rem;margin-top:.6rem;display:flex}.botones-reporte .primario{flex:1;min-width:220px}.nota-reporte{margin-top:.6rem}.tabla-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}@media (width<=520px){.contenido{padding:.7rem}.barra{gap:.6rem;padding:.5rem .7rem}.barra nav{gap:.75rem}h1{font-size:1.25rem}input,select,button{min-height:42px}button.icono{min-height:0;padding:.35rem .45rem;font-size:1.15rem}.chip{min-height:0}.tabla-lista th,.tabla-lista td{padding:.5rem .45rem;font-size:.87rem}.filtros label{max-width:none}.linea-resumen.editable input{width:120px}.agregar input[type=number],.fila-edicion input[type=number]{width:96px}.visor{padding:.5rem}.visor iframe{width:92vw;height:62vh}}@media (width>=600px) and (width<=1024px) and (aspect-ratio>=3/4) and (aspect-ratio<=4/3){.grid-secciones{grid-template-columns:repeat(2,minmax(0,1fr))}.contenido{padding:.8rem 1rem}}