<!DOCTYPE html>
<html lang="es-UY">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />

<!-- ===================== SEO base ===================== -->
<title>Menuverse · Menú con Realidad Aumentada para restaurantes | Uruguay</title>
<meta name="description" content="Menú QR con realidad aumentada para restaurantes. Tus clientes ven cada plato en 3D a tamaño real sobre la mesa, sin apps y desde el navegador. Planes desde $1.900/mes en Uruguay." />
<link rel="canonical" href="https://menuverse.uy/" />
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1" />
<meta name="author" content="Menuverse" />
<meta name="publisher" content="Menuverse" />
<meta name="keywords" content="menú realidad aumentada, menú QR, menú 3D restaurante, menú AR, carta digital, WebAR restaurante, menú digital Uruguay, menú interactivo" />
<meta name="theme-color" content="#0b0714" />
<meta name="color-scheme" content="dark light" />
<meta name="geo.region" content="UY" />
<meta name="geo.placename" content="Uruguay" />

<!-- ===================== Open Graph ===================== -->
<meta property="og:type" content="website" />
<meta property="og:site_name" content="Menuverse" />
<meta property="og:url" content="https://menuverse.uy/" />
<meta property="og:title" content="Menuverse · Menú con Realidad Aumentada para restaurantes" />
<meta property="og:description" content="Tus platos en tamaño real sobre la mesa. Menú QR + Realidad Aumentada, sin apps y desde el navegador." />
<meta property="og:locale" content="es_UY" />
<meta property="og:image" content="https://menuverse.uy/assets/og-cover.png" />
<meta property="og:image:secure_url" content="https://menuverse.uy/assets/og-cover.png" />
<meta property="og:image:type" content="image/png" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta property="og:image:alt" content="Menuverse — menú con realidad aumentada, un plato en 3D sobre la mesa" />

<!-- ===================== Twitter Card ===================== -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Menuverse · Menú con Realidad Aumentada para restaurantes" />
<meta name="twitter:description" content="Tus platos en tamaño real sobre la mesa. Menú QR + AR, sin apps." />
<meta name="twitter:image" content="https://menuverse.uy/assets/og-cover.png" />
<meta name="twitter:image:alt" content="Menuverse — menú con realidad aumentada" />

<!-- ===================== Íconos / PWA ===================== -->
<link rel="icon" href="/favicon.svg" type="image/svg+xml" />
<link rel="icon" href="/favicon.ico" sizes="any" />
<link rel="apple-touch-icon" href="/assets/icons/apple-touch-icon.png" />
<link rel="manifest" href="/site.webmanifest" />

<!-- ===================== Fuentes ===================== -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@400;500;600&family=Space+Mono:wght@400;700&display=swap" rel="stylesheet">

<!-- Visor 3D (web component oficial de Google, mismo motor que usa el producto) -->
<script type="module" src="https://unpkg.com/@google/model-viewer@3.5.0/dist/model-viewer.min.js"></script>
<link rel="preload" as="fetch" href="assets/models/Arroz_vegetales.glb" crossorigin>

<link rel="stylesheet" href="/css/tokens.css">
<link rel="stylesheet" href="/css/base.css">
<link rel="stylesheet" href="/css/landing.css">

