FM / licitasimple

/home/simp499cl/public_html/licitasimple/

/home/simp499cl/public_html/licitasimple

Name	Size	Mode	Actions
favicon.png	2382	0644	edit dl rm
index.html	113453	0644	edit dl rm
index_original.html	203648	0644	edit dl rm
login.html	8420	0644	edit dl rm
logo_licitasimple_1_260x60.png	8210	0644	edit dl rm
logo_licitasimple_1_260x60_1.png	8210	0644	edit dl rm
logo_licita_simple_260x60.png	5392	0644	edit dl rm
logo_licita_simple_260x60_1.png	5356	0644	edit dl rm
main.css	127909	0644	edit dl rm
pp.html	54352	0644	edit dl rm
recuperar-clave.html	6565	0644	edit dl rm
registro.html	19029	0644	edit dl rm
tyc.html	59985	0644	edit dl rm
validar-codigo.html	10674	0644	edit dl rm

Edit: /home/simp499cl/public_html/licitasimple/tyc.html (59985B)

<!DOCTYPE html>
<html lang="es">
 <head>
  <meta charset="utf-8"/>
  <meta content="width=device-width, initial-scale=1" name="viewport"/>
  <meta content="#000000" name="theme-color"/>
  <meta content="LicitaSimple" name="LicitaSimple"/>
  
  <title>
   Licita Simple
  </title>
  <link href="main.css" rel="stylesheet"/>
  
  
      <link rel="icon" href="favicon.png" type="image/png">
 </head>
 <body>
  <noscript>
   You need to enable JavaScript to run this app.
  </noscript>
  <div id="root">
   <div class="App">
    <div class="min-h-screen">
     <header class="fixed top-0 left-0 right-0 z-50 transition-all duration-300 bg-white">
      <div class="container mx-auto px-4 sm:px-6 lg:px-8">
       <div class="flex items-center justify-between h-16 sm:h-20">
        <div class="flex items-center">
         <button class="text-2xl sm:text-3xl font-bold bg-gradient-to-r from-cyan-600 to-teal-600 bg-clip-text text-transparent hover:from-cyan-700 hover:to-teal-700 transition-all">
          <img src="logo_licitasimple_1_260x60.png" alt="Logo Licita Simple">
         </button>
        </div>
        <nav class="hidden md:flex items-center space-x-1 lg:space-x-2">
         <button class="px-3 lg:px-4 py-2 text-slate-700 hover:text-cyan-600 font-medium transition-colors rounded-lg hover:bg-slate-50" data-scroll-to="index.html#home" type="button"> Home </button>
         <button class="px-3 lg:px-4 py-2 text-slate-700 hover:text-cyan-600 font-medium transition-colors rounded-lg hover:bg-slate-50" data-scroll-to="index.html#como-funciona" type="button"> Cómo Funciona </button>
         <button class="px-3 lg:px-4 py-2 text-slate-700 hover:text-cyan-600 font-medium transition-colors rounded-lg hover:bg-slate-50" data-scroll-to="index.html#planes" type="button"> Planes </button>
         
         <button class="px-3 lg:px-4 py-2 text-slate-700 hover:text-cyan-600 font-medium transition-colors rounded-lg hover:bg-slate-50" data-scroll-to="index.html#faq" type="button"> FAQ </button>
        </nav>
          <div class="hidden md:flex items-center space-x-3">
         <button class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 border shadow-sm hover:text-accent-foreground h-9 px-4 py-2 border-cyan-600 text-cyan-600 hover:bg-cyan-50"
         type="button"
  onclick="window.location.href='login.html';">
          Iniciar Sesión
         </button>
         <button class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 shadow hover:bg-primary/90 h-9 px-4 py-2 bg-gradient-to-r from-cyan-600 to-teal-600 hover:from-cyan-700 hover:to-teal-700 text-white"
         type="button"
  onclick="window.location.href='registro.html';">
          Comenzar Gratis
         </button>
        </div>

</div>

<div
   id="mobileMenuBackdrop"
   class="md:hidden fixed inset-0 bg-black/40 opacity-0 pointer-events-none transition-opacity duration-200 z-40"
 ></div>

<div class="md:hidden border-t border-slate-200 py-4 space-y-2">
  <nav class="space-y-2">
    <button
      class="block w-full text-left px-4 py-2 text-slate-700 hover:text-cyan-600 hover:bg-slate-50 rounded-lg transition-colors"
            data-scroll-to="index.html#home"
      type="button"
             
    >
      Home
  </button>
    <button
      class="block w-full text-left px-4 py-2 text-slate-700 hover:text-cyan-600 hover:bg-slate-50 rounded-lg transition-colors"
      data-scroll-to="index.html#como-funciona"
      type="button"
    >
      Cómo Funciona
    </button>
    <button
      class="block w-full text-left px-4 py-2 text-slate-700 hover:text-cyan-600 hover:bg-slate-50 rounded-lg transition-colors"
      data-scroll-to="#planes"
      type="button"
    >
      Planes
    </button>
   
    <button
      class="block w-full text-left px-4 py-2 text-slate-700 hover:text-cyan-600 hover:bg-slate-50 rounded-lg transition-colors"
      data-scroll-to="#faq"
      type="button"
    >
      FAQ
    </button>
  </nav>

>
      Iniciar Sesión
    </button>
    <button
      class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 shadow hover:bg-primary/90 h-9 px-4 py-2 w-full bg-gradient-to-r from-cyan-600 to-teal-600 hover:from-cyan-700 hover:to-teal-700 text-white"
      type="button"
  onclick="window.location.href='registro.html';">
          Comenzar Gratis
    </button>
  </div>
</div>

</div>
 </div>
</div>
</header>
      <main>
      <section class="relative pt-20 sm:pt-24 pb-12 sm:pb-16 lg:pb-20 overflow-hidden" id="home">
       <div class="absolute inset-0 bg-gradient-to-br from-cyan-50 via-white to-teal-50">
       </div>
       <div class="absolute inset-0 opacity-10">
        <div class="absolute top-20 left-10 w-72 h-72 bg-cyan-400 rounded-full filter blur-3xl">
        </div>
        <div class="absolute bottom-20 right-10 w-96 h-96 bg-teal-400 rounded-full filter blur-3xl">
        </div>
       </div>
       <div class="relative container mx-auto px-4 sm:px-6 lg:px-8">
        <div class="max-w-5xl mx-auto">
        <section class="pt-24 sm:pt-28 pb-10 sm:pb-12 from-cyan-50 via-white to-teal-50">
      <div class="container mx-auto px-4 sm:px-6 lg:px-8">
        <div class="max-w-4xl mx-auto text-center">
          <div class="inline-flex items-center space-x-2 px-4 py-2  rounded-full shadow-sm">
            <div class="w-2 h-2 bg-cyan-600 rounded-full animate-pulse"></div>
            <span class="text-sm font-medium text-slate-700">Documento legal</span>
          </div>

