# Sellito Studio · Sellamos tu sitio en 7 días

Sitio web profesional para PyMEs en México, sellado en 7 días. Desde $1,490 MXN/mes. Primer mes sin riesgo.

<!-- ====================================================
     HERO
     ==================================================== -->
<section class="hero" id="hero" aria-labelledby="hero-h1">
  <div class="container">
    <div class="hero-grid">
      <div>
        <span class="hero-eyebrow"><span class="dot"></span>Hecho para PyMEs en México</span>
        <h1 id="hero-h1">Tu sitio web profesional, <span class="accent">sellado en 7 días</span>.</h1>
        <p class="lede">Sin agencias, sin juntas, sin sorpresas. Desde $ MXN/mes. Primer mes sin riesgo.</p>
        <div class="btn-row">
          <a class="btn btn-primary" href="https://wa.me/?text=" rel="noopener" target="_blank">
            Empieza desde $ MXN/mes
          </a>
          <a class="btn btn-secondary" href="https://wa.me/?text=" rel="noopener" target="_blank">
            Habla 15 min por WhatsApp
          </a>
        </div>
      </div>

      <aside class="hero-aside" aria-hidden="true">
        <div class="hero-stamp-card">
          <img class="big-stamp" src="" alt="" loading="eager" decoding="async">
          <p class="stamp-label">Sellito ·  días</p>
          <p class="stamp-sub"></p>
        </div>
      </aside>
    </div>
  </div>
</section>

<!-- ====================================================
     TRUST STRIP
     ==================================================== -->
<section class="trust-strip" aria-label="Por qué Sellito">
  <div class="container">
    <div class="trust-grid">
      <div class="trust-item">
        <img class="paw" src="" alt="" loading="lazy" aria-hidden="true">
        <span>Listo en 7 días</span>
      </div>
      <div class="trust-item">
        <img class="paw" src="" alt="" loading="lazy" aria-hidden="true">
        <span>Sin permanencia</span>
      </div>
      <div class="trust-item">
        <img class="paw" src="" alt="" loading="lazy" aria-hidden="true">
        <span>Primer mes sin riesgo</span>
      </div>
      <div class="trust-item">
        <img class="paw" src="" alt="" loading="lazy" aria-hidden="true">
        <span>Hosting, dominio y email incluidos</span>
      </div>
    </div>
  </div>
</section>

<!-- ====================================================
     CÓMO FUNCIONA
     ==================================================== -->
<section id="como-funciona" class="section-soft" aria-labelledby="como-funciona-h2">
  <div class="container">
    <span class="section-eyebrow">Cómo funciona</span>
    <h2 id="como-funciona-h2">Tres pasos. Sin juntas. Sin drama.</h2>

    <div class="steps-grid">
      <article class="step-card">
        <div class="step-num">01</div>
        <h3>Cuéntanos tu negocio.</h3>
        <p>Llenas un formulario de 5 minutos. Fotos del local, info de servicios, a quién atiendes.</p>
      </article>
      <article class="step-card">
        <div class="step-num">02</div>
        <h3>Nosotros sellamos.</h3>
        <p>En 7 días te entregamos tu sitio profesional, hosting, dominio y email corporativo. Todo listo para usar.</p>
      </article>
      <article class="step-card">
        <div class="step-num">03</div>
        <h3>Cambios sin drama.</h3>
        <p>Cambios menores ilimitados, soporte por WhatsApp y mantenimiento incluidos en tu plan. Cancelas cuando quieras.</p>
      </article>
    </div>
  </div>
</section>

<!-- ====================================================
     PARA QUIÉN ES — vertical: vets (MVP default)
     ==================================================== -->
<section id="para-quien" aria-labelledby="para-quien-h2">
  <div class="container">
    <div class="para-quien">
      <div class="para-quien-stamp" aria-hidden="true">
        <img src="" alt="" loading="lazy">
      </div>
      <div>
        <span class="section-eyebrow">Para quién es</span>
        <h2 id="para-quien-h2">Hecho para <strong>veterinarias y clínicas de mascotas</strong> en México.</h2>
        <p>Las familias buscan a su veterinario en Google antes de pisar tu clínica. Si tu sitio no aparece o se ve viejo, pierden confianza y se van con el de al lado.</p>
        <p>Sellito te da un sitio profesional con tus fotos, tus servicios, mapa y citas por WhatsApp, todo listo en 7 días. Para que la próxima familia que busque <em>"veterinaria cerca de mí"</em> te encuentre primero.</p>
      </div>
    </div>
  </div>
</section>

<!-- ====================================================
     GALERÍA ANTES / DESPUÉS
     ==================================================== -->