<!-- ===================== Datos estructurados (Schema.org / JSON-LD) ===================== -->
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@graph": [
    {
      "@type": "Organization",
      "@id": "https://menuverse.uy/#organization",
      "name": "Menuverse",
      "url": "https://menuverse.uy/",
      "logo": "https://menuverse.uy/assets/icons/icon-512.png",
      "image": "https://menuverse.uy/assets/og-cover.png",
      "description": "Menú QR con realidad aumentada para restaurantes: platos en 3D a tamaño real, sin apps.",
      "areaServed": { "@type": "Country", "name": "Uruguay" },
      "contactPoint": {
        "@type": "ContactPoint",
        "contactType": "sales",
        "telephone": "+598-91-346-244",
        "areaServed": "UY",
        "availableLanguage": ["Spanish"]
      }
    },
    {
      "@type": "WebSite",
      "@id": "https://menuverse.uy/#website",
      "url": "https://menuverse.uy/",
      "name": "Menuverse",
      "inLanguage": "es-UY",
      "publisher": { "@id": "https://menuverse.uy/#organization" }
    },
    {
      "@type": "Service",
      "@id": "https://menuverse.uy/#service",
      "name": "Menuverse — Menú con Realidad Aumentada",
      "serviceType": "Menú digital con realidad aumentada para restaurantes",
      "provider": { "@id": "https://menuverse.uy/#organization" },
      "areaServed": { "@type": "Country", "name": "Uruguay" },
      "offers": {
        "@type": "AggregateOffer",
        "priceCurrency": "UYU",
        "lowPrice": "1900",
        "highPrice": "3800",
        "offerCount": "3",
        "offers": [
          { "@type": "Offer", "name": "START", "price": "1900", "priceCurrency": "UYU", "description": "Hasta 10 platos. Panel de gestión y 1 actualización mensual." },
          { "@type": "Offer", "name": "PRO", "price": "2900", "priceCurrency": "UYU", "description": "Hasta 25 platos. Panel de gestión y 1 actualización mensual." },
          { "@type": "Offer", "name": "PREMIUM", "price": "3800", "priceCurrency": "UYU", "description": "Hasta 40 platos. 2 actualizaciones mensuales y soporte 24/7." }
        ]
      }
    },
    {
      "@type": "FAQPage",
      "@id": "https://menuverse.uy/#faq",
      "mainEntity": [
        {
          "@type": "Question",
          "name": "¿Mis clientes necesitan descargar una app?",
          "acceptedAnswer": { "@type": "Answer", "text": "No. Todo funciona desde el navegador del teléfono. El cliente escanea el QR con la cámara y ve el plato en 3D y en realidad aumentada, sin instalar nada." }
        },
        {
          "@type": "Question",
          "name": "¿Funciona en iPhone y Android?",
          "acceptedAnswer": { "@type": "Answer", "text": "Sí. La realidad aumentada usa Scene Viewer en Android y Quick Look en iPhone, ambos nativos del sistema. No requiere apps de terceros." }
        },
        {
          "@type": "Question",
          "name": "¿Cómo se cargan mis platos en 3D?",
          "acceptedAnswer": { "@type": "Answer", "text": "Nosotros digitalizamos tus platos y los dejamos listos en tu menú. Vos gestionás precios, descripciones y disponibilidad desde tu panel." }
        },
        {
          "@type": "Question",
          "name": "¿Cuánto cuesta Menuverse?",
          "acceptedAnswer": { "@type": "Answer", "text": "Hay tres planes mensuales sin permanencia: START ($1.900), PRO ($2.900) y PREMIUM ($3.800), en pesos uruguayos. Al lanzamiento aplican 50% OFF durante los primeros 6 meses." }
        },
        {
          "@type": "Question",
          "name": "¿Puedo actualizar el menú después?",
          "acceptedAnswer": { "@type": "Answer", "text": "Sí. Cada plan incluye actualizaciones mensuales del menú, y podés cambiar de plan o cancelar cuando quieras." }
        }
      ]
    }
  ]
}
</script>
</head>
<body>

<!-- ===================== NAV ===================== -->
<header class="navbar on-dark" id="nav">
  <div class="container nav-inner">
    <a href="#top" class="brand" aria-label="Menuverse — inicio">
      <span class="brand-mark" aria-hidden="true">
        <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
          <path d="M3 8V5a2 2 0 0 1 2-2h3M21 8V5a2 2 0 0 0-2-2h-3M3 16v3a2 2 0 0 0 2 2h3M21 16v3a2 2 0 0 1-2 2h-3"/>
          <path d="M12 7.5 16 9.75v4.5L12 16.5l-4-2.25v-4.5L12 7.5Z"/>
        </svg>
      </span>
      <span>Menuverse<span style="color:var(--iris)">.</span></span>
    </a>

    <nav class="nav-links" aria-label="Principal">
      <a href="#beneficios">Beneficios</a>
      <a href="#como">Cómo funciona</a>
      <a href="#platos">Platos 3D</a>
      <a href="#planes">Planes</a>
    </nav>

    <div class="nav-cta">
      <a href="/r/cblossom" target="_blank" rel="noopener" class="btn btn--ghost">Ver demo</a>
      <a href="#planes" class="btn">Empezar</a>
      <button class="nav-toggle" aria-label="Abrir menú" aria-controls="mobileMenu" aria-expanded="false"><span></span><span></span><span></span></button>
    </div>
  </div>
</header>