<h1 class="mt-6 text-3xl sm:text-4xl lg:text-5xl font-bold text-slate-900 leading-tight">
            Términos y Condiciones de LicitaSimple
          </h1>

<p class="mt-4 text-base sm:text-lg text-slate-600">
            Estos Términos regulan el acceso y uso de la plataforma LicitaSimple, así como las condiciones de contratación de planes de suscripción.
          </p>

<div class="mt-6 flex flex-col sm:flex-row items-center justify-center gap-3">
            <div class="inline-flex items-center px-4 py-2 bg-white rounded-lg border border-slate-200 shadow-sm text-sm text-slate-700">
              <span class="font-semibold mr-2">Vigencia:</span> desde la fecha de publicación
            </div>
            <div class="inline-flex items-center px-4 py-2 bg-white rounded-lg border border-slate-200 shadow-sm text-sm text-slate-700">
              <span class="font-semibold mr-2">Última actualización:</span> <span id="tcLastUpdated">—</span>
            </div>
          </div>
        </div>
      </div>
    </section>
        </div>
       </div>
      </section>
      
 <div class="container mx-auto px-4 sm:px-6 lg:px-8">
        <div class="max-w-4xl mx-auto">
          
          <div class="rounded-xl bg-white shadow border-2 border-slate-200 p-6 sm:p-8">
            <h2 class="text-xl sm:text-2xl font-bold text-slate-900 mb-3">1. Aceptación de los Términos</h2>
            <p class="text-slate-600 leading-relaxed">
              Al acceder, navegar, registrarte o utilizar LicitaSimple (la “Plataforma”), aceptas estos Términos y Condiciones (los “Términos”).
              Si no estás de acuerdo con ellos, no debes usar la Plataforma.
            </p>
          </div>

<div class="rounded-xl bg-white shadow border-2 border-slate-200 p-6 sm:p-8">
            <h2 class="text-xl sm:text-2xl font-bold text-slate-900 mb-3">2. Definiciones</h2>
            <ul class="mt-4 space-y-3 text-slate-600 leading-relaxed list-disc pl-5">
              <li><b>LicitaSimple</b>: plataforma SaaS que conecta Empresas y Proveedores para licitaciones privadas y exploración de licitaciones públicas.</li>
              <li><b>Empresa</b>: usuario comprador que publica licitaciones privadas, recibe propuestas y selecciona proveedores.</li>
              <li><b>Proveedor</b>: usuario oferente que configura rubros, explora licitaciones (públicas y privadas) y envía propuestas en licitaciones privadas dentro de la Plataforma.</li>
              <li><b>Licitación Privada</b>: oportunidad publicada por una Empresa dentro de LicitaSimple y que permite postulación y gestión de propuestas en la Plataforma.</li>
              <li><b>Licitación Pública</b>: oportunidad disponible en fuentes públicas (por ejemplo, el portal de Mercado Público). La Plataforma puede mostrar información y/o enlaces, pero la postulación se realiza fuera de LicitaSimple.</li>
              <li><b>Rubro</b>: categoría configurada por el usuario para filtrar o definir oportunidades y/o creación de licitaciones según el plan contratado.</li>
              <li><b>Plan</b> o <b>Suscripción</b>: modalidad de pago mensual o anual que habilita límites y funcionalidades.</li>
            </ul>
          </div>

<div class="rounded-xl bg-white shadow border-2 border-slate-200 p-6 sm:p-8">
            <h2 class="text-xl sm:text-2xl font-bold text-slate-900 mb-3">3. Alcance del Servicio</h2>
            <div class="space-y-4 text-slate-600 leading-relaxed">
              <p>
                LicitaSimple ofrece una Plataforma para facilitar el descubrimiento y la gestión de oportunidades:
              </p>

<div class="grid grid-cols-1 sm:grid-cols-2 gap-4">
                <div class="rounded-xl border border-slate-200 p-5 bg-gradient-to-br from-cyan-50 via-white to-teal-50">
                  <p class="font-semibold text-slate-900 mb-2 px-2">Para Proveedores</p>
                  <ul class="space-y-2 list-disc pl-5 px-2">
                    <li>Explorar licitaciones públicas disponibles en fuentes externas.</li>
                    <li>Postular a licitaciones públicas a través del portal correspondiente (por ejemplo, Mercado Público).</li>
                    <li>Explorar y postular a licitaciones privadas directamente en LicitaSimple.</li>
                    <li>Configurar rubros para personalizar las oportunidades mostradas según plan.</li>
                  </ul>
                </div>

<div class="rounded-xl border border-slate-200 p-5 bg-gradient-to-br from-cyan-50 via-white to-teal-50">
                  <p class="font-semibold text-slate-900 mb-2  px-2">Para Empresas</p>
                  <ul class="space-y-2 list-disc pl-5   px-2">
                    <li>Publicar licitaciones privadas dentro de la Plataforma.</li>
                    <li>Recibir propuestas de Proveedores y compararlas.</li>
                    <li>Seleccionar la propuesta que mejor se ajuste a sus necesidades.</li>
                    <li>Gestionar rubros de licitación y usuarios internos según plan.</li>
                  </ul>
                </div>
              </div>

<p>
                LicitaSimple no actúa como intermediario financiero, agente, comisionista, corredor ni parte contractual en las relaciones comerciales que se formen entre Empresas y Proveedores.
              </p>
            </div>
          </div>

<div class="rounded-xl bg-white shadow border-2 border-slate-200 p-6 sm:p-8">
            <h2 class="text-xl sm:text-2xl font-bold text-slate-900 mb-3">4. Registro, Cuenta y Responsabilidades</h2>
            <div class="space-y-4 text-slate-600 leading-relaxed">
              <p>
                Para utilizar ciertas funcionalidades, deberás crear una cuenta. Te comprometes a proporcionar información veraz, completa y actualizada.
              </p>
              <ul class="space-y-2 list-disc pl-5">
                <li>Eres responsable de la confidencialidad de tus credenciales y del uso que se realice con tu cuenta.</li>
                <li>Debes mantener actualizados los datos de tu perfil, rubros y contactos.</li>
                <li>LicitaSimple puede suspender cuentas ante uso indebido, fraude, suplantación o incumplimiento de estos Términos.</li>
              </ul>
            </div>
          </div>