<section id="galeria" class="section-soft" aria-labelledby="galeria-h2">
  <div class="container">
    <span class="section-eyebrow">Antes / Después</span>
    <h2 id="galeria-h2">Cómo se ve un sitio sellado.</h2>

    <div class="gallery-grid">
      <article class="gallery-card">
        <div class="gallery-thumb">
          <div class="gallery-thumb-half before" data-label="Antes">Sitio viejo, lento, sin info clara</div>
          <div class="gallery-thumb-half after" data-label="Después">Profesional, citas por WhatsApp, mapa</div>
        </div>
        <div class="gallery-meta">
          <p class="gallery-meta-name">Veterinaria San Patricio</p>
          <p class="gallery-meta-tag">CDMX · Pequeñas especies</p>
        </div>
      </article>

      <article class="gallery-card">
        <div class="gallery-thumb">
          <div class="gallery-thumb-half before" data-label="Antes">Solo Facebook, sin sitio propio</div>
          <div class="gallery-thumb-half after" data-label="Después">Sitio + reseñas + ubicación</div>
        </div>
        <div class="gallery-meta">
          <p class="gallery-meta-name">Centro Veterinario del Valle</p>
          <p class="gallery-meta-tag">GDL · Consulta general</p>
        </div>
      </article>

      <article class="gallery-card">
        <div class="gallery-thumb">
          <div class="gallery-thumb-half before" data-label="Antes">Página plantilla genérica</div>
          <div class="gallery-thumb-half after" data-label="Después">Servicios 24h destacados, urgencias</div>
        </div>
        <div class="gallery-meta">
          <p class="gallery-meta-name">Hospital Veterinario 24h</p>
          <p class="gallery-meta-tag">MTY · Urgencias</p>
        </div>
      </article>
    </div>

    <p class="gallery-disclaimer">Mockups representativos. Tu sitio se construye con tus fotos, tus servicios y tu colonia.</p>
  </div>
</section>

<!-- ====================================================
     PRICING — mensual o anual
     ==================================================== -->
<section id="pricing" aria-labelledby="pricing-h2">
  <div class="container">
    <div style="text-align:center;">
      <span class="section-eyebrow">Precio</span>
      <h2 id="pricing-h2">Una sola decisión: mensual o anual.</h2>
      <p style="max-width:38rem;margin:0.5rem auto 0;color:var(--tinta-soft);">Mismo sitio, mismo soporte, mismas funciones. Solo cambia cómo pagas.</p>
    </div>

    <div class="pricing-pair">
      <article class="pricing-plan">
        <header class="pricing-plan-head">
          <h3 class="pricing-plan-name">Mensual</h3>
          <p class="pricing-plan-amount"><span class="currency">$</span> <span class="cadence">MXN/mes</span></p>
          <p class="pricing-plan-note">Cancela cuando quieras.</p>
        </header>
        <a class="btn btn-secondary pricing-plan-cta" href="https://wa.me/?text=" rel="noopener" target="_blank">
          Empezar plan mensual
        </a>
      </article>

      <article class="pricing-plan pricing-plan-featured">
        <span class="pricing-badge">Ahorras %</span>
        <header class="pricing-plan-head">
          <h3 class="pricing-plan-name">Anual</h3>
          <p class="pricing-plan-amount"><span class="currency">$</span> <span class="cadence">MXN/año</span></p>
          <p class="pricing-plan-note">Equivale a $ MXN/mes. Ahorras $ al año.</p>
        </header>
        <a class="btn btn-primary pricing-plan-cta" href="https://wa.me/?text=" rel="noopener" target="_blank">
          Empezar plan anual
        </a>
      </article>
    </div>

    <div class="pricing-includes-card">
      <p class="pricing-includes-title">Ambos planes incluyen lo mismo.</p>
      <div class="pricing-cols">
        <div>
          <h4>Qué incluye</h4>
          <ul class="pricing-includes">
            <li>Sitio web profesional (hasta 5 secciones)</li>
            <li>Hosting y dominio incluidos</li>
            <li>Email corporativo</li>
            <li>WhatsApp integrado</li>
            <li>Cambios menores ilimitados</li>
            <li>Soporte por WhatsApp</li>
            <li>Optimización mobile y SEO básico</li>
          </ul>
        </div>
        <div>
          <h4>Qué no incluye</h4>
          <ul class="pricing-excludes">
            <li>E-commerce (es otro tier)</li>
            <li>Contenido escrito (tú lo aportas)</li>
            <li>Fotografía profesional</li>
            <li>Manejo de redes sociales</li>
            <li>Publicidad pagada</li>
          </ul>
        </div>
      </div>
      <p class="pricing-guarantee">
        <strong>Garantía:</strong> Si en los primeros 30 días no estás conforme, te devolvemos lo que pagaste.
      </p>
    </div>
  </div>
</section>

<!-- ====================================================
     FAQ
     ==================================================== -->