<!-- menú mobile -->
<div class="mobile-menu" id="mobileMenu">
  <a href="#beneficios">Beneficios</a>
  <a href="#como">Cómo funciona</a>
  <a href="#platos">Platos 3D</a>
  <a href="#planes">Planes</a>
  <a href="/r/cblossom" target="_blank" rel="noopener">Ver demo</a>
  <a href="#planes" class="btn btn--block">Empezar</a>
</div>

<!-- ===================== HERO ===================== -->
<main id="top">
<section class="hero">
  <div class="container hero-grid">
    <div class="hero-copy">
      <span class="eyebrow">Menú QR · Realidad aumentada</span>
      <h1 class="display">Tus platos en <span class="accent">tamaño real</span>, sobre la mesa.</h1>
      <p class="hero-sub">Tu cliente escanea un QR y ve cada plato en 3D, a escala real, antes de pedir. Sin apps, sin descargas: funciona directo desde el navegador.</p>
      <div class="hero-actions">
        <a href="/r/cblossom" target="_blank" rel="noopener" class="btn btn--lg">Probar la experiencia
          <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M13 6l6 6-6 6"/></svg>
        </a>
        <a href="#como" class="btn btn--ghost btn--lg" style="--fg:#fff;border-color:rgba(255,255,255,.22)">Cómo funciona</a>
      </div>
      <div class="hero-trust"><span class="dot" aria-hidden="true"></span><span><b>Sin apps</b> · funciona en iPhone y Android desde la cámara</span></div>
    </div>

    <div class="stage" aria-hidden="true">
      <div class="holo-scene">
        <span class="beam"></span>

        <model-viewer class="hero-mv"
          src="assets/models/Arroz_vegetales.glb"
          alt="Arroz con vegetales en 3D"
          auto-rotate rotation-per-second="30deg"
          camera-orbit="0deg 76deg 105%"
          min-camera-orbit="-Infinity 76deg 105%"
          max-camera-orbit="Infinity 76deg 105%"
          disable-zoom disable-pan disable-tap
          interaction-prompt="none"
          shadow-intensity="1.3" shadow-softness="0.6"
          exposure="1.15" loading="eager">
        </model-viewer>
        <div class="holo-scanline"></div>

        <div class="portal">
          <svg viewBox="0 0 340 120" preserveAspectRatio="xMidYMid meet">
            <defs>
              <linearGradient id="ringGrad" x1="0" x2="1">
                <stop offset="0" stop-color="#a78bfa"/><stop offset=".5" stop-color="#7c3aed"/><stop offset="1" stop-color="#a78bfa"/>
              </linearGradient>
            </defs>
            <ellipse class="pr3" cx="170" cy="62" rx="78" ry="20"/>
            <ellipse class="pr1" cx="170" cy="62" rx="150" ry="40"/>
            <ellipse class="pr2" cx="170" cy="62" rx="114" ry="30" stroke-dasharray="5 9" pathLength="300"/>
          </svg>
          <div class="portal-glow"></div>
        </div>

        <span class="chip chip--scale"><b>1:1</b> ESCALA REAL</span>
        <span class="chip chip--name">◉ ARROZ CON VEGETALES</span>
        <span class="chip chip--live"><i></i> WEBAR · SIN APPS</span>
        <span class="spark s1"></span><span class="spark s2"></span><span class="spark s3"></span><span class="spark s4"></span>
      </div>
    </div>
  </div>
</section>

<!-- ===================== BENEFICIOS ===================== -->
<section class="section value" id="beneficios">
  <div class="container">
    <div class="section-head" data-reveal>
      <span class="eyebrow">Por qué funciona</span>
      <h2>Más que un menú: una razón para elegirte.</h2>
      <p>La decisión de compra empieza por los ojos. Mostrar el plato real, a escala, cambia lo que el cliente pide y lo que comparte.</p>
    </div>
    <div class="cards">
      <article class="card" data-reveal data-d="1">
        <div class="ico"><svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 3v18h18"/><path d="M7 15l4-4 3 3 5-6"/><path d="M19 8V5h-3"/></svg></div>
        <h3>Más ventas</h3>
        <p>Mejorás la experiencia y subís el ticket promedio: se pide lo que se ve.</p>
      </article>
      <article class="card" data-reveal data-d="2">
        <div class="ico"><svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="6" y="2" width="12" height="20" rx="3"/><path d="M12 14.5c-2.5-2-4-3-4-4.8A2 2 0 0 1 12 8a2 2 0 0 1 4 1.7c0 1.8-1.5 2.8-4 4.8Z"/></svg></div>
        <h3>Contenido viral</h3>
        <p>Tus clientes lo filman y lo comparten. Vos ganás visibilidad en redes.</p>
      </article>
      <article class="card" data-reveal data-d="3">
        <div class="ico"><svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3l2.6 5.3 5.9.9-4.3 4.1 1 5.8L12 16.9 6.8 19.2l1-5.8L3.5 9.2l5.9-.9L12 3Z"/></svg></div>
        <h3>Diferenciación</h3>
        <p>Tecnología que casi nadie tiene todavía. Destaca frente a la competencia.</p>
      </article>
      <article class="card" data-reveal data-d="4">
        <div class="ico"><svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="6" y="2" width="12" height="20" rx="3"/><path d="M9.5 9.5l5 5M14.5 9.5l-5 5"/></svg></div>
        <h3>Sin apps</h3>
        <p>Funciona desde el navegador. Sin descargas ni instalaciones, para nadie.</p>
      </article>
    </div>
  </div>