<div class="rounded-xl bg-white shadow border-2 border-slate-200 p-6 sm:p-8">
            <h2 class="text-xl sm:text-2xl font-bold text-slate-900 mb-3">5. Planes, Límites y Funcionalidades</h2>
            <div class="space-y-4 text-slate-600 leading-relaxed">
              <p>
                La Plataforma ofrece planes para Proveedores y Empresas. Cada plan incluye límites de uso (por ejemplo, cantidad de rubros, usuarios internos u otras restricciones).
                Los límites exactos y el precio vigente serán los informados en la sección <b>Planes y Precios</b> del sitio.
              </p>
              <p>
                LicitaSimple podrá actualizar funcionalidades y límites para mejorar el servicio. Cuando corresponda, informará cambios relevantes con antelación razonable.
              </p>
            </div>
          </div>

<div class="rounded-xl bg-white shadow border-2 border-slate-200 p-6 sm:p-8">
            <h2 class="text-xl sm:text-2xl font-bold text-slate-900 mb-3">6. Suscripciones, Facturación y Pagos</h2>
            <div class="space-y-4 text-slate-600 leading-relaxed">
              <ul class="space-y-2 list-disc pl-5">
                <li><b>Mensual:</b> se cobra por períodos mensuales.</li>
                <li><b>Anual:</b> se cobra por un período anual (puede incluir descuentos informados en el sitio).</li>
              </ul>

<p>
                Al contratar un plan, autorizas el cobro del período seleccionado. El acceso a funcionalidades dependerá del pago exitoso.
              </p>

<div class="rounded-xl border border-slate-200 p-5 bg-slate-50">
                <p class="font-semibold text-slate-900 mb-2 px-2">Política de no reembolso</p>
                <p class="text-slate-600 leading-relaxed px-2">
                  <b>No se realizan devoluciones de dinero</b> por planes contratados o ya activados. Una vez contratada la suscripción,
                  el plan permanecerá activo hasta la fecha de término del período contratado.
                </p>
              </div>

<p>
                Si existen fallas transitorias de la Plataforma, LicitaSimple realizará esfuerzos razonables para restablecer el servicio.
                Lo anterior no implica devolución de montos pagados, salvo que la ley aplicable exija lo contrario.
              </p>
            </div>
          </div>

<div class="rounded-xl bg-white shadow border-2 border-slate-200 p-6 sm:p-8">
            <h2 class="text-xl sm:text-2xl font-bold text-slate-900 mb-3">7. Cancelación y Renovación</h2>
            <div class="space-y-4 text-slate-600 leading-relaxed">
              <p>
                Puedes cancelar tu suscripción en cualquier momento. Si cancelas, el plan seguirá activo y podrás utilizar sus funcionalidades
                hasta la fecha de término del período contratado.
              </p>
              <p>
                Al finalizar el período, eres libre de renovar o no el servicio, <b>sin contratos de permanencia</b> ni compromisos a largo plazo.
              </p>
            </div>
          </div>

<div class="rounded-xl bg-white shadow border-2 border-slate-200 p-6 sm:p-8">
            <h2 class="text-xl sm:text-2xl font-bold text-slate-900 mb-3">8. Uso Aceptable</h2>
            <div class="space-y-4 text-slate-600 leading-relaxed">
              <p>Al usar LicitaSimple, te comprometes a:</p>
              <ul class="space-y-2 list-disc pl-5">
                <li>No publicar contenido falso, engañoso, difamatorio o ilegal.</li>
                <li>No suplantar identidades ni manipular procesos de postulación o evaluación.</li>
                <li>No usar la Plataforma para spam, extracción masiva de datos o scraping no autorizado.</li>
                <li>No vulnerar la seguridad del servicio ni intentar acceder a áreas restringidas.</li>
                <li>Respetar derechos de terceros (incluyendo propiedad intelectual y datos personales).</li>
              </ul>

<p>
                LicitaSimple puede suspender o cancelar cuentas que incumplan esta sección, sin perjuicio de acciones adicionales que correspondan.
              </p>
            </div>
          </div>

<div class="rounded-xl bg-white shadow border-2 border-slate-200 p-6 sm:p-8">
            <h2 class="text-xl sm:text-2xl font-bold text-slate-900 mb-3">9. Licitaciones Públicas y Sitios de Terceros</h2>
            <div class="space-y-4 text-slate-600 leading-relaxed">
              <p>
                La Plataforma puede mostrar información o enlaces a licitaciones públicas disponibles en sitios externos (por ejemplo, Mercado Público).
                La postulación a dichas licitaciones se realiza en el sitio externo correspondiente.
              </p>
              <p>
                LicitaSimple no controla ni administra esos sitios y no se responsabiliza por su disponibilidad, contenido, actualizaciones o condiciones.
                El usuario acepta que el uso de servicios de terceros se rige por los términos de dichos terceros.
              </p>
            </div>
          </div>

<div class="rounded-xl bg-white shadow border-2 border-slate-200 p-6 sm:p-8">
            <h2 class="text-xl sm:text-2xl font-bold text-slate-900 mb-3">10. Contenido, Propuestas y Propiedad Intelectual</h2>
            <div class="space-y-4 text-slate-600 leading-relaxed">
              <p>
                Cada usuario conserva la propiedad de su contenido (por ejemplo, antecedentes, catálogos, propuestas, especificaciones y documentos).
                Sin embargo, al cargar o publicar contenido en la Plataforma, otorgas a LicitaSimple una licencia limitada para alojar, procesar y mostrar
                dicho contenido con el propósito de operar el servicio.
              </p>
              <p>
                LicitaSimple y sus marcas, logos, interfaz, diseño, software y materiales asociados son propiedad de LicitaSimple o sus licenciantes.
                No se concede ningún derecho más allá de los necesarios para usar la Plataforma conforme a estos Términos.
              </p>
            </div>
          </div>

<div class="rounded-xl bg-white shadow border-2 border-slate-200 p-6 sm:p-8">
            <h2 class="text-xl sm:text-2xl font-bold text-slate-900 mb-3">11. Privacidad y Datos</h2>
            <div class="space-y-4 text-slate-600 leading-relaxed">
              <p>
                El tratamiento de datos personales y la información relacionada con cuentas, rubros, licitaciones y propuestas se realiza conforme a la
                Política de Privacidad vigente. Recomendamos revisarla junto a estos Términos.
              </p>
              <p>
                Los usuarios se comprometen a no cargar datos personales de terceros sin contar con la base legal o consentimiento correspondiente.
              </p>
            </div>
          </div>

