{"id":8,"date":"2026-07-21T20:04:48","date_gmt":"2026-07-21T20:04:48","guid":{"rendered":"https:\/\/venezcala.com\/?page_id=8"},"modified":"2026-07-23T21:51:34","modified_gmt":"2026-07-23T21:51:34","slug":"home","status":"publish","type":"page","link":"https:\/\/venezcala.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"8\" class=\"elementor elementor-8\">\n\t\t\t\t<div class=\"elementor-element elementor-element-535c411 e-flex e-con-boxed e-con e-parent\" data-id=\"535c411\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8ccabe9 elementor-widget elementor-widget-shortcode\" data-id=\"8ccabe9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><style>\n\/* ============================================\n   DISE\u00d1O SIMPLIFICADO - VENEZCALA\n   ============================================ *\/\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');\n\n* {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n}\n\nhtml, body {\n    margin: 0;\n    padding: 0;\n    width: 100%;\n    overflow-x: hidden;\n    background: #0A0A0A;\n}\n\n.venezcala-landing {\n    font-family: 'Inter', sans-serif;\n    background: #0A0A0A;\n    color: #FFFFFF;\n    width: 100%;\n    max-width: 100%;\n    margin: 0;\n    padding: 0;\n    overflow-x: hidden;\n}\n\n\/* ============================================\n   HEADER\n   ============================================ *\/\n.venezcala-header {\n    background: rgba(10, 10, 10, 0.95);\n    border-bottom: 1px solid rgba(255, 255, 255, 0.05);\n    padding: 15px 30px;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    position: sticky;\n    top: 0;\n    z-index: 1000;\n    backdrop-filter: blur(10px);\n    flex-wrap: wrap;\n    gap: 10px;\n}\n\n.venezcala-header .logo img {\n    height: 55px;\n    width: auto;\n}\n\n.venezcala-header .nav-cta {\n    display: flex;\n    align-items: center;\n    gap: 15px;\n}\n\n.venezcala-header .nav-cta a {\n    color: #FFFFFF;\n    text-decoration: none;\n    font-size: 14px;\n    font-weight: 500;\n    transition: color 0.3s;\n}\n\n.venezcala-header .nav-cta a:hover {\n    color: #00C9FF;\n}\n\n.btn-small {\n    padding: 10px 22px;\n    background: linear-gradient(135deg, #00C9FF, #007BFF);\n    color: #FFFFFF !important;\n    border: none;\n    border-radius: 8px;\n    font-size: 13px;\n    font-weight: 700;\n    cursor: pointer;\n    text-decoration: none !important;\n    transition: all 0.3s;\n}\n\n.btn-small:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 10px 30px rgba(0, 201, 255, 0.3);\n}\n\n\/* ============================================\n   HERO\n   ============================================ *\/\n.hero-section {\n    padding: 40px 30px;\n    min-height: 100vh;\n    display: flex;\n    align-items: center;\n    background: \n        radial-gradient(ellipse at 20% 50%, rgba(0, 201, 255, 0.08) 0%, transparent 60%),\n        radial-gradient(ellipse at 80% 50%, rgba(0, 201, 255, 0.05) 0%, transparent 60%),\n        #0A0A0A;\n}\n\n.hero-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 50px;\n    max-width: 1200px;\n    margin: 0 auto;\n    width: 100%;\n    align-items: center;\n}\n\n.hero-content .hero-badge {\n    display: inline-block;\n    background: rgba(0, 201, 255, 0.15);\n    color: #00C9FF;\n    padding: 8px 20px;\n    border-radius: 50px;\n    font-size: 13px;\n    font-weight: 700;\n    border: 1px solid rgba(0, 201, 255, 0.3);\n    margin-bottom: 20px;\n    animation: pulse 2s infinite;\n}\n\n@keyframes pulse {\n    0%, 100% { transform: scale(1); }\n    50% { transform: scale(1.05); }\n}\n\n.hero-content h1 {\n    font-size: 46px;\n    font-weight: 900;\n    line-height: 1.1;\n    margin-bottom: 15px;\n}\n\n.hero-content h1 .highlight {\n    background: linear-gradient(135deg, #00C9FF, #007BFF);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n}\n\n.hero-content .hero-description {\n    font-size: 18px;\n    color: #CCCCCC;\n    line-height: 1.6;\n    margin-bottom: 25px;\n}\n\n.hero-stats {\n    display: flex;\n    gap: 35px;\n    flex-wrap: wrap;\n}\n\n.hero-stats .stat-item .stat-number {\n    font-size: 30px;\n    font-weight: 900;\n    color: #00C9FF;\n    display: block;\n}\n\n.hero-stats .stat-item .stat-label {\n    font-size: 13px;\n    color: #888;\n}\n\n.hero-form-wrapper {\n    background: linear-gradient(145deg, rgba(20, 20, 20, 0.95), rgba(10, 10, 10, 0.98));\n    padding: 35px 30px;\n    border-radius: 16px;\n    border: 1px solid rgba(0, 201, 255, 0.15);\n    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.5);\n}\n\n.hero-form-wrapper .form-header {\n    text-align: center;\n    margin-bottom: 20px;\n}\n\n.hero-form-wrapper .form-header h2 {\n    font-size: 24px;\n    font-weight: 700;\n    color: #FFFFFF;\n}\n\n.hero-form-wrapper .form-header h2 span {\n    color: #00C9FF;\n}\n\n.hero-form-wrapper .form-header p {\n    color: #888;\n    font-size: 14px;\n    margin-top: 5px;\n}\n\n.form-group {\n    margin-bottom: 14px;\n}\n\n.form-group label {\n    display: block;\n    font-size: 13px;\n    font-weight: 500;\n    color: #CCCCCC;\n    margin-bottom: 4px;\n}\n\n.form-group label .required {\n    color: #00C9FF;\n}\n\n.form-group input {\n    width: 100%;\n    padding: 12px 15px;\n    background: rgba(255, 255, 255, 0.05);\n    border: 1px solid rgba(255, 255, 255, 0.08);\n    border-radius: 10px;\n    color: #FFFFFF;\n    font-size: 15px;\n    font-family: 'Inter', sans-serif;\n    transition: all 0.3s;\n}\n\n.form-group input:focus {\n    outline: none;\n    border-color: #00C9FF;\n    background: rgba(0, 201, 255, 0.05);\n    box-shadow: 0 0 0 3px rgba(0, 201, 255, 0.1);\n}\n\n.form-group input.error {\n    border-color: #FF4444;\n}\n\n.form-group input::placeholder {\n    color: #555;\n}\n\n.btn-primary {\n    width: 100%;\n    padding: 15px;\n    background: linear-gradient(135deg, #00C9FF, #007BFF);\n    color: #FFFFFF;\n    border: none;\n    border-radius: 10px;\n    font-size: 16px;\n    font-weight: 700;\n    font-family: 'Inter', sans-serif;\n    cursor: pointer;\n    transition: all 0.3s;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    margin-top: 5px;\n    text-decoration: none;\n    text-align: center;\n    display: inline-block;\n}\n\n.btn-primary:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 10px 40px rgba(0, 201, 255, 0.3);\n    background: linear-gradient(135deg, #00D4FF, #0088FF);\n}\n\n.btn-primary:disabled {\n    opacity: 0.6;\n    cursor: not-allowed;\n    transform: none !important;\n}\n\n.btn-outline {\n    width: 100%;\n    padding: 14px;\n    background: transparent;\n    color: #00C9FF;\n    border: 2px solid #00C9FF;\n    border-radius: 10px;\n    font-size: 15px;\n    font-weight: 700;\n    font-family: 'Inter', sans-serif;\n    cursor: pointer;\n    transition: all 0.3s;\n    text-transform: uppercase;\n    text-decoration: none;\n    text-align: center;\n    display: inline-block;\n}\n\n.btn-outline:hover {\n    background: rgba(0, 201, 255, 0.1);\n    transform: translateY(-2px);\n}\n\n.security-badge {\n    text-align: center;\n    margin-top: 15px;\n    font-size: 12px;\n    color: #666;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n}\n\n\/* ============================================\n   SECCIONES\n   ============================================ *\/\n.section-title {\n    font-size: 36px;\n    font-weight: 900;\n    text-align: center;\n    margin-bottom: 12px;\n    background: linear-gradient(135deg, #FFFFFF 0%, #00C9FF 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n}\n\n.section-subtitle {\n    text-align: center;\n    font-size: 17px;\n    color: #999;\n    max-width: 700px;\n    margin: 0 auto 40px;\n    line-height: 1.6;\n}\n\n.blue-text {\n    color: #00C9FF;\n    -webkit-text-fill-color: #00C9FF;\n}\n\n.clients-section,\n.problem-section,\n.benefits-section,\n.pricing-section,\n.cta-final,\n.footer {\n    width: 100%;\n    padding: 60px 30px;\n}\n\n.clients-section {\n    background: rgba(255, 255, 255, 0.02);\n    border-top: 1px solid rgba(255, 255, 255, 0.05);\n    border-bottom: 1px solid rgba(255, 255, 255, 0.05);\n    text-align: center;\n    padding: 40px 30px;\n}\n\n.clients-section .clients-label {\n    color: #666;\n    font-size: 13px;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    margin-bottom: 15px;\n    font-weight: 500;\n}\n\n.clients-grid {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    gap: 35px;\n    flex-wrap: wrap;\n}\n\n.client-item {\n    font-size: 15px;\n    font-weight: 700;\n    color: #888;\n    letter-spacing: 1px;\n    opacity: 0.6;\n    transition: all 0.3s;\n}\n\n.client-item:hover {\n    opacity: 1;\n    color: #00C9FF;\n}\n\n.problem-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 40px;\n    max-width: 1200px;\n    margin: 0 auto;\n}\n\n.problem-card, .solution-card {\n    padding: 30px;\n    border-radius: 16px;\n    background: rgba(255, 255, 255, 0.02);\n    border: 1px solid rgba(255, 255, 255, 0.05);\n}\n\n.problem-card {\n    border-color: rgba(255, 68, 68, 0.15);\n}\n\n.problem-card .card-icon {\n    font-size: 36px;\n    margin-bottom: 12px;\n}\n\n.problem-card h3 {\n    font-size: 22px;\n    font-weight: 700;\n    color: #FF4444;\n    margin-bottom: 12px;\n}\n\n.problem-card ul {\n    list-style: none;\n    padding: 0;\n}\n\n.problem-card ul li {\n    padding: 8px 0;\n    border-bottom: 1px solid rgba(255, 255, 255, 0.05);\n    color: #CCC;\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    font-size: 14px;\n}\n\n.problem-card ul li::before {\n    content: '\u2715';\n    color: #FF4444;\n    font-weight: 700;\n}\n\n.solution-card {\n    border-color: rgba(0, 201, 255, 0.15);\n}\n\n.solution-card .card-icon {\n    font-size: 36px;\n    margin-bottom: 12px;\n}\n\n.solution-card h3 {\n    font-size: 22px;\n    font-weight: 700;\n    color: #00C9FF;\n    margin-bottom: 12px;\n}\n\n.solution-card ul {\n    list-style: none;\n    padding: 0;\n}\n\n.solution-card ul li {\n    padding: 8px 0;\n    border-bottom: 1px solid rgba(255, 255, 255, 0.05);\n    color: #CCC;\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    font-size: 14px;\n}\n\n.solution-card ul li::before {\n    content: '\u2713';\n    color: #00C9FF;\n    font-weight: 700;\n}\n\n.benefits-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 25px;\n    max-width: 1200px;\n    margin: 0 auto;\n}\n\n.benefit-card {\n    background: rgba(255, 255, 255, 0.03);\n    padding: 30px 25px;\n    border-radius: 16px;\n    border: 1px solid rgba(255, 255, 255, 0.05);\n    text-align: center;\n    transition: all 0.4s;\n}\n\n.benefit-card:hover {\n    transform: translateY(-8px);\n    border-color: rgba(0, 201, 255, 0.2);\n    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.3);\n    background: rgba(0, 201, 255, 0.05);\n}\n\n.benefit-card .benefit-icon {\n    font-size: 40px;\n    margin-bottom: 12px;\n    display: block;\n}\n\n.benefit-card h4 {\n    font-size: 18px;\n    font-weight: 700;\n    color: #FFFFFF;\n    margin-bottom: 8px;\n}\n\n.benefit-card p {\n    color: #999;\n    font-size: 14px;\n    line-height: 1.6;\n}\n\n.pricing-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 35px;\n    max-width: 1200px;\n    margin: 0 auto;\n}\n\n.pricing-card {\n    background: linear-gradient(145deg, rgba(20, 20, 20, 0.95), rgba(10, 10, 10, 0.98));\n    padding: 35px 30px;\n    border-radius: 16px;\n    border: 1px solid rgba(255, 255, 255, 0.05);\n    text-align: center;\n    position: relative;\n    transition: all 0.4s;\n    display: flex;\n    flex-direction: column;\n}\n\n.pricing-card:hover {\n    transform: translateY(-8px);\n    border-color: rgba(0, 201, 255, 0.2);\n    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.3);\n}\n\n.pricing-card.featured {\n    border: 2px solid #00C9FF;\n    background: linear-gradient(145deg, rgba(0, 201, 255, 0.05), rgba(10, 10, 10, 0.98));\n}\n\n.pricing-card .pricing-badge {\n    position: absolute;\n    top: -12px;\n    right: -12px;\n    background: #FF6B6B;\n    color: #FFFFFF;\n    padding: 5px 16px;\n    border-radius: 50px;\n    font-size: 11px;\n    font-weight: 700;\n    text-transform: uppercase;\n    animation: pulse 2s infinite;\n}\n\n.pricing-card.featured .pricing-badge {\n    background: #00C9FF;\n    color: #0A0A0A;\n}\n\n.pricing-card .plan-name {\n    font-size: 20px;\n    font-weight: 700;\n    color: #FFFFFF;\n    margin-bottom: 4px;\n}\n\n.pricing-card .plan-name span {\n    color: #00C9FF;\n}\n\n.pricing-card .plan-subtitle {\n    color: #888;\n    font-size: 13px;\n    margin-bottom: 12px;\n}\n\n.pricing-card .price {\n    font-size: 44px;\n    font-weight: 900;\n    color: #00C9FF;\n    margin: 8px 0 4px;\n}\n\n.pricing-card .price span {\n    font-size: 16px;\n    color: #888;\n    font-weight: 400;\n}\n\n.pricing-card .price-description {\n    color: #888;\n    font-size: 12px;\n    margin-bottom: 15px;\n}\n\n.pricing-card .price-features {\n    list-style: none;\n    padding: 0;\n    margin: 15px 0 25px;\n    text-align: left;\n    flex-grow: 1;\n}\n\n.pricing-card .price-features li {\n    padding: 8px 0;\n    border-bottom: 1px solid rgba(255, 255, 255, 0.05);\n    color: #CCC;\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    font-size: 14px;\n}\n\n.pricing-card .price-features li::before {\n    content: '\u2713';\n    color: #00C9FF;\n    font-weight: 700;\n    font-size: 16px;\n    flex-shrink: 0;\n}\n\n.pricing-card .price-features li .feature-muted {\n    color: #666;\n    font-size: 12px;\n}\n\n.cta-final {\n    text-align: center;\n    background: linear-gradient(135deg, rgba(0, 201, 255, 0.05), rgba(10, 10, 10, 0.95));\n    border-top: 1px solid rgba(0, 201, 255, 0.1);\n}\n\n.cta-final h2 {\n    font-size: 38px;\n    font-weight: 900;\n    margin-bottom: 12px;\n}\n\n.cta-final h2 span {\n    color: #00C9FF;\n}\n\n.cta-final p {\n    font-size: 17px;\n    color: #999;\n    max-width: 600px;\n    margin: 0 auto 25px;\n}\n\n.cta-final .btn-primary {\n    max-width: 400px;\n    margin: 0 auto;\n}\n\n.footer {\n    background: #050505;\n    border-top: 1px solid rgba(255, 255, 255, 0.05);\n}\n\n.footer-grid {\n    display: grid;\n    grid-template-columns: 2fr 1fr 1fr 1fr;\n    gap: 35px;\n    max-width: 1200px;\n    margin: 0 auto;\n}\n\n.footer h5 {\n    font-size: 15px;\n    font-weight: 700;\n    color: #FFFFFF;\n    margin-bottom: 12px;\n}\n\n.footer p, .footer a {\n    color: #666;\n    font-size: 13px;\n    line-height: 1.8;\n    text-decoration: none;\n}\n\n.footer a:hover {\n    color: #00C9FF;\n}\n\n.footer .footer-logo img {\n    height: 50px;\n    width: auto;\n    margin-bottom: 8px;\n}\n\n.footer-bottom {\n    text-align: center;\n    padding-top: 25px;\n    margin-top: 25px;\n    border-top: 1px solid rgba(255, 255, 255, 0.05);\n    color: #555;\n    font-size: 12px;\n    max-width: 1200px;\n    margin-left: auto;\n    margin-right: auto;\n}\n\n\/* ============================================\n   RESPONSIVE\n   ============================================ *\/\n@media (max-width: 1024px) {\n    .hero-grid {\n        grid-template-columns: 1fr;\n        gap: 40px;\n    }\n    \n    .hero-content h1 {\n        font-size: 38px;\n    }\n    \n    .pricing-grid {\n        grid-template-columns: 1fr 1fr;\n        gap: 30px;\n    }\n    \n    .benefits-grid {\n        grid-template-columns: repeat(2, 1fr);\n    }\n    \n    .footer-grid {\n        grid-template-columns: 1fr 1fr;\n    }\n}\n\n@media (max-width: 768px) {\n    .venezcala-header {\n        padding: 12px 20px;\n    }\n    \n    .venezcala-header .logo img {\n        height: 40px;\n    }\n    \n    .venezcala-header .nav-cta a {\n        font-size: 12px;\n    }\n    \n    .btn-small {\n        padding: 8px 16px;\n        font-size: 11px;\n    }\n    \n    .hero-section {\n        padding: 30px 20px;\n    }\n    \n    .hero-content h1 {\n        font-size: 30px;\n    }\n    \n    .hero-content .hero-description {\n        font-size: 16px;\n    }\n    \n    .hero-stats {\n        gap: 20px;\n    }\n    \n    .hero-stats .stat-item .stat-number {\n        font-size: 26px;\n    }\n    \n    .hero-form-wrapper {\n        padding: 25px 20px;\n    }\n    \n    .hero-form-wrapper .form-header h2 {\n        font-size: 22px;\n    }\n    \n    .pricing-grid {\n        grid-template-columns: 1fr;\n        max-width: 450px;\n    }\n    \n    .pricing-card {\n        padding: 28px 22px;\n    }\n    \n    .pricing-card .price {\n        font-size: 38px;\n    }\n    \n    .section-title {\n        font-size: 28px;\n    }\n    \n    .problem-grid {\n        grid-template-columns: 1fr;\n        gap: 25px;\n    }\n    \n    .problem-card, .solution-card {\n        padding: 22px 20px;\n    }\n    \n    .problem-card h3, .solution-card h3 {\n        font-size: 20px;\n    }\n    \n    .benefits-grid {\n        grid-template-columns: 1fr;\n        gap: 20px;\n    }\n    \n    .benefit-card {\n        padding: 25px 20px;\n    }\n    \n    .cta-final h2 {\n        font-size: 28px;\n    }\n    \n    .cta-final p {\n        font-size: 16px;\n    }\n    \n    .clients-section,\n    .problem-section,\n    .benefits-section,\n    .pricing-section,\n    .cta-final,\n    .footer {\n        padding: 40px 20px;\n    }\n    \n    .clients-grid {\n        gap: 20px;\n    }\n    \n    .client-item {\n        font-size: 13px;\n    }\n    \n    .footer-grid {\n        grid-template-columns: 1fr;\n        gap: 25px;\n        text-align: center;\n    }\n}\n\n@media (max-width: 480px) {\n    .venezcala-header .logo img {\n        height: 35px;\n    }\n    \n    .venezcala-header .nav-cta a {\n        display: none;\n    }\n    \n    .hero-content h1 {\n        font-size: 24px;\n    }\n    \n    .hero-form-wrapper .form-header h2 {\n        font-size: 19px;\n    }\n    \n    .btn-primary {\n        font-size: 14px;\n        padding: 13px;\n    }\n    \n    .pricing-card .price {\n        font-size: 32px;\n    }\n    \n    .pricing-card .price span {\n        font-size: 14px;\n    }\n    \n    .section-title {\n        font-size: 22px;\n    }\n    \n    .section-subtitle {\n        font-size: 14px;\n    }\n    \n    .benefit-card h4 {\n        font-size: 16px;\n    }\n}\n\n\/* ============================================\n   ANIMACIONES\n   ============================================ *\/\n@keyframes fadeInUp {\n    from {\n        opacity: 0;\n        transform: translateY(30px);\n    }\n    to {\n        opacity: 1;\n        transform: translateY(0);\n    }\n}\n\n.fade-in-up {\n    animation: fadeInUp 0.8s ease forwards;\n}\n\n.delay-1 { animation-delay: 0.1s; }\n.delay-2 { animation-delay: 0.2s; }\n.delay-3 { animation-delay: 0.3s; }\n<\/style>\n\n<!-- ============================================\n   HTML - VENEZCALA LANDING\n   ============================================ -->\n<div class=\"venezcala-landing\">\n\n    <!-- ===== HEADER ===== -->\n    <header class=\"venezcala-header\">\n        <div class=\"logo\">\n            <img decoding=\"async\" src=\"https:\/\/venezcala.com\/wp-content\/uploads\/2026\/07\/photo_5120632926134537532_y-removebg-preview.png\" alt=\"Venezcala\">\n        <\/div>\n        <div class=\"nav-cta\">\n            <a href=\"#pricing\">Planes<\/a>\n            <a href=\"#beneficios\">Beneficios<\/a>\n            <a href=\"#registroForm\" class=\"btn-small\">\ud83d\ude80 Empezar<\/a>\n        <\/div>\n    <\/header>\n\n    <!-- ===== HERO ===== -->\n    <section class=\"hero-section\">\n        <div class=\"hero-grid\">\n            <!-- Columna Izquierda -->\n            <div class=\"hero-content fade-in-up\">\n                <div class=\"hero-badge\">\ud83d\udd25 SOLO 47 CUPOS DISPONIBLES<\/div>\n                <h1>Controla tu <span class=\"highlight\">Inventario<\/span> con Inteligencia<\/h1>\n                <p class=\"hero-description\">\n                    Sistema avanzado de gesti\u00f3n de inventario que te permite reducir p\u00e9rdidas, \n                    optimizar compras y aumentar tus ganancias en tiempo real.\n                <\/p>\n                \n                <div class=\"hero-stats\">\n                    <div class=\"stat-item\">\n                        <span class=\"stat-number\">+2,500<\/span>\n                        <span class=\"stat-label\">Empresas conf\u00edan<\/span>\n                    <\/div>\n                    <div class=\"stat-item\">\n                        <span class=\"stat-number\">98%<\/span>\n                        <span class=\"stat-label\">Satisfacci\u00f3n<\/span>\n                    <\/div>\n                    <div class=\"stat-item\">\n                        <span class=\"stat-number\">40%<\/span>\n                        <span class=\"stat-label\">Menos p\u00e9rdidas<\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <!-- Columna Derecha - Formulario -->\n            <div class=\"hero-form-wrapper fade-in-up delay-2\" id=\"registroForm\">\n                <div class=\"form-header\">\n                    <h2>\ud83c\udfaf Solicita tu <span>Demo Gratuita<\/span><\/h2>\n                    <p>Completa y comienza a transformar tu negocio hoy<\/p>\n                <\/div>\n                \n                <form id=\"formularioLead\" method=\"post\">\n                    <div class=\"form-group\">\n                        <label>Nombre completo <span class=\"required\">*<\/span><\/label>\n                        <input type=\"text\" name=\"nombre\" placeholder=\"Ej: Juan P\u00e9rez\" required>\n                    <\/div>\n                    \n                    <div class=\"form-group\">\n                        <label>Correo electr\u00f3nico <span class=\"required\">*<\/span><\/label>\n                        <input type=\"email\" name=\"email\" placeholder=\"ejemplo@correo.com\" required>\n                    <\/div>\n                    \n                    <div class=\"form-group\">\n                        <label>WhatsApp <span class=\"required\">*<\/span><\/label>\n                        <input type=\"tel\" name=\"whatsapp\" placeholder=\"+34 600 000 000\" required>\n                    <\/div>\n                    \n                    <div class=\"form-group\">\n                        <label>Nombre de la empresa <span class=\"required\">*<\/span><\/label>\n                        <input type=\"text\" name=\"empresa\" placeholder=\"Nombre de tu empresa\" required>\n                    <\/div>\n                    \n                    <input type=\"hidden\" name=\"registro_nonce\" id=\"registro_nonce\" value=\"\">\n                    \n                    <button type=\"submit\" class=\"btn-primary\" id=\"btnSubmit\">\n                        OBTENER ACCESO AHORA\n                    <\/button>\n                    \n                    <div class=\"security-badge\">\n                        <span>\ud83d\udd12<\/span> Tus datos est\u00e1n seguros \u00b7 No compartimos informaci\u00f3n\n                    <\/div>\n                <\/form>\n                \n                <div id=\"formMensaje\" style=\"display: none; margin-top: 15px; padding: 12px; border-radius: 8px; text-align: center; font-weight: 500;\"><\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- ===== MARCAS ===== -->\n    <section class=\"clients-section\">\n        <div class=\"clients-label\">Empresas que ya conf\u00edan en nosotros<\/div>\n        <div class=\"clients-grid\">\n            <div class=\"client-item\">\u25c6 TechCorp<\/div>\n            <div class=\"client-item\">\u25c6 LogiSmart<\/div>\n            <div class=\"client-item\">\u25c6 GlobalSupply<\/div>\n            <div class=\"client-item\">\u25c6 RetailPro<\/div>\n            <div class=\"client-item\">\u25c6 IndustriaMx<\/div>\n        <\/div>\n    <\/section>\n\n    <!-- ===== PROBLEMA VS SOLUCI\u00d3N ===== -->\n    <section class=\"problem-section\" id=\"problema\">\n        <div class=\"section-title\">\u00bfEst\u00e1s perdiendo dinero <span class=\"blue-text\">sin saberlo?<\/span><\/div>\n        <div class=\"section-subtitle\">\n            El 68% de las PYMEs pierden hasta un 30% de sus ingresos por una mala gesti\u00f3n de inventario\n        <\/div>\n        \n        <div class=\"problem-grid\">\n            <div class=\"problem-card fade-in-up\">\n                <div class=\"card-icon\">\u274c<\/div>\n                <h3>Lo que <span style=\"color: #FF4444;\">NO<\/span> quieres<\/h3>\n                <ul>\n                    <li>Productos agotados que pierden ventas<\/li>\n                    <li>Sobrestock que inmoviliza tu capital<\/li>\n                    <li>Errores manuales en conteos<\/li>\n                    <li>P\u00e9rdidas por caducidad o deterioro<\/li>\n                    <li>Reportes desactualizados<\/li>\n                <\/ul>\n            <\/div>\n            \n            <div class=\"solution-card fade-in-up delay-2\">\n                <div class=\"card-icon\">\u2705<\/div>\n                <h3>Lo que <span style=\"color: #00C9FF;\">S\u00cd<\/span> quieres<\/h3>\n                <ul>\n                    <li>Control preciso en tiempo real<\/li>\n                    <li>Alertas autom\u00e1ticas de stock bajo<\/li>\n                    <li>Reportes inteligentes y detallados<\/li>\n                    <li>Optimizaci\u00f3n de compras y ventas<\/li>\n                    <li>Integraci\u00f3n con tu negocio actual<\/li>\n                <\/ul>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- ===== BENEFICIOS ===== -->\n    <section class=\"benefits-section\" id=\"beneficios\">\n        <div class=\"section-title\">Caracter\u00edsticas <span class=\"blue-text\">Avanzadas<\/span><\/div>\n        <div class=\"section-subtitle\">\n            Todo lo que necesitas para gestionar tu inventario de manera profesional\n        <\/div>\n        \n        <div class=\"benefits-grid\">\n            <div class=\"benefit-card fade-in-up\">\n                <span class=\"benefit-icon\">\ud83d\udcca<\/span>\n                <h4>Dashboard en Tiempo Real<\/h4>\n                <p>Visualiza tus m\u00e9tricas clave, ventas, stock y ganancias al instante desde cualquier dispositivo.<\/p>\n            <\/div>\n            \n            <div class=\"benefit-card fade-in-up delay-2\">\n                <span class=\"benefit-icon\">\ud83d\udd14<\/span>\n                <h4>Alertas Inteligentes<\/h4>\n                <p>Recibe notificaciones cuando el stock est\u00e1 bajo, productos caducan o hay movimientos sospechosos.<\/p>\n            <\/div>\n            \n            <div class=\"benefit-card fade-in-up delay-3\">\n                <span class=\"benefit-icon\">\ud83d\udcf1<\/span>\n                <h4>Acceso M\u00f3vil<\/h4>\n                <p>Gestiona tu inventario desde tu smartphone o tablet, est\u00e9s donde est\u00e9s.<\/p>\n            <\/div>\n            \n            <div class=\"benefit-card fade-in-up\">\n                <span class=\"benefit-icon\">\ud83d\udcc8<\/span>\n                <h4>Reportes Avanzados<\/h4>\n                <p>Genera informes detallados de ventas, compras, tendencias y proyecciones autom\u00e1ticas.<\/p>\n            <\/div>\n            \n            <div class=\"benefit-card fade-in-up delay-2\">\n                <span class=\"benefit-icon\">\ud83d\udd04<\/span>\n                <h4>Integraci\u00f3n con Ventas<\/h4>\n                <p>Conecta autom\u00e1ticamente tu inventario con tus canales de venta y punto de venta.<\/p>\n            <\/div>\n            \n            <div class=\"benefit-card fade-in-up delay-3\">\n                <span class=\"benefit-icon\">\ud83d\udd12<\/span>\n                <h4>Seguridad de Datos<\/h4>\n                <p>Tu informaci\u00f3n est\u00e1 protegida con encriptaci\u00f3n de nivel bancario y backups autom\u00e1ticos.<\/p>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- ===== PLANES ===== -->\n    <section class=\"pricing-section\" id=\"pricing\">\n        <div class=\"section-title\">Elige el plan <span class=\"blue-text\">perfecto<\/span> para ti<\/div>\n        <div class=\"section-subtitle\">\n            Dos opciones dise\u00f1adas para cubrir todas las necesidades de tu negocio\n        <\/div>\n        \n        <div class=\"pricing-grid\">\n            <!-- Plan B\u00e1sico -->\n            <div class=\"pricing-card fade-in-up\">\n                <div class=\"pricing-badge\">M\u00c1S POPULAR<\/div>\n                <div class=\"plan-name\">Plan <span>B\u00e1sico<\/span><\/div>\n                <div class=\"plan-subtitle\">Ideal para negocios en crecimiento<\/div>\n                <div class=\"price\">80<span>\u20ac<\/span><\/div>\n                <div class=\"price-description\">*Precio mensual \u00b7 Sin permanencia<\/div>\n                \n                <ul class=\"price-features\">\n                    <li>Dashboard en tiempo real<\/li>\n                    <li>Alertas autom\u00e1ticas de stock<\/li>\n                    <li>Reportes b\u00e1sicos<\/li>\n                    <li>Gesti\u00f3n de hasta 500 productos<\/li>\n                    <li>Acceso desde 1 dispositivo<\/li>\n                    <li>Soporte por email<\/li>\n                    <li><span class=\"feature-muted\">Actualizaciones incluidas<\/span><\/li>\n                <\/ul>\n                \n                <a href=\"#registroForm\" class=\"btn-outline\">Comenzar ahora<\/a>\n            <\/div>\n            \n            <!-- Plan Ultimate -->\n            <div class=\"pricing-card featured fade-in-up delay-2\">\n                <div class=\"pricing-badge\">\ud83c\udf1f RECOMENDADO<\/div>\n                <div class=\"plan-name\">Plan <span>Ultimate<\/span><\/div>\n                <div class=\"plan-subtitle\">Para empresas que quieren escalar<\/div>\n                <div class=\"price\">200<span>\u20ac<\/span><\/div>\n                <div class=\"price-description\">*Precio mensual \u00b7 Sin permanencia<\/div>\n                \n                <ul class=\"price-features\">\n                    <li>Dashboard en tiempo real avanzado<\/li>\n                    <li>Alertas inteligentes personalizadas<\/li>\n                    <li>Reportes avanzados ilimitados<\/li>\n                    <li>Gesti\u00f3n de productos ilimitada<\/li>\n                    <li>Acceso desde m\u00faltiples dispositivos<\/li>\n                    <li>Soporte prioritario 24\/7<\/li>\n                    <li>Integraci\u00f3n con ventas y POS<\/li>\n                    <li>M\u00faltiples usuarios y roles<\/li>\n                    <li>API para integraciones personalizadas<\/li>\n                    <li><strong style=\"color: #00C9FF;\">Actualizaciones gratuitas de por vida<\/strong><\/li>\n                <\/ul>\n                \n                <a href=\"#registroForm\" class=\"btn-primary\" style=\"text-decoration: none;\">\ud83d\udd25 Empezar ahora<\/a>\n            <\/div>\n        <\/div>\n        \n        <div style=\"text-align: center; margin-top: 25px; color: #666; font-size: 14px;\">\n            \u2b50 Ambos planes incluyen 30 d\u00edas de prueba gratuita \u00b7 Sin compromiso\n        <\/div>\n    <\/section>\n\n    <!-- ===== CTA FINAL ===== -->\n    <section class=\"cta-final\" id=\"contacto\">\n        <h2>\u00bfListo para <span>transformar<\/span> tu negocio?<\/h2>\n        <p>\u00danete a m\u00e1s de 2,500 empresas que ya est\u00e1n optimizando su inventario con Venezcala<\/p>\n        <a href=\"#registroForm\" class=\"btn-primary\" style=\"max-width: 400px; margin: 0 auto; text-decoration: none; display: inline-block; text-align: center;\">\n            \ud83d\udd25 Quiero mi Demo gratuita ahora\n        <\/a>\n        <div style=\"margin-top: 20px; font-size: 14px; color: #666;\">\n            \u23f3 Oferta limitada \u00b7 47 de 50 cupos disponibles\n        <\/div>\n    <\/section>\n\n    <!-- ===== FOOTER ===== -->\n    <footer class=\"footer\">\n        <div class=\"footer-grid\">\n            <div>\n                <div class=\"footer-logo\">\n                    <img decoding=\"async\" src=\"https:\/\/venezcala.com\/wp-content\/uploads\/2026\/07\/photo_5120632926134537532_y-removebg-preview.png\" alt=\"Venezcala\">\n                <\/div>\n                <p>Sistema inteligente de gesti\u00f3n de inventario para PYMEs que quieren crecer.<\/p>\n            <\/div>\n            <div>\n                <h5>Enlaces<\/h5>\n                <a href=\"#\">Inicio<\/a><br>\n                <a href=\"#pricing\">Planes<\/a><br>\n                <a href=\"#beneficios\">Caracter\u00edsticas<\/a><br>\n                <a href=\"#contacto\">Contacto<\/a>\n            <\/div>\n            <div>\n                <h5>Soporte<\/h5>\n                <a href=\"#\">Ayuda<\/a><br>\n                <a href=\"#\">FAQs<\/a><br>\n                <a href=\"#\">Pol\u00edtica de privacidad<\/a><br>\n                <a href=\"#\">T\u00e9rminos de uso<\/a>\n            <\/div>\n            <div>\n                <h5>Contacto<\/h5>\n                <p>\ud83d\udce7 hola@venezcala.com<\/p>\n                <p>\ud83d\udcde +34 900 000 000<\/p>\n                <p style=\"margin-top: 10px; color: #00C9FF;\">\ud83c\udf10 S\u00edguenos en redes<\/p>\n            <\/div>\n        <\/div>\n        <div class=\"footer-bottom\">\n            \u00a9 2026 Venezcala \u00b7 Escalando tu negocio digital. Todos los derechos reservados.\n        <\/div>\n    <\/footer>\n<\/div>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n    \/\/ ============================================\n    \/\/ 1. GENERAR NONCE V\u00cdA AJAX\n    \/\/ ============================================\n    function obtenerNonce() {\n        return fetch('https:\/\/venezcala.com\/wp-admin\/admin-ajax.php?action=generar_nonce')\n            .then(response => response.json())\n            .then(data => {\n                if (data.success) {\n                    document.getElementById('registro_nonce').value = data.data.nonce;\n                    return data.data.nonce;\n                } else {\n                    throw new Error('No se pudo obtener el nonce');\n                }\n            });\n    }\n\n    \/\/ ============================================\n    \/\/ 2. CONFIGURAR FORMULARIO\n    \/\/ ============================================\n    const form = document.getElementById('formularioLead');\n    const btnSubmit = document.getElementById('btnSubmit');\n    const mensajeDiv = document.getElementById('formMensaje');\n    \n    \/\/ Obtener nonce al cargar la p\u00e1gina\n    obtenerNonce().catch(error => {\n        console.error('Error al obtener nonce:', error);\n        mostrarMensaje('\u274c Error de configuraci\u00f3n. Recarga la p\u00e1gina.', 'error');\n    });\n    \n    if (form) {\n        form.addEventListener('submit', function(e) {\n            e.preventDefault();\n            \n            \/\/ Validar campos\n            const inputs = form.querySelectorAll('input[required]');\n            let isValid = true;\n            \n            inputs.forEach(input => {\n                if (!input.value.trim()) {\n                    input.classList.add('error');\n                    isValid = false;\n                } else {\n                    input.classList.remove('error');\n                }\n            });\n            \n            if (!isValid) {\n                mostrarMensaje('Por favor, completa todos los campos requeridos.', 'error');\n                return;\n            }\n            \n            \/\/ Validar email\n            const email = form.querySelector('input[name=\"email\"]');\n            const emailRegex = \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/;\n            if (!emailRegex.test(email.value)) {\n                email.classList.add('error');\n                mostrarMensaje('Ingresa un correo electr\u00f3nico v\u00e1lido.', 'error');\n                return;\n            }\n            \n            btnSubmit.disabled = true;\n            btnSubmit.textContent = 'Enviando...';\n            \n            const formData = new FormData(form);\n            formData.append('action', 'registro_inventario');\n            \n            const ajaxUrl = 'https:\/\/venezcala.com\/wp-admin\/admin-ajax.php';\n            \n            fetch(ajaxUrl, {\n                method: 'POST',\n                body: formData\n            })\n            .then(response => {\n                if (!response.ok) {\n                    throw new Error('Error en la respuesta del servidor: ' + response.status);\n                }\n                return response.json();\n            })\n            .then(data => {\n                if (data.success) {\n                    mostrarMensaje('\u2705 ' + data.data.mensaje, 'success');\n                    form.reset();\n                    \/\/ Generar nuevo nonce para el pr\u00f3ximo env\u00edo\n                    obtenerNonce();\n                } else {\n                    mostrarMensaje('\u274c ' + data.data.mensaje, 'error');\n                }\n            })\n            .catch(error => {\n                console.error('Error completo:', error);\n                mostrarMensaje('\u274c Error al enviar el formulario. Detalles: ' + error.message, 'error');\n            })\n            .finally(() => {\n                btnSubmit.disabled = false;\n                btnSubmit.textContent = 'OBTENER ACCESO AHORA';\n            });\n        });\n    }\n    \n    function mostrarMensaje(texto, tipo) {\n        mensajeDiv.style.display = 'block';\n        mensajeDiv.textContent = texto;\n        mensajeDiv.style.background = tipo === 'success' \n            ? 'rgba(76, 175, 80, 0.15)' \n            : 'rgba(255, 68, 68, 0.15)';\n        mensajeDiv.style.border = tipo === 'success'\n            ? '1px solid rgba(76, 175, 80, 0.3)'\n            : '1px solid rgba(255, 68, 68, 0.3)';\n        mensajeDiv.style.color = tipo === 'success' ? '#4CAF50' : '#FF4444';\n        \n        clearTimeout(window.mensajeTimeout);\n        window.mensajeTimeout = setTimeout(() => {\n            mensajeDiv.style.display = 'none';\n        }, 5000);\n    }\n});\n<\/script><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Planes Beneficios \ud83d\ude80 Empezar \ud83d\udd25 SOLO 47 CUPOS DISPONIBLES Controla tu Inventario con Inteligencia Sistema avanzado de gesti\u00f3n de inventario que te permite reducir p\u00e9rdidas, optimizar compras y aumentar tus ganancias en tiempo real. +2,500 Empresas conf\u00edan 98% Satisfacci\u00f3n 40% Menos p\u00e9rdidas \ud83c\udfaf Solicita tu Demo Gratuita Completa y comienza a transformar tu negocio hoy [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/venezcala.com\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/venezcala.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/venezcala.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/venezcala.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/venezcala.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":49,"href":"https:\/\/venezcala.com\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":59,"href":"https:\/\/venezcala.com\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/59"}],"wp:attachment":[{"href":"https:\/\/venezcala.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}