<section id="faq" class="section-soft" aria-labelledby="faq-h2">
  <div class="container">
    <div style="text-align:center;">
      <span class="section-eyebrow">Preguntas frecuentes</span>
      <h2 id="faq-h2">Lo que más nos preguntan.</h2>
    </div>

    <div class="faq-list">
      <details class="faq-item">
        <summary>¿Qué pasa si no me gusta?</summary>
        <div class="faq-body">Primer mes 100% reembolsable. Si en los primeros 30 días no estás conforme, te devolvemos lo que pagaste y te exportamos los archivos del sitio sin costo.</div>
      </details>

      <details class="faq-item">
        <summary>¿Cuál me conviene, mensual o anual?</summary>
        <div class="faq-body">El plan anual te sale en <strong>$ MXN/mes equivalente</strong> y ahorras <strong>$ al año</strong>. El mensual es para probar sin compromiso. Puedes cambiar de mensual a anual cuando quieras.</div>
      </details>

      <details class="faq-item">
        <summary>¿Tiene permanencia o contrato forzoso?</summary>
        <div class="faq-body">No. Cancelas cuando quieras desde WhatsApp. No hay penalizaciones, no hay letra chica.</div>
      </details>

      <details class="faq-item">
        <summary>¿Si cancelo, qué pasa con mi sitio?</summary>
        <div class="faq-body">Te damos <strong>30 días</strong> para migrar y te exportamos los archivos del sitio sin costo. Después de esa ventana, el sitio sale de línea y se libera tu dominio. Tú decides a dónde lo llevas.</div>
      </details>

      <details class="faq-item">
        <summary>¿Sellito es una agencia?</summary>
        <div class="faq-body">No. Somos un estudio chico, basado en México, que combina IA y oficio para entregar más rápido y a precio fijo. Lo que una agencia te cobra como proyecto de $40,000 MXN y 6 semanas, nosotros lo entregamos en 7 días desde $ MXN/mes.</div>
      </details>

      <details class="faq-item">
        <summary>¿Por qué tan rápido?</summary>
        <div class="faq-body">Porque trabajamos con un proceso afilado y herramientas modernas. No reinventamos la rueda en cada proyecto. Tú nos cuentas tu negocio, nosotros ejecutamos.</div>
      </details>

      <details class="faq-item">
        <summary>¿Pueden ayudarme con redes sociales y publicidad?</summary>
        <div class="faq-body">Por ahora no. Sellito solo hace sitios web. Si necesitas ads o redes, te recomendamos especialistas de confianza.</div>
      </details>

      <details class="faq-item">
        <summary>¿Puedo escoger las imágenes de mi sitio?</summary>
        <div class="faq-body">Sí. Si nos pasas fotos, las usamos. Si no, escogemos imágenes de banco profesionales acordes a tu negocio.</div>
      </details>

      <details class="faq-item">
        <summary>¿Trabajan fuera de CDMX, Guadalajara o Monterrey?</summary>
        <div class="faq-body">Sí. Todo el proceso es 100% remoto. Trabajamos con clientes en cualquier parte de México.</div>
      </details>
    </div>
  </div>
</section>

<!-- ====================================================
     CTA FINAL
     ==================================================== -->
<section id="cta-final" class="cta-final" aria-labelledby="cta-final-h2">
  <div class="container">
    <h2 id="cta-final-h2">Empieza desde $ MXN/mes. Primer mes sin riesgo.</h2>
    <p>Sin permanencia. Sin juntas. Sin agencia. Cancelas cuando quieras y te exportamos los archivos sin costo.</p>
    <div class="btn-row">
      <a class="btn btn-primary" href="https://wa.me/?text=" rel="noopener" target="_blank">
        Empezar plan anual (ahorra %)
      </a>
      <a class="btn btn-secondary" href="https://wa.me/?text=" rel="noopener" target="_blank">
        Empezar plan mensual
      </a>
    </div>
  </div>
</section>

<!-- LocalBusiness JSON-LD -->
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "ProfessionalService",
  "name": "Sellito Studio",
  "description": "Sitio web profesional para PyMEs en México, sellado en 7 días.",
  "url": "https://sellitostudio.com",
  "areaServed": "MX",
  "offers": [
    {
      "@type": "Offer",
      "name": "Plan mensual",
      "price": "",
      "priceCurrency": "MXN",
      "priceSpecification": {
        "@type": "UnitPriceSpecification",
        "price": "",
        "priceCurrency": "MXN",
        "billingDuration": "P1M",
        "unitText": "MONTH"
      },
      "availability": "https://schema.org/InStock"
    },
    {
      "@type": "Offer",
      "name": "Plan anual",
      "price": "",
      "priceCurrency": "MXN",
      "priceSpecification": {
        "@type": "UnitPriceSpecification",
        "price": "",
        "priceCurrency": "MXN",
        "billingDuration": "P1Y",
        "unitText": "YEAR"
      },
      "availability": "https://schema.org/InStock"
    }
  ],
  "priceRange": "$$",
  "logo": "https://sellitostudio.com/assets/img/logo-sellito-stamp.svg"
}
</script>