<div class="rounded-xl bg-white shadow border-2 border-slate-200 p-6 sm:p-8">
            <h2 class="text-xl sm:text-2xl font-bold text-slate-900 mb-3">12. Disponibilidad del Servicio</h2>
            <div class="space-y-4 text-slate-600 leading-relaxed">
              <p>
                LicitaSimple busca operar con alta disponibilidad, pero el servicio puede experimentar interrupciones por mantenciones, mejoras,
                incidencias o causas fuera de control razonable.
              </p>
              <p>
                LicitaSimple podrá realizar cambios, mejoras o actualizaciones de la Plataforma para optimizar la experiencia y seguridad del servicio.
              </p>
            </div>
          </div>

<div class="rounded-xl bg-white shadow border-2 border-slate-200 p-6 sm:p-8">
            <h2 class="text-xl sm:text-2xl font-bold text-slate-900 mb-3">13. Limitación de Responsabilidad</h2>
            <div class="space-y-4 text-slate-600 leading-relaxed">
              <p>
                LicitaSimple provee una plataforma tecnológica. No garantiza resultados comerciales específicos, adjudicaciones, ventas, ni la calidad,
                cumplimiento o comportamiento de Empresas o Proveedores.
              </p>
              <p>
                En la medida permitida por la ley, LicitaSimple no será responsable por daños indirectos, lucro cesante, pérdida de oportunidades,
                pérdida de datos o cualquier perjuicio derivado de acuerdos entre usuarios.
              </p>
            </div>
          </div>

<div class="rounded-xl bg-white shadow border-2 border-slate-200 p-6 sm:p-8">
            <h2 class="text-xl sm:text-2xl font-bold text-slate-900 mb-3">14. Modificaciones a los Términos</h2>
            <div class="space-y-4 text-slate-600 leading-relaxed">
              <p>
                LicitaSimple podrá actualizar estos Términos. Cuando existan cambios relevantes, se informará mediante la Plataforma o por los medios
                de contacto disponibles en tu cuenta.
              </p>
              <p>
                El uso continuo de la Plataforma después de una actualización implica la aceptación de los Términos modificados.
              </p>
            </div>
          </div>

<div class="rounded-xl bg-white shadow border-2 border-slate-200 p-6 sm:p-8">
            <h2 class="text-xl sm:text-2xl font-bold text-slate-900 mb-3">15. Ley Aplicable y Jurisdicción</h2>
            <p class="text-slate-600 leading-relaxed">
              Estos Términos se rigen por las leyes de la República de Chile. Cualquier controversia será sometida a los tribunales competentes de Chile,
              salvo que la normativa aplicable disponga otra cosa.
            </p>
          </div>

<div id="contacto" class="rounded-xl bg-gradient-to-br from-cyan-50 via-white to-teal-50 border-2 border-cyan-200 shadow p-6 sm:p-8 mb-12">
            <h2 class="text-xl sm:text-2xl font-bold text-slate-900 mb-3">16. Contacto</h2>
            <p class="text-slate-600 leading-relaxed">
              Si tienes dudas sobre estos Términos, tu plan, facturación o el uso de la Plataforma, contáctanos:
            </p>

<div class="mt-6 grid grid-cols-1 sm:grid-cols-2 gap-4">
              <div class="rounded-xl bg-white border border-slate-200 p-5 px-2 mb-12 pb-5 pt-4">
                <p class="font-semibold text-slate-900 mb-1">Soporte</p>
                <p class="text-slate-600 text-sm ">Respuesta según plan (estándar o prioritario).</p>
                <p class="mt-3 text-sm text-slate-700">
                  Email: <span class="font-semibold text-cyan-600">soporte@licitasimple.cl</span>
                </p>
              </div>

<div class="rounded-xl bg-white border border-slate-200 p-5 px-2 mb-12 pb-5 pt-4">
                <p class="font-semibold text-slate-900 mb-1">Comercial</p>
                <p class="text-slate-600 text-sm">Planes corporativos o necesidades especiales.</p>
                <p class="mt-3 text-sm text-slate-700">
                  Email: <span class="font-semibold text-cyan-600">ventas@licitasimple.cl</span>
                </p>
              </div>
            </div>

<div class="mt-6 flex flex-col sm:flex-row items-center justify-center gap-4">
              <a href="index.html#planes"
                class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md font-semibold px-8 py-4 bg-gradient-to-r from-cyan-600 to-teal-600 hover:from-cyan-700 hover:to-teal-700 text-white shadow-lg hover:shadow-xl transition-all">
                Ver Planes
              </a>

<a href="index.html"
                class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md font-semibold px-8 py-4 border-2 border-cyan-600 text-cyan-600 hover:bg-cyan-50 shadow-lg hover:shadow-xl transition-all">
                Volver al Inicio
              </a>
            </div>
          </div>
        </div>
      </div>