</section>

<!-- ===================== CÓMO FUNCIONA ===================== -->
<section class="section how" id="como">
  <div class="container">
    <div class="section-head" data-reveal>
      <span class="eyebrow">En 3 pasos · sin fricción</span>
      <h2>Del QR a la mesa en segundos.</h2>
      <p>El cliente no descarga nada ni crea cuentas. Escanea y ya está viendo el plato frente a él.</p>
    </div>
    <div class="steps">
      <div class="step" data-reveal data-d="1">
        <span class="step-n"><span class="num">1</span> ESCANEA</span>
        <div class="step-visual"><svg width="52" height="52" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><path d="M4 8V6a2 2 0 0 1 2-2h2M20 8V6a2 2 0 0 0-2-2h-2M4 16v2a2 2 0 0 0 2 2h2M20 16v2a2 2 0 0 1-2 2h-2"/><rect x="8" y="8" width="8" height="8" rx="1"/></svg></div>
        <h3>Escanea el QR</h3>
        <p>Cada mesa tiene su código. Con la cámara del teléfono alcanza.</p>
      </div>
      <div class="step" data-reveal data-d="2">
        <span class="step-n"><span class="num">2</span> APUNTA</span>
        <div class="step-visual"><svg width="52" height="52" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><path d="M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7S2 12 2 12Z"/><circle cx="12" cy="12" r="3"/></svg></div>
        <h3>Apunta a la mesa</h3>
        <p>Elige un plato y mueve el teléfono sobre la superficie.</p>
      </div>
      <div class="step" data-reveal data-d="3">
        <span class="step-n"><span class="num">3</span> APARECE</span>
        <div class="step-visual"><svg width="52" height="52" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3l8 4.5v9L12 21l-8-4.5v-9L12 3Z"/><path d="M12 3v18M4 7.5l8 4.5 8-4.5"/></svg></div>
        <h3>El plato aparece en 3D</h3>
        <p>A tamaño real, sobre la mesa. Lo gira, lo mira de cerca y decide.</p>
      </div>
    </div>
  </div>
</section>

