:root{--color-fondo: #FFF5F6;--color-rosa: #FFD1DC;--color-durazno: #FFDAB9;--color-acento: #FF9B9B;--color-texto: #4A4A4A;--color-texto-oscuro: #5D4037;--color-gris: #888888;--color-exito: #7FB89A;--color-error: #E57373}*{box-sizing:border-box}body{margin:0;background:#f3e9e4;color:var(--color-texto);font-family:Poppins,system-ui,sans-serif}.app{max-width:480px;margin:0 auto;height:100vh;height:100dvh;overflow:hidden;background-color:var(--color-fondo);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cg fill='none' stroke='%235D4037' stroke-width='1.4' opacity='0.055'%3E%3Ccircle cx='30' cy='34' r='17'/%3E%3Ccircle cx='24' cy='27' r='1.6' fill='%235D4037' stroke='none'/%3E%3Ccircle cx='37' cy='30' r='1.6' fill='%235D4037' stroke='none'/%3E%3Ccircle cx='28' cy='41' r='1.6' fill='%235D4037' stroke='none'/%3E%3Ccircle cx='38' cy='41' r='1.6' fill='%235D4037' stroke='none'/%3E%3Cpath d='M140 26c-4.5-7-16-4.5-16 4 0 8 16 18 16 18s16-10 16-18c0-8.5-11.5-11-16-4z'/%3E%3Ccircle cx='120' cy='125' r='15'/%3E%3Ccircle cx='114' cy='119' r='1.4' fill='%235D4037' stroke='none'/%3E%3Ccircle cx='126' cy='122' r='1.4' fill='%235D4037' stroke='none'/%3E%3Ccircle cx='118' cy='131' r='1.4' fill='%235D4037' stroke='none'/%3E%3Cpath d='M35 130c-3.5-5.5-12.5-3.5-12.5 3 0 6 12.5 14 12.5 14s12.5-8 12.5-14c0-6.5-9-8.5-12.5-3z'/%3E%3C/g%3E%3C/svg%3E");background-repeat:repeat;display:flex;flex-direction:column;box-shadow:0 0 40px #0000000a}.encabezado{position:relative;text-align:center;padding:16px 16px 10px;flex:none}.titulo-app{font-family:Dancing Script,cursive;font-size:2rem;color:var(--color-acento);margin:0}.subtitulo-app{font-size:.7rem;letter-spacing:1.5px;text-transform:uppercase;color:var(--color-gris);margin:4px 0 0}.lote-activo-indicador{display:inline-flex;align-items:center;gap:5px;margin:6px 0 0;padding:5px 14px;background:#fff;border-radius:20px;font-size:.72rem;color:var(--color-texto-oscuro);box-shadow:0 2px 8px #0000000a}.lote-activo-indicador svg{color:var(--color-acento);flex-shrink:0}.boton-salir{position:absolute;top:14px;right:16px;background:none;border:none;color:var(--color-gris);cursor:pointer}.contenido{position:relative;flex:1;min-height:0;display:flex;flex-direction:column;padding:8px 16px 0;overflow:hidden}.contenido>div{flex:1;min-height:0;display:flex;flex-direction:column}.pagina{flex:1;min-height:0;display:flex;flex-direction:column}.lista-scroll{flex:1;min-height:0;overflow-y:auto;padding:2px 2px 16px;margin:0 -2px;overscroll-behavior:contain}.pagina h2{color:var(--color-texto-oscuro);font-size:1.3rem}.encabezado-pagina{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.nav-inferior{flex:none;width:100%;display:flex;justify-content:space-around;background:#fff;border-top:1px solid #F5E4E4;padding:8px 0 max(8px,env(safe-area-inset-bottom))}.nav-item{background:none;border:none;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:.65rem;color:var(--color-gris);cursor:pointer;padding:4px 8px}.nav-item.activo{color:var(--color-acento)}.tarjeta{background:#fff;border-radius:20px;padding:16px;margin-bottom:14px;box-shadow:0 4px 15px #00000008;border-top:6px solid var(--color-acento)}.tarjeta h3{margin:0 0 4px;color:var(--color-texto-oscuro)}.fila-entre{display:flex;justify-content:space-between;align-items:center;gap:8px}.acciones{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.acciones button{background:var(--color-fondo);border:none;border-radius:12px;padding:8px;color:var(--color-texto-oscuro);cursor:pointer}.acciones-lote-activo{margin-bottom:8px}.acciones-lote-activo .boton{flex:1;padding:10px 14px;font-size:.85rem}.boton{border:none;border-radius:30px;padding:14px 20px;font-weight:600;font-size:.95rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-family:inherit;margin-top:6px}.boton-primario{background:var(--color-durazno);color:var(--color-texto-oscuro)}.boton-outline{background:#fff;color:var(--color-acento);border:2px solid var(--color-rosa)}.boton-secundario{background:var(--color-rosa);color:var(--color-texto-oscuro);text-decoration:none;border-radius:30px;padding:8px 14px;font-size:.8rem;display:inline-flex;align-items:center;gap:6px}.badge{padding:4px 12px;border-radius:20px;font-size:.7rem;font-weight:600;white-space:nowrap}.badge-rosa{background:var(--color-rosa);color:var(--color-texto-oscuro)}.badge-durazno{background:var(--color-durazno);color:var(--color-texto-oscuro)}.badge-exito{background:#e3f1ea;color:var(--color-exito)}.badge-gris{background:#f0f0f0;color:var(--color-gris)}.badge-acento{background:#ffe3e3;color:var(--color-acento)}.barra-progreso-fondo{background:var(--color-fondo);border-radius:20px;height:8px;overflow:hidden;margin:8px 0}.barra-progreso-relleno{height:100%;border-radius:20px;background:linear-gradient(90deg,var(--color-rosa),var(--color-durazno))}.texto-gris{color:var(--color-gris);font-size:.85rem;margin:2px 0}.texto-exito{color:var(--color-exito);font-weight:600}.texto-error{color:var(--color-error);font-weight:600}.texto-total{font-weight:700;color:var(--color-texto-oscuro);font-size:1.05rem}.numero-animado{font-weight:700;color:var(--color-texto-oscuro);font-size:1.1rem;display:block}.modal-fondo{position:fixed;top:0;right:0;bottom:0;left:0;background:#4a4a4a59;display:flex;align-items:center;justify-content:center;padding:20px;z-index:50}.modal-central{background:#fff;width:100%;max-width:420px;max-height:85vh;overflow-y:auto;border-radius:24px;padding:20px}.modal-encabezado{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.modal-encabezado h2{margin:0;color:var(--color-texto-oscuro);font-size:1.1rem}.fila-titulo-modal{display:flex;align-items:center;gap:8px}.fila-titulo{display:flex;align-items:center;gap:6px}.fila-titulo h2{margin:0}.boton-ayuda{background:var(--color-fondo);border:none;border-radius:50%;width:26px;height:26px;min-width:26px;display:inline-flex;align-items:center;justify-content:center;color:var(--color-acento);cursor:pointer;padding:0}.texto-ayuda{color:var(--color-texto);line-height:1.5;margin:0}.boton-cerrar{background:none;border:none;color:var(--color-gris);cursor:pointer}.formulario{display:flex;flex-direction:column;gap:8px}.formulario label{font-size:.75rem;color:var(--color-gris);margin-top:6px}.input{border:1px solid #F0DCDC;border-radius:12px;padding:10px 12px;font-size:.9rem;font-family:inherit;background:var(--color-fondo);color:var(--color-texto)}.input-corto{max-width:80px}.fila-item{display:flex;gap:6px;align-items:center;margin-bottom:6px}.fila-item .input{flex:1}.fila-item button{background:none;border:none;color:var(--color-error);cursor:pointer}.mensaje-error{color:var(--color-error);font-size:.8rem;margin:4px 0}.selector-vista{display:flex;gap:8px;margin-bottom:14px}.selector-vista button{flex:1;border:none;background:#fff;border-radius:20px;padding:8px;font-size:.8rem;color:var(--color-gris);cursor:pointer}.selector-vista button.activo{background:var(--color-acento);color:#fff;font-weight:600}.lista-items{list-style:none;padding:0;margin:6px 0;font-size:.85rem;color:var(--color-texto)}.resumen-finanzas{display:flex;justify-content:space-between;background:#fff;border-radius:20px;padding:16px;margin-bottom:16px;box-shadow:0 4px 15px #00000008}.resumen-finanzas>div{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1}.pantalla-login{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:24px;max-width:480px;margin:0 auto}.form-login{display:flex;flex-direction:column;gap:10px;margin-top:24px}@media (min-width: 481px){body{display:flex;justify-content:center}}.campo-password{position:relative;display:flex}.campo-password .input{flex:1;padding-right:40px}.boton-ojo{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--color-gris);cursor:pointer}.boton-texto{background:none;border:none;color:var(--color-acento);font-size:.85rem;display:inline-flex;align-items:center;gap:4px;cursor:pointer;padding:8px 0;font-family:inherit}.boton-secundario-boton{background:var(--color-rosa);color:var(--color-texto-oscuro)}.fila-material{padding:8px 0;border-bottom:1px solid var(--color-fondo);font-size:.85rem}.grid-iconos{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 8px}.boton-icono{border:2px solid transparent;background:var(--color-fondo);border-radius:14px;padding:8px;color:var(--color-texto-oscuro);cursor:pointer}.boton-icono.seleccionado{border-color:var(--color-acento);background:#fff}.icono-galleta{background:var(--color-fondo);border-radius:14px;padding:8px;display:inline-flex;color:var(--color-acento)}.icono-estrella{color:var(--color-acento);display:inline;vertical-align:middle}.detalle-lote h3{color:var(--color-texto-oscuro);font-size:1rem;margin:16px 0 6px}.detalle-lote h4{margin:0 0 4px;color:var(--color-texto-oscuro)}.tarjeta-anidada{margin-bottom:10px;border-top-width:4px}.nav-item:disabled{opacity:.4;cursor:not-allowed}.tarjeta-lote{cursor:pointer;border-left:2px solid transparent;border-right:2px solid transparent;border-bottom:2px solid transparent;transition:background .2s,border-color .2s,box-shadow .2s}.tarjeta-lote.seleccionada{cursor:default;background:#fff0f3;border-left-color:var(--color-acento);border-right-color:var(--color-acento);border-bottom-color:var(--color-acento);box-shadow:0 6px 20px #ff9b9b38}.marca-actual{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:20px;background:var(--color-acento);color:#fff;font-size:.7rem;font-weight:600;white-space:nowrap}.banner-actual{display:flex;align-items:center;gap:10px;padding:12px 16px;margin-bottom:12px;border-radius:18px;background:linear-gradient(90deg,var(--color-rosa),var(--color-durazno));color:var(--color-texto-oscuro)}.banner-actual>div{display:flex;flex-direction:column}.banner-actual-etiqueta{font-size:.7rem;opacity:.8}.texto-pista{margin-bottom:10px}.pantalla-carga{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:var(--color-fondo);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px;text-align:center;color:var(--color-texto-oscuro)}.carga-icono{color:var(--color-acento);animation:girar 1.6s linear infinite}.carga-texto{margin:0;font-size:.95rem}.carga-barra{width:160px;height:6px;border-radius:20px;background:var(--color-rosa);overflow:hidden}.carga-barra-relleno{height:100%;border-radius:20px;background:var(--color-acento)}@keyframes girar{to{transform:rotate(360deg)}}.grid-colores{display:flex;flex-wrap:wrap;gap:10px;margin:4px 0 8px}.boton-color{width:30px;height:30px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 1px #e8d5d5;cursor:pointer;padding:0}.boton-color.seleccionado{box-shadow:0 0 0 2px var(--color-texto-oscuro)}.leyenda-items{display:flex;gap:6px;padding-right:30px;font-size:.72rem;color:var(--color-gris)}.leyenda-items span:first-child{flex:1}.leyenda-items span:last-child{width:80px}.boton-icono-simple{background:none;border:none;color:var(--color-gris);cursor:pointer;padding:4px;display:inline-flex}.formulario-material{margin-top:12px;padding-top:8px;border-top:1px solid var(--color-fondo)}.fila-resumen-galleta{margin-bottom:10px}.acciones .boton-primario{background:var(--color-durazno);border-radius:30px;padding:8px 16px;font-size:.85rem;margin-top:0}.acciones .boton-peligro{display:inline-flex;align-items:center;gap:6px;font-size:.85rem;color:var(--color-error)}.filtro-fechas{display:flex;gap:8px;align-items:center;margin-bottom:14px}.filtro-fechas button,.selector-fecha{border:2px solid transparent;background:#fff;border-radius:20px;padding:6px 14px;font-size:.8rem;font-family:inherit;color:var(--color-gris);cursor:pointer}.filtro-fechas button.activo{background:var(--color-acento);color:#fff;font-weight:600}.selector-fecha{display:inline-flex;align-items:center;gap:6px;flex:1;min-width:0}.selector-fecha.activo{border-color:var(--color-acento);color:var(--color-texto-oscuro)}.selector-fecha input{border:none;background:none;font-family:inherit;font-size:.8rem;color:inherit;min-width:0;flex:1;outline:none}.fecha-entrega{display:flex;align-items:center;gap:5px}.fecha-hoy{color:var(--color-acento);font-weight:600}.fecha-atrasada{color:var(--color-error);font-weight:600}.perlita{position:absolute;right:14px;bottom:0;z-index:20;display:flex;flex-direction:column;align-items:flex-end;gap:4px;max-width:calc(100% - 16px);pointer-events:none}.perlita-boton{position:relative;width:110px;height:120px;padding:0;border:none;background:none;cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent}.perlita-burbuja{margin:0;max-width:230px;padding:10px 14px;background:#fff;color:var(--color-texto-oscuro);border:1.5px solid var(--color-rosa);border-radius:16px 16px 4px;font-size:.85rem;line-height:1.35;box-shadow:0 6px 20px #5d40371a}.perlita-corazon{position:absolute;top:4px;left:50%;margin-left:-9px;color:var(--color-acento);pointer-events:none}.perlita-svg{display:block}.perlita-cabeza{transform-origin:55px 80px;animation:perlita-inclinar 3.4s ease-in-out infinite}.perlita-ojos{transform-origin:55px 46px;animation:perlita-parpadeo 4.2s infinite}@keyframes perlita-inclinar{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}@keyframes perlita-parpadeo{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}@media (prefers-reduced-motion: reduce){.perlita-cabeza,.perlita-ojos{animation:none}}