</main>
     <footer class="bg-slate-900 text-white">
      <div class="container mx-auto px-4 sm:px-6 lg:px-8 py-12 lg:py-16">
       <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8 lg:gap-12">
        <div>
         <h3 class="text-2xl font-bold bg-gradient-to-r from-cyan-400 to-teal-400 bg-clip-text text-transparent mb-4">
          LicitaSimple
         </h3>
         <p class="text-slate-400 mb-6 leading-relaxed">
          La plataforma B2B líder en Chile que conecta empresas con proveedores de forma eficiente y transparente.
         </p>
         <div class="flex space-x-4">
          <a aria-label="Facebook" class="w-10 h-10 rounded-full bg-slate-800 hover:bg-cyan-600 flex items-center justify-center transition-colors" href="#">
           <svg aria-hidden="true" class="lucide lucide-facebook w-5 h-5" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
            <path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z">
            </path>
           </svg>
          </a>
          <a aria-label="Twitter" class="w-10 h-10 rounded-full bg-slate-800 hover:bg-cyan-600 flex items-center justify-center transition-colors" href="#">
           <svg aria-hidden="true" class="lucide lucide-twitter w-5 h-5" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
            <path d="M22 4s-.7 2.1-2 3.4c1.6 10-9.4 17.3-18 11.6 2.2.1 4.4-.6 6-2C3 15.5.5 9.6 3 5c2.2 2.6 5.6 4.1 9 4-.9-4.2 4-6.6 7-3.8 1.1 0 3-1.2 3-1.2z">
            </path>
           </svg>
          </a>
          <a aria-label="LinkedIn" class="w-10 h-10 rounded-full bg-slate-800 hover:bg-cyan-600 flex items-center justify-center transition-colors" href="#">
           <svg aria-hidden="true" class="lucide lucide-linkedin w-5 h-5" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
            <path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z">
            </path>
            <rect height="12" width="4" x="2" y="9">
            </rect>
            <circle cx="4" cy="4" r="2">
            </circle>
           </svg>
          </a>
          <a aria-label="Instagram" class="w-10 h-10 rounded-full bg-slate-800 hover:bg-cyan-600 flex items-center justify-center transition-colors" href="#">
           <svg aria-hidden="true" class="lucide lucide-instagram w-5 h-5" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
            <rect height="20" rx="5" ry="5" width="20" x="2" y="2">
            </rect>
            <path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z">
            </path>
            <line x1="17.5" x2="17.51" y1="6.5" y2="6.5">
            </line>
           </svg>
          </a>
         </div>
        </div>
        <div>
         <h4 class="text-lg font-semibold mb-4">
          Navegación
         </h4>
         <ul class="space-y-3">
          <li>
           <button class="text-slate-400 hover:text-cyan-400 transition-colors" data-scroll-to="index.html#home" type="button">
            Home
           </button>
          </li>
          <li>
           <button class="text-slate-400 hover:text-cyan-400 transition-colors" data-scroll-to="index.html#como-funciona" type="button">
            Cómo Funciona
           </button>
          </li>
          <li>
           <button class="text-slate-400 hover:text-cyan-400 transition-colors" data-scroll-to="index.html#planes" type="button">
            Planes
           </button>
          </li>
          <li>
           
          </li>
          <li>
           <button class="text-slate-400 hover:text-cyan-400 transition-colors" data-scroll-to="index.html#faq" type="button">
            FAQ
           </button>
          </li>
         </ul>
        </div>
        <div>
         <h4 class="text-lg font-semibold mb-4">
          Legal
         </h4>
         <ul class="space-y-3">
          <li>
           <a class="text-slate-400 hover:text-cyan-400 transition-colors" href="tyc.html">
            Términos y Condiciones
           </a>
          </li>
          <li>
           <a class="text-slate-400 hover:text-cyan-400 transition-colors" href="pp.html">
            Política de Privacidad
           </a>
          </li>
          
         </ul>
        </div>
        <div>
         <h4 class="text-lg font-semibold mb-4">
          Contacto
         </h4>
         <ul class="space-y-3">
          <li class="flex items-start">
           <svg aria-hidden="true" class="lucide lucide-mail w-5 h-5 text-cyan-400 mr-3 mt-0.5 flex-shrink-0" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
            <path d="m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7">
            </path>
            <rect height="16" rx="2" width="20" x="2" y="4">
            </rect>
           </svg>
           <a class="text-slate-400 hover:text-cyan-400 transition-colors" href="mailto:contacto@licitasimple.cl">
            contacto@licitasimple.cl
           </a>
          </li>
          <li class="flex items-start">
           <svg aria-hidden="true" class="lucide lucide-phone w-5 h-5 text-cyan-400 mr-3 mt-0.5 flex-shrink-0" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
            <path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z">
            </path>
           </svg>
           <a class="text-slate-400 hover:text-cyan-400 transition-colors" href="tel:+56123456789">
            +56 1 2345 6789
           </a>
          </li>
          <li class="flex items-start">
           <svg aria-hidden="true" class="lucide lucide-map-pin w-5 h-5 text-cyan-400 mr-3 mt-0.5 flex-shrink-0" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
            <path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0">
            </path>
            <circle cx="12" cy="10" r="3">
            </circle>
           </svg>
           <span class="text-slate-400">
            Av. Providencia 1234
            <br/>
            Santiago, Chile
           </span>
          </li>
         </ul>
        </div>
       </div>
       <div class="border-t border-slate-800 mt-12 pt-8">
        <div class="flex flex-col sm:flex-row justify-between items-center space-y-4 sm:space-y-0">
         <p class="text-slate-400 text-sm text-center sm:text-left">
          © 2025 LicitaSimple. Todos los derechos reservados.
         </p>
         <p class="text-slate-400 text-sm text-center sm:text-right">
          Hecho con
          <span class="text-red-500">
           ♥
          </span>
          en Chile
         </p>
        </div>
       </div>
      </div>
     </footer>
     <section aria-atomic="false" aria-label="Notifications alt+T" aria-live="polite" aria-relevant="additions text" tabindex="-1">
     </section>
    </div>
   </div>
  </div>
 <script>
  (function () {
    const btn = document.getElementById('mobileMenuButton');
    const menu = document.getElementById('mobileMenu');
    const backdrop = document.getElementById('mobileMenuBackdrop');
    const closeBtn = document.getElementById('mobileMenuCloseButton');

function setOpen(isOpen) {
      if (!menu || !btn) return;

// Menu drop down/up
      menu.classList.toggle('-translate-y-4', !isOpen);
      menu.classList.toggle('opacity-0', !isOpen);
      menu.classList.toggle('pointer-events-none', !isOpen);
// Backdrop fade + clickability
      if (backdrop) {
        backdrop.classList.toggle('opacity-0', !isOpen);
        backdrop.classList.toggle('pointer-events-none', !isOpen);
      }

// Toggle hamburger / close icon
      if (closeBtn) {
        closeBtn.classList.toggle('hidden', !isOpen);
      }
      btn.classList.toggle('hidden', isOpen);

btn.setAttribute('aria-expanded', String(isOpen));
    }

if (btn && menu) {
      btn.addEventListener('click', () => {
        const isOpen = btn.getAttribute('aria-expanded') === 'true';
        setOpen(!isOpen);
      });
    }

if (closeBtn) {
      closeBtn.addEventListener('click', () => setOpen(false));
    }

if (backdrop) {
      backdrop.addEventListener('click', () => setOpen(false));
    }

document.addEventListener('keydown', (e) => {
      if (e.key === 'Escape') setOpen(false);
    });

function scrollToTarget(selector) {
      const el = document.querySelector(selector);
      if (!el) return;
      const header = document.querySelector('header');
      const offset = header ? header.getBoundingClientRect().height : 0;
      const top = el.getBoundingClientRect().top + window.pageYOffset - offset;
      window.scrollTo({ top, behavior: 'smooth' });
    }

document.addEventListener('click', (e) => {
      const target = e.target.closest('[data-scroll-to]');
      if (!target) return;
      const selector = target.getAttribute('data-scroll-to');
      if (!selector) return;

e.preventDefault();
      scrollToTarget(selector);
      // If we clicked an item inside the mobile menu, close it.
      if (menu && menu.contains(target)) setOpen(false);
    });

// Close mobile menu when resizing up to md breakpoint.
    window.addEventListener('resize', () => {
      if (window.innerWidth >= 768) setOpen(false);
    });
  })();