<!-- ===================== PLATOS 3D (holo-galería) ===================== -->
<section class="section holo" id="platos">
  <div class="container">
    <div class="section-head" data-reveal>
      <span class="eyebrow" style="color:var(--iris)">Modelos reales · girálos vos</span>
      <h2 style="color:#fff">Esto es lo que ve tu cliente.</h2>
      <p style="color:rgba(255,255,255,.6)">Platos digitalizados en 3D, listos para aparecer sobre la mesa. Arrastrá para girarlos — y desde el celular, tocá <b style="color:var(--iris-soft)">Ver en tu mesa</b> para probarlos en AR ahora mismo.</p>
    </div>

    <div class="pods">
      <!-- POD 01 -->
      <article class="pod" data-reveal data-d="1">
        <header class="pod-head"><span>MDL·01</span><span class="pod-live"><i></i>ESCALA 1:1</span></header>
        <div class="pod-stage">
          <svg class="pod-ring" viewBox="0 0 300 100" aria-hidden="true">
            <ellipse cx="150" cy="50" rx="130" ry="34" fill="none" stroke="rgba(167,139,250,.45)" stroke-width="1.5" stroke-dasharray="4 10" pathLength="300" class="orbit"/>
          </svg>
          <model-viewer
            src="assets/models/Arepas_Vegetales.glb"
            ios-src="assets/models/Arepas_Vegetales.usdz"
            alt="Arepas de vegetales en 3D"
            camera-controls auto-rotate rotation-per-second="18deg" auto-rotate-delay="1200"
            camera-orbit="0deg 75deg 105%"
            min-camera-orbit="-Infinity 75deg 105%"
            max-camera-orbit="Infinity 75deg 105%"
            touch-action="pan-y"
            disable-zoom disable-pan interaction-prompt="none"
            shadow-intensity="1.1" exposure="1.1"
            ar ar-modes="webxr scene-viewer quick-look"
            loading="lazy" reveal="auto">
            <button slot="ar-button" class="btn pod-ar">Ver en tu mesa</button>
          </model-viewer>
          <div class="pod-scan" aria-hidden="true"></div>
        </div>
        <footer class="pod-foot">
          <h3>Arepas de vegetales</h3>
          <p>Arrastrá para girar · 360°</p>
        </footer>
      </article>

      <!-- POD 02 -->
      <article class="pod" data-reveal data-d="2">
        <header class="pod-head"><span>MDL·02</span><span class="pod-live"><i></i>ESCALA 1:1</span></header>
        <div class="pod-stage">
          <svg class="pod-ring" viewBox="0 0 300 100" aria-hidden="true">
            <ellipse cx="150" cy="50" rx="130" ry="34" fill="none" stroke="rgba(167,139,250,.45)" stroke-width="1.5" stroke-dasharray="4 10" pathLength="300" class="orbit"/>
          </svg>
          <model-viewer
            src="assets/models/Brownie_con_helado.glb"
            ios-src="assets/models/Brownie_con_helado.usdz"
            alt="Brownie con helado en 3D"
            camera-controls auto-rotate rotation-per-second="18deg" auto-rotate-delay="1200"
            camera-orbit="0deg 75deg 105%"
            min-camera-orbit="-Infinity 75deg 105%"
            max-camera-orbit="Infinity 75deg 105%"
            touch-action="pan-y"
            disable-zoom disable-pan interaction-prompt="none"
            shadow-intensity="1.1" exposure="1.1"
            ar ar-modes="webxr scene-viewer quick-look"
            loading="lazy" reveal="auto">
            <button slot="ar-button" class="btn pod-ar">Ver en tu mesa</button>
          </model-viewer>
          <div class="pod-scan" aria-hidden="true"></div>
        </div>
        <footer class="pod-foot">
          <h3>Brownie con helado</h3>
          <p>Arrastrá para girar · 360°</p>
        </footer>
      </article>

      <!-- POD 03 -->
      <article class="pod" data-reveal data-d="3">
        <header class="pod-head"><span>MDL·03</span><span class="pod-live"><i></i>ESCALA 1:1</span></header>
        <div class="pod-stage">
          <svg class="pod-ring" viewBox="0 0 300 100" aria-hidden="true">
            <ellipse cx="150" cy="50" rx="130" ry="34" fill="none" stroke="rgba(167,139,250,.45)" stroke-width="1.5" stroke-dasharray="4 10" pathLength="300" class="orbit"/>
          </svg>
          <model-viewer
            src="assets/models/Arroz_vegetales.glb"
            alt="Arroz con vegetales en 3D"
            camera-controls auto-rotate rotation-per-second="18deg" auto-rotate-delay="1200"
            camera-orbit="0deg 75deg 105%"
            min-camera-orbit="-Infinity 75deg 105%"
            max-camera-orbit="Infinity 75deg 105%"
            touch-action="pan-y"
            disable-zoom disable-pan interaction-prompt="none"
            shadow-intensity="1.1" exposure="1.1"
            ar ar-modes="webxr scene-viewer"
            loading="lazy" reveal="auto">
            <button slot="ar-button" class="btn pod-ar">Ver en tu mesa</button>
          </model-viewer>
          <div class="pod-scan" aria-hidden="true"></div>
        </div>
        <footer class="pod-foot">
          <h3>Arroz con vegetales</h3>
          <p>Arrastrá para girar · 360°</p>
        </footer>
      </article>
    </div>

    <p class="holo-hint" data-reveal>Modelos reales del menú de <b>Cblossom</b> — el primer restaurante Menuverse.</p>
  </div>
</section>

