<?php
//BUCKET S3
require_once(__DIR__.'/functions/fn_credenciales_s3.php');
$array_s3_principal = s3_principal_negocia();
$EC2_BUCKET_S3 = $array_s3_principal[4];
$EC2_DOMINIO = $array_s3_principal[5];
?>

<!DOCTYPE html>
<html lang="es">
<head>
    <!-- Google Tag Manager -->
    <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
    })(window,document,'script','dataLayer','GTM-NS2CBC6L');</script>
    <!-- End Google Tag Manager -->

    <!-- Google tag (gtag.js) -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=AW-684872527"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());
      gtag('config', 'G-PG0LK2TYH7');
      gtag('config', 'AW-684872527');
    </script>

    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- SEO Básico -->
    <title>Negocia.pe | Soluciones Tecnológicas para Empresas de Perú y Latinoamérica</title>
    <meta name="description" content="Negocia.pe desarrolla el ecosistema de software que las PYMEs de Perú y Latinoamérica usan para vender y operar: ERP y punto de venta, tienda online, CRM con WhatsApp e IA, RRHH y planillas, y fidelización de clientes. Más de 15 años y +1,000 empresas.">
    <meta name="keywords" content="soluciones tecnológicas para empresas, software empresarial Perú, ERP para PYMEs, comercio unificado, punto de venta, facturación electrónica SUNAT, CRM WhatsApp, agentes IA, tienda online, RRHH y planillas, fidelización de clientes, software Latinoamérica">
    <meta name="author" content="Negocia.pe">
    <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
    <meta name="googlebot" content="index, follow">
    <meta name="geo.region" content="PE">
    <meta name="geo.placename" content="Lima, Perú">
    <meta name="language" content="Spanish">
    <meta name="theme-color" content="#FF5900">
    <link rel="canonical" href="https://negocia.pe/">
    <link rel="alternate" hreflang="es" href="https://negocia.pe/">
    <link rel="alternate" hreflang="x-default" href="https://negocia.pe/">

    <!-- Open Graph (Facebook, LinkedIn, etc.) -->
    <meta property="og:site_name" content="Negocia.pe">
    <meta property="og:title" content="Negocia.pe | Soluciones Tecnológicas para Empresas de Perú y Latinoamérica">
    <meta property="og:description" content="Un solo ecosistema para vender y operar: ERP y punto de venta, tienda online, CRM con WhatsApp e IA, RRHH y planillas, y fidelización. Más de 1,000 empresas confían en nosotros.">
    <meta property="og:image" content="https://s3unif-img-recursos.s3.us-east-1.amazonaws.com/logo_negocia.png">
    <meta property="og:image:alt" content="Negocia.pe — Soluciones tecnológicas para empresas de Perú y Latinoamérica">
    <meta property="og:url" content="https://negocia.pe/">
    <meta property="og:type" content="website">
    <meta property="og:locale" content="es_LA">
    <meta property="og:locale:alternate" content="es_PE">

    <!-- Twitter Cards -->
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="Negocia.pe | Soluciones Tecnológicas para Empresas de Perú y Latinoamérica">
    <meta name="twitter:description" content="ERP y punto de venta, tienda online, CRM con WhatsApp e IA, RRHH y fidelización. Un solo ecosistema para tu empresa.">
    <meta name="twitter:image" content="https://s3unif-img-recursos.s3.us-east-1.amazonaws.com/logo_negocia.png">
    <meta name="twitter:image:alt" content="Negocia.pe — Soluciones tecnológicas para empresas de Perú y Latinoamérica">

    <!-- Schema.org JSON-LD: Organization + WebSite + SoftwareApplication + FAQPage -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@graph": [
        {
          "@type": "Organization",
          "@id": "https://negocia.pe/#organization",
          "name": "Negocia.pe",
          "alternateName": "Negocia",
          "url": "https://negocia.pe/",
          "description": "Negocia.pe desarrolla soluciones tecnologicas para empresas de Peru y Latinoamerica: ERP y punto de venta, facturacion electronica SUNAT, tienda online sincronizada, CRM con WhatsApp y agentes de IA, RRHH y planillas, y fidelizacion de clientes.",
          "slogan": "Comercio unificado para tu empresa",
          "logo": {
            "@type": "ImageObject",
            "url": "https://s3unif-img-recursos.s3.us-east-1.amazonaws.com/logo_negocia.png"
          },
          "contactPoint": [
            {
              "@type": "ContactPoint",
              "telephone": "+51942223753",
              "contactType": "sales",
              "email": "negocia.pe@gmail.com",
              "areaServed": ["PE", "CO", "MX", "CL", "EC", "BO"],
              "availableLanguage": "es"
            },
            {
              "@type": "ContactPoint",
              "telephone": "+51942223753",
              "contactType": "customer support",
              "areaServed": ["PE", "CO", "MX", "CL", "EC", "BO"],
              "availableLanguage": "es"
            }
          ],
          "address": {
            "@type": "PostalAddress",
            "addressLocality": "Lima",
            "addressCountry": "PE"
          },
          "areaServed": ["PE", "CO", "MX", "CL", "EC", "BO"],
          "knowsLanguage": "es",
          "sameAs": [
            "https://www.facebook.com/Negocia.pe",
            "https://www.instagram.com/negocia_pe/",
            "https://www.linkedin.com/company/negociape/",
            "https://www.youtube.com/@negociape"
          ]
        },
        {
          "@type": "WebSite",
          "@id": "https://negocia.pe/#website",
          "url": "https://negocia.pe/",
          "name": "Negocia.pe",
          "inLanguage": "es",
          "publisher": { "@id": "https://negocia.pe/#organization" }
        },
        {
          "@type": "WebPage",
          "@id": "https://negocia.pe/#webpage",
          "url": "https://negocia.pe/",
          "name": "Negocia.pe | Soluciones Tecnologicas para Empresas de Peru y Latinoamerica",
          "description": "Ecosistema de software empresarial para PYMEs de Peru y Latinoamerica: ERP y punto de venta, tienda online, CRM con WhatsApp e IA, RRHH y planillas, y fidelizacion de clientes.",
          "inLanguage": "es",
          "dateModified": "2026-08-05",
          "isPartOf": { "@id": "https://negocia.pe/#website" },
          "about": { "@id": "https://negocia.pe/#organization" },
          "primaryImageOfPage": {
            "@type": "ImageObject",
            "url": "https://s3unif-img-recursos.s3.us-east-1.amazonaws.com/logo_negocia.png"
          }
        },
        {
          "@type": "ItemList",
          "@id": "https://negocia.pe/#soluciones",
          "name": "Soluciones tecnologicas de Negocia.pe",
          "numberOfItems": 8,
          "itemListElement": [
            {
              "@type": "ListItem",
              "position": 1,
              "item": {
                "@type": "SoftwareApplication",
                "name": "Negocia ERP \u2014 Punto de Venta y Facturacion Electronica",
                "url": "https://negocia.pe/PuntoVenta.php",
                "applicationCategory": "BusinessApplication",
                "operatingSystem": "Web, Windows, Android, iOS",
                "description": "Punto de venta con facturacion electronica SUNAT, control de inventario en tiempo real, guias de remision, compras, creditos y cobranzas, y reportes financieros.",
                "publisher": { "@id": "https://negocia.pe/#organization" }
              }
            },
            {
              "@type": "ListItem",
              "position": 2,
              "item": {
                "@type": "SoftwareApplication",
                "name": "Negocia Shop \u2014 Tienda Online Sincronizada",
                "url": "https://negocia.pe/shop.php",
                "applicationCategory": "BusinessApplication",
                "operatingSystem": "Web",
                "description": "Tienda virtual sincronizada en tiempo real con el stock y los precios del punto de venta, con pasarelas de pago, dominio propio y boletas electronicas automaticas.",
                "publisher": { "@id": "https://negocia.pe/#organization" }
              }
            },
            {
              "@type": "ListItem",
              "position": 3,
              "item": {
                "@type": "SoftwareApplication",
                "name": "Negocia CRM \u2014 WhatsApp Multiagente con IA",
                "url": "https://negocia.pe/crm.php",
                "applicationCategory": "BusinessApplication",
                "operatingSystem": "Web, Android, iOS",
                "description": "Bandeja unica para WhatsApp, Facebook e Instagram, embudo de ventas visual, tickets de atencion, agendamiento de citas y agentes de ventas con inteligencia artificial.",
                "publisher": { "@id": "https://negocia.pe/#organization" }
              }
            },
            {
              "@type": "ListItem",
              "position": 4,
              "item": {
                "@type": "SoftwareApplication",
                "name": "Negocia RRHH \u2014 Planillas y Gestion de Personal",
                "url": "https://negocia.pe/rrhh.php",
                "applicationCategory": "BusinessApplication",
                "operatingSystem": "Web, Android, iOS",
                "description": "Calculo de planilla con AFP/ONP, renta de quinta, SCTR y Vida Ley, boletas de pago, asientos contables PCGE, exportacion PLAME, vacaciones, CTS y control de asistencia.",
                "publisher": { "@id": "https://negocia.pe/#organization" }
              }
            },
            {
              "@type": "ListItem",
              "position": 5,
              "item": {
                "@type": "SoftwareApplication",
                "name": "Negocia Fidelizacion \u2014 Puntos, Sellos y Gift Cards",
                "url": "https://negocia.pe/fidelizacion.php",
                "applicationCategory": "BusinessApplication",
                "operatingSystem": "Web, Android, iOS",
                "description": "Tarjetas de puntos, sellos digitales, gift cards recargables y programa de referidos en el celular de tus clientes, con Google Wallet y reportes de recompra.",
                "publisher": { "@id": "https://negocia.pe/#organization" }
              }
            },
            {
              "@type": "ListItem",
              "position": 6,
              "item": {
                "@type": "SoftwareApplication",
                "name": "Negocia Ferreterias — ERP y Punto de Venta para el rubro ferretero",
                "url": "https://negocia.pe/Ferreterias.php",
                "applicationCategory": "BusinessApplication",
                "operatingSystem": "Web, Android, iOS",
                "description": "ERP y punto de venta para ferreterias y depositos de construccion: catalogos de miles de SKU con busqueda instantanea, venta fraccionada por metros y kilos, listas de precios de maestro y constructora, multialmacen, guias de remision y facturacion SUNAT.",
                "publisher": { "@id": "https://negocia.pe/#organization" }
              }
            },
            {
              "@type": "ListItem",
              "position": 7,
              "item": {
                "@type": "SoftwareApplication",
                "name": "Negocia Distribucion — ERP para distribuidoras y mayoristas",
                "url": "https://negocia.pe/Distribuidoras.php",
                "applicationCategory": "BusinessApplication",
                "operatingSystem": "Web, Android, iOS",
                "description": "ERP B2B para distribuidoras, mayoristas e importadoras: control multialmacen con kardex valorizado, guias de remision electronicas, listas de precios por volumen, trazabilidad de lotes y vencimientos, picking y despacho por rutas, y cuentas por cobrar.",
                "publisher": { "@id": "https://negocia.pe/#organization" }
              }
            },
            {
              "@type": "ListItem",
              "position": 8,
              "item": {
                "@type": "SoftwareApplication",
                "name": "Negocia Restaurantes — POS para restaurantes y hoteles",
                "url": "https://negocia.pe/Restaurante.php",
                "applicationCategory": "BusinessApplication",
                "operatingSystem": "Web, Android, iOS",
                "description": "Sistema POS para restaurantes, cafeterias, pollerias y hoteles: control de mesas, comandas a cocina, delivery, inventario de insumos con recetas y costeo de platos, facturacion electronica SUNAT e integracion SIRE.",
                "publisher": { "@id": "https://negocia.pe/#organization" }
              }
            }
          ]
        },
        {
          "@type": "FAQPage",
          "@id": "https://negocia.pe/#faq",
          "mainEntity": [
            {
              "@type": "Question",
              "name": "\u00bfQue es Negocia.pe y que soluciones ofrece?",
              "acceptedAnswer": { "@type": "Answer", "text": "Negocia.pe es una empresa peruana de tecnologia que desarrolla software de gestion para PYMEs de Peru y Latinoamerica. Nuestro ecosistema cubre cinco frentes: ERP con punto de venta y facturacion electronica, tienda online sincronizada con el inventario, CRM con WhatsApp y agentes de IA, RRHH con planillas, y fidelizacion de clientes. Todo comparte la misma base de datos, asi que no duplicas informacion entre sistemas." }
            },
            {
              "@type": "Question",
              "name": "\u00bfQue es el comercio unificado?",
              "acceptedAnswer": { "@type": "Answer", "text": "Es conectar todos tus canales de venta a un solo inventario y una sola facturacion. Con Negocia.pe, una venta en caja, un pedido de la tienda online y una conversacion cerrada por WhatsApp descuentan del mismo stock y emiten el mismo comprobante electronico. Dejas de cuadrar sistemas sueltos y ves tu negocio completo en un solo tablero." }
            },
            {
              "@type": "Question",
              "name": "\u00bfEn que paises opera Negocia.pe?",
              "acceptedAnswer": { "@type": "Answer", "text": "Nuestra sede esta en Lima, Peru, y atendemos empresas en todo Latinoamerica: Colombia, Mexico, Chile, Ecuador, Bolivia y el resto de la region. La plataforma es multipais y multimoneda; la facturacion electronica esta certificada para SUNAT en Peru y los demas modulos funcionan en cualquier pais." }
            },
            {
              "@type": "Question",
              "name": "\u00bfPuedo contratar un solo modulo o tengo que llevar todo el ecosistema?",
              "acceptedAnswer": { "@type": "Answer", "text": "Puedes empezar por donde mas te duele. Muchas empresas arrancan con el ERP y el punto de venta y luego suman la tienda online, el CRM, RRHH o fidelizacion a medida que crecen. Como todos los modulos comparten la misma base, activar uno nuevo no implica migrar datos ni volver a cargar tus productos o clientes." }
            },
            {
              "@type": "Question",
              "name": "\u00bfQuienes usan Negocia.pe?",
              "acceptedAnswer": { "@type": "Answer", "text": "Mas de 1,000 empresas: minimarkets y bodegas, ferreterias, restaurantes y pastelerias, farmacias y boticas, distribuidoras, tiendas de ropa y calzado, agroindustria, hoteleria, clinicas, constructoras y empresas de servicios. Desde emprendedores independientes hasta companias con varias sucursales." }
            },
            {
              "@type": "Question",
              "name": "\u00bfEsta segura la informacion de mi empresa?",
              "acceptedAnswer": { "@type": "Answer", "text": "Si. Tu informacion se aloja en servidores de Amazon Web Services con cifrado en transito, respaldos periodicos y control de accesos por roles: solo la ven los usuarios que tu autorices. Cada empresa opera en su propio entorno aislado del resto." }
            },
            {
              "@type": "Question",
              "name": "\u00bfLa capacitacion y el soporte tienen costo adicional?",
              "acceptedAnswer": { "@type": "Answer", "text": "No. La capacitacion inductiva, el acompanamiento en la activacion de la facturacion electronica y el soporte por WhatsApp estan incluidos y son ilimitados. Nuestro tiempo promedio de respuesta es de tres minutos en horario de oficina." }
            },
            {
              "@type": "Question",
              "name": "\u00bfCuanto tiempo lleva Negocia.pe en el mercado?",
              "acceptedAnswer": { "@type": "Answer", "text": "Mas de 15 anos desarrollando software de gestion para empresas, con presencia en practicamente todos los departamentos del Peru y operacion en varios paises de Latinoamerica. Publicamos mejoras y nuevas funcionalidades cada semana." }
            }
          ]
        }
      ]
    }
    </script>

    <!-- ICONO LOGO -->
    <link rel="apple-touch-icon" sizes="57x57" href="https://<?php echo $EC2_BUCKET_S3; ?>-img-recursos.s3.amazonaws.com/favicon/apple-icon-57x57.png?v=1">
    <link rel="apple-touch-icon" sizes="60x60" href="https://<?php echo $EC2_BUCKET_S3; ?>-img-recursos.s3.amazonaws.com/favicon/apple-icon-60x60.png?v=1">
    <link rel="apple-touch-icon" sizes="72x72" href="https://<?php echo $EC2_BUCKET_S3; ?>-img-recursos.s3.amazonaws.com/favicon/apple-icon-72x72.png?v=1">
    <link rel="apple-touch-icon" sizes="76x76" href="https://<?php echo $EC2_BUCKET_S3; ?>-img-recursos.s3.amazonaws.com/favicon/apple-icon-76x76.png?v=1">
    <link rel="apple-touch-icon" sizes="114x114" href="https://<?php echo $EC2_BUCKET_S3; ?>-img-recursos.s3.amazonaws.com/favicon/apple-icon-114x114.png?v=1">
    <link rel="apple-touch-icon" sizes="120x120" href="https://<?php echo $EC2_BUCKET_S3; ?>-img-recursos.s3.amazonaws.com/favicon/apple-icon-120x120.png?v=1">
    <link rel="apple-touch-icon" sizes="144x144" href="https://<?php echo $EC2_BUCKET_S3; ?>-img-recursos.s3.amazonaws.com/favicon/apple-icon-144x144.png?v=1">
    <link rel="apple-touch-icon" sizes="152x152" href="https://<?php echo $EC2_BUCKET_S3; ?>-img-recursos.s3.amazonaws.com/favicon/apple-icon-152x152.png?v=1">
    <link rel="apple-touch-icon" sizes="180x180" href="https://<?php echo $EC2_BUCKET_S3; ?>-img-recursos.s3.amazonaws.com/favicon/apple-icon-180x180.png?v=1">
    <link rel="icon" type="image/png" sizes="192x192"  href="https://<?php echo $EC2_BUCKET_S3; ?>-img-recursos.s3.amazonaws.com/favicon/android-icon-192x192.png?v=1">
    <link rel="icon" type="image/png" sizes="32x32" href="https://<?php echo $EC2_BUCKET_S3; ?>-img-recursos.s3.amazonaws.com/favicon/favicon-32x32.png?v=1">
    <link rel="icon" type="image/png" sizes="96x96" href="https://<?php echo $EC2_BUCKET_S3; ?>-img-recursos.s3.amazonaws.com/favicon/favicon-96x96.png?v=1">
    <link rel="icon" type="image/png" sizes="16x16" href="https://<?php echo $EC2_BUCKET_S3; ?>-img-recursos.s3.amazonaws.com/favicon/favicon-16x16.png?v=1">
    <!-- <link rel="manifest" href="https://<?php echo $EC2_BUCKET_S3; ?>-img-recursos.s3.amazonaws.com/favicon/manifest.json?v=1"> -->
    <link rel="manifest" href="/manifest.json">
    <meta name="msapplication-TileColor" content="#ffffff">
    <meta name="msapplication-TileImage" content="https://<?php echo $EC2_BUCKET_S3; ?>-img-recursos.s3.amazonaws.com/favicon/ms-icon-144x144.png?v=1">
    <meta name="theme-color" content="#ccc8c8">
    
    <!-- Google Fonts: Outfit (Títulos modernos) & Plus Jakarta Sans (Lectura limpia) -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link rel="preconnect" href="https://cdn.jsdelivr.net">
    <link rel="preconnect" href="https://cdnjs.cloudflare.com">
    <link href="https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;700;800;900&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap" rel="stylesheet">
    
    <!-- Bootstrap 5 & FontAwesome -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" media="print" onload="this.media='all'">
    <noscript><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"></noscript>

    <!-- AOS Animations CSS -->
    <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet" media="print" onload="this.media='all'">
    <noscript><link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet"></noscript>

    <style>
        /* ==========================================
           1. VARIABLES (PALETA LUMINOSA Y ELEGANTE)
           ========================================== */
        :root {
            --orange: #FF5900;       /* Accent ERP (Naranja) */
            --orange-hover: #E65000;
            --mandarina: #FF9C00;    /* Principal ERP (Mandarina) */
            --orange-light: #FFF3E0;
            
            --navy-text: #0F172A;     /* Azul muy oscuro solo para textos */
            --navy-accent: #1E3A8A;   
            
            --bg-white: #FFFFFF;
            --bg-fondo: #EFF7FF;      /* Fondo claro general ERP */
            --bg-dark: #20190E;       /* Fondo oscuro ERP */
            --bg-gray-100: #E2EBF5;   /* Un tono más oscuro que bg-fondo para bordes */
            
            --text-muted: #64748B;
            
            --font-display: 'Outfit', sans-serif;
            --font-body: 'Plus Jakarta Sans', sans-serif;
            
            --radius-md: 20px;
            --radius-lg: 32px;
            
            --shadow-soft: 0 10px 40px -10px rgba(15, 23, 42, 0.08);
            --shadow-hover: 0 20px 40px -10px rgba(255, 89, 0, 0.15);
            --shadow-glass: 0 8px 32px 0 rgba(31, 38, 135, 0.07);
            
            --ease: cubic-bezier(0.16, 1, 0.3, 1);
            --transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        }

        html { scroll-behavior: smooth; scroll-padding-top: 90px; }

        body {
            font-family: var(--font-body);
            color: var(--navy-text);
            background-color: var(--bg-fondo);
            overflow-x: hidden;
            line-height: 1.6;
        }

        h1, h2, h3, h4, h5, h6 { font-family: var(--font-display); color: var(--navy-text); letter-spacing: -0.02em; }
        a { text-decoration: none; }

        /* ==========================================
           2. ANIMACIONES CSS CUSTOM
           ========================================== */
        @keyframes float {
            0% { transform: translateY(0px); }
            50% { transform: translateY(-15px); }
            100% { transform: translateY(0px); }
        }
        @keyframes float-delay {
            0% { transform: translateY(0px); }
            50% { transform: translateY(-10px) rotate(2deg); }
            100% { transform: translateY(0px); }
        }
        @keyframes marquee {
            0% { transform: translateX(0); }
            100% { transform: translateX(-50%); }
        }
        @keyframes pulse-glow {
            0% { box-shadow: 0 0 0 0 rgba(255, 107, 0, 0.4); }
            70% { box-shadow: 0 0 0 15px rgba(255, 107, 0, 0); }
            100% { box-shadow: 0 0 0 0 rgba(255, 107, 0, 0); }
        }

        /* ==========================================
           3. BOTONES
           ========================================== */
        .btn-brand {
            background: linear-gradient(135deg, var(--mandarina), var(--orange)); color: var(--bg-white);
            padding: 16px 36px; border-radius: 50px; font-weight: 700;
            font-family: var(--font-display); font-size: 1.1rem;
            border: none; transition: 0.3s var(--ease);
            display: inline-flex; align-items: center; gap: 10px;
            box-shadow: 0 10px 20px rgba(255, 89, 0, 0.2);
            position: relative; overflow: hidden;
        }
        .btn-brand::after {
            content: ''; position: absolute; top: 0; left: -100%; width: 50%; height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent);
            transform: skewX(-20deg); transition: 0.5s;
        }
        .btn-brand:hover::after { left: 150%; }
        .btn-brand:hover {
            transform: translateY(-3px) scale(1.02); box-shadow: 0 15px 25px rgba(255, 89, 0, 0.4); color: white;
        }
        
        /* Botón Blanco para fondos de color */
        .btn-white {
            background: var(--bg-white); color: var(--orange);
            padding: 16px 36px; border-radius: 50px; font-weight: 800;
            font-family: var(--font-display); font-size: 1.2rem;
            border: none; transition: 0.3s var(--ease);
            display: inline-flex; align-items: center; gap: 10px;
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
        }
        .btn-white:hover {
            transform: translateY(-5px) scale(1.05); box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2); color: var(--mandarina);
        }
        
        .btn-outline-brand {
            background: var(--bg-white); color: var(--navy-text);
            padding: 14px 34px; border-radius: 50px; font-weight: 700;
            font-family: var(--font-display); font-size: 1.1rem;
            border: 2px solid #E2E8F0; transition: 0.3s var(--ease);
            display: inline-flex; align-items: center; gap: 10px;
        }
        .btn-outline-brand:hover {
            border-color: var(--navy-text); transform: translateY(-3px);
        }

        .pill {
            display: inline-flex; align-items: center; gap: 8px;
            background: var(--orange-light); color: var(--orange);
            padding: 8px 18px; border-radius: 50px; font-weight: 700; font-size: 0.9rem;
            text-transform: uppercase; letter-spacing: 1px; margin-bottom: 20px;
        }

        /* ==========================================
           4. NAVBAR
           ========================================== */
        .navbar {
            position: fixed; top: 0; left: 0; width: 100%; z-index: 1000;
            background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(15px);
            border-bottom: 1px solid rgba(0,0,0,0.05); padding: 15px 0; transition: 0.3s;
        }
        .navbar-brand img { height: 40px; }
        .nav-links { display: flex; gap: 30px; }
        .nav-links a { font-weight: 600; color: var(--text-muted); transition: 0.2s; font-size: 0.95rem;}
        .nav-links a:hover { color: var(--orange); }

        .nav-toggle { display: none; background: none; border: none; font-size: 1.5rem; color: var(--navy-text); cursor: pointer; padding: 5px 10px; }
        @media (max-width: 992px) {
            .nav-toggle { display: block; }
            .nav-links {
                display: none; position: absolute; top: 100%; left: 0; width: 100%;
                background: #fff; flex-direction: column; gap: 0; padding: 10px 0;
                border-bottom: 1px solid rgba(0,0,0,0.05); box-shadow: 0 15px 30px rgba(0,0,0,0.08);
            }
            .nav-links.open { display: flex; }
            .nav-links a { padding: 14px 24px; }
        }

        /* ==========================================
           4.b ECOSISTEMA: hero-stack, soluciones, contacto
           ========================================== */
        /* Acceso directo a productos en el hero */
        .hero-stack { background: rgba(255,255,255,0.92); backdrop-filter: blur(16px); border: 1px solid rgba(255,255,255,0.9); border-radius: var(--radius-lg); padding: 26px 24px; box-shadow: 0 25px 50px -12px rgba(0,0,0,0.18); max-width: 520px; margin: 0 auto; }
        .hero-stack-head { padding: 0 6px 14px; border-bottom: 1px solid var(--bg-gray-100); margin-bottom: 10px; }
        .hero-stack-kicker { font-size: 0.72rem; font-weight: 800; letter-spacing: 1.4px; text-transform: uppercase; color: var(--orange); }
        .hero-stack-title { font-size: 1.25rem; font-weight: 800; margin: 6px 0 0; color: var(--navy-text); font-family: var(--font-display); }
        .hero-prod { display: flex; align-items: center; gap: 14px; padding: 13px 12px; border-radius: 14px; transition: 0.25s var(--ease); border: 1px solid transparent; }
        .hero-prod:hover { background: var(--bg-fondo); border-color: var(--bg-gray-100); transform: translateX(4px); }
        .hero-prod-ico { width: 42px; height: 42px; flex-shrink: 0; border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 1.05rem; }
        .hero-prod-txt { display: flex; flex-direction: column; line-height: 1.35; flex: 1; min-width: 0; }
        .hero-prod-txt strong { font-family: var(--font-display); font-size: 0.98rem; font-weight: 800; color: var(--navy-text); }
        .hero-prod-txt small { font-size: 0.78rem; color: var(--text-muted); font-weight: 500; }
        .hero-prod-go { color: var(--bg-gray-100); font-size: 0.85rem; transition: 0.25s; }
        .hero-prod:hover .hero-prod-go { color: var(--orange); transform: translateX(3px); }

        /* Grilla de soluciones */
        .sol-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
        .sol-card { background: #fff; border: 1px solid var(--bg-gray-100); border-radius: var(--radius-md); padding: 34px 30px; transition: var(--transition); display: flex; flex-direction: column; height: 100%; }
        .sol-card:hover { transform: translateY(-10px); box-shadow: var(--shadow-hover); border-color: rgba(255,89,0,0.25); }
        .sol-ico { width: 58px; height: 58px; border-radius: 16px; display: flex; align-items: center; justify-content: center; font-size: 1.5rem; margin-bottom: 20px; }
        .sol-card h3 { font-size: 1.3rem; margin-bottom: 12px; }
        .sol-card h3 a { color: var(--navy-text); transition: 0.25s; }
        .sol-card h3 a:hover { color: var(--orange); }
        .sol-card > p { font-size: 0.94rem; margin-bottom: 18px; }
        .sol-list { list-style: none; padding: 0; margin: 0 0 22px; }
        .sol-list li { font-size: 0.88rem; color: var(--text-muted); margin-bottom: 9px; display: flex; gap: 9px; align-items: flex-start; font-weight: 500; }
        .sol-list i { color: var(--orange); margin-top: 4px; font-size: 0.78rem; }
        .sol-link { margin-top: auto; font-family: var(--font-display); font-weight: 800; font-size: 0.94rem; color: var(--orange); display: inline-flex; align-items: center; gap: 8px; transition: 0.25s; }
        .sol-link:hover { gap: 13px; color: var(--orange-hover); }
        .sol-card-dark { background: var(--bg-dark); border-color: transparent; }
        .sol-card-dark h3 a { color: #fff; }
        .sol-card-dark h3 a:hover { color: var(--mandarina); }
        .sol-card-dark > p { color: #94A3B8; }
        .sol-card-dark .sol-list li { color: rgba(255,255,255,0.72); }
        .sol-card-dark .sol-link { color: var(--mandarina); }
        .sol-sectores { margin-top: 45px; background: linear-gradient(90deg, #FFFFFF 0%, var(--orange-light) 100%); border: 1px solid rgba(255,156,0,0.22); border-radius: var(--radius-lg); padding: 34px 40px; display: flex; align-items: center; justify-content: space-between; gap: 24px; flex-wrap: wrap; box-shadow: var(--shadow-glass); }
        .sol-sectores h3 { font-size: 1.45rem; margin-bottom: 8px; }
        @media (max-width: 992px) { .sol-grid { grid-template-columns: repeat(2, 1fr); } }
        @media (max-width: 768px) { .sol-grid { grid-template-columns: 1fr; } .sol-sectores { padding: 28px 24px; text-align: center; justify-content: center; } .sol-sectores .btn-brand { width: 100%; justify-content: center; } }

        /* Soluciones por rubro */
        .rubro-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
        .rubro-card { background: #fff; border: 1px solid var(--bg-gray-100); border-radius: var(--radius-md); padding: 34px 30px; transition: var(--transition); display: flex; flex-direction: column; height: 100%; box-shadow: var(--shadow-soft); }
        .rubro-card:hover { transform: translateY(-10px); box-shadow: var(--shadow-hover); border-color: rgba(255,89,0,0.25); }
        .rubro-ico { width: 58px; height: 58px; border-radius: 16px; display: flex; align-items: center; justify-content: center; font-size: 1.5rem; margin-bottom: 20px; transition: var(--transition); }
        .rubro-card:hover .rubro-ico { transform: rotate(-8deg) scale(1.08); }
        .rubro-card h3 { font-size: 1.3rem; margin-bottom: 12px; }
        .rubro-card h3 a { color: var(--navy-text); transition: 0.25s; }
        .rubro-card h3 a:hover { color: var(--orange); }
        .rubro-card > p { font-size: 0.94rem; margin-bottom: 18px; }
        .rubro-list { list-style: none; padding: 0; margin: 0 0 22px; }
        .rubro-list li { font-size: 0.88rem; color: var(--text-muted); margin-bottom: 9px; display: flex; gap: 9px; align-items: flex-start; font-weight: 500; }
        .rubro-list i { color: var(--orange); margin-top: 4px; font-size: 0.78rem; }
        @media (max-width: 992px) { .rubro-grid { grid-template-columns: 1fr; } }

        /* Contacto */
        .contact-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 22px; }
        .contact-card { background: #fff; border: 1px solid var(--bg-gray-100); border-radius: var(--radius-md); padding: 32px 26px; text-align: center; transition: var(--transition); display: block; height: 100%; }
        .contact-card:hover { transform: translateY(-8px); box-shadow: var(--shadow-hover); border-color: rgba(255,89,0,0.25); }
        .contact-card-static { cursor: default; }
        .contact-card-static:hover { transform: none; box-shadow: none; border-color: var(--bg-gray-100); }
        .contact-ico { width: 56px; height: 56px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-size: 1.4rem; margin-bottom: 18px; }
        .contact-card h3 { font-size: 1.15rem; margin-bottom: 8px; color: var(--navy-text); }
        .contact-card p { font-size: 0.88rem; margin-bottom: 14px; }
        .contact-card strong { font-family: var(--font-display); font-size: 0.95rem; color: var(--orange); font-weight: 800; }
        @media (max-width: 992px) { .contact-grid { grid-template-columns: repeat(2, 1fr); } }
        @media (max-width: 576px) { .contact-grid { grid-template-columns: 1fr; } }

        /* ==========================================
           5. HERO LUMINOSO (Light Theme)
           ========================================== */
        .hero {
            padding: 180px 0 100px; position: relative; overflow: hidden;
            background: radial-gradient(120% 100% at 50% 0%, #FFFFFF 0%, var(--bg-fondo) 100%);
        }
        /* Decoraciones de fondo suaves */
        .hero-blob-1 { position: absolute; width: 600px; height: 600px; background: rgba(255, 89, 0, 0.08); border-radius: 50%; filter: blur(80px); top: -200px; right: -100px; z-index: 0; animation: float 10s infinite; }
        .hero-blob-2 { position: absolute; width: 500px; height: 500px; background: rgba(255, 156, 0, 0.08); border-radius: 50%; filter: blur(80px); bottom: -100px; left: -100px; z-index: 0; animation: float-delay 12s infinite; }

        .hero-content { position: relative; z-index: 2; }
        .hero h1 { font-size: clamp(3rem, 6vw, 4.5rem); font-weight: 900; margin-bottom: 25px; line-height: 1.1; }
        .hero p.lead { font-size: 1.25rem; color: var(--text-muted); margin-bottom: 40px; max-width: 550px; font-weight: 400; }
        
        .hero-visual { position: relative; z-index: 2; perspective: 1000px; }
        
        /* Glassmorphism UI Mockups */
        .mockup-main {
            background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(20px);
            border: 1px solid rgba(255, 255, 255, 1); border-radius: var(--radius-lg);
            padding: 30px; box-shadow: var(--shadow-glass);
            animation: float 6s ease-in-out infinite;
        }
        .mockup-float-1 {
            position: absolute; top: -20px; right: -30px;
            background: white; padding: 15px 20px; border-radius: 16px;
            box-shadow: var(--shadow-soft); display: flex; align-items: center; gap: 15px;
            animation: float-delay 7s ease-in-out infinite alternate;
        }
        .mockup-float-2 {
            position: absolute; bottom: 30px; left: -40px;
            background: white; padding: 15px 20px; border-radius: 16px;
            box-shadow: var(--shadow-soft); display: flex; align-items: center; gap: 15px;
            animation: float 5s ease-in-out infinite alternate-reverse;
        }

        /* ==========================================
           6. MÉTRICAS (Fondo Claro y Vibrante)
           ========================================== */
        .metrics-section { padding: 80px 0; background: var(--bg-fondo); color: var(--navy-text); position: relative; overflow: hidden; }
        .metrics-section::before { content: ''; position: absolute; top: -50%; left: -10%; width: 300px; height: 300px; background: rgba(255, 156, 0, 0.1); filter: blur(60px); border-radius: 50%; }
        .metrics-section::after { content: ''; position: absolute; bottom: -50%; right: -10%; width: 300px; height: 300px; background: rgba(255, 89, 0, 0.1); filter: blur(60px); border-radius: 50%; }
        .metric-card { text-align: center; padding: 20px; position: relative; z-index: 2; }
        .metric-card:hover { transform: translateY(-5px); transition: 0.3s var(--ease); }
        .metric-number { font-size: 4rem; font-weight: 900; background: linear-gradient(135deg, var(--mandarina), var(--orange)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-family: var(--font-display); line-height: 1; margin-bottom: 10px; text-shadow: 0 5px 15px rgba(255,89,0,0.2); }
        .metric-label { color: var(--navy-text); font-weight: 800; text-transform: uppercase; letter-spacing: 1px; font-size: 0.9rem; }

        /* ==========================================
           6.5 COMERCIO UNIFICADO & ANIMACIONES
           ========================================== */
        .neural-container { position: relative; padding: 40px 0; z-index: 1; }
        .neural-brain { width: 140px; height: 140px; background: linear-gradient(135deg, var(--mandarina), var(--orange)); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto; box-shadow: 0 0 30px rgba(255,89,0,0.4), inset 0 0 20px rgba(255, 255, 255, 0.4); position: relative; z-index: 5; animation: pulseBrain 2s infinite alternate; border: 4px solid white; }
        .neural-brain i { font-size: 3.5rem; color: white; text-shadow: 0 0 10px rgba(255, 255, 255, 0.5); }
        @keyframes pulseBrain { 0% { transform: scale(1); box-shadow: 0 0 20px rgba(255,89,0,0.4), inset 0 0 20px rgba(255, 255, 255, 0.4); } 100% { transform: scale(1.05); box-shadow: 0 0 40px rgba(255,89,0,0.7), inset 0 0 30px rgba(255, 255, 255, 0.6); } }
        .neural-node { background: white; border: 1px solid var(--bg-gray-100); border-radius: 50px; padding: 15px 30px; font-weight: 700; color: var(--navy-text); box-shadow: var(--shadow-soft); display: inline-flex; align-items: center; gap: 12px; position: relative; z-index: 5; transition: all 0.3s ease; text-wrap: nowrap; }
        .neural-node i { font-size: 1.2rem; }
        .neural-node:hover { transform: translateY(-5px) scale(1.05); box-shadow: 0 10px 20px rgba(255,89,0,0.2); border-color: var(--orange); color: var(--orange); }
        .neural-cable-svg { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; z-index: 1; pointer-events: none; }
        .cable-path { fill: none; stroke: var(--orange); stroke-width: 2.5; stroke-dasharray: 8, 8; opacity: 0.6; animation: dataFlow 15s linear infinite; }
        .cable-glow { fill: none; stroke: rgba(255,89,0, 0.15); stroke-width: 10; filter: blur(4px); }
        @keyframes dataFlow { to { stroke-dashoffset: -100; } }
        
        .phone-mockup { width: 320px; height: 600px; background: #fff; border-radius: 45px; border: 8px solid var(--navy-text); box-shadow: 0 25px 50px -12px rgba(0,0,0,0.25); margin: 0 auto; position: relative; z-index: 2; overflow: hidden; transform: rotateY(-5deg) rotateX(2deg); transition: transform 0.5s ease; }
        .phone-mockup:hover { transform: rotateY(0deg) rotateX(0deg); }
        .phone-screen { height: 100%; width: 100%; background: #fafafa; display: flex; flex-direction: column; overflow: hidden; }
        .chat-container { background: #e5ddd5; padding: 15px; font-size: 0.85rem; height: 100%; display: flex; flex-direction: column; gap: 10px; }
        .chat-bubble { padding: 10px 15px; border-radius: 15px; max-width: 85%; position: relative; box-shadow: 0 2px 5px rgba(0,0,0,0.05); }
        .chat-left { background: white; align-self: flex-start; border-top-left-radius: 0; }
        .chat-right { background: #dcf8c6; align-self: flex-end; border-top-right-radius: 0; }

        @media (max-width: 768px) { .neural-cable-svg { display: none; } .neural-node { margin-bottom: 20px; width: 100%; justify-content: center; } .neural-col { display: flex; flex-direction: column; align-items: center; } }

        /* ==========================================
           7. CARRUSEL INFINITO (TRUSTED BY)
           ========================================== */
        .trusted-section { padding: 60px 0; background: var(--bg-fondo); overflow: hidden; }
        .marquee-wrapper { display: flex; white-space: nowrap; width: 200%; }
        .marquee-track { display: flex; gap: 80px; animation: marquee 25s linear infinite; align-items: center; padding-right: 80px; }
        .marquee-track .company-name { font-size: 1.8rem; font-weight: 800; color: #CBD5E1; transition: 0.3s; font-family: var(--font-display); letter-spacing: 1px; }
        .marquee-track .company-name:hover { color: var(--orange); transform: scale(1.05); }

        /* ==========================================
           8. FUNCIONALIDADES (BENTO GRID MODERNO)
           ========================================== */
        .section-pad { padding: 120px 0; position: relative; }
        
        /* Decoraciones Flotantes para llenar el espacio vacío */
        .decor-circle-1 { position: absolute; top: 10%; left: 5%; width: 150px; height: 150px; border: 2px dashed rgba(255,156,0,0.2); border-radius: 50%; animation: float 8s infinite linear; z-index: 0; }
        .decor-circle-2 { position: absolute; bottom: 15%; right: 5%; width: 100px; height: 100px; background: rgba(255,89,0,0.05); border-radius: 50%; animation: float-delay 6s infinite alternate; z-index: 0; }
        
        .section-header { text-align: center; margin-bottom: 70px; max-width: 800px; margin-inline: auto; position: relative; z-index: 2; }
        .section-header h2 { font-size: 3rem; font-weight: 900; margin-bottom: 20px; }
        .section-header p { font-size: 1.2rem; color: var(--text-muted); }

        .bento-grid {
            display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; position: relative; z-index: 2;
        }
        .bento-card {
            background: var(--bg-white); border-radius: var(--radius-md); padding: 40px;
            border: 1px solid var(--bg-gray-100); transition: var(--transition);
            box-shadow: 0 4px 6px -1px rgba(0,0,0,0.02);
        }
        .bento-card:hover { transform: translateY(-12px); box-shadow: var(--shadow-soft); border-color: rgba(255,89,0,0.2); }
        
        .bento-icon {
            width: 60px; height: 60px; border-radius: 16px; background: var(--orange-light);
            color: var(--orange); display: flex; align-items: center; justify-content: center;
            font-size: 1.8rem; margin-bottom: 25px; transition: 0.4s var(--ease);
        }
        .bento-card:hover .bento-icon { background: linear-gradient(135deg, var(--mandarina), var(--orange)); color: white; transform: rotate(-10deg) scale(1.15); box-shadow: 0 10px 20px rgba(255,89,0,0.3); }
        
        .bento-card h3 { font-size: 1.4rem; font-weight: 800; margin-bottom: 12px; }
        .bento-card p { color: var(--text-muted); font-size: 0.95rem; margin: 0; }

        @media (max-width: 992px) { .bento-grid { grid-template-columns: repeat(2, 1fr); } }
        @media (max-width: 768px) { .bento-grid { grid-template-columns: 1fr; } }

        /* ==========================================
           9. BANNER SEGURIDAD
           ========================================== */
        .security-banner {
            background: linear-gradient(90deg, #FFFFFF 0%, #FFF3E0 100%);
            border-radius: var(--radius-lg); padding: 60px 40px; text-align: center;
            border: 1px solid rgba(255, 156, 0, 0.2); box-shadow: var(--shadow-glass);
            transition: var(--transition);
        }
        .security-banner:hover { transform: scale(1.02); box-shadow: var(--shadow-hover); }

        /* ==========================================
           10. PROCESO EN 4 PASOS
           ========================================== */
        .steps-wrapper { display: flex; justify-content: space-between; position: relative; flex-wrap: wrap; gap: 30px;}
        .step-item { background: var(--bg-white); border-radius: var(--radius-md); padding: 40px 30px; text-align: center; flex: 1; min-width: 250px; box-shadow: var(--shadow-soft); border: 1px solid var(--bg-gray-100); transition: var(--transition); }
        .step-item:hover { transform: translateY(-12px); border-color: var(--orange); box-shadow: var(--shadow-hover); }
        .step-num { width: 50px; height: 50px; border-radius: 50%; background: linear-gradient(135deg, var(--mandarina), var(--orange)); color: white; font-family: var(--font-display); font-size: 1.5rem; font-weight: 800; display: flex; align-items: center; justify-content: center; margin: 0 auto 20px; box-shadow: 0 10px 20px rgba(255,89,0,0.3); transition: var(--transition); }
        .step-item:hover .step-num { transform: scale(1.15) rotate(5deg); }

        /* ==========================================
           11. CASOS DE ÉXITO (SCROLL HORIZONTAL)
           ========================================== */
        .testimonials-container {
            display: flex; gap: 30px; overflow-x: auto; padding: 20px 5px 60px;
            scroll-snap-type: x mandatory; scrollbar-width: none; /* Hide scrollbar */
            cursor: grab;
        }
        .testimonials-container:active { cursor: grabbing; }
        .testimonials-container::-webkit-scrollbar { display: none; }
        
        .testimo-card {
            min-width: 350px; max-width: 350px; background: var(--bg-white);
            border-radius: var(--radius-md); overflow: hidden;
            box-shadow: var(--shadow-soft); scroll-snap-align: start;
            border: 1px solid var(--bg-gray-100); transition: var(--transition);
            user-select: none;
        }
        .testimo-card:hover { transform: translateY(-10px); box-shadow: var(--shadow-hover); }
        
        .testimo-video { position: relative; height: 200px; background: #CBD5E1; }
        .testimo-video img { width: 100%; height: 100%; object-fit: cover; opacity: 0.8; transition: var(--transition); }
        .play-overlay { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; background: rgba(15,23,42,0.3); transition: 0.3s; }
        .play-btn { width: 60px; height: 60px; background: linear-gradient(135deg, var(--mandarina), var(--orange)); color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.5rem; transition: var(--transition); }
        .testimo-card:hover .play-overlay { background: rgba(15,23,42,0.1); }
        .testimo-card:hover img { transform: scale(1.05); }
        .testimo-card:hover .play-btn { transform: scale(1.15); box-shadow: 0 10px 25px rgba(255,89,0,0.5); }
        
        .testimo-body { padding: 30px; }
        .testimo-quote { font-style: italic; color: var(--navy-text); font-size: 1rem; margin-bottom: 20px; line-height: 1.5; }
        .testimo-author { font-family: var(--font-display); font-weight: 800; font-size: 1.2rem; color: var(--orange); }
        .testimo-company { font-size: 0.85rem; color: var(--text-muted); font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px;}

        /* Target Audiences */
        .audience-tags { display: flex; flex-wrap: wrap; justify-content: center; gap: 15px; margin-top: 30px; }
        .audience-tag { background: var(--bg-white); padding: 12px 25px; border-radius: 50px; font-weight: 600; color: var(--navy-text); box-shadow: 0 4px 10px rgba(0,0,0,0.03); border: 1px solid var(--bg-gray-100); display: flex; align-items: center; gap: 10px; }
        .audience-tag i { color: var(--orange); }
        a.audience-tag { text-decoration: none; transition: var(--transition); }
        a.audience-tag:hover { color: var(--orange); border-color: var(--orange); transform: translateY(-4px); box-shadow: var(--shadow-hover); }

        /* ==========================================
           12. PLANES DE PRECIOS
           ========================================== */
        .pricing-section { background: var(--bg-white); }
        .pricing-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; align-items: center; max-width: 1100px; margin: 0 auto; }
        
        .price-card {
            background: var(--bg-white); border-radius: var(--radius-md); padding: 50px 40px;
            border: 1px solid var(--bg-gray-100); transition: var(--transition); text-align: center;
        }
        .price-card:hover { transform: translateY(-10px); box-shadow: var(--shadow-hover); border-color: rgba(255,89,0,0.3); }
        
        .price-card.featured {
            background: var(--bg-dark); color: white; transform: scale(1.05);
            box-shadow: 0 20px 40px rgba(32, 25, 14, 0.3); border: none; position: relative;
        }
        .price-card.featured:hover { transform: scale(1.05) translateY(-10px); }
        
        .price-title { font-size: 1.8rem; font-weight: 800; margin-bottom: 5px; }
        .price-card.featured .price-title { color: white; }
        
        .price-amount { font-size: 3.5rem; font-weight: 900; color: var(--navy-text); font-family: var(--font-display); margin: 20px 0; }
        .price-amount span { font-size: 1.5rem; vertical-align: middle; color: var(--text-muted); }
        .price-card.featured .price-amount { color: var(--orange); }
        .price-card.featured .price-amount span { color: rgba(255,255,255,0.6); }
        
        .price-users { font-size: 0.9rem; color: var(--text-muted); font-weight: 600; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 30px; }
        
        .price-features { list-style: none; padding: 0; text-align: left; margin-bottom: 40px; }
        .price-features li { margin-bottom: 15px; display: flex; align-items: start; gap: 12px; font-weight: 500; }
        .price-features i { color: var(--orange); margin-top: 4px; }
        
        .custom-plan {
            background: linear-gradient(90deg, var(--bg-white) 0%, var(--bg-fondo) 100%);
            border-radius: var(--radius-md); padding: 40px 50px; margin-top: 50px;
            display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 20px;
            border: 1px solid var(--bg-gray-100);
            transition: var(--transition);
        }
        .custom-plan:hover { box-shadow: var(--shadow-soft); transform: translateY(-5px); border-color: rgba(255,89,0,0.2); }

        @media (max-width: 992px) {
            .pricing-grid { grid-template-columns: 1fr; }
            .price-card.featured { transform: scale(1); }
            .price-card.featured:hover { transform: translateY(-10px); }
        }

        /* ==========================================
           13. FAQs & FOOTER
           ========================================== */
        .faq-container { max-width: 800px; margin: 0 auto; }
        details {
            background: var(--bg-white); border-radius: 12px; margin-bottom: 15px;
            border: 1px solid var(--bg-gray-100); transition: 0.3s; overflow: hidden;
        }
        summary {
            padding: 24px 30px; font-weight: 700; font-family: var(--font-display);
            font-size: 1.2rem; cursor: pointer; list-style: none; display: flex; justify-content: space-between; align-items: center; color: var(--navy-text);
        }
        summary::-webkit-details-marker { display: none; }
        summary::after { content: '\f067'; font-family: 'FontAwesome'; color: var(--orange); transition: 0.3s; }
        details[open] { border-color: var(--orange); box-shadow: var(--shadow-soft); }
        details[open] summary::after { transform: rotate(45deg); }
        details p { padding: 0 30px 30px; color: var(--text-muted); margin: 0; }

        /* ==========================================
           14. FINAL CTA VIBRANTE
           ========================================== */
        .final-cta {
            background: linear-gradient(135deg, var(--mandarina) 0%, var(--orange) 100%);
            padding: 120px 0; text-align: center; color: white; position: relative; overflow: hidden;
        }
        .final-cta::before { content: ''; position: absolute; top: -50px; left: -50px; width: 200px; height: 200px; background: rgba(255,255,255,0.1); border-radius: 50%; filter: blur(20px); animation: float 6s infinite; }
        .final-cta::after { content: ''; position: absolute; bottom: -50px; right: -50px; width: 300px; height: 300px; background: rgba(255,255,255,0.1); border-radius: 50%; filter: blur(30px); animation: float-delay 8s infinite; }
        .final-cta h2 { color: white; font-size: 3.5rem; font-weight: 900; text-shadow: 0 5px 15px rgba(0,0,0,0.1); }
        .final-cta p { color: rgba(255,255,255,0.9); font-size: 1.2rem; max-width: 600px; margin: 0 auto 40px; }

        /* ==========================================
           15. FOOTER MODERNO
           ========================================== */
        .footer-modern { background: var(--bg-dark); color: #94A3B8; padding: 80px 0 20px; font-size: 0.95rem; }
        .footer-logo { height: 40px; margin-bottom: 20px; filter: grayscale(100%) brightness(200%); opacity: 0.8; }
        .footer-desc { margin-bottom: 25px; line-height: 1.6; }
        .footer-title { color: white; font-family: var(--font-display); font-size: 1.2rem; font-weight: 700; margin-bottom: 20px; }
        .footer-links { list-style: none; padding: 0; margin: 0; }
        .footer-links li { margin-bottom: 12px; }
        .footer-links a { color: #94A3B8; text-decoration: none; transition: 0.3s; display: inline-block; }
        .footer-links a:hover { color: var(--mandarina); transform: translateX(5px); }
        .footer-contact { list-style: none; padding: 0; margin: 0; }
        .footer-contact li { margin-bottom: 15px; display: flex; gap: 15px; align-items: flex-start; }
        .footer-contact i { color: var(--orange); margin-top: 4px; }
        .social-links { display: flex; gap: 15px; }
        .social-links a { width: 40px; height: 40px; border-radius: 50%; background: rgba(255,255,255,0.05); display: flex; align-items: center; justify-content: center; color: white; transition: 0.3s; text-decoration: none; }
        .social-links a:hover { background: var(--orange); transform: translateY(-3px); }
        .footer-bottom { text-align: center; padding-top: 30px; margin-top: 40px; border-top: 1px solid rgba(255,255,255,0.1); font-size: 0.9rem; }
        
        .floating-wa {
            position: fixed; bottom: 30px; right: 30px; width: 65px; height: 65px;
            background: #25D366; color: white; border-radius: 50%;
            display: flex; justify-content: center; align-items: center; font-size: 2rem;
            box-shadow: 0 10px 25px rgba(37, 211, 102, 0.4); z-index: 999;
            transition: 0.3s var(--ease); animation: pulse-glow 2s infinite;
        }
        .floating-wa:hover { transform: scale(1.1) translateY(-5px); background: #1EBE57; }

    </style>
</head>
<body>
    <!-- Google Tag Manager (noscript) -->
    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NS2CBC6L"
    height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
    <!-- End Google Tag Manager (noscript) -->

    <!-- BOTÓN FLOTANTE WHATSAPP -->
    <a href="https://wa.me/51942223753?text=Hola,%20quisiera%20m%C3%A1s%20informaci%C3%B3n%20sobre%20Negocia.pe" class="floating-wa" target="_blank" aria-label="Escríbenos al WhatsApp">
        <i class="fa-brands fa-whatsapp"></i>
    </a>

    <!-- NAVBAR -->
    <nav class="navbar" id="navbar">
        <div class="container">
            <a href="#" class="navbar-brand">
                <img src="https://s3unif-img-recursos.s3.us-east-1.amazonaws.com/logo_negocia.png" alt="Negocia.pe — Sistema de ventas POS y ERP para PYMEs" width="120" height="40">
            </a>
            <div class="nav-links">
                <a href="#soluciones">Soluciones</a>
                <a href="#comercio-unificado">Comercio Unificado</a>
                <a href="#funcionalidades">El ERP</a>
                <a href="#proceso">Cómo trabajamos</a>
                <a href="#casos">Casos de Éxito</a>
                <a href="#contacto">Contacto</a>
            </div>
            <div class="d-flex align-items-center gap-2">
                <a href="https://negocia.pe/login" class="btn-outline-brand" style="padding: 10px 24px; font-size: 0.95rem;" target="_blank" rel="noopener">Iniciar Sesión</a>
                <a href="#contacto" class="btn-brand" style="padding: 10px 24px; font-size: 0.95rem;">Hablar con un asesor</a>
                <button class="nav-toggle" id="navToggle" aria-label="Abrir menú" aria-expanded="false"><i class="fa-solid fa-bars"></i></button>
            </div>
        </div>
    </nav>

    <main>
    <!-- HERO SECTION -->
    <section class="hero">
        <div class="hero-blob-1"></div>
        <div class="hero-blob-2"></div>
        
        <div class="container">
            <div class="row align-items-center">
                <!-- Textos -->
                <div class="col-lg-6 mb-5 mb-lg-0 pe-lg-5" data-aos="fade-right">
                    <div class="pill">Soluciones tecnológicas para empresas</div>
                    <h1>El ecosistema que hace crecer a las <span style="color: var(--orange);">empresas de Latinoamérica</span></h1>
                    <p class="lead">Somos Negocia.pe. Desde hace más de 15 años construimos el software con el que más de 1,000 empresas venden y operan: <strong>ERP y punto de venta, tienda online, CRM con WhatsApp e IA, RRHH y planillas, y fidelización de clientes</strong>. Un solo ecosistema, una sola base de datos.</p>
                    <div class="d-flex gap-3 flex-wrap">
                        <a href="#soluciones" class="btn-brand" style="animation: pulse-glow 3s infinite;">Ver nuestras soluciones <i class="fa-solid fa-arrow-right"></i></a>
                        <a href="#contacto" class="btn-outline-brand">Hablar con un asesor</a>
                    </div>
                    <div class="d-flex gap-4 flex-wrap mt-4" style="font-size: 0.9rem; color: var(--text-muted); font-weight: 600;">
                        <span><i class="fa-solid fa-circle-check" style="color: #16a34a;"></i> +15 años en el mercado</span>
                        <span><i class="fa-solid fa-circle-check" style="color: #16a34a;"></i> Perú y Latinoamérica</span>
                        <span><i class="fa-solid fa-circle-check" style="color: #16a34a;"></i> Soporte y capacitación incluidos</span>
                    </div>
                </div>
                
                <!-- Acceso directo al ecosistema -->
                <div class="col-lg-6" data-aos="fade-left" data-aos-delay="200">
                    <div class="hero-stack">
                        <div class="hero-stack-head">
                            <span class="hero-stack-kicker">Nuestro ecosistema</span>
                            <h2 class="hero-stack-title">Cinco soluciones, una sola plataforma</h2>
                        </div>
                        <a href="/PuntoVenta.php" class="hero-prod">
                            <span class="hero-prod-ico" style="background:#FFF3E0;color:#FF5900;"><i class="fa-solid fa-cash-register"></i></span>
                            <span class="hero-prod-txt"><strong>ERP y Punto de Venta</strong><small>Facturación SUNAT e inventario en tiempo real</small></span>
                            <i class="fa-solid fa-arrow-right hero-prod-go"></i>
                        </a>
                        <a href="/shop.php" class="hero-prod">
                            <span class="hero-prod-ico" style="background:#E0F2FE;color:#0284C7;"><i class="fa-solid fa-store"></i></span>
                            <span class="hero-prod-txt"><strong>Tienda Online</strong><small>E-commerce sincronizado con tu stock</small></span>
                            <i class="fa-solid fa-arrow-right hero-prod-go"></i>
                        </a>
                        <a href="/crm.php" class="hero-prod">
                            <span class="hero-prod-ico" style="background:#DCFCE7;color:#16A34A;"><i class="fa-brands fa-whatsapp"></i></span>
                            <span class="hero-prod-txt"><strong>CRM con WhatsApp e IA</strong><small>Multiagente, embudo de ventas y bots</small></span>
                            <i class="fa-solid fa-arrow-right hero-prod-go"></i>
                        </a>
                        <a href="/rrhh.php" class="hero-prod">
                            <span class="hero-prod-ico" style="background:#EDE9FE;color:#7C3AED;"><i class="fa-solid fa-users-gear"></i></span>
                            <span class="hero-prod-txt"><strong>RRHH y Planillas</strong><small>Nómina, PLAME, boletas y asistencia</small></span>
                            <i class="fa-solid fa-arrow-right hero-prod-go"></i>
                        </a>
                        <a href="/fidelizacion.php" class="hero-prod">
                            <span class="hero-prod-ico" style="background:#FEF3C7;color:#D97706;"><i class="fa-solid fa-id-card"></i></span>
                            <span class="hero-prod-txt"><strong>Fidelización</strong><small>Puntos, sellos y gift cards · 15 días gratis</small></span>
                            <i class="fa-solid fa-arrow-right hero-prod-go"></i>
                        </a>
                        <a href="#rubros" class="hero-prod">
                            <span class="hero-prod-ico" style="background:#F1F5F9;color:#0F172A;"><i class="fa-solid fa-shop"></i></span>
                            <span class="hero-prod-txt"><strong>Soluciones por rubro</strong><small>Ferreterías · Distribuidoras · Restaurantes</small></span>
                            <i class="fa-solid fa-arrow-right hero-prod-go"></i>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- METRICS -->
    <section class="metrics-section">
        <div class="container">
            <div class="row g-4">
                <div class="col-6 col-md-3 metric-card" data-aos="fade-up" data-aos-delay="0">
                    <div class="metric-number"><span>+</span>15</div>
                    <div class="metric-label">Años de experiencia en el mercado</div>
                </div>
                <div class="col-6 col-md-3 metric-card" data-aos="fade-up" data-aos-delay="100">
                    <div class="metric-number">3 <span>min</span></div>
                    <div class="metric-label">Tiempo Promedio de Respuesta</div>
                </div>
                <div class="col-6 col-md-3 metric-card" data-aos="fade-up" data-aos-delay="200">
                    <div class="metric-number">1,000<span>+</span></div>
                    <div class="metric-label">Empresas afiliadas en Latinoamérica</div>
                </div>
                <div class="col-6 col-md-3 metric-card" data-aos="fade-up" data-aos-delay="300">
                    <div class="metric-number">98<span>%</span></div>
                    <div class="metric-label">Presencia en departamentos del Perú</div>
                </div>
            </div>
        </div>
    </section>

    <!-- TRUSTED BY -->
    <section class="trusted-section">
        <div class="text-center mb-4">
            <span style="font-size: 0.85rem; font-weight: 700; color: var(--text-muted); letter-spacing: 1px;">MÁS DE 1,000 EMPRESAS DE PERÚ Y LATINOAMÉRICA CONFÍAN EN NOSOTROS</span>
        </div>
        <div class="marquee-wrapper">
            <div class="marquee-track">
                <style>
                    .marquee-track img {
                        height: 50px;
                        object-fit: contain;
                        transition: all 0.3s ease;
                        opacity: 0.6;
                        filter: grayscale(20%);
                        margin: 0 15px;
                    }
                    .marquee-track img:hover {
                        transform: scale(1.1);
                        opacity: 1;
                        filter: grayscale(0%);
                    }
                    .marquee-track .logo-circle {
                        width: 50px;
                        height: 50px;
                        object-fit: cover !important;
                        border-radius: 50%;
                    }
                </style>
                <!-- Original Logos -->
                <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSPujWEy7ECvF3qRjRb9gwGi-jb7NGPnhGccD5iLETa_FpVV_zixMxiSKk&s=10" alt="SUNAT — facturación electrónica certificada" loading="lazy" decoding="async" width="50" height="50">
                <img src="https://s3unif-img-empresa.s3.amazonaws.com/1579291505_73_logoeicsac.png" alt="EIC SAC, cliente de Negocia.pe" loading="lazy" decoding="async" width="50" height="50">
                <img src="https://s3unif-img-empresa.s3.amazonaws.com/1715_1749097744_04062025232904_17490977445.jpeg" alt="PYME peruana cliente de Negocia.pe" loading="lazy" decoding="async" width="50" height="50">
                <img src="https://s3unif-img-empresa.s3.amazonaws.com/772_1675433442_03022023091042_16754334430.jpg" alt="Empresa cliente del sistema de ventas Negocia.pe" loading="lazy" decoding="async" width="50" height="50">
                <!-- New Client Logos -->
                <img src="ComercioUnificado/disbolplas.jpg" class="logo-circle" alt="Disbolplas, distribuidora cliente de Negocia.pe" loading="lazy" decoding="async" width="50" height="50">
                <img src="ComercioUnificado/chayo.jpeg" class="logo-circle" alt="La Chayo, restaurante cliente de Negocia.pe" loading="lazy" decoding="async" width="50" height="50">
                <img src="ComercioUnificado/chuluccana.jpeg" class="logo-circle" alt="Chuluccana, negocio cliente de Negocia.pe" loading="lazy" decoding="async" width="50" height="50">
                <img src="ComercioUnificado/norte_verde.jpg" class="logo-circle" alt="Norte Verde, agroindustria cliente de Negocia.pe" loading="lazy" decoding="async" width="50" height="50">
                <img src="ComercioUnificado/panchito.jpeg" class="logo-circle" alt="Ferretería Panchito, cliente de Negocia.pe" loading="lazy" decoding="async" width="50" height="50">
                <img src="ComercioUnificado/hyg.jpeg" class="logo-circle" alt="H&G, empresa cliente de Negocia.pe" loading="lazy" decoding="async" width="50" height="50">
                <img src="ComercioUnificado/mamasara.png" class="logo-circle" alt="Mamá Sara, negocio cliente de Negocia.pe" loading="lazy" decoding="async" width="50" height="50">
                <img src="ComercioUnificado/seguridad_industrial.png" class="logo-circle" alt="Seguridad Industrial, empresa cliente de Negocia.pe" loading="lazy" decoding="async" width="50" height="50">
                
                <!-- DUPLICATE FOR SEAMLESS LOOP -->
                <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSPujWEy7ECvF3qRjRb9gwGi-jb7NGPnhGccD5iLETa_FpVV_zixMxiSKk&s=10" alt="SUNAT — facturación electrónica certificada" loading="lazy" decoding="async" width="50" height="50">
                <img src="https://s3unif-img-empresa.s3.amazonaws.com/1579291505_73_logoeicsac.png" alt="EIC SAC, cliente de Negocia.pe" loading="lazy" decoding="async" width="50" height="50">
                <img src="https://s3unif-img-empresa.s3.amazonaws.com/1715_1749097744_04062025232904_17490977445.jpeg" alt="PYME peruana cliente de Negocia.pe" loading="lazy" decoding="async" width="50" height="50">
                <img src="https://s3unif-img-empresa.s3.amazonaws.com/772_1675433442_03022023091042_16754334430.jpg" alt="Empresa cliente del sistema de ventas Negocia.pe" loading="lazy" decoding="async" width="50" height="50">
                <img src="ComercioUnificado/disbolplas.jpg" class="logo-circle" alt="Disbolplas, distribuidora cliente de Negocia.pe" loading="lazy" decoding="async" width="50" height="50">
                <img src="ComercioUnificado/chayo.jpeg" class="logo-circle" alt="La Chayo, restaurante cliente de Negocia.pe" loading="lazy" decoding="async" width="50" height="50">
                <img src="ComercioUnificado/chuluccana.jpeg" class="logo-circle" alt="Chuluccana, negocio cliente de Negocia.pe" loading="lazy" decoding="async" width="50" height="50">
                <img src="ComercioUnificado/norte_verde.jpg" class="logo-circle" alt="Norte Verde, agroindustria cliente de Negocia.pe" loading="lazy" decoding="async" width="50" height="50">
                <img src="ComercioUnificado/panchito.jpeg" class="logo-circle" alt="Ferretería Panchito, cliente de Negocia.pe" loading="lazy" decoding="async" width="50" height="50">
                <img src="ComercioUnificado/hyg.jpeg" class="logo-circle" alt="H&G, empresa cliente de Negocia.pe" loading="lazy" decoding="async" width="50" height="50">
                <img src="ComercioUnificado/mamasara.png" class="logo-circle" alt="Mamá Sara, negocio cliente de Negocia.pe" loading="lazy" decoding="async" width="50" height="50">
                <img src="ComercioUnificado/seguridad_industrial.png" class="logo-circle" alt="Seguridad Industrial, empresa cliente de Negocia.pe" loading="lazy" decoding="async" width="50" height="50">
            </div>
        </div>
    </section>

    <!-- ==================== NUESTRAS SOLUCIONES ==================== -->
    <section id="soluciones" class="section-pad" style="background: var(--bg-fondo);">
        <div class="container">
            <div class="section-header" data-aos="fade-up">
                <div class="pill">Nuestras soluciones</div>
                <h2>Un producto para cada frente de tu empresa</h2>
                <p>Cada solución resuelve un problema concreto y todas comparten la misma base de datos. Empieza por la que más te urge y suma las demás cuando las necesites, sin migraciones ni doble digitación.</p>
            </div>

            <div class="sol-grid">
                <article class="sol-card" data-aos="fade-up">
                    <span class="sol-ico" style="background:#FFF3E0;color:#FF5900;"><i class="fa-solid fa-cash-register"></i></span>
                    <h3><a href="/PuntoVenta.php">ERP y Punto de Venta</a></h3>
                    <p>El núcleo del ecosistema. Punto de venta rápido con cierre de caja por turnos, facturación electrónica SUNAT, integración SIRE, control de inventario con kardex, compras y gastos, créditos y cobranzas, y reportes administrativos y financieros.</p>
                    <ul class="sol-list">
                        <li><i class="fa-solid fa-check"></i> Facturación electrónica e integración SIRE</li>
                        <li><i class="fa-solid fa-check"></i> Inventario multisucursal en tiempo real</li>
                        <li><i class="fa-solid fa-check"></i> Guías de remisión, proformas y listas de precios</li>
                    </ul>
                    <a href="/PuntoVenta.php" class="sol-link">Conocer el ERP y POS <i class="fa-solid fa-arrow-right"></i></a>
                </article>

                <article class="sol-card" data-aos="fade-up" data-aos-delay="80">
                    <span class="sol-ico" style="background:#E0F2FE;color:#0284C7;"><i class="fa-solid fa-store"></i></span>
                    <h3><a href="/shop.php">Tienda Online</a></h3>
                    <p>Tu sucursal en internet, abierta las 24 horas y sincronizada con el stock de tu local. Si vendes el último producto en caja, desaparece de la web al instante; si te compran online, se descuenta de tu almacén y sale la boleta sola.</p>
                    <ul class="sol-list">
                        <li><i class="fa-solid fa-check"></i> Stock y precios sincronizados con el POS</li>
                        <li><i class="fa-solid fa-check"></i> Pagos con tarjeta, Yape, Plin y transferencia</li>
                        <li><i class="fa-solid fa-check"></i> Dominio propio, SSL y hosting incluidos</li>
                    </ul>
                    <a href="/shop.php" class="sol-link">Conocer la tienda online <i class="fa-solid fa-arrow-right"></i></a>
                </article>

                <article class="sol-card" data-aos="fade-up" data-aos-delay="160">
                    <span class="sol-ico" style="background:#DCFCE7;color:#16A34A;"><i class="fa-brands fa-whatsapp"></i></span>
                    <h3><a href="/crm.php">CRM con WhatsApp e IA</a></h3>
                    <p>Todos tus chats en una sola bandeja: WhatsApp multiagente, Facebook e Instagram. Mueve tus oportunidades por un embudo visual, gestiona tickets y citas, y deja que agentes de inteligencia artificial respondan y coticen fuera de horario.</p>
                    <ul class="sol-list">
                        <li><i class="fa-solid fa-check"></i> WhatsApp multiagente y redes en una bandeja</li>
                        <li><i class="fa-solid fa-check"></i> Embudo de ventas y tickets de atención</li>
                        <li><i class="fa-solid fa-check"></i> Agentes de venta con IA conectados al stock</li>
                    </ul>
                    <a href="/crm.php" class="sol-link">Conocer el CRM <i class="fa-solid fa-arrow-right"></i></a>
                </article>

                <article class="sol-card" data-aos="fade-up" data-aos-delay="240">
                    <span class="sol-ico" style="background:#EDE9FE;color:#7C3AED;"><i class="fa-solid fa-users-gear"></i></span>
                    <h3><a href="/rrhh.php">RRHH y Planillas</a></h3>
                    <p>Cierra tu planilla en minutos y no en días. Cálculo de nómina peruana con AFP/ONP, renta de quinta, SCTR y Vida Ley, boletas de pago, asientos contables PCGE, exportación PLAME, vacaciones, CTS, gratificaciones y liquidaciones.</p>
                    <ul class="sol-list">
                        <li><i class="fa-solid fa-check"></i> Nómina, boletas y exportación PLAME</li>
                        <li><i class="fa-solid fa-check"></i> Asientos contables con partida doble</li>
                        <li><i class="fa-solid fa-check"></i> Asistencia con GPS, QR y reconocimiento facial</li>
                    </ul>
                    <a href="/rrhh.php" class="sol-link">Conocer RRHH <i class="fa-solid fa-arrow-right"></i></a>
                </article>

                <article class="sol-card" data-aos="fade-up" data-aos-delay="320">
                    <span class="sol-ico" style="background:#FEF3C7;color:#D97706;"><i class="fa-solid fa-id-card"></i></span>
                    <h3><a href="/fidelizacion.php">Fidelización de Clientes</a></h3>
                    <p>Haz que vuelvan a comprar. Tarjetas de puntos, sellos digitales y gift cards recargables que tus clientes guardan en el celular, más un programa de referidos que te trae clientes nuevos en automático. Disponible en toda Latinoamérica.</p>
                    <ul class="sol-list">
                        <li><i class="fa-solid fa-check"></i> Puntos, sellos digitales y gift cards</li>
                        <li><i class="fa-solid fa-check"></i> Google Wallet, sin apps que descargar</li>
                        <li><i class="fa-solid fa-check"></i> <strong>15 días de prueba gratis</strong>, sin tarjeta</li>
                    </ul>
                    <a href="/fidelizacion.php" class="sol-link">Conocer fidelización <i class="fa-solid fa-arrow-right"></i></a>
                </article>

                <article class="sol-card sol-card-dark" data-aos="fade-up" data-aos-delay="400">
                    <span class="sol-ico" style="background:rgba(255,255,255,0.1);color:#FF9C00;"><i class="fa-solid fa-layer-group"></i></span>
                    <h3><a href="#comercio-unificado">Comercio Unificado</a></h3>
                    <p>No es un módulo más: es la forma en que todo lo anterior conversa entre sí. Una venta en caja, un pedido web y un cierre por WhatsApp descuentan del mismo inventario y emiten el mismo comprobante. Un solo tablero para todo el negocio.</p>
                    <ul class="sol-list">
                        <li><i class="fa-solid fa-check"></i> Un inventario para todos tus canales</li>
                        <li><i class="fa-solid fa-check"></i> Una sola facturación electrónica</li>
                        <li><i class="fa-solid fa-check"></i> Reportes consolidados por sucursal y canal</li>
                    </ul>
                    <a href="#comercio-unificado" class="sol-link">Ver cómo funciona <i class="fa-solid fa-arrow-right"></i></a>
                </article>
            </div>

            <div class="sol-sectores" data-aos="fade-up">
                <div>
                    <h3>¿No sabes por dónde empezar?</h3>
                    <p class="mb-0">Cuéntanos a qué se dedica tu empresa y un asesor te arma la combinación de módulos que tiene sentido para tu operación. Sin costo y sin compromiso.</p>
                </div>
                <a href="#contacto" class="btn-brand flex-shrink-0">Hablar con un asesor</a>
            </div>
        </div>
    </section>

    <!-- ==================== SOLUCIONES POR RUBRO ==================== -->
    <section id="rubros" class="section-pad bg-white">
        <div class="container">
            <div class="section-header" data-aos="fade-up">
                <div class="pill">Soluciones por rubro</div>
                <h2>Configurado para <span class="text-gradient">cómo trabaja tu negocio</span></h2>
                <p>El mismo ecosistema, pero ya preparado para tu operación: con las unidades de medida, los flujos de despacho y los reportes que tu rubro necesita desde el primer día.</p>
            </div>

            <div class="rubro-grid">
                <article class="rubro-card" data-aos="fade-up">
                    <span class="rubro-ico" style="background:#FFF3E0;color:#FF5900;"><i class="fa-solid fa-screwdriver-wrench"></i></span>
                    <h3><a href="/Ferreterias.php">Software para Ferreterías</a></h3>
                    <p>Miles de SKU con búsqueda instantánea, venta fraccionada por metros, kilos y galones, precio de maestro y de constructora aplicado solo, y guías de remisión para despachar materiales.</p>
                    <ul class="rubro-list">
                        <li><i class="fa-solid fa-check"></i> Venta fraccionada y múltiples listas de precios</li>
                        <li><i class="fa-solid fa-check"></i> Proformas para maestros de obra en segundos</li>
                        <li><i class="fa-solid fa-check"></i> Multialmacén y créditos a contratistas</li>
                    </ul>
                    <a href="/Ferreterias.php" class="sol-link">Ver la solución para ferreterías <i class="fa-solid fa-arrow-right"></i></a>
                </article>

                <article class="rubro-card" data-aos="fade-up" data-aos-delay="80">
                    <span class="rubro-ico" style="background:#E0F2FE;color:#0284C7;"><i class="fa-solid fa-truck-fast"></i></span>
                    <h3><a href="/Distribuidoras.php">Software para Distribuidoras</a></h3>
                    <p>ERP B2B para mayoristas e importadoras: stock real en cada almacén, guías de remisión electrónicas, precios por volumen, trazabilidad de lotes y control de la plata que te deben.</p>
                    <ul class="rubro-list">
                        <li><i class="fa-solid fa-check"></i> Multialmacén con kardex valorizado</li>
                        <li><i class="fa-solid fa-check"></i> Lotes, vencimientos y despacho FEFO</li>
                        <li><i class="fa-solid fa-check"></i> Picking, rutas y cuentas por cobrar</li>
                    </ul>
                    <a href="/Distribuidoras.php" class="sol-link">Ver la solución para distribuidoras <i class="fa-solid fa-arrow-right"></i></a>
                </article>

                <article class="rubro-card" data-aos="fade-up" data-aos-delay="160">
                    <span class="rubro-ico" style="background:#DCFCE7;color:#16A34A;"><i class="fa-solid fa-utensils"></i></span>
                    <h3><a href="/Restaurante.php">Software para Restaurantes</a></h3>
                    <p>Control de mesas, comandas que salen solas en cocina, delivery con carta digital y recetas que descuentan tus insumos al vender cada plato. También para hoteles.</p>
                    <ul class="rubro-list">
                        <li><i class="fa-solid fa-check"></i> Mesas, comandas y cierre de caja por turno</li>
                        <li><i class="fa-solid fa-check"></i> Delivery con carta digital propia</li>
                        <li><i class="fa-solid fa-check"></i> Insumos, recetas y costeo real del plato</li>
                    </ul>
                    <a href="/Restaurante.php" class="sol-link">Ver la solución para restaurantes <i class="fa-solid fa-arrow-right"></i></a>
                </article>
            </div>

            <p class="text-center mt-4 mb-0" style="color: var(--text-muted); font-size: 0.98rem;">
                ¿Tu rubro no está en la lista? <a href="#contacto" style="color: var(--orange); font-weight: 700;">Cuéntanos a qué te dedicas</a> y lo configuramos para ti.
            </p>
        </div>
    </section>

    <!-- EL COMERCIO UNIFICADO (NUEVA SECCIÓN) -->
    <section id="comercio-unificado" class="section-pad bg-white">
        <div class="container">
            <div class="row align-items-center mb-5 pb-5">
                <!-- Gráfico Neuronal -->
                <div class="col-lg-7 mb-5 mb-lg-0" data-aos="fade-right">
                    <div class="text-center text-lg-start mb-5">
                        <span class="badge bg-primary bg-opacity-10 text-primary mb-3 px-3 py-2 rounded-pill" style="color: var(--orange) !important; background: rgba(255,156,0,0.1) !important;">LA SOLUCIÓN REVELADA</span>
                        <h2 class="display-5 fw-bold text-dark" style="font-size: 2.8rem; line-height:1.2;">El Comercio Unificado</h2>
                        <p class="lead text-muted" style="max-width: 600px;">No se trata de abrir más canales de venta o comprar programas sueltos, se trata de tener un solo ecosistema que conecte tu inventario, tus ventas físicas, web y WhatsApp automáticamente.</p>
                    </div>

                    <div class="neural-container">
                        <!-- SVG de Cables Neuronales -->
                        <svg class="neural-cable-svg d-none d-md-block" viewBox="0 0 1000 400" preserveAspectRatio="none">
                            <path class="cable-glow" d="M 230,80 C 400,80 400,200 500,200" />
                            <path class="cable-path" d="M 230,80 C 400,80 400,200 500,200" />
                            <path class="cable-glow" d="M 230,320 C 400,320 400,200 500,200" />
                            <path class="cable-path" d="M 230,320 C 400,320 400,200 500,200" />
                            <path class="cable-glow" d="M 770,80 C 600,80 600,200 500,200" />
                            <path class="cable-path" d="M 770,80 C 600,80 600,200 500,200" />
                            <path class="cable-glow" d="M 770,320 C 600,320 600,200 500,200" />
                            <path class="cable-path" d="M 770,320 C 600,320 600,200 500,200" />
                        </svg>

                        <div class="row align-items-center position-relative" style="min-height: 350px; z-index: 5;">
                            <!-- Nodos Izquierdos -->
                            <div class="col-sm-4 neural-col d-flex flex-column justify-content-between h-100" style="padding: 20px 0;">
                                <div data-aos="fade-right" data-aos-delay="100" class="w-100 text-center text-md-end mb-4 mb-md-0" style="margin-top: -10px;">
                                    <div class="neural-node"><i class="fa-solid fa-store" style="color:#2563eb;"></i> Punto de Venta</div>
                                </div>
                                <div data-aos="fade-right" data-aos-delay="200" class="w-100 text-center text-md-end mt-md-5" style="margin-bottom: -10px;">
                                    <div class="neural-node"><i class="fa-solid fa-box-open" style="color:#2563eb;"></i> Inventario Global</div>
                                </div>
                            </div>
                            <!-- Cerebro Central -->
                            <div class="col-sm-4 text-center my-4 my-md-0 d-flex flex-column justify-content-center" data-aos="zoom-in" data-aos-delay="300">
                                <div class="neural-brain mx-auto">
                                    <i class="fa-solid fa-brain"></i>
                                </div>
                                <h5 class="fw-bold mt-4 text-dark mb-1">Cerebro ERP</h5>
                                <div class="mt-4" data-aos="fade-up" data-aos-delay="600">
                                    <div class="neural-node mx-auto"><i class="fa-solid fa-gift" style="color:#d97706;"></i> Fidelización</div>
                                </div>
                            </div>
                            <!-- Nodos Derechos -->
                            <div class="col-sm-4 neural-col d-flex flex-column justify-content-between h-100" style="padding: 20px 0;">
                                <div data-aos="fade-left" data-aos-delay="400" class="w-100 text-center text-md-start mb-4 mb-md-0" style="margin-top: -10px;">
                                    <div class="neural-node"><i class="fa-solid fa-globe" style="color:#2563eb;"></i> Tienda Online</div>
                                </div>
                                <div data-aos="fade-left" data-aos-delay="500" class="w-100 text-center text-md-start mt-md-5" style="margin-bottom: -10px;">
                                    <div class="neural-node"><i class="fa-brands fa-whatsapp" style="color:#16a34a;"></i> WhatsApp CRM</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Video -->
                <div class="col-lg-5 text-center" data-aos="fade-left" data-aos-delay="600">
                    <div class="position-relative d-inline-block p-2">
                        <video class="shadow-lg border border-4 border-white position-relative" style="height: 500px; width: auto; max-width: 100%; border-radius: 24px; object-fit: cover; z-index: 1;" loop playsinline controls autoplay muted poster="https://s3unif-img-recursos.s3.us-east-1.amazonaws.com/logo_negocia.png">
                            <source src="https://s3unif-img-recursos.s3.amazonaws.com/comercio_unificado.mp4#t=0.1" type="video/mp4">
                        </video>
                    </div>
                </div>
            </div>

            <!-- Chat IA Mockup -->
            <div class="row align-items-center mt-5 pt-5 border-top border-light">
                <div class="col-lg-6 mb-4 mb-lg-0" data-aos="fade-right">
                    <h3 class="fw-bold mb-3" style="font-size: 2.2rem; color: var(--navy-text);">Tu Vendedor Estrella 24/7</h3>
                    <p class="text-muted" style="font-size: 1.1rem;">El comercio unificado va más allá. Imagina tener una <strong>Inteligencia Artificial</strong> vendiendo por WhatsApp todo el día, conectada a tu inventario real.</p>
                    <ul class="list-unstyled text-muted mt-4" style="font-size: 1.05rem;">
                        <li class="mb-3 d-flex align-items-start gap-3"><i class="fa-solid fa-robot text-primary mt-1" style="color: var(--orange) !important;"></i> Responde dudas y cotiza de madrugada.</li>
                        <li class="mb-3 d-flex align-items-start gap-3"><i class="fa-solid fa-handshake text-primary mt-1" style="color: var(--orange) !important;"></i> Cierra ventas y captura datos automáticamente.</li>
                        <li class="mb-3 d-flex align-items-start gap-3"><i class="fa-solid fa-bolt text-primary mt-1" style="color: var(--orange) !important;"></i> <strong>Actualiza el stock en tu ERP</strong> al instante. Mientras duermes, Negocia.pe trabaja.</li>
                    </ul>
                    <div class="mt-4 pt-2">
                        <a href="https://negocia.pe/ComercioUnificado" class="btn-brand" target="_blank" style="padding: 12px 24px; border-radius: 50px;">Conocer más sobre comercio unificado <i class="fa-solid fa-arrow-right ms-2"></i></a>
                    </div>
                </div>
                <div class="col-lg-6" data-aos="fade-left">
                    <div class="phone-mockup">
                        <div class="phone-screen p-0 bg-light">
                            <div class="bg-success text-white p-3 d-flex align-items-center gap-2 shadow-sm">
                                <i class="fa-solid fa-robot bg-white text-success rounded-circle p-2"></i>
                                <div><h6 class="mb-0 fw-bold">Bot Negocia.pe</h6><small style="font-size:10px;">En línea</small></div>
                            </div>
                            <div class="chat-container">
                                <div class="chat-bubble chat-left">Hola! Quiero 2 botellas de vino. ¿Tienen stock?</div>
                                <div class="chat-bubble chat-right">¡Hola! 👋 Sí, tenemos exactamente 12 en stock físico. El total es S/ 90.00. ¿Deseas pagarlo ahora?</div>
                                <div class="chat-bubble chat-left">Sí, por favor. Ya te envié el yape.</div>
                                <div class="chat-bubble chat-right">¡Perfecto! Pago validado. He descontado 2 unidades del inventario automáticamente y envié tu boleta electrónica. 🚀</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>


        </div>
    </section>



    <!-- FUNCIONALIDADES (BENTO) -->
    <section id="funcionalidades" class="section-pad">
        <div class="decor-circle-1"></div>
        <div class="decor-circle-2"></div>
        <div class="container">
            <div class="section-header" data-aos="fade-up">
                <div class="pill">Dentro del ERP</div>
                <h2>Las herramientas que usan tus equipos todos los días</h2>
                <p>Así se ve el trabajo diario dentro del núcleo del ecosistema: el ERP con punto de venta que ordena la operación de tu empresa.</p>
            </div>

            <div class="bento-grid">
                <!-- POS -->
                <div class="bento-card" data-aos="fade-up">
                    <div class="bento-icon"><i class="fa-solid fa-cash-register"></i></div>
                    <h3>Punto de venta (POS)</h3>
                    <p>Registra ventas rápidas y efectivas atendiendo muchos clientes a la vez.</p>
                </div>
                <!-- Inventario -->
                <div class="bento-card" data-aos="fade-up" data-aos-delay="100">
                    <div class="bento-icon"><i class="fa-solid fa-boxes-stacked"></i></div>
                    <h3>Control de Inventario</h3>
                    <p>Controla el inventario de tu negocio en tiempo real de todas tus sucursales.</p>
                </div>
                <!-- GRE -->
                <div class="bento-card" data-aos="fade-up" data-aos-delay="200">
                    <div class="bento-icon"><i class="fa-solid fa-file-invoice"></i></div>
                    <h3>Guía de Remisión</h3>
                    <p>Emite GREs válidas hacia SUNAT para certificar tus traslados de mercadería.</p>
                </div>
                <!-- Proformas -->
                <div class="bento-card" data-aos="fade-up">
                    <div class="bento-icon"><i class="fa-solid fa-file-signature"></i></div>
                    <h3>Proformas</h3>
                    <p>Emite cotizaciones profesionales que generen confianza a tus potenciales clientes.</p>
                </div>
                <!-- Precios -->
                <div class="bento-card" data-aos="fade-up" data-aos-delay="100">
                    <div class="bento-icon"><i class="fa-solid fa-tags"></i></div>
                    <h3>Lista de precios</h3>
                    <p>Crea promociones diferenciadas por cliente, producto y más.</p>
                </div>
                <!-- Reportes -->
                <div class="bento-card" data-aos="fade-up" data-aos-delay="200">
                    <div class="bento-icon"><i class="fa-solid fa-chart-pie"></i></div>
                    <h3>Reportes</h3>
                    <p>Visualiza en tiempo real tus ventas, gastos, declaraciones IGV y más.</p>
                </div>
            </div>

            <div class="text-center mt-5" data-aos="fade-up">
                <a href="/PuntoVenta.php" class="btn-brand">Ver todo el ERP y punto de venta <i class="fa-solid fa-arrow-right"></i></a>
            </div>
        </div>
    </section>

    <!-- BANNER SEGURIDAD -->
    <section class="container" data-aos="zoom-in">
        <div class="security-banner">
            <h2 class="mb-0" style="color: var(--navy-text); font-weight: 900; font-size: 2.2rem;">
                <i class="fa-solid fa-shield-check text-orange" style="color: var(--orange);"></i> 
                ¡Somos los aliados que SÍ garantizan seguridad a tu negocio!
            </h2>
        </div>
    </section>

    <!-- CÓMO FUNCIONA (PASOS) -->
    <section id="proceso" class="section-pad">
        <div class="container">
            <div class="section-header" data-aos="fade-up">
                <h2>Nuestro proceso en cuatro sencillos pasos</h2>
                <p>¡Ordenar las ventas e inventarios de tu negocio nunca fue tan fácil!</p>
            </div>

            <div class="steps-wrapper">
                <div class="step-item" data-aos="fade-up">
                    <div class="step-num">1</div>
                    <h3 style="font-size: 1.3rem; margin-bottom: 15px;">Facturación Electrónica</h3>
                    <p class="text-muted small">Te ayudamos con la activación para que emitas comprobantes válidos.</p>
                </div>
                <div class="step-item" data-aos="fade-up" data-aos-delay="100">
                    <div class="step-num">2</div>
                    <h3 style="font-size: 1.3rem; margin-bottom: 15px;">Capacitación Inductiva</h3>
                    <p class="text-muted small">Programamos una reunión en la que conozcas bien negocia.pe.</p>
                </div>
                <div class="step-item" data-aos="fade-up" data-aos-delay="200">
                    <div class="step-num">3</div>
                    <h3 style="font-size: 1.3rem; margin-bottom: 15px;">Soporte en Whatsapp</h3>
                    <p class="text-muted small">Recibe soporte de forma directa, rápida y personalizada.</p>
                </div>
                <div class="step-item" data-aos="fade-up" data-aos-delay="300">
                    <div class="step-num">4</div>
                    <h3 style="font-size: 1.3rem; margin-bottom: 15px;">Mejoras Continuas</h3>
                    <p class="text-muted small">Publicamos nuevas funcionalidades cada semana.</p>
                </div>
            </div>
        </div>
    </section>

    <!-- CASOS DE ÉXITO -->
    <section id="casos" class="section-pad" style="background: var(--bg-white);">
        <div class="container">
            <div class="section-header" data-aos="fade-up">
                <h2>Casos de éxito: nuestros clientes, nuestra familia</h2>
                <p>¡Deja que otros empresarios te lo cuenten con sus propias palabras!</p>
            </div>

            <!-- Scroll Horizontal -->
            <div class="testimonials-container" data-aos="fade-in" data-aos-delay="200">

                <div class="testimo-card position-relative">
                    <img src="ComercioUnificado/disbolplas.jpg" class="position-absolute top-0 start-50 translate-middle rounded-circle shadow border border-2 border-white" style="width: 65px; height: 65px; object-fit: cover; z-index: 10;" alt="Logo de Disbolplas, caso de éxito de Negocia.pe" loading="lazy" decoding="async">
                    <div style="height: 400px; background-color: #000; position: relative;">
                        <video class="w-100 h-100" style="object-fit: cover;" controls preload="metadata">
                            <source src="https://s3unif-img-recursos.s3.amazonaws.com/testimonio_disbolplas.mp4#t=0.1" type="video/mp4">
                        </video>
                    </div>
                    <div class="testimo-body">
                        <p class="testimo-quote">"Unificamos nuestro punto de venta e inventario con Negocia.pe. Ahora todo cuadra al cierre del día."</p>
                        <div class="testimo-author">Disboplas</div>
                    </div>
                </div>

                <div class="testimo-card position-relative">
                    <img src="ComercioUnificado/panchito.jpeg" class="position-absolute top-0 start-50 translate-middle rounded-circle shadow border border-2 border-white" style="width: 65px; height: 65px; object-fit: cover; z-index: 10;" alt="Logo de Ferretería Panchito, caso de éxito de Negocia.pe" loading="lazy" decoding="async">
                    <div style="height: 400px; background-color: #000; position: relative;">
                        <video class="w-100 h-100" style="object-fit: cover;" controls preload="metadata">
                            <source src="https://s3unif-img-recursos.s3.amazonaws.com/testimonio_Panchito.mp4#t=0.1" type="video/mp4">
                        </video>
                    </div>
                    <div class="testimo-body">
                        <p class="testimo-quote">"Gestionamos nuestras ventas y facturación SUNAT en un solo sistema, sin dobles registros."</p>
                        <div class="testimo-author">Ferretería Panchito</div>
                    </div>
                </div>

                <div class="testimo-card position-relative">
                    <img src="ComercioUnificado/norte_verde.jpg" class="position-absolute top-0 start-50 translate-middle rounded-circle shadow border border-2 border-white" style="width: 65px; height: 65px; object-fit: cover; z-index: 10;" alt="Logo de Norte Verde, caso de éxito de Negocia.pe" loading="lazy" decoding="async">
                    <div style="height: 400px; background-color: #000; position: relative;">
                        <video class="w-100 h-100" style="object-fit: cover;" controls preload="metadata">
                            <source src="https://s3unif-img-recursos.s3.amazonaws.com/testimonio_norte_verde.mp4#t=0.1" type="video/mp4">
                        </video>
                    </div>
                    <div class="testimo-body">
                        <p class="testimo-quote">"Ahora controlamos nuestro stock en tiempo real con el Comercio Unificado."</p>
                        <div class="testimo-author">Norte Verde</div>
                    </div>
                </div>

                <div class="testimo-card position-relative">
                    <img src="ComercioUnificado/chayo.jpeg" class="position-absolute top-0 start-50 translate-middle rounded-circle shadow border border-2 border-white" style="width: 65px; height: 65px; object-fit: cover; z-index: 10;" alt="Logo de La Chayo, caso de éxito de Negocia.pe" loading="lazy" decoding="async">
                    <div style="height: 400px; background-color: #000; position: relative;">
                        <video class="w-100 h-100" style="object-fit: cover;" controls preload="metadata">
                            <source src="https://s3unif-img-recursos.s3.amazonaws.com/testimonio_chayo.mp4#t=0.1" type="video/mp4">
                        </video>
                    </div>
                    <div class="testimo-body">
                        <p class="testimo-quote">"Automatizamos nuestra atención y ventas con el ecosistema Negocia."</p>
                        <div class="testimo-author">La Chayo</div>
                    </div>
                </div>



                <div class="testimo-card position-relative">
                    <img src="ComercioUnificado/chuluccana.jpeg" class="position-absolute top-0 start-50 translate-middle rounded-circle shadow border border-2 border-white" style="width: 65px; height: 65px; object-fit: cover; z-index: 10;" alt="Logo de Chuluccana, caso de éxito de Negocia.pe" loading="lazy" decoding="async">
                    <div style="height: 400px; background-color: #000; position: relative;">
                        <video class="w-100 h-100" style="object-fit: cover;" controls preload="metadata">
                            <source src="https://s3unif-img-recursos.s3.amazonaws.com/testimonio_chuluccacna.mp4#t=0.1" type="video/mp4">
                        </video>
                    </div>
                    <div class="testimo-body">
                        <p class="testimo-quote">"Digitalizamos nuestro negocio con el POS y la tienda online sincronizada."</p>
                        <div class="testimo-author">Chuluccacna</div>
                    </div>
                </div>

                <div class="testimo-card position-relative">
                    <img src="ComercioUnificado/hyg.jpeg" class="position-absolute top-0 start-50 translate-middle rounded-circle shadow border border-2 border-white" style="width: 65px; height: 65px; object-fit: cover; z-index: 10;" alt="Logo de H&G, caso de éxito de Negocia.pe" loading="lazy" decoding="async">
                    <div style="height: 400px; background-color: #000; position: relative;">
                        <video class="w-100 h-100" style="object-fit: cover;" controls preload="metadata">
                            <source src="https://s3unif-img-recursos.s3.amazonaws.com/testimonio_hyg.mp4#t=0.1" type="video/mp4">
                        </video>
                    </div>
                    <div class="testimo-body">
                        <p class="testimo-quote">"Facturamos electrónicamente y controlamos nuestro almacén al instante."</p>
                        <div class="testimo-author">H&G</div>
                    </div>
                </div>

                <div class="testimo-card">
                    <div style="height: 400px; background-color: #000; position: relative;">
                        <video class="w-100 h-100" style="object-fit: cover;" controls preload="none">
                            <source src="https://s3unif-img-recursos.s3.amazonaws.com/testimonio_mama_sara.mp4#t=0.1" type="video/mp4">
                        </video>
                    </div>
                    <div class="testimo-body">
                        <p class="testimo-quote">"Fidelizamos a nuestros clientes con puntos automáticos por WhatsApp."</p>
                        <div class="testimo-author">Mamá Sara</div>
                    </div>
                </div>

                <div class="testimo-card">
                    <div style="height: 400px; background-color: #000; position: relative;">
                        <video class="w-100 h-100" style="object-fit: cover;" controls preload="none">
                            <source src="https://s3unif-img-recursos.s3.amazonaws.com/testimonio_narihuala.mp4#t=0.1" type="video/mp4">
                        </video>
                    </div>
                    <div class="testimo-body">
                        <p class="testimo-quote">"Unificamos todos nuestros canales de venta con Negocia.pe."</p>
                        <div class="testimo-author">Narihualá</div>
                    </div>
                </div>

            </div>

            <div class="text-center mt-5">
                <h3 class="mb-4" data-aos="fade-up">¿Quiénes pueden usar Negocia.pe?</h3>
                <div class="audience-tags">
                    <a href="/Restaurante.php" class="audience-tag" data-aos="fade-up" data-aos-delay="0"><i class="fa-solid fa-utensils"></i> Restaurantes y Pastelerías</a>
                    <div class="audience-tag" data-aos="fade-up" data-aos-delay="100"><i class="fa-solid fa-basket-shopping"></i> Minimarket y Bodegas</div>
                    <a href="/Ferreterias.php" class="audience-tag" data-aos="fade-up" data-aos-delay="200"><i class="fa-solid fa-hammer"></i> Ferreterías y Lubricentros</a>
                    <div class="audience-tag" data-aos="fade-up" data-aos-delay="300"><i class="fa-solid fa-pills"></i> Farmacias y Boticas</div>
                    <a href="/Distribuidoras.php" class="audience-tag" data-aos="fade-up" data-aos-delay="400"><i class="fa-solid fa-truck"></i> Distribuidoras</a>
                    <div class="audience-tag" data-aos="fade-up" data-aos-delay="500"><i class="fa-solid fa-shirt"></i> Tienda de Ropa y Calzado</div>
                </div>
            </div>
        </div>
    </section>

    <!-- FAQS -->
    <section class="section-pad">
        <div class="container faq-container reveal">
            <div class="text-center mb-5">
                <h2 style="font-size: 2.5rem; font-weight: 900;">Preguntas Frecuentes</h2>
            </div>
            
            <details open>
                <summary>¿Qué es Negocia.pe y qué soluciones ofrece?</summary>
                <p>Negocia.pe es una empresa peruana de tecnología que desarrolla software de gestión para PYMEs de Perú y Latinoamérica. Nuestro ecosistema cubre cinco frentes: ERP con punto de venta y facturación electrónica, tienda online sincronizada con el inventario, CRM con WhatsApp y agentes de IA, RRHH con planillas, y fidelización de clientes. Todo comparte la misma base de datos, así que no duplicas información entre sistemas.</p>
            </details>
            <details>
                <summary>¿Qué es el comercio unificado?</summary>
                <p>Es conectar todos tus canales de venta a un solo inventario y una sola facturación. Con Negocia.pe, una venta en caja, un pedido de la tienda online y una conversación cerrada por WhatsApp descuentan del mismo stock y emiten el mismo comprobante electrónico. Dejas de cuadrar sistemas sueltos y ves tu negocio completo en un solo tablero.</p>
            </details>
            <details>
                <summary>¿En qué países opera Negocia.pe?</summary>
                <p>Nuestra sede está en Lima, Perú, y atendemos empresas en todo Latinoamérica: Colombia, México, Chile, Ecuador, Bolivia y el resto de la región. La plataforma es multipaís y multimoneda; la facturación electrónica está certificada para SUNAT en Perú y los demás módulos funcionan en cualquier país.</p>
            </details>
            <details>
                <summary>¿Puedo contratar un solo módulo o tengo que llevar todo el ecosistema?</summary>
                <p>Puedes empezar por donde más te duele. Muchas empresas arrancan con el ERP y el punto de venta y luego suman la tienda online, el CRM, RRHH o fidelización a medida que crecen. Como todos los módulos comparten la misma base, activar uno nuevo no implica migrar datos ni volver a cargar tus productos o clientes.</p>
            </details>
            <details>
                <summary>¿Quiénes usan Negocia.pe?</summary>
                <p>Más de 1,000 empresas: minimarkets y bodegas, ferreterías, restaurantes y pastelerías, farmacias y boticas, distribuidoras, tiendas de ropa y calzado, agroindustria, hotelería, clínicas, constructoras y empresas de servicios. Desde emprendedores independientes hasta compañías con varias sucursales.</p>
            </details>
            <details>
                <summary>¿Está segura la información de mi empresa?</summary>
                <p>Sí. Tu información se aloja en servidores de Amazon Web Services con cifrado en tránsito, respaldos periódicos y control de accesos por roles: solo la ven los usuarios que tú autorices. Cada empresa opera en su propio entorno, aislado del resto.</p>
            </details>
            <details>
                <summary>¿La capacitación y el soporte tienen costo adicional?</summary>
                <p>No. La capacitación inductiva, el acompañamiento en la activación de la facturación electrónica y el soporte por WhatsApp están incluidos y son ilimitados. Nuestro tiempo promedio de respuesta es de tres minutos en horario de oficina.</p>
            </details>
            <details>
                <summary>¿Cuánto tiempo lleva Negocia.pe en el mercado?</summary>
                <p>Más de 15 años desarrollando software de gestión para empresas, con presencia en prácticamente todos los departamentos del Perú y operación en varios países de Latinoamérica. Publicamos mejoras y nuevas funcionalidades cada semana.</p>
            </details>
        </div>
    </section>

    <!-- ==================== CONTACTO ==================== -->
    <section id="contacto" class="section-pad" style="background: var(--bg-fondo);">
        <div class="container">
            <div class="section-header" data-aos="fade-up">
                <div class="pill">Contacto</div>
                <h2>Conversemos sobre tu empresa</h2>
                <p>Cuéntanos qué necesitas resolver y te decimos con honestidad si podemos ayudarte. Respondemos en menos de 3 minutos en horario de oficina.</p>
            </div>

            <div class="contact-grid">
                <a href="https://wa.me/51942223753?text=Hola,%20quiero%20conocer%20las%20soluciones%20de%20Negocia.pe%20para%20mi%20empresa." class="contact-card" target="_blank" rel="noopener" data-aos="fade-up">
                    <span class="contact-ico" style="background:#DCFCE7;color:#16A34A;"><i class="fa-brands fa-whatsapp"></i></span>
                    <h3>WhatsApp</h3>
                    <p>La vía más rápida. Escríbenos y te atiende un asesor comercial.</p>
                    <strong>+51 942 223 753</strong>
                </a>
                <a href="tel:+51942223753" class="contact-card" data-aos="fade-up" data-aos-delay="80">
                    <span class="contact-ico" style="background:#FFF3E0;color:#FF5900;"><i class="fa-solid fa-phone"></i></span>
                    <h3>Teléfono</h3>
                    <p>Prefiere hablar directo. Lunes a viernes en horario de oficina.</p>
                    <strong>+51 942 223 753</strong>
                </a>
                <a href="mailto:negocia.pe@gmail.com" class="contact-card" data-aos="fade-up" data-aos-delay="160">
                    <span class="contact-ico" style="background:#E0F2FE;color:#0284C7;"><i class="fa-solid fa-envelope"></i></span>
                    <h3>Correo</h3>
                    <p>Para propuestas, alianzas o consultas que requieren detalle.</p>
                    <strong>negocia.pe@gmail.com</strong>
                </a>
                <div class="contact-card contact-card-static" data-aos="fade-up" data-aos-delay="240">
                    <span class="contact-ico" style="background:#EDE9FE;color:#7C3AED;"><i class="fa-solid fa-location-dot"></i></span>
                    <h3>Oficinas</h3>
                    <p>Nuestra sede está en Lima y atendemos empresas en todo Latinoamérica.</p>
                    <strong>Lima, Perú</strong>
                </div>
            </div>
        </div>
    </section>

    <!-- FINAL CTA -->
    <section class="final-cta reveal">
        <div class="container" style="position: relative; z-index: 2;">
            <h2 data-aos="zoom-in">Tu empresa merece dejar de pelear con sistemas sueltos</h2>
            <p data-aos="fade-up" data-aos-delay="100">Más de 1,000 empresas de Perú y Latinoamérica ya operan sobre un solo ecosistema. Cuéntanos tu caso y te mostramos exactamente cómo se vería el tuyo.</p>
            <a href="#soluciones" class="btn-white mt-4" data-aos="zoom-in" data-aos-delay="200">Explorar las soluciones <i class="fa-solid fa-rocket ms-2"></i></a>
        </div>
    </section>
    </main>

    <!-- FOOTER -->
    <footer class="footer-modern">
        <div class="container">
            <div class="row">
                <div class="col-lg-4 mb-4 pe-lg-5">
                    <img src="https://s3unif-img-recursos.s3.us-east-1.amazonaws.com/logo_negocia.png" alt="Negocia.pe" class="footer-logo">
                    <p class="footer-desc">Somos la empresa de tecnología detrás del software con el que más de 1,000 empresas de Perú y Latinoamérica venden y operan: ERP, tienda online, CRM, RRHH y fidelización sobre un solo ecosistema.</p>
                    <div class="social-links">
                        <a href="https://www.facebook.com/Negocia.pe" target="_blank" rel="noopener" aria-label="Facebook"><i class="fa-brands fa-facebook-f"></i></a>
                        <a href="https://www.instagram.com/negocia_pe/" target="_blank" rel="noopener" aria-label="Instagram"><i class="fa-brands fa-instagram"></i></a>
                        <a href="https://www.linkedin.com/company/negociape/" target="_blank" rel="noopener" aria-label="LinkedIn"><i class="fa-brands fa-linkedin-in"></i></a>
                        <a href="https://www.youtube.com/@negociape" target="_blank" rel="noopener" aria-label="YouTube"><i class="fa-brands fa-youtube"></i></a>
                    </div>
                </div>
                <div class="col-lg-2 col-md-6 mb-4">
                    <h4 class="footer-title">Empresa</h4>
                    <ul class="footer-links">
                        <li><a href="#soluciones">Soluciones</a></li>
                        <li><a href="#comercio-unificado">Comercio unificado</a></li>
                        <li><a href="#proceso">Cómo trabajamos</a></li>
                        <li><a href="#casos">Casos de éxito</a></li>
                        <li><a href="#contacto">Contacto</a></li>
                    </ul>
                </div>
                <div class="col-lg-3 col-md-6 mb-4">
                    <h4 class="footer-title">Soluciones</h4>
                    <ul class="footer-links">
                        <li><a href="/PuntoVenta.php"><i class="fa-solid fa-cash-register me-2 text-muted"></i> ERP y Punto de Venta</a></li>
                        <li><a href="/shop.php"><i class="fa-solid fa-store me-2 text-muted"></i> Tienda Online</a></li>
                        <li><a href="/crm.php"><i class="fa-brands fa-whatsapp me-2 text-muted"></i> CRM con WhatsApp e IA</a></li>
                        <li><a href="/rrhh.php"><i class="fa-solid fa-users-gear me-2 text-muted"></i> RRHH y Planillas</a></li>
                        <li><a href="/fidelizacion.php"><i class="fa-solid fa-id-card me-2 text-muted"></i> Fidelización de Clientes</a></li>
                    </ul>
                    <h4 class="footer-title mt-4">Por rubro</h4>
                    <ul class="footer-links">
                        <li><a href="/Ferreterias.php"><i class="fa-solid fa-screwdriver-wrench me-2 text-muted"></i> Para Ferreterías</a></li>
                        <li><a href="/Distribuidoras.php"><i class="fa-solid fa-truck-fast me-2 text-muted"></i> Para Distribuidoras</a></li>
                        <li><a href="/Restaurante.php"><i class="fa-solid fa-utensils me-2 text-muted"></i> Para Restaurantes</a></li>
                    </ul>
                </div>
                <div class="col-lg-3 col-md-6 mb-4">
                    <h4 class="footer-title">Contacto</h4>
                    <ul class="footer-contact">
                        <li><i class="fa-solid fa-phone"></i> <a href="tel:+51942223753" style="color:inherit;">+51 942 223 753</a></li>
                        <li><i class="fa-solid fa-envelope"></i> <a href="mailto:negocia.pe@gmail.com" style="color:inherit;">negocia.pe@gmail.com</a></li>
                        <li><i class="fa-solid fa-location-dot"></i> <div>Oficinas en Lima, Perú.<br>Atendemos toda Latinoamérica.</div></li>
                    </ul>
                </div>
            </div>
            <div class="footer-bottom">
                <p>© <?php echo date('Y'); ?> Negocia.pe. Todos los derechos reservados. &nbsp;·&nbsp; <a href="/politica-de-privacidad.php" style="color:inherit;text-decoration:underline;">Política de Privacidad</a></p>
            </div>
        </div>
    </footer>

    <!-- Bootstrap & AOS JS -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
    <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
    
    <script>
        // Init AOS
        AOS.init({
            once: true,
            offset: 50,
            duration: 800,
            easing: 'ease-out-cubic'
        });

        // Custom Reveals (Fallback/Extras)
        document.addEventListener('DOMContentLoaded', () => {
            const reveals = document.querySelectorAll('.reveal');
            const revealOnScroll = () => {
                const windowHeight = window.innerHeight;
                reveals.forEach(reveal => {
                    const revealTop = reveal.getBoundingClientRect().top;
                    if (revealTop < windowHeight - 50) {
                        reveal.classList.add('active');
                    }
                });
            };
            window.addEventListener('scroll', revealOnScroll);
            revealOnScroll();
            
            // Captura de UTMs y gclid para atribución de leads
            (function() {
                const params = new URLSearchParams(window.location.search);
                ['utm_source', 'utm_medium', 'utm_campaign', 'gclid'].forEach(key => {
                    const el = document.getElementById(key);
                    if (el && params.get(key)) el.value = params.get(key);
                });
            })();

            // Tracking GTM de clicks a WhatsApp
            document.querySelectorAll('a[href*="wa.me"]').forEach(link => {
                link.addEventListener('click', function() {
                    window.dataLayer = window.dataLayer || [];
                    window.dataLayer.push({
                        event: 'whatsapp_click',
                        link_url: this.href
                    });
                });
            });

            // Menú móvil
            const navToggle = document.getElementById('navToggle');
            const navLinks = document.querySelector('.nav-links');
            navToggle.addEventListener('click', () => {
                const open = navLinks.classList.toggle('open');
                navToggle.setAttribute('aria-expanded', open);
                navToggle.querySelector('i').className = open ? 'fa-solid fa-xmark' : 'fa-solid fa-bars';
            });
            navLinks.querySelectorAll('a').forEach(a => a.addEventListener('click', () => {
                navLinks.classList.remove('open');
                navToggle.setAttribute('aria-expanded', 'false');
                navToggle.querySelector('i').className = 'fa-solid fa-bars';
            }));

            // Navbar Blur
            const nav = document.querySelector('.navbar');
            window.addEventListener('scroll', () => {
                if(window.scrollY > 50) {
                    nav.style.boxShadow = '0 10px 30px rgba(0,0,0,0.08)';
                    nav.style.padding = '10px 0';
                } else {
                    nav.style.boxShadow = '0 1px 0 rgba(0,0,0,0.05)';
                    nav.style.padding = '15px 0';
                }
            });

            // Drag to Scroll para Testimonios
            const slider = document.querySelector('.testimonials-container');
            let isDown = false;
            let startX;
            let scrollLeft;

            slider.addEventListener('mousedown', (e) => {
                isDown = true;
                startX = e.pageX - slider.offsetLeft;
                scrollLeft = slider.scrollLeft;
            });
            slider.addEventListener('mouseleave', () => {
                isDown = false;
            });
            slider.addEventListener('mouseup', () => {
                isDown = false;
            });
            slider.addEventListener('mousemove', (e) => {
                if (!isDown) return;
                e.preventDefault();
                const x = e.pageX - slider.offsetLeft;
                const walk = (x - startX) * 2; // scroll-fast
                slider.scrollLeft = scrollLeft - walk;
            });
        });
    </script>
</body>
</html>