</script>

// 👉 FORZADO: siempre comenzar en Slide 1 (index 0)
  let currentSlide = 0;

function updateIndicators(activeIndex) {
    dots.forEach((dot, i) => {
      const isActive = i === activeIndex;

dot.classList.remove(
        "w-8", "h-3", "bg-cyan-600",
        "w-3", "h-3", "bg-slate-300", "hover:bg-slate-400"
      );

if (isActive) {
        dot.classList.add("w-8", "h-3", "bg-cyan-600");
        dot.setAttribute("aria-current", "true");
      } else {
        dot.classList.add("w-3", "h-3", "bg-slate-300", "hover:bg-slate-400");
        dot.removeAttribute("aria-current");
      }
    });
  }

function showSlide(index) {
    slides.forEach((slide, i) => {
      slide.classList.remove(
        "opacity-100", "translate-x-0",
        "opacity-0", "translate-x-full", "-translate-x-full"
      );

if (i === index) {
        slide.classList.add("opacity-100", "translate-x-0");
      } else if (i < index) {
        slide.classList.add("opacity-0", "-translate-x-full");
      } else {
        slide.classList.add("opacity-0", "translate-x-full");
      }
    });

currentSlide = index;
    updateIndicators(index);
  }

document.getElementById("nextSlide")?.addEventListener("click", () => {
    showSlide((currentSlide + 1) % totalSlides);
  });

document.getElementById("prevSlide")?.addEventListener("click", () => {
    showSlide((currentSlide - 1 + totalSlides) % totalSlides);
  });

dots.forEach((dot) => {
    dot.addEventListener("click", () => {
      showSlide(parseInt(dot.dataset.goto, 10));
    });
  });

const sliderArea =
    document.querySelector("#home .relative.min-h-\\[500px\\]") ||
    document.querySelector("#home");

let touchStartX = 0;
  let touchStartY = 0;
  let touchEndX = 0;
  let touchEndY = 0;

const SWIPE_MIN_X = 50;  // mínimo px horizontal para considerar swipe
  const SWIPE_MAX_Y = 80;  // máximo px vertical permitido (evita conflicto con scroll)

function handleSwipe() {
    const deltaX = touchEndX - touchStartX;
    const deltaY = touchEndY - touchStartY;

// Si es más vertical que horizontal, ignorar (scroll)
    if (Math.abs(deltaY) > SWIPE_MAX_Y) return;
    if (Math.abs(deltaX) < SWIPE_MIN_X) return;

if (deltaX < 0) {
      // swipe left -> next
      showSlide((currentSlide + 1) % totalSlides);
    } else {
      // swipe right -> prev
      showSlide((currentSlide - 1 + totalSlides) % totalSlides);
    }
  }

if (sliderArea) {
    sliderArea.addEventListener(
      "touchstart",
      (e) => {
        const t = e.changedTouches[0];
        touchStartX = t.screenX;
        touchStartY = t.screenY;
      },
      { passive: true }
    );

sliderArea.addEventListener(
      "touchend",
      (e) => {
        const t = e.changedTouches[0];
        touchEndX = t.screenX;
        touchEndY = t.screenY;
        handleSwipe();
      },
      { passive: true }
    );
  }

// 🔥 Inicialización forzada
  showSlide(0);
</script>

const empresaContent = {
    1: {
      title: "Crea el Perfil de tu Empresa",
      desc: "Crea tu cuenta empresarial en minutos y accede a nuestra plataforma de licitaciones."
    },
    2: {
      title: "Publica Licitaciones Activas",
      desc: "Define tus requerimientos, especificaciones y plazos. Es rápido y sencillo."
    },
    3: {
      title: "Recibe Propuestas de Proveedores",
      desc: "Proveedores calificados enviarán sus ofertas. Compara precios, servicios y experiencia."
    },
    4: {
      title: "Selecciona al Mejor Proveedor",
      desc: "Elige la propuesta que mejor se ajuste a tus necesidades y comienza a trabajar."
    }
  };

// Guardamos contenido original (Proveedor)
  const proveedorContent = {};
  cards.forEach(card => {
    const step = card.dataset.step;
    proveedorContent[step] = {
      title: card.querySelector("h3").innerText,
      desc: card.querySelector("p").innerText
    };
  });

function setActiveButton(active, inactive) {
    active.classList.add("bg-white", "text-cyan-600", "shadow-md");
    active.classList.remove("text-slate-600");

inactive.classList.remove("bg-white", "text-cyan-600", "shadow-md");
    inactive.classList.add("text-slate-600");
  }

btnEmpresa.addEventListener("click", () => {
    setActiveButton(btnEmpresa, btnProveedor);

cards.forEach(card => {
      const step = card.dataset.step;
      card.querySelector("h3").innerText = empresaContent[step].title;
      card.querySelector("p").innerText = empresaContent[step].desc;
    });
  });

btnProveedor.addEventListener("click", () => {
    setActiveButton(btnProveedor, btnEmpresa);

cards.forEach(card => {
      const step = card.dataset.step;
      card.querySelector("h3").innerText = proveedorContent[step].title;
      card.querySelector("p").innerText = proveedorContent[step].desc;
    });
  });
</script>

// Cards
    const cards = document.querySelectorAll("#plansGrid > div");

const formatCLP = (value) => {
      const n = Math.round(Number(value) || 0);
      return "$" + n.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ".");
    };

const iconCheck = `
      <svg aria-hidden="true" class="lucide lucide-check w-5 h-5 mr-3 mt-0.5 flex-shrink-0 text-teal-600"
        fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
        viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
        <path d="M20 6 9 17l-5-5"></path>
      </svg>
    `;