<!-- ===================== PLANES ===================== -->
<section class="section plans" id="planes">
  <div class="container">
    <div class="section-head center" data-reveal>
      <span class="eyebrow">Planes</span>
      <h2>Elegí el plan de tu restaurante.</h2>
      <p>Un solo pago mensual, sin permanencia. Cambiá o cancelá cuando quieras.</p>
    </div>

    <div style="text-align:center">
      <span class="plan-promo" data-reveal>★ Lanzamiento · 50% OFF durante los primeros 6 meses</span>
    </div>

    <div class="plan-grid">
      <!-- START -->
      <article class="plan plan--start" data-reveal data-d="1">
        <div class="plan-name">START</div>
        <p class="plan-tagline">Ideal para locales pequeños.</p>
        <div class="plan-platos">
          <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M3 17h18M12 6a8 8 0 0 1 8 8H4a8 8 0 0 1 8-8ZM12 6V4"/></svg>
          Hasta 10 platos
        </div>
        <div class="plan-reg">Precio regular <s>$3.800</s></div>
        <div class="plan-off">50% OFF<small>DURANTE 6 MESES</small></div>
        <div class="plan-price"><span class="cur">$</span><span class="num">1.900</span><span class="per">/mes</span></div>
        <ul class="plan-features">
          <li><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12l4 4 10-11"/></svg> Panel de gestión</li>
          <li><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12l4 4 10-11"/></svg> 1 actualización mensual</li>
        </ul>
        <a href="https://wa.me/59891346244?text=Hola%20Menuverse!%20Me%20interesa%20el%20plan%20START." target="_blank" rel="noopener" class="btn btn--block">Elegir START</a>
      </article>

      <!-- PRO -->
      <article class="plan plan--pro" data-reveal data-d="2">
        <span class="plan-badge">★ MÁS VENDIDO</span>
        <div class="plan-name">PRO</div>
        <p class="plan-tagline">Para restaurantes en crecimiento.</p>
        <div class="plan-platos">
          <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M3 17h18M12 6a8 8 0 0 1 8 8H4a8 8 0 0 1 8-8ZM12 6V4"/></svg>
          Hasta 25 platos
        </div>
        <div class="plan-reg">Precio regular <s>$5.800</s></div>
        <div class="plan-off">50% OFF<small>DURANTE 6 MESES</small></div>
        <div class="plan-price"><span class="cur">$</span><span class="num">2.900</span><span class="per">/mes</span></div>
        <ul class="plan-features">
          <li><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12l4 4 10-11"/></svg> Panel de gestión</li>
          <li><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12l4 4 10-11"/></svg> 1 actualización mensual</li>
        </ul>
        <a href="https://wa.me/59891346244?text=Hola%20Menuverse!%20Me%20interesa%20el%20plan%20PRO." target="_blank" rel="noopener" class="btn btn--block">Elegir PRO</a>
      </article>

      <!-- PREMIUM -->
      <article class="plan plan--premium" data-reveal data-d="3">
        <div class="plan-name">PREMIUM</div>
        <p class="plan-tagline">La experiencia completa.</p>
        <div class="plan-platos">
          <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M3 17h18M12 6a8 8 0 0 1 8 8H4a8 8 0 0 1 8-8ZM12 6V4"/></svg>
          Hasta 40 platos
        </div>
        <div class="plan-reg">Precio regular <s>$7.600</s></div>
        <div class="plan-off">50% OFF<small>DURANTE 6 MESES</small></div>
        <div class="plan-price"><span class="cur">$</span><span class="num">3.800</span><span class="per">/mes</span></div>
        <ul class="plan-features">
          <li><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12l4 4 10-11"/></svg> Panel de gestión</li>
          <li><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12l4 4 10-11"/></svg> 2 actualizaciones mensuales</li>
          <li><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12l4 4 10-11"/></svg> Soporte técnico 24/7</li>
        </ul>
        <a href="https://wa.me/59891346244?text=Hola%20Menuverse!%20Me%20interesa%20el%20plan%20PREMIUM." target="_blank" rel="noopener" class="btn btn--block">Elegir PREMIUM</a>
      </article>
    </div>

    <p class="plan-note">Precios en pesos uruguayos por mes. El 50% OFF aplica a los primeros 6 meses de cualquier plan.</p>
  </div>
</section>

