*{box-sizing:border-box;margin:0;padding:0}:root{--negro:#1a1a18;--arena:#c8b87a;--blanco:#f5f4f0;--gris:#ffffff14;--borde:#c8b87a33;--texto-muted:#f5f4f073;--radio:10px;--header-h:52px;--titulo-h:56px;--btn-h:44px}body{background:var(--negro);color:var(--blanco);min-height:100vh;font-family:Helvetica Neue,Arial,sans-serif;font-size:15px;line-height:1.5}.pantalla{flex-direction:column;max-width:480px;height:100vh;margin:0 auto;display:flex}.zona-header{height:var(--header-h);border-bottom:.5px solid #ffffff0a;flex-shrink:0;justify-content:space-between;align-items:center;padding:0 20px;display:flex}.zona-titulo{height:var(--titulo-h);flex-direction:column;flex-shrink:0;justify-content:center;padding:0 20px;display:flex}.zona-titulo h1{color:var(--blanco);font-family:Arial Black,sans-serif;font-size:18px;font-weight:900}.zona-titulo p{color:var(--texto-muted);margin-top:3px;font-size:11px}.zona-cuerpo{flex-direction:column;flex:1;padding:16px 20px;display:flex;overflow-y:auto}.zona-footer{flex-direction:column;flex-shrink:0;gap:8px;padding:12px 20px 20px;display:flex}.btn-primario{width:100%;height:var(--btn-h);background:var(--arena);color:var(--negro);border-radius:var(--radio);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;font-family:Arial Black,sans-serif;font-size:14px;font-weight:900;display:flex}.btn-primario:disabled{opacity:.4;cursor:not-allowed}.btn-secundario{width:100%;height:38px;color:var(--blanco);border-radius:var(--radio);cursor:pointer;background:0 0;border:.5px solid #ffffff1f;justify-content:center;align-items:center;font-size:13px;display:flex}.btn-whatsapp{width:100%;height:38px;color:var(--arena);border:.5px solid var(--borde);border-radius:var(--radio);cursor:pointer;background:0 0;justify-content:center;align-items:center;font-size:13px;display:flex}.isotipo{background:var(--arena);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;display:flex;position:relative}.isotipo-texto{color:var(--negro);letter-spacing:-.3px;font-family:Arial Black,sans-serif;font-size:8px;font-weight:900}.isotipo-punto{background:var(--negro);border-radius:50%;width:3.5px;height:3.5px;position:absolute;top:3px;right:2px}.logo-zut{color:var(--blanco);font-family:Arial Black,sans-serif;font-size:13px;font-weight:900}.logo-docs{color:var(--arena);font-family:Arial Black,sans-serif;font-size:13px;font-weight:900}.paso-indicador{color:var(--blanco);opacity:.3;letter-spacing:1px;font-size:10px}.zona-carga{border:1px dashed var(--borde);cursor:pointer;border-radius:12px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;transition:border-color .2s;display:flex}.zona-carga:hover{border-color:var(--arena)}.zona-carga-texto{color:var(--texto-muted);text-align:center;font-size:13px;line-height:1.6}.caja-precio{border:.5px solid var(--borde);border-radius:var(--radio);background:#c8b87a12;flex-direction:column;flex:1;justify-content:center;gap:10px;padding:16px;display:flex}.precio-fila{justify-content:space-between;align-items:center;display:flex}.precio-label{color:var(--texto-muted);font-size:12px}.precio-valor{color:var(--blanco);opacity:.6;font-size:12px}.precio-descuento{color:var(--arena);background:#c8b87a1f;border-radius:20px;padding:2px 8px;font-size:11px}.precio-total{color:var(--arena);font-family:Arial Black,sans-serif;font-size:28px;font-weight:900}.precio-divider{background:#ffffff0f;height:.5px}.precio-nota{color:var(--blanco);opacity:.2;text-align:center;font-size:11px;line-height:1.5}.campo-nombre{border:.5px solid var(--borde);border-radius:var(--radio);background:#242422;flex-direction:column;flex:1;gap:10px;padding:14px;display:flex}.campo-hint{color:var(--blanco);opacity:.3;font-size:11px;line-height:1.5}.campo-input{background:var(--negro);border:.5px solid var(--borde);color:var(--blanco);border-radius:8px;outline:none;width:100%;padding:10px 12px;font-size:14px}.campo-input:focus{border-color:var(--arena)}.campo-contador{color:var(--texto-muted);text-align:right;font-size:11px}.campo-preview{color:var(--arena);opacity:.8;word-break:break-all;font-size:12px}.caja-descarga{border:.5px solid var(--borde);border-radius:var(--radio);background:#c8b87a12;flex:1;align-items:center;gap:12px;padding:16px;display:flex}.descarga-icono{background:#c8b87a1f;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.descarga-nombre{color:var(--arena);word-break:break-all;font-size:12px;font-weight:600;line-height:1.4}.descarga-info{color:var(--blanco);opacity:.3;margin-top:4px;font-size:11px}.nota-expiracion{color:var(--blanco);opacity:.2;text-align:center;padding-top:8px;font-size:11px;line-height:1.5}.grilla-miniaturas{flex:1;grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.miniatura{aspect-ratio:1;background:#242422;border:1.5px solid #0000;border-radius:8px;position:relative;overflow:hidden}.miniatura.activa{border-color:var(--arena)}.miniatura img{object-fit:cover;width:100%;height:100%}.miniatura-num{color:var(--arena);font-family:Arial Black,sans-serif;font-size:9px;font-weight:700;position:absolute;top:4px;left:5px}.miniatura-handle{cursor:grab;flex-direction:column;gap:2px;display:flex;position:absolute;top:4px;right:5px}.miniatura-handle span{background:var(--blanco);opacity:.35;border-radius:1px;width:10px;height:1.5px;display:block}.contador-imagenes{color:var(--blanco);opacity:.25;text-align:center;padding-top:8px;font-size:11px}