// Data
    const plans = {
      proveedor: [
        {
          name: "Inicial",
          tagline: "Para comenzar a postular",
          monthly: 19990,
          features: [
            "Exploración de licitaciones públicas (redirección a Mercado Público)",
            "Acceso a licitaciones privadas",
            "Postulación a licitaciones privadas desde la plataforma",
            "1 rubro configurable",
            "1 usuario",
            "Notificaciones por email",
            "Soporte estándar",
          ],
        },
        {
          name: "Crecimiento",
          tagline: "Para proveedores activos",
          monthly: 39990,
          features: [
            "Todo lo del plan Inicial",
            "Hasta 3 rubros configurables",
            "Hasta 3 usuarios",
            "Filtros avanzados de licitaciones",
            "Alertas automáticas por rubros",
            "Historial de postulaciones",
            "Soporte prioritario",
          ],
        },
        {
          name: "Pro",
          tagline: "Para equipos comerciales",
          monthly: 69990,
          features: [
            "Todo lo del plan Crecimiento",
            "Hasta 10 rubros",
            "Hasta 10 usuarios",
            "Acceso anticipado a licitaciones privadas",
            "Estadísticas de participación",
            "Exportación de licitaciones y postulaciones",
            "Onboarding avanzado",
          ],
        },
      ],
      empresa: [
        {
          name: "Esencial",
          tagline: "Para compras puntuales",
          monthly: 29990,
          features: [
            "Publicación de licitaciones privadas",
            "Recepción de propuestas en la plataforma",
            "1 rubro para publicar licitaciones",
            "1 usuario",
            "Hasta 2 licitaciones activas simultáneas",
            "Comparación básica de propuestas",
            "Soporte estándar",
          ],
        },
        {
          name: "Profesional",
          tagline: "Para compras recurrentes",
          monthly: 59990,
          features: [
            "Todo lo del plan Esencial",
            "Hasta 3 rubros para publicar licitaciones",
            "Hasta 5 usuarios",
            "Hasta 5 licitaciones activas simultáneas",
            "Evaluación estructurada de proveedores",
            "Mensajería interna con proveedores",
            "Soporte prioritario",
          ],
        },
        {
          name: "Corporativo",
          tagline: "Para alto volumen",
          monthly: 99990,
          features: [
            "Todo lo del plan Profesional",
            "Hasta 10 rubros para publicar licitaciones",
            "Usuarios ilimitados",
            "Licitaciones ilimitadas",
            "Panel de métricas (ahorro, tiempos, participación)",
            "Proveedores favoritos",
            "Customer Success (acompañamiento)",
          ],
        },
      ],
    };

// State
    let currentType = "proveedor"; // proveedor | empresa
    let billingMode = "mensual";   // mensual | anual

function setToggleActive(activeBtn, inactiveBtn) {
      if (!activeBtn || !inactiveBtn) return;

activeBtn.classList.add("bg-white", "text-cyan-600", "shadow-md");
      activeBtn.classList.remove("bg-transparent", "text-slate-600");

inactiveBtn.classList.remove("bg-white", "text-cyan-600", "shadow-md");
      inactiveBtn.classList.add("bg-transparent", "text-slate-600");
    }

function setBillingButtonActive(isAnnual) {
      if (!btnMensual || !btnAnual) return;

if (isAnnual) {
        btnAnual.classList.add("bg-white", "text-slate-900", "shadow-md");
        btnAnual.classList.remove("bg-transparent", "text-slate-600");

btnMensual.classList.remove("bg-white", "text-slate-900", "shadow-md");
        btnMensual.classList.add("bg-transparent", "text-slate-600");
      } else {
        btnMensual.classList.add("bg-white", "text-slate-900", "shadow-md");
        btnMensual.classList.remove("bg-transparent", "text-slate-600");

btnAnual.classList.remove("bg-white", "text-slate-900", "shadow-md");
        btnAnual.classList.add("bg-transparent", "text-slate-600");
      }
    }

function applyBillingToCard(card, monthly) {
      const priceEl = card.querySelector(".plan-price");
      const periodEl = card.querySelector(".plan-period");
      const eqEl = card.querySelector(".annual-equivalent");

if (!priceEl) return;

// Reservar espacio siempre (sin saltos)
      if (eqEl) eqEl.classList.remove("hidden");

if (billingMode === "anual") {
        const annual = monthly * 12 * 0.8;
        const eqMonthly = monthly * 0.8;

priceEl.dataset.monthly = String(monthly);
        priceEl.textContent = formatCLP(annual);
        if (periodEl) periodEl.textContent = "/año";
        if (eqEl) eqEl.textContent = `Equivalente a ${formatCLP(eqMonthly)}/mes`;
      } else {
        priceEl.dataset.monthly = String(monthly);
        priceEl.textContent = formatCLP(monthly);
        if (periodEl) periodEl.textContent = "/mes";
        if (eqEl) eqEl.textContent = "Facturación mensual";
      }
    }

function renderPlans() {
      const data = plans[currentType];

cards.forEach((card, i) => {
        const plan = data[i];
        if (!plan) return;

// Title / tagline
        const nameEl = card.querySelector(".plan-name");
        const tagEl = card.querySelector(".plan-tagline");
        if (nameEl) nameEl.textContent = plan.name;
        if (tagEl) tagEl.textContent = plan.tagline;

// Features
        const ul = card.querySelector(".plan-features");
        if (ul) {
          ul.innerHTML = plan.features
            .map((t) => `<li class="flex items-start">${iconCheck}<span class="text-slate-700">${t}</span></li>`)
            .join("");
        }

// Price
        applyBillingToCard(card, plan.monthly);
      });

setBillingButtonActive(billingMode === "anual");
    }

// Events
    btnProv && btnProv.addEventListener("click", () => {
      currentType = "proveedor";
      setToggleActive(btnProv, btnEmp);
      renderPlans();
    });

btnEmp && btnEmp.addEventListener("click", () => {
      currentType = "empresa";
      setToggleActive(btnEmp, btnProv);
      renderPlans();
    });

btnMensual && btnMensual.addEventListener("click", () => {
      billingMode = "mensual";
      renderPlans();
    });

btnAnual && btnAnual.addEventListener("click", () => {
      billingMode = "anual";
      renderPlans();
    });

// Default
    setToggleActive(btnProv, btnEmp);
    renderPlans();
  })();
</script>

// Home buttons (they are duplicated inside each slide)
    const homeRoleBtns = Array.from(document.querySelectorAll('#home button[data-home-role]'));

// ¿Cómo funciona? buttons (IDs in your section)
    const howProveedor = document.getElementById("btnProveedor");
    const howEmpresa = document.getElementById("btnEmpresa");

// Planes buttons (IDs in your section)
    const plansProveedor = document.getElementById("btnPlanesProveedor");
    const plansEmpresa = document.getElementById("btnPlanesEmpresa");

// Home slides
    const heroSlides = Array.from(document.querySelectorAll('#home .hero-slide[data-slide]'));

