> ## Documentation Index
> Fetch the complete documentation index at: https://docs.veredicta.com.ar/llms.txt
> Use this file to discover all available pages before exploring further.

> ## Agent Instructions
> Este es el manual oficial de uso de Veredicta, la plataforma de gestión legal para abogados y estudios jurídicos de Argentina. Respondé en español rioplatense, con voseo. Usá los nombres de botones y pantallas tal como aparecen en el manual, en negrita. Citá siempre la URL de docs.veredicta.com.ar de la página y de la sección (#ancla) de donde sale cada paso. Si el manual no cubre algo, decilo y sugerí escribir al equipo de Veredicta por WhatsApp al +54 9 11 2611-5660 o a ayuda@veredicta.com.ar.

# La lista de primeros pasos

> Seguí la lista de primeros pasos de Inicio: conectá tu sistema judicial, probá la IA y activá las notificaciones.

export const VideoTutorial = ({src, poster, title, duration, description, vertical = false}) => {
  const [local, setLocal] = useState(false);
  useEffect(() => {
    setLocal((/^(localhost|127\.0\.0\.1)$/).test(window.location.hostname));
  }, []);
  const media = p => !local && p?.startsWith('/media/') ? `https://media.veredicta.com.ar/manual${p.slice(('/media').length)}` : p;
  const dialogRef = useRef(null);
  const videoRef = useRef(null);
  const published = p => p?.startsWith('/media/') ? `https://media.veredicta.com.ar/manual${p.slice(('/media').length)}` : p;
  const [minutes, seconds] = (duration ?? '').split(':').map(Number);
  const videoData = {
    '@context': 'https://schema.org',
    '@type': 'VideoObject',
    name: title,
    description: !description || description.startsWith('Mirá el paso a paso') ? `${title}: video tutorial paso a paso de Veredicta.` : description,
    thumbnailUrl: published(poster),
    contentUrl: published(src),
    uploadDate: '2026-09-30T12:00:00-03:00',
    inLanguage: 'es-AR',
    ...Number.isFinite(minutes) && Number.isFinite(seconds) ? {
      duration: `PT${minutes}M${seconds}S`
    } : {},
    publisher: {
      '@type': 'Organization',
      name: 'Veredicta',
      url: 'https://veredicta.com.ar'
    }
  };
  const open = () => {
    dialogRef.current?.showModal();
    const v = videoRef.current;
    if (v) {
      if (!v.getAttribute('src')) {
        const url = media(src);
        v.src = url.startsWith('https://') ? `${url}?v=1440` : url;
      }
      v.currentTime = 0;
      v.play().catch(() => {});
    }
  };
  const close = () => dialogRef.current?.close();
  const onOverlayClick = e => {
    if (!e.target.closest('video, .vd-overlay-bar')) {
      close();
    }
  };
  const onClose = () => videoRef.current?.pause();
  const onKeyDown = e => {
    if (e.key === 'f') {
      fullscreen();
    }
  };
  const fullscreen = () => {
    const v = videoRef.current;
    if (!v) {
      return;
    }
    if (v.requestFullscreen) {
      v.requestFullscreen();
    } else if (v.webkitEnterFullscreen) {
      v.webkitEnterFullscreen();
    }
  };
  return <figure className={`vd-video not-prose${vertical ? 'vd-video-vertical' : ''}`}>
      <button aria-label={`Ver el video: ${title}`} className="vd-video-card" onClick={open} type="button">
        <img alt={title} decoding="async" height={vertical ? 1920 : 1080} loading="lazy" src={media(poster)} width={vertical ? 1080 : 1920} />
        <span className="vd-video-shade" />
        <span className="vd-video-badge">
          <svg aria-hidden="true" fill="currentColor" height="14" viewBox="0 0 24 24" width="14">
            <path d="M8 5v14l11-7z" />
          </svg>
          Video tutorial
        </span>
        <span aria-hidden="true" className="vd-video-play">
          {}
          <svg aria-hidden="true" fill="currentColor" height="30" stroke="currentColor" strokeLinejoin="round" strokeWidth="2" viewBox="0 0 24 24" width="30">
            <path d="M8.5 5.5v13l11-6.5z" />
          </svg>
        </span>
        {duration ? <span className="vd-video-duration">{duration}</span> : null}
      </button>
      <script dangerouslySetInnerHTML={{
    __html: JSON.stringify(videoData).replaceAll('<', '\\u003c')
  }} type="application/ld+json" />
      <figcaption className="vd-caption">
        {description ?? 'Mirá el paso a paso y seguilo en Veredicta.'}
      </figcaption>

      {}
      <dialog aria-label={title} className="vd-overlay vd-overlay-video" onClick={onOverlayClick} onClose={onClose} onKeyDown={onKeyDown} ref={dialogRef}>
        <div className="vd-overlay-bar">
          <span className="vd-overlay-title">{title}</span>
          <div className="vd-overlay-tools">
            <button className="vd-tool-text" onClick={fullscreen} type="button">
              <svg aria-hidden="true" fill="none" height="18" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" viewBox="0 0 24 24" width="18">
                <path d="M8 3H5a2 2 0 0 0-2 2v3M21 8V5a2 2 0 0 0-2-2h-3M3 16v3a2 2 0 0 0 2 2h3M16 21h3a2 2 0 0 0 2-2v-3" />
              </svg>
              <span>Pantalla completa</span>
            </button>
            <button aria-label="Cerrar" onClick={close} type="button">
              <svg aria-hidden="true" fill="none" height="18" stroke="currentColor" strokeLinecap="round" strokeWidth="2" viewBox="0 0 24 24" width="18">
                <path d="M18 6 6 18M6 6l12 12" />
              </svg>
            </button>
          </div>
        </div>
        <div className="vd-overlay-player">
          {}
          <video controls playsInline poster={media(poster)} preload="none" ref={videoRef} />
        </div>
      </dialog>
    </figure>;
};

export const GuideImage = ({src, preview, alt, title, width, height, caption, tall = false}) => {
  const [local, setLocal] = useState(false);
  useEffect(() => {
    setLocal((/^(localhost|127\.0\.0\.1)$/).test(window.location.hostname));
  }, []);
  const media = p => !local && p?.startsWith('/media/') ? `https://media.veredicta.com.ar/manual${p.slice(('/media').length)}` : p;
  const dialogRef = useRef(null);
  const scrollRef = useRef(null);
  const [zoom, setZoom] = useState(1);
  const levels = [1, 1.5, 2, 3];
  const open = () => {
    setZoom(1);
    dialogRef.current?.showModal();
  };
  const close = () => dialogRef.current?.close();
  const onOverlayClick = e => {
    if (!e.target.closest('.vd-overlay-img, .vd-overlay-bar')) {
      close();
    }
  };
  const zoomTo = next => {
    const el = scrollRef.current;
    if (!el) {
      setZoom(next);
      return;
    }
    const cx = (el.scrollLeft + el.clientWidth / 2) / el.scrollWidth;
    const cy = (el.scrollTop + el.clientHeight / 2) / el.scrollHeight;
    setZoom(next);
    requestAnimationFrame(() => {
      el.scrollLeft = cx * el.scrollWidth - el.clientWidth / 2;
      el.scrollTop = cy * el.scrollHeight - el.clientHeight / 2;
    });
  };
  const zoomIn = () => zoomTo(levels.find(l => l > zoom) ?? levels.at(-1));
  const zoomOut = () => zoomTo([...levels].reverse().find(l => l < zoom) ?? 1);
  useEffect(() => {
    const el = scrollRef.current;
    if (!el) {
      return;
    }
    const onWheel = e => {
      if (!(e.ctrlKey || e.metaKey)) {
        return;
      }
      e.preventDefault();
      if (e.deltaY < 0) {
        zoomIn();
      } else {
        zoomOut();
      }
    };
    el.addEventListener('wheel', onWheel, {
      passive: false
    });
    return () => el.removeEventListener('wheel', onWheel);
  });
  const onKeyDown = e => {
    if (e.key === '+' || e.key === '=') {
      zoomIn();
    } else if (e.key === '-') {
      zoomOut();
    } else if (e.key === '0') {
      zoomTo(1);
    }
  };
  const magnifier = <svg aria-hidden="true" fill="none" height="16" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" viewBox="0 0 24 24" width="16">
      <circle cx="11" cy="11" r="7" />
      <path d="m20 20-3.5-3.5M11 8v6M8 11h6" />
    </svg>;
  return <figure className={tall ? 'vd-guide not-prose' : `vd-shot not-prose${height > width ? 'vd-shot-portrait' : ''}`}>
      {tall ? <button aria-label={`Ampliar la guía: ${title}`} className="vd-guide-preview" onClick={open} type="button">
          <img alt={alt} decoding="async" height={height} loading="lazy" src={media(preview ?? src)} width={width} />
          <span className="vd-guide-fade" />
          <span className="vd-guide-cta">
            {magnifier}
            Ver la guía completa
          </span>
        </button> : <button aria-label={`Ampliar: ${title}`} className="vd-shot-button" onClick={open} type="button">
          <img alt={alt} decoding="async" height={height} loading="lazy" src={media(preview ?? src)} width={width} />
          <span aria-hidden="true" className="vd-shot-zoom">
            {magnifier}
            Ampliar
          </span>
        </button>}
      {tall || caption ? <figcaption className="vd-caption">
          {caption ?? 'Guía paso a paso · hacé clic para ampliarla y acercarte a cada paso.'}
        </figcaption> : null}

      {}
      <dialog aria-label={title} className="vd-overlay" onClick={onOverlayClick} onKeyDown={onKeyDown} ref={dialogRef}>
        <div className="vd-overlay-bar">
          <span className="vd-overlay-title">{title}</span>
          <div className="vd-overlay-tools">
            <button aria-label="Alejar" disabled={zoom <= 1} onClick={zoomOut} type="button">
              <svg aria-hidden="true" fill="none" height="18" stroke="currentColor" strokeLinecap="round" strokeWidth="2" viewBox="0 0 24 24" width="18">
                <path d="M5 12h14" />
              </svg>
            </button>
            <button aria-label="Ajustar al ancho" className="vd-zoom-value" onClick={() => zoomTo(1)} type="button">
              {Math.round(zoom * 100)}%
            </button>
            <button aria-label="Acercar" disabled={zoom >= levels.at(-1)} onClick={zoomIn} type="button">
              <svg aria-hidden="true" fill="none" height="18" stroke="currentColor" strokeLinecap="round" strokeWidth="2" viewBox="0 0 24 24" width="18">
                <path d="M5 12h14M12 5v14" />
              </svg>
            </button>
            {tall ? <a className="vd-tool-link" download href={media(src)}>
                <span className="vd-sr-only">Descargar la guía</span>
                <svg aria-hidden="true" fill="none" height="18" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" viewBox="0 0 24 24" width="18">
                  <path d="M12 15V3M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4M7 10l5 5 5-5" />
                </svg>
              </a> : null}
            <button aria-label="Cerrar" onClick={close} type="button">
              <svg aria-hidden="true" fill="none" height="18" stroke="currentColor" strokeLinecap="round" strokeWidth="2" viewBox="0 0 24 24" width="18">
                <path d="M18 6 6 18M6 6l12 12" />
              </svg>
            </button>
          </div>
        </div>
        <div className="vd-overlay-scroll" ref={scrollRef}>
          <img alt={alt} className="vd-overlay-img" decoding="async" height={height} loading="lazy" src={media(src)} style={{
    width: tall ? `calc(min(100%, 74rem) * ${zoom})` : `calc(min(100%, 90rem, (100dvh - 7rem) * ${width / height}) * ${zoom})`
  }} width={width} />
        </div>
      </dialog>
    </figure>;
};

La tarjeta **«Tutorial: primeros pasos»** te espera en Inicio apenas creás tu estudio. Cada tarea se tilda sola cuando la hacés de verdad, sin que tengas que confirmarla vos.

## Mirá cómo se hace

<VideoTutorial src="/media/primeros-pasos-lista-de-primeros-pasos/video.mp4" poster="/media/primeros-pasos-lista-de-primeros-pasos/poster.webp" title="La lista de primeros pasos" duration="0:38" description="Mirá los cinco pasos y cómo se van tildando solos." />

Resumen del video «La lista de primeros pasos» (0:38):

1. Abrí Inicio: la lista está en la tarjeta «Tutorial: primeros pasos», con un anillo que marca tu avance.
2. Mirá el siguiente paso: la tarea marcada «Siguiente paso» es la que sigue; las demás quedan con candado.
3. Empezá la guía: hacé clic en «Cómo funciona» y se abre esta guía, con qué hace la tarea y cómo seguirla.
4. Seguí la guía: «Empezar la guía» te lleva directo a elegir tu sistema, los mismos pasos de «Conectar».
5. Tildá cada paso: al terminar una tarea, se tacha sola, el anillo avanza y Veredicta te muestra la siguiente.

El video cierra con «Ya sabés seguir la lista de primeros pasos», un resumen de los cinco pasos y cómo pedir ayuda: WhatsApp +54 9 11 2611-5660 o [ayuda@veredicta.com.ar](mailto:ayuda@veredicta.com.ar). Más guías en docs.veredicta.com.ar.

## Dónde está en la app

* En **Inicio**, en la tarjeta **«Tutorial: primeros pasos»**. [Abrir en Veredicta](https://app.veredicta.com.ar/home)

## Antes de empezar

* Creaste tu estudio y entraste a Inicio.
* Tu estudio está en la prueba gratuita, o tiene un plan pago y todavía no conectó un sistema judicial.

## Paso a paso

<Steps titleSize="h3">
  <Step title="Abrí Inicio" id="paso-1">
    <GuideImage src="/media/primeros-pasos-lista-de-primeros-pasos/paso-1.webp" width={1200} height={796} title="Paso 1: Abrí Inicio" alt="Inicio de Veredicta con la tarjeta «Tutorial: primeros pasos» marcada, en 0/5." />

    En **Inicio**, la lista está en la tarjeta **«Tutorial: primeros pasos»**. El anillo de la izquierda marca cuántos pasos completaste, por ejemplo «0/5».

    Hacé clic en la flecha, arriba a la derecha de la tarjeta, para desplegarla o para cerrarla.
  </Step>

  <Step title="Mirá el siguiente paso" id="paso-2">
    <GuideImage src="/media/primeros-pasos-lista-de-primeros-pasos/paso-2.webp" width={1200} height={796} title="Paso 2: Mirá el siguiente paso" alt="La tarjeta desplegada, con la tarea «Siguiente paso» marcada: Conectá tu sistema judicial." />

    La tarea marcada **«Siguiente paso»** es la que sigue. Las demás aparecen con candado, más abajo, hasta que le toca el turno a cada una.

    Debajo, **Opcional** lista tareas que no hace falta completar para llegar a «¡Listo!».
  </Step>

  <Step title="Empezá la guía" id="paso-3">
    <GuideImage src="/media/primeros-pasos-lista-de-primeros-pasos/paso-3.webp" width={1200} height={796} title="Paso 3: Empezá la guía" alt="El diálogo «Conectá tu sistema judicial», con el botón Empezar la guía marcado." />

    Hacé clic en **«Cómo funciona»**. Se abre una guía con qué hace la tarea y, abajo, **«Cómo es la guía»**, los pasos para completarla.

    Hacé clic en **«Empezar la guía»**. Si la tarea no tiene guía, el botón dice **«Entendido»** y solo cierra la explicación.
  </Step>

  <Step title="Seguí la guía" id="paso-4">
    <GuideImage src="/media/primeros-pasos-lista-de-primeros-pasos/paso-4.webp" width={1200} height={796} title="Paso 4: Seguí la guía" alt="«¿Qué sistema querés conectar?», con el PJN marcado: «Estos son los que elegiste al registrarte»." />

    En **«Conectá tu sistema judicial»**, **«Empezar la guía»** te lleva directo a **«¿Qué sistema querés conectar?»**, los mismos pasos que **«Conectar»**. Mirá [Conectar un sistema judicial](/sistemas-judiciales/conectar).

    <Tip>
      En otras tareas, como probar la IA o revisar las novedades de tus expedientes, **«Empezar la guía»** abre un panel a la derecha que te marca cada clic sobre la pantalla, con una cámara que resalta dónde mirar. En el celular, el panel es una franja abajo.
    </Tip>
  </Step>

  <Step title="Tildá cada paso" id="paso-5">
    <GuideImage src="/media/primeros-pasos-lista-de-primeros-pasos/paso-5.webp" width={1200} height={796} title="Paso 5: Tildá cada paso" alt="La tarjeta con «Conectá tu sistema judicial» tachada y un tilde verde; el anillo pasa a 1/5." />

    Cuando terminás una tarea de verdad, por ejemplo al conectar tu sistema, Veredicta la tacha sola: aparece con un tilde verde y un aviso, algo como «¡Conectaste tu sistema judicial!».

    El anillo avanza, por ejemplo de «0/5» a «1/5», y la siguiente tarea pasa a ser la marcada **«Siguiente paso»**.
  </Step>
</Steps>

## Qué pasa después

* Hay dos listas, según si tu estudio puede sincronizar un sistema judicial:

| Tu estudio | Orden | Tareas obligatorias | Opcionales |
| - | - | - | - |
| Puede conectar un sistema | Cada una destraba la siguiente | Conectá tu sistema judicial · Mirá las novedades de tus expedientes · Probá la IA legal de Veredicta · Activá las notificaciones · Creá tu primera tarea | Invitá a un colega · Conectá otro sistema judicial |
| Todavía no (tu jurisdicción no está disponible) | Cualquier orden | Cargá tu primer expediente · Probá la IA legal de Veredicta · Creá tu primera tarea · Activá las notificaciones | Conectá tu sistema judicial · Invitá a un colega |

* Al completar la última tarea obligatoria, la tarjeta muestra «¡Listo! Ya sabés usar lo esencial de Veredicta».
* El menú **⋯** de la tarjeta tiene **Ocultar**, que la saca de Inicio.

## Verificá que quedó bien

* La tarea queda tachada, con un tilde verde en lugar del círculo o el candado.
* El anillo muestra un paso más sobre el total, por ejemplo «1/5».

## Qué tener en cuenta

* **Nunca la tildás vos.** Veredicta la marca sola cuando hacés la acción real en la pantalla que corresponde. No hay un botón para tildarla a mano.
* **Orden en la lista sincronizada.** Si tu estudio puede conectar un sistema judicial, las tareas se destraban una por una: la que no es la «Siguiente paso» tiene candado. En la otra lista podés hacer cualquiera, en cualquier orden.
* **Si cerrás una guía.** La X del panel pregunta «¿Cerrás el tutorial?»: **Seguir con el tutorial** o **Cerrar el tutorial**. Podés volver a empezarla cuando quieras desde la tarjeta.
* **Cuándo desaparece la tarjeta.** Si la ocultás, si tu prueba gratuita termina sin un plan activo, o si tu estudio ya paga un plan y ya conectó un sistema judicial.
* **Documentos y funcionalidades por tarea.** Cada tarea tiene su propia guía en el manual: mirá [Conectar un sistema judicial](/sistemas-judiciales/conectar), [Pedir un informe](/asistente/pedir-un-informe) y [Avisos en tus dispositivos](/notificaciones/avisos-en-tus-dispositivos).

## Errores comunes

### «No pudimos ocultar los primeros pasos»

Veredicta no guardó que ocultaste la tarjeta. Volvé a hacer clic en **Ocultar**, en el menú **⋯**.

## Guía en una imagen

Todos los pasos en una sola imagen, para tenerla a mano o compartirla con tu equipo.

<GuideImage tall src="/media/primeros-pasos-lista-de-primeros-pasos/guia.webp" preview="/media/primeros-pasos-lista-de-primeros-pasos/guia-preview.webp" width={1760} height={3000} title="La lista de primeros pasos" alt="Guía en cinco pasos. 1. Abrí Inicio: la lista está en la tarjeta «Tutorial: primeros pasos», con un anillo que marca tu avance. 2. Mirá el siguiente paso: la tarea marcada «Siguiente paso» es la que sigue; las demás quedan con candado. 3. Empezá la guía: hacé clic en «Cómo funciona» y se abre esta guía, con qué hace la tarea y cómo seguirla. 4. Seguí la guía: «Empezar la guía» te lleva directo a elegir tu sistema, los mismos pasos de «Conectar». 5. Tildá cada paso: al terminar una tarea, se tacha sola, el anillo avanza y Veredicta te muestra la siguiente." caption="Todos los pasos en una sola imagen. Ampliala para acercarte a cada paso o descargala." />

## Guías relacionadas

<Columns cols={2}>
  <Card title="El panel de Inicio" icon="layout-dashboard" href="/primeros-pasos/panel-de-inicio">
    Qué muestra cada indicador, gráfico y lista de tu estudio.
  </Card>

  <Card title="Conectar un sistema judicial" icon="landmark" href="/sistemas-judiciales/conectar">
    Veredicta trae tus expedientes y cada actuación nueva.
  </Card>

  <Card title="Pedir un informe" icon="sparkles" href="/asistente/pedir-un-informe">
    Probá la IA legal de Veredicta sobre tu propio expediente.
  </Card>

  <Card title="Avisos en tus dispositivos" icon="bell" href="/notificaciones/avisos-en-tus-dispositivos">
    Activá las notificaciones en la computadora y el celular.
  </Card>
</Columns>

## ¿Necesitás ayuda?

El equipo de Veredicta te responde por WhatsApp o por correo.

<Columns cols={2}>
  <Card title="WhatsApp" icon="https://mintcdn.com/zest-labs/6i6sx-v6hNAjw3Vp/images/icons/whatsapp.svg?fit=max&auto=format&n=6i6sx-v6hNAjw3Vp&q=85&s=d2cbae11d2915e173949e4c75d2bb625" href="https://wa.me/5491126115660" width="24" height="24" data-path="images/icons/whatsapp.svg">
    +54 9 11 2611-5660
  </Card>

  <Card title="Correo" icon="mail" href="mailto:ayuda@veredicta.com.ar">
    [ayuda@veredicta.com.ar](mailto:ayuda@veredicta.com.ar)
  </Card>
</Columns>


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.