:root{--primario: #1d1d1d;--primario-oscuro: #000000;--rosa: #d98fa9;--rosa-suave: #f6dbe4;--fondo: #fdfbfc;--tarjeta: #ffffff;--texto: #1d1d1d;--texto-suave: #8d8389;--borde: #eee2e7;--verde: #0ca678;--verde-fondo: #e6f7f1;--amarillo: #b26a00;--amarillo-fondo: #fdf3df;--rojo: #d6455b;--rojo-fondo: #fbe7ea;--azul: #b36b85;--azul-fondo: #f6dbe4;--radio: 16px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--fondo);color:var(--texto);font-size:16px;-webkit-font-smoothing:antialiased}#root{min-height:100dvh;display:flex;flex-direction:column}.pagina{flex:1;padding:16px 16px calc(84px + env(safe-area-inset-bottom));max-width:720px;width:100%;margin:0 auto}.encabezado{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.encabezado h1{font-size:25px;margin:0;color:var(--texto);font-family:Georgia,Times New Roman,serif;letter-spacing:.3px}.subtitulo{color:var(--texto-suave);font-size:14px;margin:2px 0 0}.nav{position:fixed;bottom:0;left:0;right:0;z-index:40;background:var(--tarjeta);border-top:1px solid var(--borde);display:flex;justify-content:space-around;padding:6px 4px calc(6px + env(safe-area-inset-bottom))}.nav a{display:flex;flex-direction:column;align-items:center;gap:2px;text-decoration:none;color:var(--texto-suave);font-size:11px;padding:4px 10px;border-radius:10px;min-width:56px}.nav a.activo{color:var(--primario);font-weight:700}.nav a svg{width:24px;height:24px}.tarjeta{background:var(--tarjeta);border:1px solid var(--borde);border-radius:var(--radio);padding:16px;margin-bottom:12px}.tarjeta.apretada{padding:12px 16px}.tarjeta-hero{border:none;color:var(--texto);border-radius:20px;background:var(--rosa-suave);box-shadow:0 6px 18px #d98fa94d}.tarjeta-hero .texto-suave{color:#6d5560!important}.tarjeta-hero .numero-grande.positivo{color:#0b7a5c}.tarjeta-hero .numero-grande.negativo{color:#b5384b}.lista-item{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 4px;border-bottom:1px solid var(--borde);text-decoration:none;color:inherit}.lista-item:last-child{border-bottom:none}button,.boton{font:inherit;border:none;cursor:pointer;text-decoration:none;border-radius:var(--radio);font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:8px}.boton-primario{background:var(--primario);color:#fff;padding:14px 20px;font-size:17px;width:100%}.boton-primario:active{background:var(--primario-oscuro)}.boton-primario:disabled{opacity:.5}.boton-secundario{background:var(--tarjeta);color:var(--primario);border:1.5px solid var(--primario);padding:12px 18px;font-size:16px}.boton-chico{padding:8px 14px;font-size:14px;background:var(--fondo);color:var(--texto);border:1px solid var(--borde)}.boton-peligro{background:var(--rojo-fondo);color:var(--rojo);padding:10px 16px;font-size:15px}.accesos{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin:14px 0}.acceso{border-radius:var(--radio);padding:18px 8px;text-align:center;text-decoration:none;font-weight:700;font-size:15px;display:flex;flex-direction:column;gap:4px;align-items:center;box-shadow:0 3px 10px #1d1d1d14}.acceso:nth-child(1){background:#1d1d1d;color:#fff}.acceso:nth-child(2){background:var(--rosa);color:#fff}.acceso:nth-child(3){background:#fff;color:var(--texto);border:1.5px solid var(--texto)}.acceso span.mas{font-size:28px;line-height:1}label.campo{display:block;margin-bottom:14px}label.campo>span{display:block;font-size:14px;color:var(--texto-suave);margin-bottom:6px;font-weight:600}input,select,textarea{font:inherit;width:100%;padding:13px 14px;border:1.5px solid var(--borde);border-radius:12px;background:#fff;color:var(--texto);font-size:17px}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primario)}.fila{display:flex;gap:10px}.fila>*{flex:1}.numero-grande{font-size:40px;font-weight:800;letter-spacing:-1px}.positivo{color:var(--verde)}.negativo{color:var(--rojo)}.pill{display:inline-block;padding:4px 10px;border-radius:999px;font-size:13px;font-weight:700;white-space:nowrap}.pill.verde{background:var(--verde-fondo);color:var(--verde)}.pill.amarillo{background:var(--amarillo-fondo);color:var(--amarillo)}.pill.rojo{background:var(--rojo-fondo);color:var(--rojo)}.pill.azul{background:var(--azul-fondo);color:var(--azul)}.pill.gris{background:var(--fondo);color:var(--texto-suave)}.alerta{display:flex;gap:10px;align-items:flex-start;background:var(--amarillo-fondo);border-radius:12px;padding:12px 14px;margin-bottom:8px;font-size:15px;color:#6b4a00;text-decoration:none}.alerta.abono{background:var(--rojo-fondo);color:#8c1d1a;font-weight:600}.modal-fondo{position:fixed;top:0;right:0;bottom:0;left:0;background:#1e141c80;z-index:50;display:flex;align-items:flex-end;justify-content:center}.modal{background:var(--tarjeta);border-radius:20px 20px 0 0;width:100%;max-width:720px;max-height:88dvh;overflow-y:auto;padding:20px 16px calc(20px + env(safe-area-inset-bottom))}.modal h2{margin:0 0 16px;font-size:20px}@media (min-width: 600px){.modal-fondo{align-items:center;padding:20px}.modal{border-radius:20px}}.grilla{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (min-width: 600px){.grilla{grid-template-columns:1fr 1fr 1fr}}.producto{background:var(--tarjeta);border:1px solid var(--borde);border-radius:var(--radio);overflow:hidden;text-decoration:none;color:inherit;display:flex;flex-direction:column}.producto .foto{height:110px;background:linear-gradient(135deg,#f6dbe4,#fdf1f5);display:flex;align-items:center;justify-content:center;font-size:40px;background-size:cover;background-position:center}.producto:nth-child(3n+2) .foto{background:linear-gradient(135deg,#efeae7,#faf5f2)}.producto:nth-child(3n) .foto{background:linear-gradient(135deg,#fdf1f5,#f6dbe4)}.producto .cuerpo{padding:10px 12px 12px}.producto .nombre{font-weight:700;font-size:15px;margin-bottom:6px}.calendario{width:100%;border-collapse:collapse;table-layout:fixed}.calendario th{font-size:12px;color:var(--texto-suave);padding:6px 0;font-weight:600}.calendario td{height:52px;border:1px solid var(--borde);vertical-align:top;padding:3px 4px;font-size:13px;border-radius:6px}.calendario td.hoy{background:var(--azul-fondo)}.punto{width:8px;height:8px;border-radius:99px;display:inline-block;margin:2px 2px 0 0}.est-cotizado{background:var(--fondo);color:var(--texto-suave)}.est-confirmado{background:var(--azul-fondo);color:var(--azul)}.est-entregado{background:var(--amarillo-fondo);color:var(--amarillo)}.est-cobrado{background:var(--verde-fondo);color:var(--verde)}.punto.est-cotizado{background:#b9aeb8}.punto.est-confirmado{background:var(--azul)}.punto.est-entregado{background:var(--amarillo)}.punto.est-cobrado{background:var(--verde)}.badge-sync{background:var(--amarillo-fondo);color:var(--amarillo);font-size:12px;font-weight:700;padding:4px 10px;border-radius:999px}.vacio{text-align:center;color:var(--texto-suave);padding:30px 10px;font-size:15px}.error-texto{color:var(--rojo);font-size:15px;margin:8px 0}.aviso-suave{background:var(--amarillo-fondo);color:#6b4a00;border-radius:12px;padding:12px 14px;font-size:15px;margin:10px 0}.separador{border:none;border-top:1px solid var(--borde);margin:14px 0}.texto-suave{color:var(--texto-suave);font-size:14px}.centrado{text-align:center}a.enlace{color:var(--primario);font-weight:600}.oculto-visual{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}