// Copy for each role (3 slides)
    const heroCopy = {
      proveedor: [
        {
          h1: "Encuentra Licitaciones y Nuevos Clientes",
          lead: "Explora oportunidades públicas y privadas según tus rubros",
          desc: "Revisa licitaciones públicas (postula en Mercado Público) y participa en licitaciones privadas directamente desde LicitaSimple."
        },
        {
          h1: "Filtra por Rubros y Recibe Alertas",
          lead: "Ve solo lo que realmente te interesa",
          desc: "Configura tus rubros y recibe notificaciones cuando aparezcan nuevas oportunidades alineadas a tu oferta."
        },
        {
          h1: "Postula a Licitaciones Privadas en 1 Lugar",
          lead: "Envía propuestas, adjunta documentos y haz seguimiento",
          desc: "Centraliza tus postulaciones privadas, revisa tu historial y mejora tu tasa de éxito con información clara y ordenada."
        }
      ],
      empresa: [
        {
          h1: "Compra Mejor, Más Rápido y con Proveedores Verificados",
          lead: "Publica licitaciones privadas y recibe propuestas en un solo lugar",
          desc: "Define requerimientos, plazos y rubros. Recibe ofertas comparables y acelera tu proceso de compra."
        },
        {
          h1: "Publica tu Licitación en Minutos",
          lead: "Requerimientos claros, ofertas comparables",
          desc: "Crea bases simples, adjunta archivos y deja que los proveedores calificados te envíen sus propuestas."
        },
        {
          h1: "Compara Propuestas y Elige al Mejor Proveedor",
          lead: "Evalúa precio, servicio y experiencia",
          desc: "Ordena propuestas, conversa con proveedores y selecciona la opción que mejor se ajuste a las necesidades de tu empresa."
        }
      ]
    };

function applyHeroCopy(role) {
      const slides = heroCopy[role] || heroCopy.proveedor;
      heroSlides.forEach((slide) => {
        const idx = Number(slide.dataset.slide || 0);
        const copy = slides[idx];
        if (!copy) return;

const h1 = slide.querySelector("h1");
        const lead = slide.querySelector("p.text-cyan-600");
        const desc = slide.querySelector("p.text-slate-600");

if (h1) h1.textContent = copy.h1;
        if (lead) lead.textContent = copy.lead;
        if (desc) desc.textContent = copy.desc;
      });
    }

function setHomeButtonsActive(role) {
      homeRoleBtns.forEach((btn) => {
        const isActive = btn.dataset.homeRole === role;

// Remove both possible style sets first (deterministic)
        btn.classList.remove(
          "bg-gradient-to-r", "from-cyan-600", "to-teal-600", "hover:from-cyan-700", "hover:to-teal-700",
          "text-white", "shadow-lg", "hover:shadow-xl",
          "border-2", "border-cyan-600", "text-cyan-600", "hover:bg-cyan-50"
        );

if (isActive) {
          btn.classList.add(
            "bg-gradient-to-r", "from-cyan-600", "to-teal-600", "hover:from-cyan-700", "hover:to-teal-700",
            "text-white", "shadow-lg", "hover:shadow-xl"
          );
        } else {
          btn.classList.add("border-2", "border-cyan-600", "text-cyan-600", "hover:bg-cyan-50");
        }
      });
    }

function setRole(role, opts) {
      const nextRole = role === ROLE.EMPRESA ? ROLE.EMPRESA : ROLE.PROVEEDOR;
      currentRole = nextRole;

// Update Home copy + active styles
      applyHeroCopy(currentRole);
      setHomeButtonsActive(currentRole);

// Sync other sections (avoid infinite loops)
      const silent = opts && opts.silent;
      if (silent) return;

isSyncing = true;
      try {
        if (currentRole === ROLE.PROVEEDOR) {
          if (howProveedor) howProveedor.click();
          if (plansProveedor) plansProveedor.click();
        } else {
          if (howEmpresa) howEmpresa.click();
          if (plansEmpresa) plansEmpresa.click();
        }
      } finally {
        isSyncing = false;
      }
    }

// --- Events ---

// Home role buttons
    homeRoleBtns.forEach((btn) => {
      btn.addEventListener("click", () => {
        setRole(btn.dataset.homeRole, { silent: false });
      });
    });

// When user changes role in ¿Cómo funciona?
    if (howProveedor) howProveedor.addEventListener("click", () => {
      if (isSyncing) return;
      setRole(ROLE.PROVEEDOR, { silent: false });
    });

if (howEmpresa) howEmpresa.addEventListener("click", () => {
      if (isSyncing) return;
      setRole(ROLE.EMPRESA, { silent: false });
    });

// When user changes role in Planes
    if (plansProveedor) plansProveedor.addEventListener("click", () => {
      if (isSyncing) return;
      setRole(ROLE.PROVEEDOR, { silent: false });
    });

if (plansEmpresa) plansEmpresa.addEventListener("click", () => {
      if (isSyncing) return;
      setRole(ROLE.EMPRESA, { silent: false });
    });

// Default role: Proveedor
    setRole(ROLE.PROVEEDOR, { silent: false });
  })();
</script>

function closeAll(exceptBtn) {
      faqItems.forEach((btn) => {
        if (btn === exceptBtn) return;

const contentId = btn.getAttribute('aria-controls');
        const content = document.getElementById(contentId);
        const item = btn.closest('[data-state]');
        const header = btn.closest('h3');

btn.setAttribute('aria-expanded', 'false');
        btn.dataset.state = 'closed';
        if (header) header.dataset.state = 'closed';
        if (item) item.dataset.state = 'closed';

if (content) {
          content.hidden = true;
          content.dataset.state = 'closed';
        }
      });
    }

faqItems.forEach((btn) => {
      btn.classList.add('faq-trigger');

btn.addEventListener('click', () => {
        const contentId = btn.getAttribute('aria-controls');
        const content = document.getElementById(contentId);
        const item = btn.closest('[data-state]');
        const header = btn.closest('h3');

const isOpen = btn.getAttribute('aria-expanded') === 'true';

// Accordion: cerrar los demás
        closeAll(btn);

// Toggle actual
        const nextOpen = !isOpen;
        btn.setAttribute('aria-expanded', nextOpen ? 'true' : 'false');
        btn.dataset.state = nextOpen ? 'open' : 'closed';
        if (header) header.dataset.state = nextOpen ? 'open' : 'closed';
        if (item) item.dataset.state = nextOpen ? 'open' : 'closed';

if (content) {
          content.hidden = !nextOpen;
          content.dataset.state = nextOpen ? 'open' : 'closed';
        }
      });
    });
  })();
</script>

</body></html>

cmd: