> ## 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.

# Veredicta en el celular

> Usá Veredicta desde el navegador de tu celular, agregala a la pantalla de inicio y conocé qué cambia en una pantalla chica.

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>;
};

Veredicta no tiene una app en App Store ni en Google Play: es el mismo sitio, en el navegador de tu celular, con tu cuenta de siempre.

## Mirá cómo se hace

<VideoTutorial vertical src="/media/primeros-pasos-veredicta-en-el-celular/video.mp4" poster="/media/primeros-pasos-veredicta-en-el-celular/poster.webp" title="Veredicta en el celular" duration="0:30" description="Así usás Veredicta desde el navegador de tu celular: el menú, tus secciones y Más acciones en Inicio." />

Resumen del video «Veredicta en el celular» (0:30):

1. Abrí Veredicta: entrá a app.veredicta.com.ar desde el navegador de tu celular, con tu cuenta de siempre.
2. Abrí el menú: tocá el ícono de menú, arriba a la izquierda.
3. Elegí una sección: tocá, por ejemplo, Expedientes.
4. Usá Más acciones: en Inicio, Actualizar y Tutorial se agrupan en el botón de tres puntos.

El video cierra con «Ya sabés usar Veredicta desde el celular», un resumen de los cuatro 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.

## Antes de empezar

* Tenés un celular con un navegador (Safari, Chrome o similar) y tu cuenta de Veredicta.
* No hace falta instalar nada: entrás desde `app.veredicta.com.ar`, igual que en la computadora.

## Paso a paso

<Steps titleSize="h3">
  <Step title="Abrí Veredicta" id="paso-1">
    <GuideImage src="/media/primeros-pasos-veredicta-en-el-celular/paso-1.webp" width={400} height={838} title="Paso 1: Abrí Veredicta" alt="Inicio en el celular, con el logo de Veredicta marcado arriba." />

    Entrá a `app.veredicta.com.ar` desde el navegador de tu celular, con tu cuenta de siempre.
  </Step>

  <Step title="Abrí el menú" id="paso-2">
    <GuideImage src="/media/primeros-pasos-veredicta-en-el-celular/paso-2.webp" width={400} height={838} title="Paso 2: Abrí el menú" alt="El ícono de menú, arriba a la izquierda de Inicio, marcado." />

    Tocá el ícono de menú, arriba a la izquierda. El menú lateral entra como un panel, con el resto de la pantalla oscurecido detrás.
  </Step>

  <Step title="Elegí una sección" id="paso-3">
    <GuideImage src="/media/primeros-pasos-veredicta-en-el-celular/paso-3.webp" width={400} height={838} title="Paso 3: Elegí una sección" alt="El menú abierto, con «Expedientes» marcado." />

    Tocá, por ejemplo, **Expedientes**. El menú se cierra solo y entrás a esa sección.
  </Step>

  <Step title="Usá Más acciones" id="paso-4">
    <GuideImage src="/media/primeros-pasos-veredicta-en-el-celular/paso-4.webp" width={400} height={838} title="Paso 4: Usá Más acciones" alt="En Inicio, el menú «Más acciones» abierto, con Actualizar y Tutorial, marcado." />

    En Inicio, **Actualizar** y **Tutorial** no tienen su propio botón: se agrupan en el ícono de tres puntos, arriba a la derecha.
  </Step>
</Steps>

## Agregar Veredicta a la pantalla de inicio

En iPhone o iPad podés agregar Veredicta como un ícono en la pantalla de inicio, para abrirla sin buscarla en el navegador:

1. Abrí Veredicta en Safari y tocá **Compartir**, el cuadradito con la flecha para arriba.
2. Elegí **Agregar a inicio** y confirmá.
3. Cerrá Safari y abrí Veredicta desde el ícono que quedó en la pantalla de inicio.

<Note>En Android también podés instalar Veredicta o agregarla a la pantalla de inicio desde el menú de tu navegador; los pasos exactos varían según el navegador que uses.</Note>

Agregarla a la pantalla de inicio no activa los avisos: mirá «Qué tener en cuenta» más abajo.

## Qué cambia en el celular

Por debajo de 768 px de ancho, Veredicta se adapta:

| En la computadora | En el celular |
| - | - |
| El menú lateral, siempre visible | Un ícono de menú, arriba a la izquierda; el menú entra como un panel |
| El Asistente se abre también como panel lateral | El Asistente solo se abre como pantalla completa (`/asistente`) |
| Selección múltiple en la lista de Expedientes | No disponible |
| Columna «Responsable» y el filtro ☆ «Ver solo favoritos» | No disponibles |
| Vista «Año» en la Agenda | No disponible |
| Filtros de Jurisprudencia, siempre visibles | Detrás de un botón **Filtros** |
| **Actualizar** y **Tutorial** como botones propios en Inicio | Agrupados en **Más acciones** |

## Qué tener en cuenta

* **Por ahora, los avisos no están disponibles en iPhone ni iPad.** Vas a seguir recibiendo el resumen diario por correo. En Android, los avisos se activan por dispositivo: mirá [Avisos en tus dispositivos](/notificaciones/avisos-en-tus-dispositivos).
* **Agregar Veredicta a la pantalla de inicio no activa los avisos.** Es un acceso directo, no un cambio de permisos.

## 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-veredicta-en-el-celular/guia.webp" preview="/media/primeros-pasos-veredicta-en-el-celular/guia-preview.webp" width={1240} height={2905} title="Veredicta en el celular" caption="Todos los pasos en una sola imagen. Ampliala para acercarte a cada paso o descargala." alt="Guía en cuatro pasos. 1. Abrí Veredicta: entrá a app.veredicta.com.ar desde el navegador de tu celular, con tu cuenta de siempre. 2. Abrí el menú: tocá el ícono de menú, arriba a la izquierda. 3. Elegí una sección: tocá, por ejemplo, Expedientes. 4. Usá Más acciones: en Inicio, Actualizar y Tutorial se agrupan en el botón de tres puntos." />

## Guías relacionadas

<Columns cols={2}>
  <Card title="Moverte por Veredicta" icon="compass" href="/primeros-pasos/moverte-por-veredicta">
    El menú lateral, tu cuenta, las notificaciones y la ayuda.
  </Card>

  <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="Avisos en tus dispositivos" icon="bell" href="/notificaciones/avisos-en-tus-dispositivos">
    Activá los avisos del navegador en tu computadora o tu Android.
  </Card>

  <Card title="La lista de expedientes" icon="folder" href="/expedientes/lista">
    Buscá, filtrá y ordená todos tus expedientes.
  </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.