<!-- ===================== FAQ ===================== -->
<section class="section faq" id="faq">
  <div class="container">
    <div class="section-head center" data-reveal>
      <span class="eyebrow">Preguntas frecuentes</span>
      <h2>Todo lo que querés saber antes de empezar.</h2>
      <p>Y si te queda una duda que no está acá, escribinos por WhatsApp.</p>
    </div>

    <div class="faq-list" data-reveal>
      <details class="faq-item">
        <summary>¿Mis clientes necesitan descargar una app?</summary>
        <div class="faq-a"><p>No. Todo funciona desde el navegador del teléfono. El cliente escanea el QR con la cámara y ve el plato en 3D y en realidad aumentada, sin instalar nada.</p></div>
      </details>
      <details class="faq-item">
        <summary>¿Funciona en iPhone y Android?</summary>
        <div class="faq-a"><p>Sí. La realidad aumentada usa Scene Viewer en Android y Quick Look en iPhone, ambos nativos del sistema. No requiere apps de terceros.</p></div>
      </details>
      <details class="faq-item">
        <summary>¿Cómo se cargan mis platos en 3D?</summary>
        <div class="faq-a"><p>Nosotros digitalizamos tus platos y los dejamos listos en tu menú. Vos gestionás precios, descripciones y disponibilidad desde tu panel.</p></div>
      </details>
      <details class="faq-item">
        <summary>¿Cuánto cuesta Menuverse?</summary>
        <div class="faq-a"><p>Hay tres planes mensuales sin permanencia: START ($1.900), PRO ($2.900) y PREMIUM ($3.800), en pesos uruguayos. Al lanzamiento aplican 50% OFF durante los primeros 6 meses.</p></div>
      </details>
      <details class="faq-item">
        <summary>¿Puedo actualizar el menú después?</summary>
        <div class="faq-a"><p>Sí. Cada plan incluye actualizaciones mensuales del menú, y podés cambiar de plan o cancelar cuando quieras.</p></div>
      </details>
    </div>
  </div>
</section>

<!-- ===================== CTA FINAL ===================== -->
<section class="cta">
  <div class="container">
    <div class="cta-band" data-reveal>
      <div>
        <span class="eyebrow" style="color:var(--iris-soft)">Sin compromiso</span>
        <h2 style="margin-top:.8rem">Transformá tu menú en una <span class="soft">experiencia inolvidable.</span></h2>
        <p>Te mostramos un plato tuyo en AR antes de que decidas nada.</p>
        <div class="cta-phone">📱 091 346 244</div>
      </div>
      <div class="cta-side">
        <a href="https://wa.me/59891346244?text=Hola%20Menuverse!%20Quiero%20consultar%20sin%20compromiso." target="_blank" rel="noopener" class="btn btn--wa btn--lg">
          <svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor"><path d="M12 2a10 10 0 0 0-8.5 15.2L2 22l4.9-1.4A10 10 0 1 0 12 2Zm5.3 14.1c-.2.6-1.3 1.2-1.8 1.2-.5.1-1 .1-3-.8-2.5-1-4-3.6-4.2-3.8-.1-.2-1-1.3-1-2.5s.6-1.8.9-2c.2-.3.5-.3.6-.3h.5c.2 0 .4 0 .6.5l.8 2c.1.2.1.3 0 .5l-.4.5-.3.3c-.1.2-.3.3-.1.6.2.3.8 1.3 1.7 2 1.1.9 2 1.2 2.3 1.3.2.1.4.1.5-.1l.7-.9c.2-.2.4-.2.6-.1l1.9.9c.2.1.4.2.5.3.1.3.1.7-.1 1.2Z"/></svg>
          Consultar por WhatsApp
        </a>
        <a href="/r/cblossom" target="_blank" rel="noopener" class="btn btn--ghost btn--lg" style="--fg:#fff;border-color:rgba(255,255,255,.3)">Ver la demo</a>
      </div>
    </div>
  </div>
</section>
</main>

<footer>
  <div class="container foot">
    <span class="brand">
      <span class="brand-mark" style="width:26px;height:26px" aria-hidden="true"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 8V5a2 2 0 0 1 2-2h3M21 8V5a2 2 0 0 0-2-2h-3"/><path d="M12 7.5 16 9.75v4.5L12 16.5l-4-2.25v-4.5L12 7.5Z"/></svg></span>
      <span>Menuverse<small>Los menús del futuro, hoy.</small></span>
    </span>
    <span>Menú QR + Realidad Aumentada</span>
    <span>Hecho en Uruguay 🇺🇾</span>
  </div>
</footer>

<script src="/js/landing.js" defer></script>
</body>
</html>
