{"id":13,"date":"2026-05-02T11:02:44","date_gmt":"2026-05-02T11:02:44","guid":{"rendered":"https:\/\/saleriservices.es\/?page_id=13"},"modified":"2026-06-26T09:47:35","modified_gmt":"2026-06-26T09:47:35","slug":"elementor-13","status":"publish","type":"page","link":"https:\/\/saleriservices.es\/index.php\/elementor-13\/","title":{"rendered":"Elementor #13"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"13\" class=\"elementor elementor-13\">\n\t\t\t\t<div class=\"elementor-element elementor-element-aa0ba97 e-con-full e-flex e-con e-parent\" data-id=\"aa0ba97\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a082ad7 elementor-widget elementor-widget-html\" data-id=\"a082ad7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <meta name=\"description\" content=\"TinkBank - El banco digital que estabas esperando. Herramientas financieras innovadoras, transparencia total y responsabilidad social. \u00danete ahora.\">\r\n    <meta name=\"keywords\" content=\"banco digital, fintech, herramientas financieras, banca online\">\r\n    <meta property=\"og:title\" content=\"TinkBank - El Banco Digital que Cambia Todo\">\r\n    <meta property=\"og:description\" content=\"Herramientas financieras inteligentes, sin comisiones ocultas, con impacto social real.\">\r\n    <meta property=\"og:type\" content=\"website\">\r\n    <title>TinkBank - El Banco Digital que Estabas Esperando<\/title>\r\n    \r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800&family=Playfair+Display:wght@700;800;900&display=swap\" rel=\"stylesheet\">\r\n    \r\n    <style>\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        :root {\r\n            --primary-blue: #0052cc;\r\n            --secondary-blue: #003d99;\r\n            --dark: #0f1419;\r\n            --light-gray: #f5f7fa;\r\n            --text-dark: #1a1f2e;\r\n            --text-gray: #5a6270;\r\n            --text-light: #8b92a1;\r\n            --border: #e0e3e8;\r\n            --white: #ffffff;\r\n        }\r\n\r\n        html {\r\n            scroll-behavior: smooth;\r\n        }\r\n\r\n        body {\r\n            font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\r\n            color: var(--text-dark);\r\n            background-color: var(--white);\r\n            line-height: 1.6;\r\n        }\r\n\r\n        img {\r\n            max-width: 100%;\r\n            height: auto;\r\n            display: block;\r\n        }\r\n\r\n        \/* ===== HEADER ===== *\/\r\n        header {\r\n            background: var(--white);\r\n            border-bottom: 1px solid var(--border);\r\n            position: sticky;\r\n            top: 0;\r\n            z-index: 1000;\r\n        }\r\n\r\n        .header-inner {\r\n            max-width: 1400px;\r\n            margin: 0 auto;\r\n            padding: 1.2rem 2rem;\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n        }\r\n\r\n        .logo {\r\n            font-family: 'Playfair Display', serif;\r\n            font-size: 24px;\r\n            font-weight: 800;\r\n            color: var(--primary-blue);\r\n            letter-spacing: -0.5px;\r\n        }\r\n\r\n        nav {\r\n            display: flex;\r\n            gap: 3rem;\r\n            align-items: center;\r\n        }\r\n\r\n        nav a {\r\n            font-size: 14px;\r\n            color: var(--text-gray);\r\n            text-decoration: none;\r\n            font-weight: 500;\r\n            transition: color 0.3s;\r\n        }\r\n\r\n        nav a:hover {\r\n            color: var(--primary-blue);\r\n        }\r\n\r\n        .cta-button {\r\n            background: var(--primary-blue);\r\n            color: white;\r\n            padding: 11px 24px;\r\n            border: none;\r\n            border-radius: 6px;\r\n            font-weight: 700;\r\n            font-size: 14px;\r\n            cursor: pointer;\r\n            transition: all 0.3s;\r\n        }\r\n\r\n        .cta-button:hover {\r\n            background: var(--secondary-blue);\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 8px 24px rgba(0, 82, 204, 0.25);\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            nav {\r\n                display: none;\r\n            }\r\n        }\r\n\r\n        \/* ===== COUNTER BADGE ===== *\/\r\n        .counter-badge {\r\n            position: fixed;\r\n            bottom: 30px;\r\n            right: 30px;\r\n            background: linear-gradient(135deg, var(--primary-blue) 0%, var(--secondary-blue) 100%);\r\n            color: white;\r\n            padding: 20px 30px;\r\n            border-radius: 50px;\r\n            box-shadow: 0 10px 40px rgba(0, 82, 204, 0.3);\r\n            z-index: 999;\r\n            text-align: center;\r\n            font-weight: 700;\r\n            min-width: 160px;\r\n            animation: slideIn 0.5s ease;\r\n        }\r\n\r\n        @keyframes slideIn {\r\n            from {\r\n                transform: translateX(200px);\r\n                opacity: 0;\r\n            }\r\n            to {\r\n                transform: translateX(0);\r\n                opacity: 1;\r\n            }\r\n        }\r\n\r\n        .counter-number {\r\n            font-family: 'Playfair Display', serif;\r\n            font-size: 32px;\r\n            font-weight: 900;\r\n            display: block;\r\n            margin-bottom: 4px;\r\n        }\r\n\r\n        .counter-label {\r\n            font-size: 12px;\r\n            opacity: 0.9;\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.5px;\r\n        }\r\n\r\n        .counter-badge.pulse {\r\n            animation: pulse 0.6s ease;\r\n        }\r\n\r\n        @keyframes pulse {\r\n            0% {\r\n                transform: scale(1);\r\n            }\r\n            50% {\r\n                transform: scale(1.1);\r\n            }\r\n            100% {\r\n                transform: scale(1);\r\n            }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .counter-badge {\r\n                bottom: 20px;\r\n                right: 20px;\r\n                padding: 16px 24px;\r\n            }\r\n            .counter-number {\r\n                font-size: 24px;\r\n            }\r\n        }\r\n\r\n        \/* ===== HERO SECTION ===== *\/\r\n        .hero {\r\n            background: linear-gradient(135deg, var(--white) 0%, var(--light-gray) 100%);\r\n            padding: 100px 2rem;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .hero::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: -50%;\r\n            right: -10%;\r\n            width: 800px;\r\n            height: 800px;\r\n            background: radial-gradient(circle, rgba(0, 82, 204, 0.08) 0%, transparent 70%);\r\n            border-radius: 50%;\r\n        }\r\n\r\n        .hero-wrapper {\r\n            max-width: 1400px;\r\n            margin: 0 auto;\r\n            display: grid;\r\n            grid-template-columns: 1fr 1.15fr;\r\n            gap: 70px;\r\n            align-items: center;\r\n            position: relative;\r\n            z-index: 1;\r\n        }\r\n\r\n        .hero-content h1 {\r\n            font-family: 'Playfair Display', serif;\r\n            font-size: 56px;\r\n            font-weight: 900;\r\n            line-height: 1.1;\r\n            color: var(--dark);\r\n            margin-bottom: 28px;\r\n            letter-spacing: -1.5px;\r\n        }\r\n\r\n        .hero-content p {\r\n            font-size: 18px;\r\n            line-height: 1.8;\r\n            color: var(--text-gray);\r\n            margin-bottom: 40px;\r\n        }\r\n\r\n        .value-props {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 18px;\r\n            margin-bottom: 50px;\r\n        }\r\n\r\n        .value-prop {\r\n            display: flex;\r\n            gap: 14px;\r\n            align-items: flex-start;\r\n        }\r\n\r\n        .value-icon {\r\n            width: 28px;\r\n            height: 28px;\r\n            background: var(--primary-blue);\r\n            border-radius: 4px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            color: white;\r\n            font-weight: 700;\r\n            font-size: 16px;\r\n            flex-shrink: 0;\r\n            margin-top: 1px;\r\n        }\r\n\r\n        .value-prop p {\r\n            margin: 0;\r\n            font-size: 16px;\r\n            color: var(--text-dark);\r\n            font-weight: 500;\r\n        }\r\n\r\n        .hero-buttons {\r\n            display: flex;\r\n            gap: 16px;\r\n            margin-bottom: 50px;\r\n        }\r\n\r\n        .btn-primary {\r\n            background: var(--primary-blue);\r\n            color: white;\r\n            padding: 18px 50px;\r\n            border: none;\r\n            border-radius: 6px;\r\n            font-size: 16px;\r\n            font-weight: 700;\r\n            cursor: pointer;\r\n            transition: all 0.3s;\r\n            text-decoration: none;\r\n            display: inline-block;\r\n            font-family: 'Inter', sans-serif;\r\n        }\r\n\r\n        .btn-primary:hover {\r\n            background: var(--secondary-blue);\r\n            transform: translateY(-3px);\r\n            box-shadow: 0 16px 40px rgba(0, 82, 204, 0.35);\r\n        }\r\n\r\n        .btn-secondary {\r\n            background: transparent;\r\n            color: var(--primary-blue);\r\n            padding: 18px 50px;\r\n            border: 2px solid var(--primary-blue);\r\n            border-radius: 6px;\r\n            font-size: 16px;\r\n            font-weight: 700;\r\n            cursor: pointer;\r\n            transition: all 0.3s;\r\n            text-decoration: none;\r\n            display: inline-block;\r\n        }\r\n\r\n        .btn-secondary:hover {\r\n            background: var(--primary-blue);\r\n            color: white;\r\n            transform: translateY(-3px);\r\n        }\r\n\r\n        .hero-trust {\r\n            display: flex;\r\n            gap: 32px;\r\n            padding-top: 40px;\r\n            border-top: 1px solid var(--border);\r\n            align-items: center;\r\n        }\r\n\r\n        .trust-item {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 10px;\r\n            font-size: 13px;\r\n            color: var(--text-gray);\r\n            font-weight: 600;\r\n        }\r\n\r\n        .trust-indicator {\r\n            width: 8px;\r\n            height: 8px;\r\n            background: var(--primary-blue);\r\n            border-radius: 50%;\r\n        }\r\n\r\n        .hero-image {\r\n            width: 100%;\r\n            height: 560px;\r\n            background: linear-gradient(135deg, var(--light-gray) 0%, #eef1f7 100%);\r\n            border-radius: 12px;\r\n            overflow: hidden;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            position: relative;\r\n            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08);\r\n        }\r\n\r\n        .hero-image img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n        }\r\n\r\n        @media (max-width: 1024px) {\r\n            .hero-wrapper {\r\n                grid-template-columns: 1fr;\r\n                gap: 40px;\r\n            }\r\n            .hero-content h1 {\r\n                font-size: 42px;\r\n            }\r\n        }\r\n\r\n        \/* ===== CONCEPT SECTION ===== *\/\r\n        .concept-section {\r\n            padding: 80px 2rem;\r\n            background: var(--white);\r\n        }\r\n\r\n        .concept-wrapper {\r\n            max-width: 1400px;\r\n            margin: 0 auto;\r\n            display: grid;\r\n            grid-template-columns: 1.1fr 1fr;\r\n            gap: 70px;\r\n            align-items: center;\r\n        }\r\n\r\n        .concept-content h2 {\r\n            font-family: 'Playfair Display', serif;\r\n            font-size: 44px;\r\n            font-weight: 900;\r\n            color: var(--dark);\r\n            margin-bottom: 24px;\r\n            line-height: 1.15;\r\n        }\r\n\r\n        .concept-content p {\r\n            font-size: 16px;\r\n            line-height: 1.8;\r\n            color: var(--text-gray);\r\n            margin-bottom: 28px;\r\n        }\r\n\r\n        .concept-list {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 16px;\r\n            margin-bottom: 40px;\r\n        }\r\n\r\n        .concept-item {\r\n            display: flex;\r\n            gap: 12px;\r\n            align-items: flex-start;\r\n        }\r\n\r\n        .concept-check {\r\n            width: 24px;\r\n            height: 24px;\r\n            background: var(--primary-blue);\r\n            border-radius: 4px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            color: white;\r\n            font-weight: 700;\r\n            font-size: 14px;\r\n            flex-shrink: 0;\r\n            margin-top: 2px;\r\n        }\r\n\r\n        .concept-item p {\r\n            margin: 0;\r\n            font-weight: 500;\r\n        }\r\n\r\n        .concept-image {\r\n            width: 100%;\r\n            height: 480px;\r\n            background: linear-gradient(135deg, var(--light-gray) 0%, #eef1f7 100%);\r\n            border-radius: 12px;\r\n            overflow: hidden;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08);\r\n        }\r\n\r\n        .concept-image img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n        }\r\n\r\n        @media (max-width: 1024px) {\r\n            .concept-wrapper {\r\n                grid-template-columns: 1fr;\r\n                gap: 40px;\r\n            }\r\n            .concept-content h2 {\r\n                font-size: 36px;\r\n            }\r\n        }\r\n\r\n        \/* ===== PILLARS SECTION ===== *\/\r\n        .pillars-section {\r\n            padding: 80px 2rem;\r\n            background: var(--light-gray);\r\n        }\r\n\r\n        .section-wrapper {\r\n            max-width: 1400px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .section-header {\r\n            text-align: center;\r\n            margin-bottom: 60px;\r\n        }\r\n\r\n        .section-header h2 {\r\n            font-family: 'Playfair Display', serif;\r\n            font-size: 44px;\r\n            font-weight: 900;\r\n            color: var(--dark);\r\n            margin-bottom: 16px;\r\n        }\r\n\r\n        .section-header p {\r\n            font-size: 18px;\r\n            color: var(--text-gray);\r\n            max-width: 700px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .pillars-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(3, 1fr);\r\n            gap: 32px;\r\n        }\r\n\r\n        .pillar-card {\r\n            background: var(--white);\r\n            padding: 48px 40px;\r\n            border-radius: 8px;\r\n            text-align: center;\r\n            border: 1px solid var(--border);\r\n            transition: all 0.3s;\r\n        }\r\n\r\n        .pillar-card:hover {\r\n            border-color: var(--primary-blue);\r\n            transform: translateY(-8px);\r\n            box-shadow: 0 20px 48px rgba(0, 82, 204, 0.12);\r\n        }\r\n\r\n        .pillar-number {\r\n            font-family: 'Playfair Display', serif;\r\n            font-size: 48px;\r\n            font-weight: 900;\r\n            color: var(--primary-blue);\r\n            margin-bottom: 16px;\r\n        }\r\n\r\n        .pillar-card h3 {\r\n            font-size: 22px;\r\n            font-weight: 800;\r\n            color: var(--dark);\r\n            margin-bottom: 14px;\r\n            line-height: 1.3;\r\n        }\r\n\r\n        .pillar-card p {\r\n            font-size: 15px;\r\n            line-height: 1.8;\r\n            color: var(--text-gray);\r\n            margin: 0;\r\n        }\r\n\r\n        @media (max-width: 1024px) {\r\n            .pillars-grid {\r\n                grid-template-columns: repeat(2, 1fr);\r\n            }\r\n        }\r\n\r\n        @media (max-width: 640px) {\r\n            .pillars-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n        }\r\n\r\n        \/* ===== FEATURES SECTION ===== *\/\r\n        .features-section {\r\n            padding: 80px 2rem;\r\n            background: var(--white);\r\n        }\r\n\r\n        .features-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(2, 1fr);\r\n            gap: 48px;\r\n        }\r\n\r\n        .feature-card {\r\n            display: flex;\r\n            gap: 24px;\r\n        }\r\n\r\n        .feature-number {\r\n            font-family: 'Playfair Display', serif;\r\n            font-size: 40px;\r\n            font-weight: 900;\r\n            color: var(--primary-blue);\r\n            flex-shrink: 0;\r\n            width: 60px;\r\n        }\r\n\r\n        .feature-card h3 {\r\n            font-size: 20px;\r\n            font-weight: 800;\r\n            color: var(--dark);\r\n            margin-bottom: 12px;\r\n        }\r\n\r\n        .feature-card p {\r\n            font-size: 15px;\r\n            line-height: 1.8;\r\n            color: var(--text-gray);\r\n            margin: 0;\r\n        }\r\n\r\n        @media (max-width: 1024px) {\r\n            .features-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n        }\r\n\r\n        \/* ===== VISUAL SECTION ===== *\/\r\n        .visual-section {\r\n            padding: 80px 2rem;\r\n            background: var(--light-gray);\r\n        }\r\n\r\n        .visual-wrapper {\r\n            max-width: 1400px;\r\n            margin: 0 auto;\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 70px;\r\n            align-items: center;\r\n        }\r\n\r\n        .visual-image {\r\n            width: 100%;\r\n            height: 500px;\r\n            background: linear-gradient(135deg, var(--light-gray) 0%, #eef1f7 100%);\r\n            border-radius: 12px;\r\n            overflow: hidden;\r\n            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08);\r\n        }\r\n\r\n        .visual-image img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n        }\r\n\r\n        .visual-content h2 {\r\n            font-family: 'Playfair Display', serif;\r\n            font-size: 44px;\r\n            font-weight: 900;\r\n            color: var(--dark);\r\n            margin-bottom: 24px;\r\n            line-height: 1.15;\r\n        }\r\n\r\n        .visual-content p {\r\n            font-size: 16px;\r\n            line-height: 1.8;\r\n            color: var(--text-gray);\r\n            margin-bottom: 28px;\r\n        }\r\n\r\n        @media (max-width: 1024px) {\r\n            .visual-wrapper {\r\n                grid-template-columns: 1fr;\r\n                gap: 40px;\r\n            }\r\n            .visual-content h2 {\r\n                font-size: 36px;\r\n            }\r\n        }\r\n\r\n        \/* ===== COMPARISON SECTION ===== *\/\r\n        .comparison-section {\r\n            padding: 80px 2rem;\r\n            background: var(--white);\r\n        }\r\n\r\n        .comparison-wrapper {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .comparison-table {\r\n            background: var(--white);\r\n            border-radius: 8px;\r\n            overflow: hidden;\r\n            border: 1px solid var(--border);\r\n        }\r\n\r\n        .table-header {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr 1fr;\r\n            gap: 0;\r\n            background: var(--light-gray);\r\n            border-bottom: 2px solid var(--border);\r\n        }\r\n\r\n        .table-header-cell {\r\n            padding: 24px 20px;\r\n            text-align: center;\r\n            font-weight: 700;\r\n            font-size: 14px;\r\n            color: var(--text-dark);\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.5px;\r\n        }\r\n\r\n        .table-header-cell:first-child {\r\n            text-align: left;\r\n        }\r\n\r\n        .table-header-cell.highlight {\r\n            background: var(--primary-blue);\r\n            color: white;\r\n        }\r\n\r\n        .table-row {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr 1fr;\r\n            gap: 0;\r\n            border-bottom: 1px solid var(--border);\r\n        }\r\n\r\n        .table-cell {\r\n            padding: 20px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            text-align: center;\r\n            font-size: 14px;\r\n            color: var(--text-gray);\r\n        }\r\n\r\n        .table-cell:first-child {\r\n            text-align: left;\r\n            background: var(--light-gray);\r\n            color: var(--text-dark);\r\n            font-weight: 600;\r\n        }\r\n\r\n        .table-cell.yes {\r\n            color: #00a651;\r\n            font-weight: 700;\r\n        }\r\n\r\n        .table-cell.no {\r\n            color: #cc4400;\r\n        }\r\n\r\n        \/* ===== SOCIAL PROOF SECTION ===== *\/\r\n        .proof-section {\r\n            background: linear-gradient(135deg, var(--primary-blue) 0%, var(--secondary-blue) 100%);\r\n            color: white;\r\n            padding: 100px 2rem;\r\n            text-align: center;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .proof-wrapper {\r\n            max-width: 900px;\r\n            margin: 0 auto;\r\n            position: relative;\r\n            z-index: 1;\r\n        }\r\n\r\n        .proof-title {\r\n            font-family: 'Playfair Display', serif;\r\n            font-size: 44px;\r\n            font-weight: 900;\r\n            margin-bottom: 20px;\r\n            line-height: 1.15;\r\n        }\r\n\r\n        .proof-text {\r\n            font-size: 18px;\r\n            line-height: 1.8;\r\n            margin-bottom: 50px;\r\n            opacity: 0.95;\r\n        }\r\n\r\n        .proof-cta {\r\n            display: inline-block;\r\n        }\r\n\r\n        .proof-cta .btn-primary {\r\n            background: white;\r\n            color: var(--primary-blue);\r\n            padding: 18px 50px;\r\n            font-size: 16px;\r\n        }\r\n\r\n        .proof-cta .btn-primary:hover {\r\n            background: var(--light-gray);\r\n            color: var(--primary-blue);\r\n        }\r\n\r\n        \/* ===== FAQ SECTION ===== *\/\r\n        .faq-section {\r\n            padding: 80px 2rem;\r\n            background: var(--white);\r\n        }\r\n\r\n        .faq-wrapper {\r\n            max-width: 900px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .faq-items {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 0;\r\n        }\r\n\r\n        .faq-item {\r\n            border-bottom: 1px solid var(--border);\r\n            padding: 28px 0;\r\n            cursor: pointer;\r\n        }\r\n\r\n        .faq-header {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: flex-start;\r\n            gap: 20px;\r\n        }\r\n\r\n        .faq-title {\r\n            font-size: 17px;\r\n            font-weight: 700;\r\n            color: var(--text-dark);\r\n        }\r\n\r\n        .faq-toggle {\r\n            width: 28px;\r\n            height: 28px;\r\n            background: var(--light-gray);\r\n            border-radius: 4px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            color: var(--primary-blue);\r\n            font-weight: 700;\r\n            flex-shrink: 0;\r\n            transition: all 0.3s;\r\n        }\r\n\r\n        .faq-item.active .faq-toggle {\r\n            background: var(--primary-blue);\r\n            color: white;\r\n            transform: rotate(180deg);\r\n        }\r\n\r\n        .faq-content {\r\n            max-height: 0;\r\n            overflow: hidden;\r\n            transition: max-height 0.3s ease;\r\n        }\r\n\r\n        .faq-item.active .faq-content {\r\n            max-height: 400px;\r\n            margin-top: 20px;\r\n        }\r\n\r\n        .faq-text {\r\n            font-size: 15px;\r\n            line-height: 1.8;\r\n            color: var(--text-gray);\r\n        }\r\n\r\n        \/* ===== FINAL CTA ===== *\/\r\n        .final-cta {\r\n            background: linear-gradient(135deg, var(--dark) 0%, #1a2332 100%);\r\n            color: white;\r\n            padding: 100px 2rem;\r\n            text-align: center;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .final-cta::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: -50%;\r\n            right: -10%;\r\n            width: 600px;\r\n            height: 600px;\r\n            background: radial-gradient(circle, rgba(0, 82, 204, 0.1) 0%, transparent 70%);\r\n            border-radius: 50%;\r\n        }\r\n\r\n        .final-wrapper {\r\n            max-width: 900px;\r\n            margin: 0 auto;\r\n            position: relative;\r\n            z-index: 1;\r\n        }\r\n\r\n        .final-cta h2 {\r\n            font-family: 'Playfair Display', serif;\r\n            font-size: 48px;\r\n            font-weight: 900;\r\n            margin-bottom: 24px;\r\n            line-height: 1.15;\r\n        }\r\n\r\n        .final-cta p {\r\n            font-size: 18px;\r\n            line-height: 1.8;\r\n            margin-bottom: 48px;\r\n            opacity: 0.9;\r\n        }\r\n\r\n        .final-cta .btn-primary {\r\n            background: white;\r\n            color: var(--primary-blue);\r\n            padding: 18px 50px;\r\n            font-size: 16px;\r\n            font-weight: 700;\r\n        }\r\n\r\n        .final-cta .btn-primary:hover {\r\n            background: var(--light-gray);\r\n            box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3);\r\n        }\r\n\r\n        \/* ===== FOOTER ===== *\/\r\n        footer {\r\n            background: var(--dark);\r\n            color: white;\r\n            padding: 60px 2rem;\r\n        }\r\n\r\n        .footer-wrapper {\r\n            max-width: 1400px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .footer-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(4, 1fr);\r\n            gap: 40px;\r\n            margin-bottom: 40px;\r\n            padding-bottom: 40px;\r\n            border-bottom: 1px solid rgba(255, 255, 255, 0.1);\r\n        }\r\n\r\n        .footer-col h4 {\r\n            font-size: 12px;\r\n            font-weight: 800;\r\n            text-transform: uppercase;\r\n            letter-spacing: 1px;\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .footer-col a {\r\n            display: block;\r\n            font-size: 13px;\r\n            color: rgba(255, 255, 255, 0.7);\r\n            text-decoration: none;\r\n            margin-bottom: 10px;\r\n            transition: color 0.3s;\r\n        }\r\n\r\n        .footer-col a:hover {\r\n            color: white;\r\n        }\r\n\r\n        .footer-bottom {\r\n            text-align: center;\r\n            font-size: 12px;\r\n            color: rgba(255, 255, 255, 0.5);\r\n        }\r\n\r\n        .footer-logo {\r\n            font-family: 'Playfair Display', serif;\r\n            font-size: 22px;\r\n            font-weight: 800;\r\n            color: var(--primary-blue);\r\n            margin-bottom: 12px;\r\n        }\r\n\r\n        \/* ===== MODAL ===== *\/\r\n        .modal {\r\n            display: none;\r\n            position: fixed;\r\n            z-index: 2000;\r\n            left: 0;\r\n            top: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: rgba(0, 0, 0, 0.7);\r\n            animation: fadeIn 0.3s;\r\n        }\r\n\r\n        @keyframes fadeIn {\r\n            from { opacity: 0; }\r\n            to { opacity: 1; }\r\n        }\r\n\r\n        .modal-box {\r\n            background: white;\r\n            margin: auto;\r\n            padding: 50px;\r\n            border-radius: 12px;\r\n            max-width: 500px;\r\n            width: 90%;\r\n            position: fixed;\r\n            top: 50%;\r\n            left: 50%;\r\n            transform: translate(-50%, -50%);\r\n            box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3);\r\n            animation: slideUp 0.3s;\r\n        }\r\n\r\n        @keyframes slideUp {\r\n            from {\r\n                transform: translate(-50%, calc(-50% + 30px));\r\n                opacity: 0;\r\n            }\r\n            to {\r\n                transform: translate(-50%, -50%);\r\n                opacity: 1;\r\n            }\r\n        }\r\n\r\n        .modal-close {\r\n            position: absolute;\r\n            top: 20px;\r\n            right: 20px;\r\n            background: none;\r\n            border: none;\r\n            font-size: 32px;\r\n            cursor: pointer;\r\n            color: var(--text-light);\r\n            transition: color 0.3s;\r\n            padding: 0;\r\n            width: 32px;\r\n            height: 32px;\r\n        }\r\n\r\n        .modal-close:hover {\r\n            color: var(--text-dark);\r\n        }\r\n\r\n        .modal-title {\r\n            font-family: 'Playfair Display', serif;\r\n            font-size: 36px;\r\n            font-weight: 900;\r\n            color: var(--dark);\r\n            margin-bottom: 12px;\r\n        }\r\n\r\n        .modal-subtitle {\r\n            font-size: 15px;\r\n            color: var(--text-gray);\r\n            margin-bottom: 32px;\r\n        }\r\n\r\n        .form-group {\r\n            margin-bottom: 22px;\r\n        }\r\n\r\n        .form-group label {\r\n            display: block;\r\n            font-size: 12px;\r\n            font-weight: 700;\r\n            color: var(--text-dark);\r\n            margin-bottom: 8px;\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.5px;\r\n        }\r\n\r\n        .form-group input {\r\n            width: 100%;\r\n            padding: 13px 16px;\r\n            border: 1px solid var(--border);\r\n            border-radius: 6px;\r\n            font-size: 14px;\r\n            font-family: 'Inter', sans-serif;\r\n            transition: all 0.3s;\r\n        }\r\n\r\n        .form-group input:focus {\r\n            outline: none;\r\n            border-color: var(--primary-blue);\r\n            box-shadow: 0 0 0 3px rgba(0, 82, 204, 0.1);\r\n        }\r\n\r\n        .modal .btn-primary {\r\n            width: 100%;\r\n            margin-top: 24px;\r\n        }\r\n\r\n        .success-message {\r\n            display: none;\r\n            text-align: center;\r\n        }\r\n\r\n        .success-message.show {\r\n            display: block;\r\n        }\r\n\r\n        .success-icon {\r\n            width: 80px;\r\n            height: 80px;\r\n            background: linear-gradient(135deg, #00a651 0%, #00c96e 100%);\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            margin: 0 auto 24px;\r\n            color: white;\r\n            font-size: 36px;\r\n        }\r\n\r\n        .success-message h3 {\r\n            font-size: 22px;\r\n            font-weight: 800;\r\n            color: var(--dark);\r\n            margin-bottom: 8px;\r\n        }\r\n\r\n        .success-message p {\r\n            font-size: 14px;\r\n            color: var(--text-gray);\r\n            line-height: 1.6;\r\n        }\r\n\r\n        @media (max-width: 640px) {\r\n            .modal-box {\r\n                padding: 32px 24px;\r\n            }\r\n            .modal-title {\r\n                font-size: 28px;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <!-- COUNTER BADGE -->\r\n    <div class=\"counter-badge\" id=\"counterBadge\">\r\n        <span class=\"counter-number\" id=\"counterNumber\">0<\/span>\r\n        <span class=\"counter-label\">de 500<\/span>\r\n    <\/div>\r\n\r\n    <!-- HEADER -->\r\n    <header>\r\n        <div class=\"header-inner\">\r\n            <div class=\"logo\">TinkBank<\/div>\r\n            <nav>\r\n                <a href=\"#concept\">Propuesta<\/a>\r\n                <a href=\"#features\">Caracter\u00edsticas<\/a>\r\n                <a href=\"#faq\">Preguntas<\/a>\r\n                <button class=\"cta-button\" onclick=\"openModal()\">Quiero Unirme<\/button>\r\n            <\/nav>\r\n        <\/div>\r\n    <\/header>\r\n\r\n    <!-- HERO SECTION -->\r\n    <section class=\"hero\">\r\n        <div class=\"hero-wrapper\">\r\n            <div class=\"hero-content\">\r\n                <h1>El banco que finalmente hace lo que promete<\/h1>\r\n                <p>Sin comisiones ocultas, sin sorpresas, sin letra peque\u00f1a. Solo herramientas financieras inteligentes, transparencia total y un impacto social real.<\/p>\r\n                \r\n                <div class=\"value-props\">\r\n                    <div class=\"value-prop\">\r\n                        <div class=\"value-icon\">\u2713<\/div>\r\n                        <p>Gestiona tu dinero con herramientas inteligentes dise\u00f1adas para ti<\/p>\r\n                    <\/div>\r\n                    <div class=\"value-prop\">\r\n                        <div class=\"value-icon\">\u2713<\/div>\r\n                        <p>Zero comisiones ocultas, totalmente transparente<\/p>\r\n                    <\/div>\r\n                    <div class=\"value-prop\">\r\n                        <div class=\"value-icon\">\u2713<\/div>\r\n                        <p>Tu dinero con prop\u00f3sito: apoya causas que importan<\/p>\r\n                    <\/div>\r\n                    <div class=\"value-prop\">\r\n                        <div class=\"value-icon\">\u2713<\/div>\r\n                        <p>Seguridad bancaria de nivel internacional<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"hero-buttons\">\r\n                    <button class=\"btn-primary\" onclick=\"openModal()\">S\u00ed, quiero unirme<\/button>\r\n                    <button class=\"btn-secondary\">Saber m\u00e1s<\/button>\r\n                <\/div>\r\n\r\n                <div class=\"hero-trust\">\r\n                    <div class=\"trust-item\">\r\n                        <div class=\"trust-indicator\"><\/div>\r\n                        Banco regulado y seguro\r\n                    <\/div>\r\n                    <div class=\"trust-item\">\r\n                        <div class=\"trust-indicator\"><\/div>\r\n                        Cuenta abierta en 5 minutos\r\n                    <\/div>\r\n                    <div class=\"trust-item\">\r\n                        <div class=\"trust-indicator\"><\/div>\r\n                        Disponible 24\/7\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"hero-image\">\r\n                <svg viewBox=\"0 0 600 560\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width: 100%; height: 100%;\">\r\n                    <defs>\r\n                        <linearGradient id=\"appGrad\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\r\n                            <stop offset=\"0%\" style=\"stop-color:#0052cc;stop-opacity:1\" \/>\r\n                            <stop offset=\"100%\" style=\"stop-color:#003d99;stop-opacity:1\" \/>\r\n                        <\/linearGradient>\r\n                        <linearGradient id=\"chartGrad\" x1=\"0%\" y1=\"100%\" x2=\"0%\" y2=\"0%\">\r\n                            <stop offset=\"0%\" style=\"stop-color:#0052cc;stop-opacity:0.3\" \/>\r\n                            <stop offset=\"100%\" style=\"stop-color:#0052cc;stop-opacity:0.9\" \/>\r\n                        <\/linearGradient>\r\n                        <filter id=\"glow\">\r\n                            <feGaussianBlur stdDeviation=\"2\" result=\"coloredBlur\"\/>\r\n                            <feMerge>\r\n                                <feMergeNode in=\"coloredBlur\"\/>\r\n                                <feMergeNode in=\"SourceGraphic\"\/>\r\n                            <\/feMerge>\r\n                        <\/filter>\r\n                    <\/defs>\r\n                    <rect width=\"600\" height=\"560\" fill=\"#f9fafb\"\/>\r\n                    <!-- Fondo con patr\u00f3n sutil -->\r\n                    <rect x=\"0\" y=\"0\" width=\"600\" height=\"560\" fill=\"url(#appGrad)\" opacity=\"0.03\"\/>\r\n                    <!-- Tel\u00e9fono mockup -->\r\n                    <rect x=\"80\" y=\"20\" width=\"440\" height=\"520\" rx=\"40\" fill=\"#1a1f2e\" stroke=\"#0a0a0f\" stroke-width=\"8\"\/>\r\n                    <!-- Pantalla -->\r\n                    <rect x=\"95\" y=\"35\" width=\"410\" height=\"490\" rx=\"35\" fill=\"#ffffff\"\/>\r\n                    <!-- Status bar -->\r\n                    <rect x=\"95\" y=\"35\" width=\"410\" height=\"28\" rx=\"35\" fill=\"#0052cc\"\/>\r\n                    <!-- Contenido de la app -->\r\n                    <text x=\"300\" y=\"65\" font-family=\"Inter, sans-serif\" font-size=\"12\" font-weight=\"700\" fill=\"white\" text-anchor=\"middle\">9:41<\/text>\r\n                    <!-- Header con nombre de usuario -->\r\n                    <text x=\"110\" y=\"100\" font-family=\"Inter, sans-serif\" font-size=\"14\" font-weight=\"700\" fill=\"#1a1f2e\">Hola, Maria<\/text>\r\n                    <text x=\"110\" y=\"117\" font-family=\"Inter, sans-serif\" font-size=\"12\" fill=\"#5a6270\">Tu saldo de hoy<\/text>\r\n                    <!-- Balance principal -->\r\n                    <text x=\"110\" y=\"155\" font-family=\"Playfair Display, serif\" font-size=\"48\" font-weight=\"900\" fill=\"#0052cc\">\u20ac 8.450<\/text>\r\n                    <!-- Cards de saldo -->\r\n                    <rect x=\"110\" y=\"175\" width=\"185\" height=\"70\" rx=\"12\" fill=\"#f5f7fa\" stroke=\"#e0e3e8\" stroke-width=\"1\"\/>\r\n                    <text x=\"125\" y=\"195\" font-family=\"Inter, sans-serif\" font-size=\"11\" fill=\"#5a6270\" font-weight=\"600\">DISPONIBLE<\/text>\r\n                    <text x=\"125\" y=\"218\" font-family=\"Inter, sans-serif\" font-size=\"16\" font-weight=\"800\" fill=\"#1a1f2e\">\u20ac 8.450<\/text>\r\n                    <rect x=\"305\" y=\"175\" width=\"185\" height=\"70\" rx=\"12\" fill=\"#0052cc\" opacity=\"0.1\" stroke=\"#0052cc\" stroke-width=\"1\"\/>\r\n                    <text x=\"320\" y=\"195\" font-family=\"Inter, sans-serif\" font-size=\"11\" fill=\"#0052cc\" font-weight=\"600\">GASTADO HOY<\/text>\r\n                    <text x=\"320\" y=\"218\" font-family=\"Inter, sans-serif\" font-size=\"16\" font-weight=\"800\" fill=\"#0052cc\">\u20ac 62,50<\/text>\r\n                    <!-- Gr\u00e1fico de gastos -->\r\n                    <text x=\"110\" y=\"280\" font-family=\"Inter, sans-serif\" font-size=\"13\" font-weight=\"700\" fill=\"#1a1f2e\">Gastos esta semana<\/text>\r\n                    <rect x=\"110\" y=\"295\" width=\"30\" height=\"60\" rx=\"4\" fill=\"url(#chartGrad)\" filter=\"url(#glow)\"\/>\r\n                    <rect x=\"155\" y=\"270\" width=\"30\" height=\"85\" rx=\"4\" fill=\"url(#chartGrad)\" opacity=\"0.6\"\/>\r\n                    <rect x=\"200\" y=\"285\" width=\"30\" height=\"70\" rx=\"4\" fill=\"url(#chartGrad)\" opacity=\"0.7\"\/>\r\n                    <rect x=\"245\" y=\"250\" width=\"30\" height=\"105\" rx=\"4\" fill=\"url(#chartGrad)\" opacity=\"0.5\"\/>\r\n                    <rect x=\"290\" y=\"290\" width=\"30\" height=\"65\" rx=\"4\" fill=\"url(#chartGrad)\" opacity=\"0.8\"\/>\r\n                    <line x1=\"110\" y1=\"360\" x2=\"320\" y2=\"360\" stroke=\"#e0e3e8\" stroke-width=\"1\"\/>\r\n                    <!-- Transacciones recientes -->\r\n                    <text x=\"110\" y=\"390\" font-family=\"Inter, sans-serif\" font-size=\"13\" font-weight=\"700\" fill=\"#1a1f2e\">Transacciones recientes<\/text>\r\n                    <!-- Transacci\u00f3n 1 -->\r\n                    <circle cx=\"120\" cy=\"415\" r=\"18\" fill=\"#00a651\" opacity=\"0.15\"\/>\r\n                    <text x=\"120\" y=\"420\" font-family=\"Inter, sans-serif\" font-size=\"14\" font-weight=\"700\" fill=\"#00a651\" text-anchor=\"middle\">\u2713<\/text>\r\n                    <text x=\"150\" y=\"410\" font-family=\"Inter, sans-serif\" font-size=\"12\" font-weight=\"600\" fill=\"#1a1f2e\">Salario<\/text>\r\n                    <text x=\"150\" y=\"424\" font-family=\"Inter, sans-serif\" font-size=\"11\" fill=\"#5a6270\">Hoy a las 10:30<\/text>\r\n                    <text x=\"470\" y=\"417\" font-family=\"Inter, sans-serif\" font-size=\"12\" font-weight=\"700\" fill=\"#00a651\" text-anchor=\"end\">+\u20ac 2.500<\/text>\r\n                    <!-- Transacci\u00f3n 2 -->\r\n                    <circle cx=\"120\" cy=\"455\" r=\"18\" fill=\"#FF6B35\" opacity=\"0.15\"\/>\r\n                    <text x=\"120\" y=\"460\" font-family=\"Inter, sans-serif\" font-size=\"14\" font-weight=\"700\" fill=\"#FF6B35\" text-anchor=\"middle\">\u2615<\/text>\r\n                    <text x=\"150\" y=\"450\" font-family=\"Inter, sans-serif\" font-size=\"12\" font-weight=\"600\" fill=\"#1a1f2e\">Caf\u00e9 Mendez<\/text>\r\n                    <text x=\"150\" y=\"464\" font-family=\"Inter, sans-serif\" font-size=\"11\" fill=\"#5a6270\">Hoy a las 08:15<\/text>\r\n                    <text x=\"470\" y=\"457\" font-family=\"Inter, sans-serif\" font-size=\"12\" font-weight=\"700\" fill=\"#1a1f2e\" text-anchor=\"end\">-\u20ac 3,50<\/text>\r\n                <\/svg>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- CONCEPT SECTION -->\r\n    <section class=\"concept-section\" id=\"concept\">\r\n        <div class=\"concept-wrapper\">\r\n            <div class=\"concept-content\">\r\n                <h2>Un concepto diferente de banca<\/h2>\r\n                <p>La banca tradicional est\u00e1 rota. Cobra comisiones invisibles, ofrece servicios limitados, y trata a sus clientes como n\u00fameros. Nosotros somos diferentes.<\/p>\r\n                \r\n                <div class=\"concept-list\">\r\n                    <div class=\"concept-item\">\r\n                        <div class=\"concept-check\">\u2713<\/div>\r\n                        <p>Herramientas inteligentes para visualizar y gestionar tu dinero<\/p>\r\n                    <\/div>\r\n                    <div class=\"concept-item\">\r\n                        <div class=\"concept-check\">\u2713<\/div>\r\n                        <p>Marketplace integrado con todos los servicios que necesitas<\/p>\r\n                    <\/div>\r\n                    <div class=\"concept-item\">\r\n                        <div class=\"concept-check\">\u2713<\/div>\r\n                        <p>Destina tus ahorros a causas sociales que importan<\/p>\r\n                    <\/div>\r\n                    <div class=\"concept-item\">\r\n                        <div class=\"concept-check\">\u2713<\/div>\r\n                        <p>Participar en decisiones del banco y crecimiento compartido<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <button class=\"btn-primary\" onclick=\"openModal()\">S\u00ed, quiero unirme<\/button>\r\n            <\/div>\r\n\r\n            <div class=\"concept-image\">\r\n                <svg viewBox=\"0 0 500 480\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width: 100%; height: 100%;\">\r\n                    <defs>\r\n                        <linearGradient id=\"statGrad1\" x1=\"0%\" y1=\"0%\" x2=\"0%\" y2=\"100%\">\r\n                            <stop offset=\"0%\" style=\"stop-color:#0052cc;stop-opacity:0.2\" \/>\r\n                            <stop offset=\"100%\" style=\"stop-color:#0052cc;stop-opacity:0.05\" \/>\r\n                        <\/linearGradient>\r\n                        <linearGradient id=\"statGrad2\" x1=\"0%\" y1=\"0%\" x2=\"0%\" y2=\"100%\">\r\n                            <stop offset=\"0%\" style=\"stop-color:#FF6B35;stop-opacity:0.2\" \/>\r\n                            <stop offset=\"100%\" style=\"stop-color:#FF6B35;stop-opacity:0.05\" \/>\r\n                        <\/linearGradient>\r\n                        <linearGradient id=\"statGrad3\" x1=\"0%\" y1=\"0%\" x2=\"0%\" y2=\"100%\">\r\n                            <stop offset=\"0%\" style=\"stop-color:#00a651;stop-opacity:0.2\" \/>\r\n                            <stop offset=\"100%\" style=\"stop-color:#00a651;stop-opacity:0.05\" \/>\r\n                        <\/linearGradient>\r\n                    <\/defs>\r\n                    <rect width=\"500\" height=\"480\" fill=\"#f9fafb\"\/>\r\n                    <!-- Header -->\r\n                    <rect x=\"0\" y=\"0\" width=\"500\" height=\"60\" fill=\"#0052cc\"\/>\r\n                    <text x=\"250\" y=\"40\" font-family=\"Playfair Display, serif\" font-size=\"24\" font-weight=\"900\" fill=\"white\" text-anchor=\"middle\">Tu Dinero Inteligente<\/text>\r\n                    <!-- Stats Cards -->\r\n                    <g>\r\n                        <rect x=\"20\" y=\"85\" width=\"140\" height=\"120\" rx=\"12\" fill=\"url(#statGrad1)\" stroke=\"#0052cc\" stroke-width=\"2\"\/>\r\n                        <text x=\"35\" y=\"110\" font-family=\"Inter, sans-serif\" font-size=\"11\" font-weight=\"700\" fill=\"#0052cc\" text-transform=\"uppercase\">Saldo<\/text>\r\n                        <text x=\"35\" y=\"175\" font-family=\"Playfair Display, serif\" font-size=\"32\" font-weight=\"900\" fill=\"#0052cc\">\u20ac8.4K<\/text>\r\n                        <circle cx=\"130\" cy=\"100\" r=\"32\" fill=\"#0052cc\" opacity=\"0.1\"\/>\r\n                    <\/g>\r\n                    <g>\r\n                        <rect x=\"180\" y=\"85\" width=\"140\" height=\"120\" rx=\"12\" fill=\"url(#statGrad2)\" stroke=\"#FF6B35\" stroke-width=\"2\"\/>\r\n                        <text x=\"195\" y=\"110\" font-family=\"Inter, sans-serif\" font-size=\"11\" font-weight=\"700\" fill=\"#FF6B35\" text-transform=\"uppercase\">Gastos<\/text>\r\n                        <text x=\"195\" y=\"175\" font-family=\"Playfair Display, serif\" font-size=\"32\" font-weight=\"900\" fill=\"#FF6B35\">\u20ac542<\/text>\r\n                        <circle cx=\"290\" cy=\"100\" r=\"32\" fill=\"#FF6B35\" opacity=\"0.1\"\/>\r\n                    <\/g>\r\n                    <g>\r\n                        <rect x=\"340\" y=\"85\" width=\"140\" height=\"120\" rx=\"12\" fill=\"url(#statGrad3)\" stroke=\"#00a651\" stroke-width=\"2\"\/>\r\n                        <text x=\"355\" y=\"110\" font-family=\"Inter, sans-serif\" font-size=\"11\" font-weight=\"700\" fill=\"#00a651\" text-transform=\"uppercase\">Ahorro<\/text>\r\n                        <text x=\"355\" y=\"175\" font-family=\"Playfair Display, serif\" font-size=\"32\" font-weight=\"900\" fill=\"#00a651\">+18%<\/text>\r\n                        <circle cx=\"450\" cy=\"100\" r=\"32\" fill=\"#00a651\" opacity=\"0.1\"\/>\r\n                    <\/g>\r\n                    <!-- Gr\u00e1fico de l\u00ednea -->\r\n                    <text x=\"20\" y=\"240\" font-family=\"Inter, sans-serif\" font-size=\"13\" font-weight=\"700\" fill=\"#1a1f2e\">Tendencia mensual<\/text>\r\n                    <polyline points=\"20,340 80,310 140,335 200,280 260,290 340,250 420,270\" fill=\"none\" stroke=\"#0052cc\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n                    <polyline points=\"20,340 80,310 140,335 200,280 260,290 340,250 420,270\" fill=\"#0052cc\" opacity=\"0.1\"\/>\r\n                    <circle cx=\"20\" cy=\"340\" r=\"4\" fill=\"#0052cc\"\/>\r\n                    <circle cx=\"80\" cy=\"310\" r=\"4\" fill=\"#0052cc\"\/>\r\n                    <circle cx=\"140\" cy=\"335\" r=\"4\" fill=\"#0052cc\"\/>\r\n                    <circle cx=\"200\" cy=\"280\" r=\"4\" fill=\"#0052cc\"\/>\r\n                    <circle cx=\"260\" cy=\"290\" r=\"4\" fill=\"#0052cc\"\/>\r\n                    <circle cx=\"340\" cy=\"250\" r=\"4\" fill=\"#0052cc\"\/>\r\n                    <circle cx=\"420\" cy=\"270\" r=\"4\" fill=\"#0052cc\"\/>\r\n                    <!-- Eje X -->\r\n                    <line x1=\"20\" y1=\"350\" x2=\"440\" y2=\"350\" stroke=\"#e0e3e8\" stroke-width=\"2\"\/>\r\n                    <!-- Transacciones r\u00e1pidas -->\r\n                    <text x=\"20\" y=\"400\" font-family=\"Inter, sans-serif\" font-size=\"13\" font-weight=\"700\" fill=\"#1a1f2e\">Movimientos r\u00e1pidos<\/text>\r\n                    <circle cx=\"35\" cy=\"430\" r=\"20\" fill=\"#0052cc\" opacity=\"0.15\"\/>\r\n                    <text x=\"35\" y=\"437\" font-family=\"Inter, sans-serif\" font-size=\"16\" font-weight=\"700\" fill=\"#0052cc\" text-anchor=\"middle\">P2P<\/text>\r\n                    <circle cx=\"95\" cy=\"430\" r=\"20\" fill=\"#FF6B35\" opacity=\"0.15\"\/>\r\n                    <text x=\"95\" y=\"437\" font-family=\"Inter, sans-serif\" font-size=\"16\" font-weight=\"700\" fill=\"#FF6B35\" text-anchor=\"middle\">$<\/text>\r\n                    <circle cx=\"155\" cy=\"430\" r=\"20\" fill=\"#00a651\" opacity=\"0.15\"\/>\r\n                    <text x=\"155\" y=\"437\" font-family=\"Inter, sans-serif\" font-size=\"16\" font-weight=\"700\" fill=\"#00a651\" text-anchor=\"middle\">\u2713<\/text>\r\n                <\/svg>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- PILLARS SECTION -->\r\n    <section class=\"pillars-section\">\r\n        <div class=\"section-wrapper\">\r\n            <div class=\"section-header\">\r\n                <h2>Tres pilares fundamentales<\/h2>\r\n                <p>TinkBank se construye sobre tres conceptos que no negociamos<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"pillars-grid\">\r\n                <div class=\"pillar-card\">\r\n                    <div class=\"pillar-number\">1<\/div>\r\n                    <h3>Transparencia Radical<\/h3>\r\n                    <p>Sin comisiones ocultas, sin letra peque\u00f1a, sin sorpresas. Cada operaci\u00f3n es clara, directa y comprensible.<\/p>\r\n                <\/div>\r\n                <div class=\"pillar-card\">\r\n                    <div class=\"pillar-number\">2<\/div>\r\n                    <h3>Innovaci\u00f3n Real<\/h3>\r\n                    <p>Herramientas inteligentes que entienden tus necesidades. Tecnolog\u00eda bancaria dise\u00f1ada para el siglo 21.<\/p>\r\n                <\/div>\r\n                <div class=\"pillar-card\">\r\n                    <div class=\"pillar-number\">3<\/div>\r\n                    <h3>Prop\u00f3sito Social<\/h3>\r\n                    <p>Tu dinero tiene poder. Dest\u00ednalo a educaci\u00f3n, sostenibilidad o causas que te importen. Genera impacto.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- FEATURES SECTION -->\r\n    <section class=\"features-section\" id=\"features\">\r\n        <div class=\"section-wrapper\">\r\n            <div class=\"section-header\">\r\n                <h2>Caracter\u00edsticas que te van a sorprender<\/h2>\r\n                <p>Dise\u00f1adas pensando en ti<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"features-grid\">\r\n                <div class=\"feature-card\">\r\n                    <div class=\"feature-number\">01<\/div>\r\n                    <div>\r\n                        <h3>Cuenta Corriente Digital<\/h3>\r\n                        <p>Abierta en 5 minutos. IBAN espa\u00f1ol, tarjeta f\u00edsica y virtual incluidas. Sin papeleos innecesarios.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"feature-card\">\r\n                    <div class=\"feature-number\">02<\/div>\r\n                    <div>\r\n                        <h3>Cero Comisiones<\/h3>\r\n                        <p>Mantenimiento gratis, transferencias gratis, tarjeta gratis. Todo. Sin excepciones ni sorpresas.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"feature-card\">\r\n                    <div class=\"feature-number\">03<\/div>\r\n                    <div>\r\n                        <h3>Transferencias Instant\u00e1neas<\/h3>\r\n                        <p>Env\u00eda dinero a cualquier parte del mundo al instante. Tipos de cambio reales, sin margen oculto.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"feature-card\">\r\n                    <div class=\"feature-number\">04<\/div>\r\n                    <div>\r\n                        <h3>Marketplace Integrado<\/h3>\r\n                        <p>Seguros, inversiones, planes de ahorro. Todo accesible desde tu aplicaci\u00f3n sin salir de TinkBank.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"feature-card\">\r\n                    <div class=\"feature-number\">05<\/div>\r\n                    <div>\r\n                        <h3>Impacto Social<\/h3>\r\n                        <p>Elige causas que te importan: educaci\u00f3n, sostenibilidad, salud. Tu dinero genera cambio real.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"feature-card\">\r\n                    <div class=\"feature-number\">06<\/div>\r\n                    <div>\r\n                        <h3>Seguridad Premium<\/h3>\r\n                        <p>Encriptaci\u00f3n de nivel militar, autenticaci\u00f3n multifactor. Tu dinero est\u00e1 completamente protegido.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- VISUAL SECTION -->\r\n    <section class=\"visual-section\">\r\n        <div class=\"visual-wrapper\">\r\n            <div class=\"visual-image\">\r\n                <svg viewBox=\"0 0 600 500\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width: 100%; height: 100%;\">\r\n                    <defs>\r\n                        <linearGradient id=\"valenciaGrad\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\r\n                            <stop offset=\"0%\" style=\"stop-color:#FF6B35;stop-opacity:1\" \/>\r\n                            <stop offset=\"50%\" style=\"stop-color:#FF8C5A;stop-opacity:1\" \/>\r\n                            <stop offset=\"100%\" style=\"stop-color:#1B4965;stop-opacity:1\" \/>\r\n                        <\/linearGradient>\r\n                        <linearGradient id=\"skyGrad\" x1=\"0%\" y1=\"0%\" x2=\"0%\" y2=\"100%\">\r\n                            <stop offset=\"0%\" style=\"stop-color:#87CEEB;stop-opacity:0.8\" \/>\r\n                            <stop offset=\"100%\" style=\"stop-color:#FFD700;stop-opacity:0.3\" \/>\r\n                        <\/linearGradient>\r\n                    <\/defs>\r\n                    <!-- Cielo degradado -->\r\n                    <rect width=\"600\" height=\"250\" fill=\"url(#skyGrad)\"\/>\r\n                    <!-- Agua degradada -->\r\n                    <rect y=\"250\" width=\"600\" height=\"250\" fill=\"url(#valenciaGrad)\"\/>\r\n                    <!-- Elementos arquitect\u00f3nicos estilizados -->\r\n                    <g opacity=\"0.8\">\r\n                        <!-- Edificios modernos -->\r\n                        <rect x=\"50\" y=\"160\" width=\"80\" height=\"120\" fill=\"#FF6B35\" opacity=\"0.7\"\/>\r\n                        <rect x=\"60\" y=\"170\" width=\"12\" height=\"15\" fill=\"#FFD700\"\/>\r\n                        <rect x=\"80\" y=\"170\" width=\"12\" height=\"15\" fill=\"#FFD700\"\/>\r\n                        <rect x=\"60\" y=\"195\" width=\"12\" height=\"15\" fill=\"#FFD700\"\/>\r\n                        <rect x=\"80\" y=\"195\" width=\"12\" height=\"15\" fill=\"#FFD700\"\/>\r\n                        <rect x=\"60\" y=\"220\" width=\"12\" height=\"15\" fill=\"#FFD700\"\/>\r\n                        <rect x=\"80\" y=\"220\" width=\"12\" height=\"15\" fill=\"#FFD700\"\/>\r\n                        \r\n                        <!-- Estructura moderna -->\r\n                        <polygon points=\"470,80 530,80 560,200 440,200\" fill=\"#1B4965\" opacity=\"0.8\"\/>\r\n                        <polygon points=\"480,100 520,100 540,180 460,180\" fill=\"#87CEEB\" opacity=\"0.6\"\/>\r\n                        <rect x=\"490\" y=\"120\" width=\"8\" height=\"12\" fill=\"#FFD700\"\/>\r\n                        <rect x=\"510\" y=\"120\" width=\"8\" height=\"12\" fill=\"#FFD700\"\/>\r\n                        <rect x=\"490\" y=\"145\" width=\"8\" height=\"12\" fill=\"#FFD700\"\/>\r\n                        <rect x=\"510\" y=\"145\" width=\"8\" height=\"12\" fill=\"#FFD700\"\/>\r\n                    <\/g>\r\n                    <!-- Ondas de agua -->\r\n                    <path d=\"M 0 280 Q 75 270, 150 280 T 300 280 T 450 280 T 600 280\" stroke=\"#ffffff\" stroke-width=\"2\" fill=\"none\" opacity=\"0.3\"\/>\r\n                    <path d=\"M 0 320 Q 75 310, 150 320 T 300 320 T 450 320 T 600 320\" stroke=\"#ffffff\" stroke-width=\"1\" fill=\"none\" opacity=\"0.2\"\/>\r\n                    <!-- Contenido principal -->\r\n                    <text x=\"300\" y=\"50\" font-family=\"Playfair Display, serif\" font-size=\"52\" font-weight=\"900\" fill=\"white\" text-anchor=\"middle\" stroke=\"#1B4965\" stroke-width=\"1\">VALENCIA<\/text>\r\n                    <text x=\"300\" y=\"110\" font-family=\"Inter, sans-serif\" font-size=\"18\" font-weight=\"600\" fill=\"white\" text-anchor=\"middle\">Donde nace TinkBank<\/text>\r\n                    <!-- Caja de informaci\u00f3n -->\r\n                    <rect x=\"40\" y=\"340\" width=\"520\" height=\"130\" rx=\"16\" fill=\"#ffffff\" opacity=\"0.96\"\/>\r\n                    <rect x=\"50\" y=\"355\" width=\"500\" height=\"3\" fill=\"url(#valenciaGrad)\"\/>\r\n                    <text x=\"300\" y=\"390\" font-family=\"Playfair Display, serif\" font-size=\"24\" font-weight=\"900\" fill=\"#1B4965\" text-anchor=\"middle\">Un banco nacido en Valencia<\/text>\r\n                    <text x=\"300\" y=\"415\" font-family=\"Inter, sans-serif\" font-size=\"14\" fill=\"#5a6270\" text-anchor=\"middle\">TinkBank surge de Valencia con una misi\u00f3n clara:<\/text>\r\n                    <text x=\"300\" y=\"435\" font-family=\"Inter, sans-serif\" font-size=\"14\" fill=\"#5a6270\" text-anchor=\"middle\">revolucionar la banca tradicional y llevar innovaci\u00f3n<\/text>\r\n                    <text x=\"300\" y=\"455\" font-family=\"Inter, sans-serif\" font-size=\"14\" fill=\"#5a6270\" text-anchor=\"middle\">financiera a todo el territorio espa\u00f1ol.<\/text>\r\n                <\/svg>\r\n            <\/div>\r\n            <div class=\"visual-content\">\r\n                <h2>Nace en Valencia, piensa en Espa\u00f1a<\/h2>\r\n                <p>TinkBank es un proyecto 100% valenciano que surge de la necesidad de cambiar el sistema financiero desde la ra\u00edz. Aqu\u00ed, en la Ciudad de las Artes y las Ciencias, pensamos diferente. Queremos llevar esta revoluci\u00f3n bancaria a todo el pa\u00eds.<\/p>\r\n                <p>Somos un banco joven, ambicioso y radicalmente transparente. Nuestro equipo est\u00e1 formado por expertos en banca digital, tecnolog\u00eda y dise\u00f1o que decidieron crear lo que siempre quisieron en un banco. No queremos ser un banco m\u00e1s. Queremos ser el banco que cambie las reglas del juego.<\/p>\r\n                <button class=\"btn-primary\" onclick=\"openModal()\">S\u00ed, quiero unirme<\/button>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- COMPARISON SECTION -->\r\n    <section class=\"comparison-section\">\r\n        <div class=\"section-wrapper\">\r\n            <div class=\"section-header\">\r\n                <h2>C\u00f3mo somos diferentes<\/h2>\r\n                <p>Comparativa clara entre la banca tradicional y TinkBank<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"comparison-table\">\r\n                <div class=\"table-header\">\r\n                    <div class=\"table-header-cell\">Caracter\u00edstica<\/div>\r\n                    <div class=\"table-header-cell\">Banca Tradicional<\/div>\r\n                    <div class=\"table-header-cell highlight\">TinkBank<\/div>\r\n                <\/div>\r\n\r\n                <div class=\"table-row\">\r\n                    <div class=\"table-cell\">Comisi\u00f3n por mantenimiento<\/div>\r\n                    <div class=\"table-cell\">S\u00ed (3-8\u20ac\/mes)<\/div>\r\n                    <div class=\"table-cell yes\">Gratis<\/div>\r\n                <\/div>\r\n\r\n                <div class=\"table-row\">\r\n                    <div class=\"table-cell\">Comisi\u00f3n transferencias<\/div>\r\n                    <div class=\"table-cell\">S\u00ed (1-3\u20ac)<\/div>\r\n                    <div class=\"table-cell yes\">Gratis<\/div>\r\n                <\/div>\r\n\r\n                <div class=\"table-row\">\r\n                    <div class=\"table-cell\">Apertura cuenta presencial<\/div>\r\n                    <div class=\"table-cell\">S\u00ed (Visita obligatoria)<\/div>\r\n                    <div class=\"table-cell yes\">5 minutos online<\/div>\r\n                <\/div>\r\n\r\n                <div class=\"table-row\">\r\n                    <div class=\"table-cell\">Servicio al cliente 24\/7<\/div>\r\n                    <div class=\"table-cell\">No (Horario limitado)<\/div>\r\n                    <div class=\"table-cell yes\">S\u00ed, siempre<\/div>\r\n                <\/div>\r\n\r\n                <div class=\"table-row\">\r\n                    <div class=\"table-cell\">Transparencia total<\/div>\r\n                    <div class=\"table-cell no\">No (Letra peque\u00f1a)<\/div>\r\n                    <div class=\"table-cell yes\">100% transparente<\/div>\r\n                <\/div>\r\n\r\n                <div class=\"table-row\">\r\n                    <div class=\"table-cell\">Impacto social<\/div>\r\n                    <div class=\"table-cell no\">No<\/div>\r\n                    <div class=\"table-cell yes\">Integrado<\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- SOCIAL PROOF SECTION -->\r\n    <section class=\"proof-section\">\r\n        <div class=\"proof-wrapper\">\r\n            <h2 class=\"proof-title\">S\u00e9 parte de la revoluci\u00f3n bancaria<\/h2>\r\n            <p class=\"proof-text\">Somos un proyecto ambicioso con una visi\u00f3n clara: cambiar la forma en que los espa\u00f1oles entienden la banca. Buscamos 500 personas que crean en nosotros y quieran ser parte de este viaje desde el inicio.<\/p>\r\n            <div class=\"proof-cta\">\r\n                <button class=\"btn-primary\" onclick=\"openModal()\">S\u00ed, quiero unirme<\/button>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- FAQ SECTION -->\r\n    <section class=\"faq-section\" id=\"faq\">\r\n        <div class=\"faq-wrapper\">\r\n            <div class=\"section-header\">\r\n                <h2>Preguntas frecuentes<\/h2>\r\n                <p>Resolvemos tus dudas<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"faq-items\">\r\n                <div class=\"faq-item active\">\r\n                    <div class=\"faq-header\">\r\n                        <h3 class=\"faq-title\">\u00bfEs TinkBank un banco real y regulado?<\/h3>\r\n                        <div class=\"faq-toggle\">\u2212<\/div>\r\n                    <\/div>\r\n                    <div class=\"faq-content\">\r\n                        <p class=\"faq-text\">S\u00ed, TinkBank es un banco digital completamente regulado por el Banco de Espa\u00f1a y la Comisi\u00f3n Nacional del Mercado de Valores. Tu dinero est\u00e1 protegido por el Fondo de Garant\u00eda de Dep\u00f3sitos hasta 100.000 euros. Cumplimos todos los est\u00e1ndares internacionales de seguridad y regulaci\u00f3n bancaria.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"faq-item\">\r\n                    <div class=\"faq-header\">\r\n                        <h3 class=\"faq-title\">\u00bfCu\u00e1nto tiempo tarda abrir una cuenta?<\/h3>\r\n                        <div class=\"faq-toggle\">+<\/div>\r\n                    <\/div>\r\n                    <div class=\"faq-content\">\r\n                        <p class=\"faq-text\">Menos de 5 minutos. Solo necesitas tu DNI, un email v\u00e1lido y tu tel\u00e9fono. Realizamos verificaci\u00f3n digital de identidad y tu cuenta estar\u00e1 activa inmediatamente con un IBAN espa\u00f1ol v\u00e1lido.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"faq-item\">\r\n                    <div class=\"faq-header\">\r\n                        <h3 class=\"faq-title\">\u00bfHay comisiones ocultas?<\/h3>\r\n                        <div class=\"faq-toggle\">+<\/div>\r\n                    <\/div>\r\n                    <div class=\"faq-content\">\r\n                        <p class=\"faq-text\">No. Cero comisiones ocultas. Mantenimiento gratis, transferencias gratis, tarjeta gratis, retiradas en cajero gratis. La transparencia es uno de nuestros pilares fundamentales.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"faq-item\">\r\n                    <div class=\"faq-header\">\r\n                        <h3 class=\"faq-title\">\u00bfC\u00f3mo funciona la responsabilidad social?<\/h3>\r\n                        <div class=\"faq-toggle\">+<\/div>\r\n                    <\/div>\r\n                    <div class=\"faq-content\">\r\n                        <p class=\"faq-text\">Puedes destinar voluntariamente una parte de tus ganancias a proyectos sociales verificados. Educaci\u00f3n, sostenibilidad, salud. T\u00fa decides. Transparencia total en d\u00f3nde va tu dinero e impacto medible.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"faq-item\">\r\n                    <div class=\"faq-header\">\r\n                        <h3 class=\"faq-title\">\u00bfEs seguro guardar dinero en una app?<\/h3>\r\n                        <div class=\"faq-toggle\">+<\/div>\r\n                    <\/div>\r\n                    <div class=\"faq-content\">\r\n                        <p class=\"faq-text\">Totalmente. Encriptaci\u00f3n AES-256 de nivel militar, autenticaci\u00f3n multifactor, cumplimiento de PSD2 y GDPR. Tu dinero est\u00e1 igual de protegido que en un banco tradicional, pero con mejor experiencia.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"faq-item\">\r\n                    <div class=\"faq-header\">\r\n                        <h3 class=\"faq-title\">\u00bfPuedo usar mi tarjeta en el extranjero?<\/h3>\r\n                        <div class=\"faq-toggle\">+<\/div>\r\n                    <\/div>\r\n                    <div class=\"faq-content\">\r\n                        <p class=\"faq-text\">S\u00ed, funciona en cualquier cajero y comercio del mundo. Sin comisiones por operaciones en divisas. Puedes congelar\/descongelar desde la app. Viaja tranquilo.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- FINAL CTA -->\r\n    <section class=\"final-cta\">\r\n        <div class=\"final-wrapper\">\r\n            <h2>\u00bfEst\u00e1s listo para cambiar tu forma de entender la banca?<\/h2>\r\n            <p>\u00danete a nosotros. Sin comisiones, sin sorpresas, con prop\u00f3sito. El futuro de la banca comienza aqu\u00ed.<\/p>\r\n            <button class=\"btn-primary\" onclick=\"openModal()\">S\u00ed, quiero unirme a TinkBank<\/button>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- FOOTER -->\r\n    <footer>\r\n        <div class=\"footer-wrapper\">\r\n            <div class=\"footer-grid\">\r\n                <div class=\"footer-col\">\r\n                    <div class=\"footer-logo\">TinkBank<\/div>\r\n                    <p style=\"font-size: 13px; color: rgba(255, 255, 255, 0.7); line-height: 1.6;\">El banco digital del futuro. Originario de Valencia, pensado para Espa\u00f1a.<\/p>\r\n                <\/div>\r\n                <div class=\"footer-col\">\r\n                    <h4>Propuesta<\/h4>\r\n                    <a href=\"#concept\">Concepto<\/a>\r\n                    <a href=\"#features\">Caracter\u00edsticas<\/a>\r\n                    <a href=\"#faq\">Preguntas<\/a>\r\n                <\/div>\r\n                <div class=\"footer-col\">\r\n                    <h4>Legal<\/h4>\r\n                    <a href=\"#\">T\u00e9rminos y Condiciones<\/a>\r\n                    <a href=\"#\">Pol\u00edtica de Privacidad<\/a>\r\n                    <a href=\"#\">Seguridad<\/a>\r\n                <\/div>\r\n                <div class=\"footer-col\">\r\n                    <h4>Contacto<\/h4>\r\n                    <a href=\"mailto:info@tinkbank.es\">info@tinkbank.es<\/a>\r\n                    <a href=\"tel:+34900123456\">+34 900 123 456<\/a>\r\n                    <p style=\"font-size: 13px; color: rgba(255, 255, 255, 0.7); margin-top: 16px;\">Valencia, Espa\u00f1a<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"footer-bottom\">\r\n                <p>&copy; 2024 TinkBank. Todos los derechos reservados. Banco digital regulado por el Banco de Espa\u00f1a.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/footer>\r\n\r\n    <!-- MODAL -->\r\n    <div class=\"modal\" id=\"signupModal\">\r\n        <div class=\"modal-box\">\r\n            <button class=\"modal-close\" onclick=\"closeModal()\">\u00d7<\/button>\r\n            \r\n            <div id=\"formSection\">\r\n                <h2 class=\"modal-title\">\u00bfTe unir\u00edas a TinkBank?<\/h2>\r\n                <p class=\"modal-subtitle\">Tu respuesta es importante. Queremos saber si crees en nosotros.<\/p>\r\n\r\n                <form onsubmit=\"submitForm(event)\">\r\n                    <div class=\"form-group\">\r\n                        <label for=\"name\">Nombre completo<\/label>\r\n                        <input type=\"text\" id=\"name\" name=\"name\" placeholder=\"Tu nombre\" required>\r\n                    <\/div>\r\n                    <div class=\"form-group\">\r\n                        <label for=\"email\">Correo electr\u00f3nico<\/label>\r\n                        <input type=\"email\" id=\"email\" name=\"email\" placeholder=\"tu@email.com\" required>\r\n                    <\/div>\r\n                    <div class=\"form-group\">\r\n                        <label for=\"phone\">Tel\u00e9fono<\/label>\r\n                        <input type=\"tel\" id=\"phone\" name=\"phone\" placeholder=\"+34 600 000 000\" required>\r\n                    <\/div>\r\n                    <div class=\"form-group\">\r\n                        <label for=\"city\">Ciudad<\/label>\r\n                        <input type=\"text\" id=\"city\" name=\"city\" placeholder=\"Tu ciudad\" required>\r\n                    <\/div>\r\n                    <button type=\"submit\" class=\"btn-primary\">S\u00ed, quiero unirme<\/button>\r\n                <\/form>\r\n            <\/div>\r\n\r\n            <div id=\"successSection\" class=\"success-message\">\r\n                <div class=\"success-icon\">\u2713<\/div>\r\n                <h3>\u00a1Gracias!<\/h3>\r\n                <p>Has dicho que s\u00ed. Te contactaremos pronto para explicarte los pr\u00f3ximos pasos y hacer que formes parte de TinkBank.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n        \/\/ Cargar contador desde localStorage\r\n        function loadCounter() {\r\n            let count = localStorage.getItem('tinkbankCounter');\r\n            return count ? parseInt(count) : 0;\r\n        }\r\n\r\n        \/\/ Guardar contador en localStorage\r\n        function saveCounter(count) {\r\n            localStorage.setItem('tinkbankCounter', count);\r\n        }\r\n\r\n        \/\/ Inicializar contador\r\n        let currentCount = loadCounter();\r\n        updateCounterDisplay();\r\n\r\n        function updateCounterDisplay() {\r\n            document.getElementById('counterNumber').textContent = currentCount;\r\n        }\r\n\r\n        function openModal() {\r\n            document.getElementById('signupModal').style.display = 'block';\r\n            document.body.style.overflow = 'hidden';\r\n        }\r\n\r\n        function closeModal() {\r\n            document.getElementById('signupModal').style.display = 'none';\r\n            document.body.style.overflow = 'auto';\r\n        }\r\n\r\n        function submitForm(event) {\r\n            event.preventDefault();\r\n            \r\n            const name = document.getElementById('name').value;\r\n            const email = document.getElementById('email').value;\r\n            const phone = document.getElementById('phone').value;\r\n            const city = document.getElementById('city').value;\r\n\r\n            if (name && email && phone && city) {\r\n                \/\/ Incrementar contador\r\n                if (currentCount < 500) {\r\n                    currentCount++;\r\n                    saveCounter(currentCount);\r\n                    updateCounterDisplay();\r\n                    \r\n                    \/\/ Agregar animaci\u00f3n de pulso\r\n                    const badge = document.getElementById('counterBadge');\r\n                    badge.classList.add('pulse');\r\n                    setTimeout(() => badge.classList.remove('pulse'), 600);\r\n                }\r\n\r\n                document.getElementById('formSection').style.display = 'none';\r\n                document.getElementById('successSection').classList.add('show');\r\n                \r\n                setTimeout(() => {\r\n                    closeModal();\r\n                    document.getElementById('formSection').style.display = 'block';\r\n                    document.getElementById('successSection').classList.remove('show');\r\n                    document.querySelector('form').reset();\r\n                }, 3000);\r\n            }\r\n        }\r\n\r\n        \/\/ FAQ Toggle\r\n        document.querySelectorAll('.faq-item').forEach(item => {\r\n            item.querySelector('.faq-header').addEventListener('click', () => {\r\n                document.querySelectorAll('.faq-item').forEach(i => i.classList.remove('active'));\r\n                item.classList.add('active');\r\n            });\r\n        });\r\n\r\n        \/\/ Close modal on outside click\r\n        window.addEventListener('click', (event) => {\r\n            const modal = document.getElementById('signupModal');\r\n            if (event.target === modal) {\r\n                closeModal();\r\n            }\r\n        });\r\n\r\n        \/\/ Smooth scroll\r\n        document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\r\n            anchor.addEventListener('click', function (e) {\r\n                const href = this.getAttribute('href');\r\n                if (href !== '#' && !href.includes('modal')) {\r\n                    e.preventDefault();\r\n                    const target = document.querySelector(href);\r\n                    if (target) {\r\n                        target.scrollIntoView({ behavior: 'smooth' });\r\n                    }\r\n                }\r\n            });\r\n        });\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-53d32d2 e-flex e-con-boxed e-con e-parent\" data-id=\"53d32d2\" 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-19177cf elementor-widget elementor-widget-html\" data-id=\"19177cf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>TinkBank - Un Concepto Diferente de Banca Digital<\/title>\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800&family=Playfair+Display:wght@700;800;900&display=swap\" rel=\"stylesheet\">\r\n    \r\n    <style>\r\n        * { margin: 0; padding: 0; box-sizing: border-box; }\r\n        :root {\r\n            --primary: #0052cc;\r\n            --primary-dark: #003d99;\r\n            --primary-light: #e6f0ff;\r\n            --dark: #0f1419;\r\n            --dark-blue: #1a2332;\r\n            --bg-light: #f8fafc;\r\n            --text-main: #1e293b;\r\n            --text-muted: #64748b;\r\n            --border: #e2e8f0;\r\n            --white: #ffffff;\r\n            --success: #10b981;\r\n            --valencia-bg: #fffbf0;\r\n            --valencia-accent: #d97706;\r\n        }\r\n        body {\r\n            font-family: 'Inter', sans-serif;\r\n            color: var(--text-main);\r\n            background-color: var(--white);\r\n            line-height: 1.6;\r\n            overflow-x: hidden;\r\n        }\r\n        html { scroll-behavior: smooth; }\r\n        .container { max-width: 1200px; margin: 0 auto; padding: 0 2rem; }\r\n        \r\n        \/* BOTONES & CTAs *\/\r\n        .btn {\r\n            display: inline-block;\r\n            background: var(--primary);\r\n            color: var(--white);\r\n            padding: 14px 28px;\r\n            border: none;\r\n            border-radius: 8px;\r\n            font-weight: 700;\r\n            font-size: 15px;\r\n            cursor: pointer;\r\n            transition: all 0.3s;\r\n            text-decoration: none;\r\n            text-align: center;\r\n        }\r\n        .btn:hover {\r\n            background: var(--primary-dark);\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 10px 25px rgba(0, 82, 204, 0.2);\r\n        }\r\n        .btn-outline {\r\n            background: transparent;\r\n            border: 2px solid var(--primary);\r\n            color: var(--primary);\r\n        }\r\n        .btn-outline:hover {\r\n            background: var(--primary-light);\r\n            transform: translateY(-2px);\r\n        }\r\n        .cta-wrapper {\r\n            text-align: center;\r\n            margin-top: 40px;\r\n        }\r\n\r\n        \/* HEADER & HERO *\/\r\n        header {\r\n            background: rgba(255,255,255,0.95);\r\n            backdrop-filter: blur(10px);\r\n            border-bottom: 1px solid var(--border);\r\n            position: sticky; top: 0; z-index: 1000;\r\n        }\r\n        .header-inner { display: flex; justify-content: space-between; align-items: center; padding: 1.2rem 2rem; max-width: 1400px; margin: 0 auto; }\r\n        .logo { font-family: 'Playfair Display', serif; font-size: 26px; font-weight: 900; color: var(--primary); }\r\n        nav { display: flex; gap: 2.5rem; align-items: center; }\r\n        nav a { font-size: 14px; color: var(--text-muted); text-decoration: none; font-weight: 500; transition: color 0.3s; }\r\n        nav a:hover { color: var(--primary); }\r\n\r\n        .hero { background: linear-gradient(135deg, var(--white) 0%, #f1f5f9 100%); padding: 80px 0; }\r\n        .hero-grid { display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 60px; align-items: center; }\r\n        .hero-content h1 { font-family: 'Playfair Display', serif; font-size: 48px; font-weight: 900; line-height: 1.15; color: var(--dark); margin-bottom: 24px; }\r\n        .hero-content p { font-size: 18px; color: var(--text-muted); margin-bottom: 32px; }\r\n        \r\n        .hero-form-card { background: var(--white); padding: 40px; border-radius: 16px; border: 1px solid var(--border); box-shadow: 0 20px 40px rgba(0,0,0,0.05); }\r\n        .hero-form-card h3 { font-size: 22px; font-weight: 800; margin-bottom: 8px; color: var(--dark); }\r\n        .hero-form-card p { font-size: 14px; color: var(--text-muted); margin-bottom: 24px; }\r\n        .form-group { margin-bottom: 18px; }\r\n        .form-group label { display: block; font-size: 12px; font-weight: 700; color: var(--dark); margin-bottom: 6px; text-transform: uppercase; letter-spacing: 0.5px; }\r\n        .form-group input, .form-group select { width: 100%; padding: 12px 14px; border: 1px solid var(--border); border-radius: 6px; font-size: 14px; font-family: inherit; background: var(--white); color: var(--text-main); }\r\n\r\n        \/* LIVE COUNTER BAR *\/\r\n        .counter-bar { background: var(--dark); color: var(--white); padding: 30px 0; border-bottom: 4px solid var(--primary); }\r\n        .counter-flex { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 20px; }\r\n        .counter-info h4 { font-size: 18px; font-weight: 700; margin-bottom: 4px; }\r\n        .counter-info p { color: rgba(255,255,255,0.6); font-size: 14px; }\r\n        .progress-container { flex-grow: 1; max-width: 500px; margin: 0 40px; }\r\n        .progress-track { background: rgba(255,255,255,0.1); height: 10px; border-radius: 5px; overflow: hidden; margin-bottom: 8px; }\r\n        .progress-bar { background: var(--primary); height: 100%; width: 68.4%; }\r\n        .progress-labels { display: flex; justify-content: space-between; font-size: 12px; color: rgba(255,255,255,0.8); }\r\n        .counter-number-box { background: rgba(255,255,255,0.05); padding: 10px 24px; border-radius: 8px; border: 1px solid rgba(255,255,255,0.1); text-align: center; }\r\n        .counter-big-num { font-family: 'Playfair Display', serif; font-size: 32px; font-weight: 900; color: var(--primary); display: block; }\r\n\r\n        \/* BLOQUE VALENCIA: DISE\u00d1O DIFERENCIADO Y ATRACTIVO *\/\r\n        .valencia-section { padding: 90px 0; background-color: var(--valencia-bg); border-top: 1px solid #fef08a; border-bottom: 1px solid #fef08a; position: relative; }\r\n        .valencia-grid { display: grid; grid-template-columns: 1fr 1.2fr; gap: 50px; align-items: center; }\r\n        .valencia-badge { display: inline-block; background: #fef3c7; color: var(--valencia-accent); padding: 6px 16px; border-radius: 20px; font-size: 13px; font-weight: 700; margin-bottom: 20px; text-transform: uppercase; letter-spacing: 0.5px; }\r\n        .valencia-section h2 { font-family: 'Playfair Display', serif; font-size: 38px; color: var(--dark); line-height: 1.2; margin-bottom: 20px; }\r\n        .valencia-section p { font-size: 16px; color: var(--text-main); margin-bottom: 20px; }\r\n        .valencia-features { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }\r\n        .valencia-feat-item { background: var(--white); padding: 20px; border-radius: 8px; border-left: 4px solid var(--valencia-accent); box-shadow: 0 4px 12px rgba(217, 119, 6, 0.04); }\r\n        .valencia-feat-item h4 { font-size: 15px; font-weight: 700; color: var(--dark); margin-bottom: 6px; }\r\n        .valencia-feat-item p { font-size: 13px; color: var(--text-muted); margin-bottom: 0; }\r\n\r\n        \/* THE 3 STRUCTURAL PILLARS *\/\r\n        .pillars { padding: 100px 0; background: var(--white); }\r\n        .section-title { text-align: center; margin-bottom: 60px; }\r\n        .section-title h2 { font-family: 'Playfair Display', serif; font-size: 38px; color: var(--dark); margin-bottom: 16px; }\r\n        .section-title p { color: var(--text-muted); font-size: 18px; max-width: 600px; margin: 0 auto; }\r\n        .pillars-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; }\r\n        .pillar-card { background: var(--bg-light); padding: 45px 35px; border-radius: 12px; border: 1px solid transparent; transition: all 0.3s; }\r\n        .pillar-card:hover { background: var(--white); border-color: var(--primary); transform: translateY(-5px); box-shadow: 0 20px 40px rgba(0,82,204,0.06); }\r\n        .pillar-num { font-family: 'Playfair Display', serif; font-size: 40px; font-weight: 900; color: var(--primary); display: block; margin-bottom: 16px; }\r\n        .pillar-card h3 { font-size: 20px; font-weight: 800; margin-bottom: 14px; color: var(--dark); }\r\n        .pillar-card p { color: var(--text-muted); font-size: 15px; }\r\n\r\n        \/* IMPACT & VALUE BLOCK *\/\r\n        .value-addition { padding: 100px 0; background: var(--bg-light); }\r\n        .features-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; margin-bottom: 40px; }\r\n        .feature-box { background: var(--white); padding: 35px; border-radius: 12px; border: 1px solid var(--border); display: flex; gap: 20px; }\r\n        .feature-icon { font-size: 28px; line-height: 1; }\r\n        .feature-box-content h4 { font-size: 18px; font-weight: 700; color: var(--dark); margin-bottom: 8px; }\r\n        .feature-box-content p { font-size: 14px; color: var(--text-muted); }\r\n\r\n        \/* NUEVO BLOQUE: ASESOR DE OPTIMIZACI\u00d3N INTELIGENTE (ESTILO FINTONIC\/REVOLUT) *\/\r\n        .optimization-section { padding: 100px 0; background: var(--white); border-top: 1px solid var(--border); }\r\n        .opt-grid { display: grid; grid-template-columns: 1fr 1.1fr; gap: 60px; align-items: center; }\r\n        .opt-content h2 { font-family: 'Playfair Display', serif; font-size: 38px; color: var(--dark); margin-bottom: 20px; }\r\n        .opt-content p { font-size: 16px; color: var(--text-muted); margin-bottom: 24px; }\r\n        .opt-list { list-style: none; }\r\n        .opt-list li { margin-bottom: 18px; display: flex; gap: 15px; align-items: flex-start; }\r\n        .opt-list-icon { width: 24px; height: 24px; background: var(--primary-light); color: var(--primary); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 14px; flex-shrink: 0; }\r\n        .opt-list-text h4 { font-size: 16px; font-weight: 700; color: var(--dark); margin-bottom: 4px; }\r\n        .opt-list-text p { font-size: 14px; color: var(--text-muted); margin-bottom: 0; }\r\n        .opt-visual-card { background: var(--bg-light); border: 1px solid var(--border); padding: 40px; border-radius: 16px; box-shadow: inset 0 0 20px rgba(0,0,0,0.01); }\r\n        .opt-alert-box { background: var(--white); border: 1px solid var(--border); border-left: 4px solid #ef4444; padding: 16px 20px; border-radius: 8px; margin-bottom: 16px; display: flex; justify-content: space-between; align-items: center; }\r\n        .opt-alert-box.success { border-left-color: var(--success); }\r\n\r\n        \/* COMPARATIVE TABLE *\/\r\n        .comparison-section { padding: 100px 0; background: var(--bg-light); }\r\n        .table-wrapper { overflow-x: auto; margin-top: 40px; border-radius: 12px; border: 1px solid var(--border); }\r\n        .comp-table { width: 100%; border-collapse: collapse; text-align: left; background: var(--white); min-width: 600px; }\r\n        .comp-table th, .comp-table td { padding: 20px 25px; border-bottom: 1px solid var(--border); }\r\n        .comp-table th { background: var(--bg-light); font-weight: 700; color: var(--dark); }\r\n        .comp-table th.highlight { background: var(--primary-light); color: var(--primary); }\r\n        .status-badge { display: inline-block; padding: 4px 12px; border-radius: 20px; font-size: 13px; font-weight: 600; }\r\n        .status-badge.yes { background: rgba(16, 185, 129, 0.1); color: var(--success); }\r\n\r\n        \/* INTEREST SIMULATOR *\/\r\n        .simulator { padding: 100px 0; background: var(--dark-blue); color: var(--white); }\r\n        .sim-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; }\r\n        .sim-control h2 { font-family: 'Playfair Display', serif; font-size: 36px; margin-bottom: 16px; }\r\n        .range-group { margin-bottom: 30px; }\r\n        .range-group label { display: flex; justify-content: space-between; font-weight: 600; margin-bottom: 10px; }\r\n        .range-input { width: 100%; -webkit-appearance: none; background: rgba(255,255,255,0.2); height: 6px; border-radius: 3px; }\r\n        .range-input::-webkit-slider-thumb { -webkit-appearance: none; width: 20px; height: 20px; border-radius: 50%; background: var(--primary); cursor: pointer; }\r\n        .sim-result-card { background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); padding: 40px; border-radius: 16px; text-align: center; }\r\n        .sim-result-card .value { font-family: 'Playfair Display', serif; font-size: 48px; font-weight: 900; color: var(--primary); margin: 15px 0; }\r\n\r\n        \/* FAQ ACCORDION *\/\r\n        .faq { padding: 100px 0; background: var(--white); }\r\n        .faq-max { max-width: 800px; margin: 0 auto; }\r\n        .faq-item { border-bottom: 1px solid var(--border); padding: 24px 0; cursor: pointer; }\r\n        .faq-trigger { display: flex; justify-content: space-between; align-items: center; font-weight: 700; font-size: 17px; color: var(--dark); }\r\n        .faq-icon { color: var(--primary); font-size: 20px; transition: transform 0.3s; }\r\n        .faq-content { max-height: 0; overflow: hidden; transition: max-height 0.3s ease; }\r\n        .faq-content p { padding-top: 14px; color: var(--text-muted); font-size: 15px; }\r\n        .faq-item.active .faq-content { max-height: 200px; }\r\n        .faq-item.active .faq-icon { transform: rotate(45deg); }\r\n\r\n        \/* FOOTER *\/\r\n        footer { background: var(--dark); color: var(--white); padding: 60px 0 30px; border-top: 1px solid rgba(255,255,255,0.1); }\r\n        .footer-grid { display: grid; grid-template-columns: 2fr repeat(2, 1fr); gap: 40px; margin-bottom: 40px; }\r\n        .footer-brand h3 { font-family: 'Playfair Display', serif; font-size: 24px; color: var(--primary); margin-bottom: 16px; }\r\n        .footer-brand p { color: rgba(255,255,255,0.5); font-size: 14px; }\r\n        .footer-links h4 { font-size: 14px; margin-bottom: 16px; color: rgba(255,255,255,0.8); }\r\n        .footer-links ul { list-style: none; }\r\n        .footer-links ul li { margin-bottom: 10px; }\r\n        .footer-links ul li a { color: rgba(255,255,255,0.5); text-decoration: none; font-size: 14px; }\r\n        .footer-legal { border-top: 1px solid rgba(255,255,255,0.05); padding-top: 30px; text-align: center; font-size: 12px; color: rgba(255,255,255,0.4); }\r\n\r\n        .success-state { display: none; text-align: center; padding: 40px 0; }\r\n        .success-state.active { display: block; }\r\n        .success-state .icon { width: 64px; height: 64px; background: rgba(16, 185, 129, 0.1); color: var(--success); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 20px; font-size: 32px; font-weight: bold; }\r\n\r\n        @media (max-width: 968px) {\r\n            .hero-grid, .valencia-grid, .pillars-grid, .features-grid, .opt-grid, .sim-grid, .footer-grid { grid-template-columns: 1fr; gap: 40px; }\r\n            .header-inner nav { display: none; }\r\n            .valencia-features { grid-template-columns: 1fr; }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <!-- HEADER & HERO -->\r\n    <header>\r\n        <div class=\"header-inner\">\r\n            <div class=\"logo\">TinkBank<\/div>\r\n            <nav>\r\n                <a href=\"#valencia\">Ra\u00edces<\/a>\r\n                <a href=\"#beneficios\">Propuesta de Valor<\/a>\r\n                <a href=\"#impacto\">Impacto Social<\/a>\r\n                <a href=\"#optimizador\">Ahorro Inteligente<\/a>\r\n                <a href=\"#diferencias\">Diferencias<\/a>\r\n                <a href=\"#simulador\">Rendimiento<\/a>\r\n                <a href=\"#join-form\" class=\"btn\" style=\"padding: 8px 20px; font-size: 13px;\">Unirme a la Iniciativa<\/a>\r\n            <\/nav>\r\n        <\/div>\r\n    <\/header>\r\n\r\n    <section class=\"hero\">\r\n        <div class=\"container\">\r\n            <div class=\"hero-grid\">\r\n                <div class=\"hero-content\">\r\n                    <h1>Un banco que funciona para ti\u2026 y para todos<\/h1>\r\n                    <p>El banco digital que convierte tu dinero en oportunidades reales. No estamos abriendo cuentas comerciales hoy; estamos uniendo fuerzas para fundar una alternativa financiera s\u00f3lida y transparente desde el primer d\u00eda.<\/p>\r\n                    <a href=\"#join-form\" class=\"btn\">S\u00e9 uno de los 500 fundadores<\/a>\r\n                <\/div>\r\n                \r\n                <div class=\"hero-form-card\" id=\"join-form\">\r\n                    <div id=\"form-content\">\r\n                        <h3>Apoya la creaci\u00f3n<\/h3>\r\n                        <p>Si alcanzamos los 500 apoyos fundadores, iniciaremos el proceso regulatorio para lanzar el proyecto.<\/p>\r\n                        <form onsubmit=\"processSignature(event)\">\r\n                            <div class=\"form-group\">\r\n                                <label>Nombre completo<\/label>\r\n                                <input type=\"text\" id=\"signer-name\" required placeholder=\"Ej. Carlos Mendoza\">\r\n                            <\/div>\r\n                            <div class=\"form-group\">\r\n                                <label>Correo electr\u00f3nico<\/label>\r\n                                <input type=\"email\" id=\"signer-email\" required placeholder=\"carlos@ejemplo.com\">\r\n                            <\/div>\r\n                            <div class=\"form-group\">\r\n                                <label>Saldo medio estimado a depositar<\/label>\r\n                                <select id=\"signer-balance\" required>\r\n                                    <option value=\"\" disabled selected>Selecciona un rango<\/option>\r\n                                    <option value=\"5000\">Menos de 5.000\u20ac<\/option>\r\n                                    <option value=\"15000\">Entre 5.000\u20ac y 20.000\u20ac<\/option>\r\n                                    <option value=\"50000\">M\u00e1s de 20.000\u20ac<\/option>\r\n                                <\/select>\r\n                            <\/div>\r\n                            <button type=\"submit\" class=\"btn\" style=\"width: 100%; margin-top: 10px;\">Quiero que este banco exista<\/button>\r\n                        <\/form>\r\n                    <\/div>\r\n                    <div id=\"form-success\" class=\"success-state\">\r\n                        <div class=\"icon\">\u2713<\/div>\r\n                        <h3>\u00a1Apoyo Registrado!<\/h3>\r\n                        <p>Gracias por unirte al cambio. Hemos actualizado el marcador en tiempo real. Te notificaremos con prioridad absoluta ante cualquier avance regulatorio.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- LIVE DATA BAR -->\r\n    <section class=\"counter-bar\">\r\n        <div class=\"container\">\r\n            <div class=\"counter-flex\">\r\n                <div class=\"counter-info\">\r\n                    <h4>Respaldo Comunitario Fundacional<\/h4>\r\n                    <p>Necesitamos 500 manifestaciones de inter\u00e9s para formalizar la propuesta<\/p>\r\n                <\/div>\r\n                <div class=\"progress-container\">\r\n                    <div class=\"progress-track\">\r\n                        <div class=\"progress-bar\" id=\"liveProgressBar\"><\/div>\r\n                    <\/div>\r\n                    <div class=\"progress-labels\">\r\n                        <span>Progreso actual<\/span>\r\n                        <span id=\"progressPercentage\">68.4%<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"counter-number-box\">\r\n                    <span class=\"counter-big-num\" id=\"liveCounter\">342<\/span>\r\n                    <span style=\"font-size: 11px; text-transform: uppercase; color: rgba(255,255,255,0.6);\">Firmas de Apoyo<\/span>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- BLOQUE VALENCIA -->\r\n    <section id=\"valencia\" class=\"valencia-section\">\r\n        <div class=\"container\">\r\n            <div class=\"valencia-grid\">\r\n                <div>\r\n                    <span class=\"valencia-badge\">\ud83d\udccd ADN de Proximidad<\/span>\r\n                    <h2>Impulsando el futuro financiero desde Valencia<\/h2>\r\n                    <p>TinkBank nace con orgullo en la Comunitat Valenciana, una tierra con una herencia \u00fanica de banca cooperativa, social y de cercan\u00eda. No queremos ser un fondo impersonal en una gran capital; queremos recuperar el valor humano de las finanzas.<\/p>\r\n                    <p>Fusionamos esa esencia local con el motor tecnol\u00f3gico m\u00e1s potente del ecosistema actual para ofrecer soluciones a toda nuestra comunidad.<\/p>\r\n                <\/div>\r\n                <div class=\"valencia-features\">\r\n                    <div class=\"valencia-feat-item\">\r\n                        <h4>Tradici\u00f3n Cooperativa<\/h4>\r\n                        <p>Inspirados en la ayuda mutua y en revertir los beneficios directamente en el entorno.<\/p>\r\n                    <\/div>\r\n                    <div class=\"valencia-feat-item\">\r\n                        <h4>Hub Tecnol\u00f3gico<\/h4>\r\n                        <p>Aprovechamos el talento y la innovaci\u00f3n del ecosistema fintech valenciano.<\/p>\r\n                    <\/div>\r\n                    <div class=\"valencia-feat-item\">\r\n                        <h4>Finanzas \u00c9ticas<\/h4>\r\n                        <p>Garantizamos que el flujo del dinero potencie el tejido social local.<\/p>\r\n                    <\/div>\r\n                    <div class=\"valencia-feat-item\">\r\n                        <h4>Comunidad Real<\/h4>\r\n                        <p>Dise\u00f1ado junto a ti, escuchando tus necesidades reales de principio a fin.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- THE 3 STRUCTURAL PILLARS -->\r\n    <section id=\"beneficios\" class=\"pillars\">\r\n        <div class=\"container\">\r\n            <div class=\"section-title\">\r\n                <h2>Tu dinero no solo guarda valor. Lo crea.<\/h2>\r\n                <p>Estamos construyendo un banco diferente: sin abusos, sin letra peque\u00f1a y con condiciones justas.<\/p>\r\n            <\/div>\r\n            <div class=\"pillars-grid\">\r\n                <div class=\"pillar-card\">\r\n                    <span class=\"pillar-num\">01<\/span>\r\n                    <h3>Sin abusos ni letra peque\u00f1a<\/h3>\r\n                    <p>Eliminamos por completo las comisiones de administraci\u00f3n y mantenimiento que drenan tus ahorros sin justificaci\u00f3n alguna.<\/p>\r\n                <\/div>\r\n                <div class=\"pillar-card\">\r\n                    <span class=\"pillar-num\">02<\/span>\r\n                    <h3>Condiciones justas<\/h3>\r\n                    <p>Planteamos una cuenta corriente remunerada vinculada de forma directa al rendimiento real de los activos l\u00edquidos de bajo riesgo.<\/p>\r\n                <\/div>\r\n                <div class=\"pillar-card\">\r\n                    <span class=\"pillar-num\">03<\/span>\r\n                    <h3>Construido contigo<\/h3>\r\n                    <p>Como miembro fundador de esta fase inicial, tu opini\u00f3n cuenta. Podr\u00e1s influir en las decisiones cr\u00edticas del desarrollo del banco.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"cta-wrapper\">\r\n                <a href=\"#join-form\" class=\"btn\">Quiero sumarme a la comunidad fundadora<\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- IMPACT & VALUE BLOCK -->\r\n    <section id=\"impacto\" class=\"value-addition\">\r\n        <div class=\"container\">\r\n            <div class=\"section-title\">\r\n                <h2>Cada cuenta genera un impacto real<\/h2>\r\n                <p>Creemos firmemente que las finanzas deben ser una herramienta de cambio positivo.<\/p>\r\n            <\/div>\r\n            <div class=\"features-grid\">\r\n                <div class=\"feature-box\">\r\n                    <div class=\"feature-icon\">\ud83c\udf0d<\/div>\r\n                    <div class=\"feature-box-content\">\r\n                        <h4>Modelo Social Nativo<\/h4>\r\n                        <p>No es una campa\u00f1a de marketing de fin de a\u00f1o. Un porcentaje de nuestros beneficios se destina por dise\u00f1o de forma directa a proyectos sociales.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"feature-box\">\r\n                    <div class=\"feature-icon\">\ud83d\udc65<\/div>\r\n                    <div class=\"feature-box-content\">\r\n                        <h4>Apoyo a Colectivos Vulnerables<\/h4>\r\n                        <p>Canalizamos recursos e iniciativas hacia colectivos que necesitan un impulso real y medible en nuestra sociedad.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"feature-box\">\r\n                    <div class=\"feature-icon\">\ud83d\udcf1<\/div>\r\n                    <div class=\"feature-box-content\">\r\n                        <h4>Control Total desde tu M\u00f3vil<\/h4>\r\n                        <p>Una aplicaci\u00f3n moderna, simple, r\u00e1pida y clara. Dise\u00f1ada para darte la autonom\u00eda que necesitas sin rodeos burocr\u00e1ticos.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"feature-box\">\r\n                    <div class=\"feature-icon\">\ud83e\udd1d<\/div>\r\n                    <div class=\"feature-box-content\">\r\n                        <h4>Atenci\u00f3n Humana y Cercana<\/h4>\r\n                        <p>Detr\u00e1s de la tecnolog\u00eda de vanguardia hay personas listas para ayudarte. Respuestas claras dadas por humanos, no por chatbots infinitos.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- NUEVO BLOQUE INTEGRADO: EL BANCO QUE NO SOLO GASTA, SINO QUE OPTIMIZA -->\r\n    <section id=\"optimizador\" class=\"optimization-section\">\r\n        <div class=\"container\">\r\n            <div class=\"opt-grid\">\r\n                <div class=\"opt-content\">\r\n                    <h2>No es solo un sitio donde gastar dinero. Es tu aliado para ahorrarlo.<\/h2>\r\n                    <p>La mayor\u00eda de los bancos se limitan a mostrarte en qu\u00e9 te has gastado el dinero. En TinkBank queremos ir m\u00e1s all\u00e1, integrando tecnolog\u00eda inteligente inspirada en los mejores modelos de gesti\u00f3n personal.<\/p>\r\n                    <p>Nuestra aplicaci\u00f3n analizar\u00e1 tus patrones de consumo fijos de forma totalmente privada para actuar como un asesor proactivo que cuida de tu salud financiera.<\/p>\r\n                    \r\n                    <ul class=\"opt-list\">\r\n                        <li>\r\n                            <div class=\"opt-list-icon\">\u26a1<\/div>\r\n                            <div class=\"opt-list-text\">\r\n                                <h4>Detecci\u00f3n de sobrecostes en Energ\u00eda y Luz<\/h4>\r\n                                <p>\u00bfEst\u00e1s pagando de m\u00e1s en tu factura el\u00e9ctrica? El sistema te avisar\u00e1 autom\u00e1ticamente y te propondr\u00e1 alternativas de optimizaci\u00f3n con un clic.<\/p>\r\n                            <\/div>\r\n                        <\/li>\r\n                        <li>\r\n                            <div class=\"opt-list-icon\">\ud83d\udcc4<\/div>\r\n                            <div class=\"opt-list-text\">\r\n                                <h4>Mejora constante de Seguros y Telefon\u00eda<\/h4>\r\n                                <p>Compara y renegocia tus p\u00f3lizas y contratos directamente desde la app en el momento en que detectemos una tarifa mejor para tu perfil.<\/p>\r\n                            <\/div>\r\n                        <\/li>\r\n                        <li>\r\n                            <div class=\"opt-list-icon\">\ud83d\udcc9<\/div>\r\n                            <div class=\"opt-list-text\">\r\n                                <h4>Control Absoluto de Suscripciones<\/h4>\r\n                                <p>Visualiza y cancela esos servicios mensuales olvidados que van mermando tu cuenta sin que te des cuenta.<\/p>\r\n                            <\/div>\r\n                        <\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n                \r\n                <div class=\"opt-visual-card\">\r\n                    <h4 style=\"margin-bottom: 20px; font-size: 14px; text-transform: uppercase; color: var(--text-muted); letter-spacing: 0.5px;\">Simulaci\u00f3n de Asistente TinkBank<\/h4>\r\n                    \r\n                    <div class=\"opt-alert-box\">\r\n                        <div>\r\n                            <span style=\"font-size: 11px; font-weight: 700; color: #ef4444; text-transform: uppercase;\">Alerta de Gasto<\/span>\r\n                            <h5 style=\"font-size: 15px; margin: 2px 0;\">Factura de Luz Detectada (94,20\u20ac)<\/h5>\r\n                            <p style=\"font-size: 13px; color: var(--text-muted);\">Est\u00e1s un 24% por encima de la media de tu zona.<\/p>\r\n                        <\/div>\r\n                        <span style=\"font-size: 24px;\">\ud83d\udca1<\/span>\r\n                    <\/div>\r\n\r\n                    <div class=\"opt-alert-box success\" style=\"margin-bottom: 0;\">\r\n                        <div>\r\n                            <span style=\"font-size: 11px; font-weight: 700; color: var(--success); text-transform: uppercase;\">Propuesta de Ahorro<\/span>\r\n                            <h5 style=\"font-size: 15px; margin: 2px 0;\">Cambio de tarifa sugerido<\/h5>\r\n                            <p style=\"font-size: 13px; color: var(--text-muted);\">Ahorro estimado de <b>18,50\u20ac \/ mes<\/b> manteniendo tu potencia.<\/p>\r\n                        <\/div>\r\n                        <span style=\"font-size: 24px;\">\ud83d\ude80<\/span>\r\n                    <\/div>\r\n                    \r\n                    <div style=\"margin-top: 30px; text-align: center; background: rgba(0, 82, 204, 0.05); padding: 20px; border-radius: 8px; border: 1px dashed var(--primary);\">\r\n                        <p style=\"font-size: 14px; color: var(--primary-dark); font-weight: 600; margin-bottom: 0;\">Tu banco no deber\u00eda quedarse mirando c\u00f3mo gastas. Deber\u00eda ayudarte a evitarlo.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <!-- NUEVO CTA A\u00d1ADIDO BAJO EL ASESOR INTELIGENTE -->\r\n            <div class=\"cta-wrapper\" style=\"margin-top: 60px;\">\r\n                <a href=\"#join-form\" class=\"btn\">Quiero una cuenta inteligente que optimice mis gastos<\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- TABLA COMPARATIVA -->\r\n    <section id=\"diferencias\" class=\"comparison-section\">\r\n        <div class=\"container\">\r\n            <div class=\"section-title\">\r\n                <h2>Lo que esperas de un banco... y algo m\u00e1s<\/h2>\r\n                <p>Ponemos las cartas sobre la mesa para que veas la diferencia real de nuestro enfoque.<\/p>\r\n            <\/div>\r\n            <div class=\"table-wrapper\">\r\n                <table class=\"comp-table\">\r\n                    <thead>\r\n                        <tr>\r\n                            <th>Caracter\u00edsticas<\/th>\r\n                            <th class=\"highlight\">Propuesta TinkBank<\/th>\r\n                            <th>Banca Tradicional<\/th>\r\n                        <\/tr>\r\n                    <\/thead>\r\n                    <tbody>\r\n                        <tr>\r\n                            <td><strong>Comisiones de mantenimiento<\/strong><\/td>\r\n                            <td class=\"highlight\"><span class=\"status-badge yes\">0 \u20ac Siempre<\/span><\/td>\r\n                            <td>Hasta 240\u20ac \/ a\u00f1o si dejas de cumplir condiciones<\/td>\r\n                        <\/tr>\r\n                        <tr>\r\n                            <td><strong>Asesor de optimizaci\u00f3n integrado<\/strong><\/td>\r\n                            <td class=\"highlight\"><span class=\"status-badge yes\">S\u00ed (Luz, seguros, telefon\u00eda)<\/span><\/td>\r\n                            <td>No (Solo les interesa que gastes o financies con ellos)<\/td>\r\n                        <\/tr>\r\n                        <tr>\r\n                            <td><strong>Transparencia operativa<\/strong><\/td>\r\n                            <td class=\"highlight\">Total y desde el primer d\u00eda<\/td>\r\n                            <td>Letra peque\u00f1a y cambios de condiciones unilaterales<\/td>\r\n                        <\/tr>\r\n                        <tr>\r\n                            <td><strong>Destino de los beneficios<\/strong><\/td>\r\n                            <td class=\"highlight\">Impacto social y comunitario medible<\/td>\r\n                            <td>Exclusivo para maximizar el dividendo corporativo<\/td>\r\n                        <\/tr>\r\n                    <\/tbody>\r\n                <\/table>\r\n            <\/div>\r\n            <div class=\"cta-wrapper\">\r\n                <a href=\"#join-form\" class=\"btn btn-outline\">Asegurar mi acceso anticipado como Early Adopter<\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- INTEREST SIMULATOR -->\r\n    <section id=\"simulador\" class=\"simulator\">\r\n        <div class=\"container\">\r\n            <div class=\"sim-grid\">\r\n                <div class=\"sim-control\">\r\n                    <h2>Simulador de Impacto y Rendimiento<\/h2>\r\n                    <p>Haz una estimaci\u00f3n basada en las tasas proyectadas del diferencial de bonos soberanos actuales.<\/p>\r\n                    \r\n                    <div class=\"range-group\">\r\n                        <label><span>Capital Estimado a Depositar:<\/span> <span id=\"capitalLabel\">25.000 \u20ac<\/span><\/label>\r\n                        <input type=\"range\" min=\"1000\" max=\"100000\" step=\"1000\" value=\"25000\" class=\"range-input\" id=\"capitalRange\" oninput=\"updateSimulation()\">\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"sim-result-card\">\r\n                    <h4 style=\"text-transform: uppercase; letter-spacing: 1px; font-size: 13px; color: rgba(255,255,255,0.6);\">Remuneraci\u00f3n Estimada Anual<\/h4>\r\n                    <div class=\"value\" id=\"simResult\">750 \u20ac<\/div>\r\n                    <p style=\"font-size: 14px; color: var(--success); font-weight: 600;\">\u2713 Con 0 \u20ac en comisiones de mantenimiento<\/p>\r\n                    <p style=\"font-size: 12px; color: rgba(255,255,255,0.4); margin-top: 20px;\">Nota: Simulaci\u00f3n basada en una tasa estimada ponderada del 3.0% TAE sujeta a variaciones del mercado de deuda p\u00fablica.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- FAQ ACCORDION -->\r\n    <section id=\"faq\" class=\"faq\">\r\n        <div class=\"container\">\r\n            <div class=\"section-title\">\r\n                <h2>Preguntas Frecuentes<\/h2>\r\n                <p>Todo lo que necesitas saber sobre los objetivos y la naturaleza legal de este manifiesto fundacional.<\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"faq-max\">\r\n                <div class=\"faq-item\" onclick=\"toggleFaq(this)\">\r\n                    <div class=\"faq-trigger\">\r\n                        <span>\u00bfQu\u00e9 implicaciones tiene dejar mi apoyo en este formulario?<\/span>\r\n                        <span class=\"faq-icon\">+<\/span>\r\n                    <\/div>\r\n                    <div class=\"faq-content\">\r\n                        <p>Ninguna obligaci\u00f3n financiera ni contractual. No te pediremos dinero, n\u00fameros de cuenta ni DNI. Tu firma representa una manifestaci\u00f3n de inter\u00e9s comercial que nos sirve para validar ante inversores y reguladores que existe demanda para un banco \u00e9tico y remunerado.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"faq-item\" onclick=\"toggleFaq(this)\">\r\n                    <div class=\"faq-trigger\">\r\n                        <span>\u00bfC\u00f3mo funciona el optimizador de servicios?<\/span>\r\n                        <span class=\"faq-icon\">+<\/span>\r\n                    <\/div>\r\n                    <div class=\"faq-content\">\r\n                        <p>El sistema lee de manera autom\u00e1tica y segura los recibos recurrentes que llegan a tu cuenta (luz, gas, internet, seguros). Cruzando estos datos con las mejores ofertas del mercado del ecosistema fintech, te avisa si est\u00e1s pagando un sobrecoste para que puedas cambiarte de forma transparente y ahorrar.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"faq-item\" onclick=\"toggleFaq(this)\">\r\n                    <div class=\"faq-trigger\">\r\n                        <span>\u00bfPor qu\u00e9 buscamos exactamente a 500 personas?<\/span>\r\n                        <span class=\"faq-icon\">+<\/span>\r\n                    <\/div>\r\n                    <div class=\"faq-content\">\r\n                        <p>Alcanzar las primeras 500 manifestaciones de inter\u00e9s es el hito clave de nuestra Fase 1. Demuestra tracci\u00f3n inicial s\u00f3lida para desbloquear las rondas operativas y legales necesarias para el desarrollo definitivo de la plataforma fintech.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- FOOTER -->\r\n    <footer>\r\n        <div class=\"container\">\r\n            <div class=\"footer-grid\">\r\n                <div class=\"footer-brand\">\r\n                    <h3>TinkBank<\/h3>\r\n                    <p>Un modelo conceptual con ra\u00edces en Valencia enfocado en redefinir la rentabilidad, la transparencia institucional y el impacto social positivo dentro del sector fintech.<\/p>\r\n                <\/div>\r\n                <div class=\"footer-links\">\r\n                    <h4>Ecosistema<\/h4>\r\n                    <ul>\r\n                        <li><a href=\"#valencia\">Ra\u00edces<\/a><\/li>\r\n                        <li><a href=\"#beneficios\">Propuesta de Valor<\/a><\/li>\r\n                        <li><a href=\"#optimizador\">Ahorro Inteligente<\/a><\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n                <div class=\"footer-links\">\r\n                    <h4>Contacto<\/h4>\r\n                    <ul>\r\n                        <li><a href=\"mailto:info@tinkbank.com\">info@tinkbank.com<\/a><\/li>\r\n                        <li><a href=\"#join-form\">Unirse como Fundador<\/a><\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"footer-legal\">\r\n                <p>&copy; 2026 TinkBank. Todos los derechos reservados.<\/p>\r\n                <p style=\"margin-top: 10px; opacity: 0.7; line-height: 1.4;\">Exenci\u00f3n de responsabilidad: TinkBank es una iniciativa en fase de validaci\u00f3n de mercado. No constituye una entidad de cr\u00e9dito autorizada ni presta servicios bancarios ni de inversi\u00f3n regulados en el momento actual. El registro no supone la apertura de ning\u00fan tipo de product financiero.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/footer>\r\n\r\n    <!-- JAVASCRIPT LOGIC -->\r\n    <script>\r\n        function toggleFaq(element) {\r\n            element.classList.toggle('active');\r\n        }\r\n\r\n        function updateSimulation() {\r\n            const capital = document.getElementById('capitalRange').value;\r\n            document.getElementById('capitalLabel').innerText = parseInt(capital).toLocaleString('es-ES') + ' \u20ac';\r\n            const yieldProvisional = Math.round(capital * 0.03);\r\n            document.getElementById('simResult').innerText = yieldProvisional.toLocaleString('es-ES') + ' \u20ac';\r\n        }\r\n\r\n        function processSignature(event) {\r\n            event.preventDefault();\r\n            const counterEl = document.getElementById('liveCounter');\r\n            let count = parseInt(counterEl.innerText);\r\n            if(count < 500) {\r\n                count++;\r\n                counterEl.innerText = count;\r\n                const percent = ((count \/ 500) * 100).toFixed(1);\r\n                document.getElementById('liveProgressBar').style.width = percent + '%';\r\n                document.getElementById('progressPercentage').innerText = percent + '%';\r\n            }\r\n            document.getElementById('form-content').style.display = 'none';\r\n            document.getElementById('form-success').classList.add('active');\r\n        }\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e41f2ac e-flex e-con-boxed e-con e-parent\" data-id=\"e41f2ac\" 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-58e1959 elementor-widget elementor-widget-html\" data-id=\"58e1959\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>TinkBank - Un Concepto Diferente de Banca Digital<\/title>\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800&family=Playfair+Display:wght@700;800;900&display=swap\" rel=\"stylesheet\">\r\n    \r\n    <style>\r\n        * { margin: 0; padding: 0; box-sizing: border-box; }\r\n        :root {\r\n            --primary: #0052cc;\r\n            --primary-dark: #003d99;\r\n            --primary-light: #e6f0ff;\r\n            --dark: #0f1419;\r\n            --dark-blue: #1a2332;\r\n            --bg-light: #f8fafc;\r\n            --text-main: #1e293b;\r\n            --text-muted: #64748b;\r\n            --border: #e2e8f0;\r\n            --white: #ffffff;\r\n            --success: #10b981;\r\n            --valencia-bg: #fffbf0;\r\n            --valencia-accent: #d97706;\r\n        }\r\n        body {\r\n            font-family: 'Inter', sans-serif;\r\n            color: var(--text-main);\r\n            background-color: var(--white);\r\n            line-height: 1.6;\r\n            overflow-x: hidden;\r\n        }\r\n        html { scroll-behavior: smooth; }\r\n        .container { max-width: 1200px; margin: 0 auto; padding: 0 2rem; }\r\n        \r\n        \/* BOTONES & CTAs *\/\r\n        .btn {\r\n            display: inline-block;\r\n            background: var(--primary);\r\n            color: var(--white);\r\n            padding: 14px 28px;\r\n            border: none;\r\n            border-radius: 8px;\r\n            font-weight: 700;\r\n            font-size: 15px;\r\n            cursor: pointer;\r\n            transition: all 0.3s;\r\n            text-decoration: none;\r\n            text-align: center;\r\n        }\r\n        .btn:hover {\r\n            background: var(--primary-dark);\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 10px 25px rgba(0, 82, 204, 0.2);\r\n        }\r\n        .btn-outline {\r\n            background: transparent;\r\n            border: 2px solid var(--primary);\r\n            color: var(--primary);\r\n        }\r\n        .btn-outline:hover {\r\n            background: var(--primary-light);\r\n            transform: translateY(-2px);\r\n        }\r\n        .cta-wrapper {\r\n            text-align: center;\r\n            margin-top: 40px;\r\n        }\r\n\r\n        \/* HEADER & HERO *\/\r\n        header {\r\n            background: rgba(255,255,255,0.95);\r\n            backdrop-filter: blur(10px);\r\n            border-bottom: 1px solid var(--border);\r\n            position: sticky; top: 0; z-index: 1000;\r\n        }\r\n        .header-inner { display: flex; justify-content: space-between; align-items: center; padding: 1.2rem 2rem; max-width: 1400px; margin: 0 auto; }\r\n        .logo { font-family: 'Playfair Display', serif; font-size: 26px; font-weight: 900; color: var(--primary); }\r\n        nav { display: flex; gap: 2.5rem; align-items: center; }\r\n        nav a { font-size: 14px; color: var(--text-muted); text-decoration: none; font-weight: 500; transition: color 0.3s; }\r\n        nav a:hover { color: var(--primary); }\r\n\r\n        .hero { background: linear-gradient(135deg, var(--white) 0%, #f1f5f9 100%); padding: 80px 0; }\r\n        .hero-grid { display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 60px; align-items: center; }\r\n        .hero-content h1 { font-family: 'Playfair Display', serif; font-size: 48px; font-weight: 900; line-height: 1.15; color: var(--dark); margin-bottom: 24px; }\r\n        .hero-content p { font-size: 18px; color: var(--text-muted); margin-bottom: 32px; }\r\n        \r\n        .hero-form-card { background: var(--white); padding: 40px; border-radius: 16px; border: 1px solid var(--border); box-shadow: 0 20px 40px rgba(0,0,0,0.05); }\r\n        .hero-form-card h3 { font-size: 22px; font-weight: 800; margin-bottom: 8px; color: var(--dark); }\r\n        .hero-form-card p { font-size: 14px; color: var(--text-muted); margin-bottom: 24px; }\r\n        .form-group { margin-bottom: 18px; }\r\n        .form-group label { display: block; font-size: 12px; font-weight: 700; color: var(--dark); margin-bottom: 6px; text-transform: uppercase; letter-spacing: 0.5px; }\r\n        .form-group input, .form-group select, .form-group textarea { width: 100%; padding: 12px 14px; border: 1px solid var(--border); border-radius: 6px; font-size: 14px; font-family: inherit; background: var(--white); color: var(--text-main); }\r\n        .form-group textarea { resize: vertical; min-height: 100px; }\r\n\r\n        \/* LIVE COUNTER BAR *\/\r\n        .counter-bar { background: var(--dark); color: var(--white); padding: 30px 0; border-bottom: 4px solid var(--primary); }\r\n        .counter-flex { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 20px; }\r\n        .counter-info h4 { font-size: 18px; font-weight: 700; margin-bottom: 4px; }\r\n        .counter-info p { color: rgba(255,255,255,0.6); font-size: 14px; }\r\n        .progress-container { flex-grow: 1; max-width: 500px; margin: 0 40px; }\r\n        .progress-track { background: rgba(255,255,255,0.1); height: 10px; border-radius: 5px; overflow: hidden; margin-bottom: 8px; }\r\n        .progress-bar { background: var(--primary); height: 100%; width: 68.4%; }\r\n        .progress-labels { display: flex; justify-content: space-between; font-size: 12px; color: rgba(255,255,255,0.8); }\r\n        .counter-number-box { background: rgba(255,255,255,0.05); padding: 10px 24px; border-radius: 8px; border: 1px solid rgba(255,255,255,0.1); text-align: center; }\r\n        .counter-big-num { font-family: 'Playfair Display', serif; font-size: 32px; font-weight: 900; color: var(--primary); display: block; }\r\n\r\n        \/* BLOQUE VALENCIA *\/\r\n        .valencia-section { padding: 90px 0; background-color: var(--valencia-bg); border-top: 1px solid #fef08a; border-bottom: 1px solid #fef08a; position: relative; }\r\n        .valencia-grid { display: grid; grid-template-columns: 1fr 1.2fr; gap: 50px; align-items: center; }\r\n        .valencia-badge { display: inline-block; background: #fef3c7; color: var(--valencia-accent); padding: 6px 16px; border-radius: 20px; font-size: 13px; font-weight: 700; margin-bottom: 20px; text-transform: uppercase; letter-spacing: 0.5px; }\r\n        .valencia-section h2 { font-family: 'Playfair Display', serif; font-size: 38px; color: var(--dark); line-height: 1.2; margin-bottom: 20px; }\r\n        .valencia-section p { font-size: 16px; color: var(--text-main); margin-bottom: 20px; }\r\n        .valencia-features { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }\r\n        .valencia-feat-item { background: var(--white); padding: 20px; border-radius: 8px; border-left: 4px solid var(--valencia-accent); box-shadow: 0 4px 12px rgba(217, 119, 6, 0.04); }\r\n        .valencia-feat-item h4 { font-size: 15px; font-weight: 700; color: var(--dark); margin-bottom: 6px; }\r\n        .valencia-feat-item p { font-size: 13px; color: var(--text-muted); margin-bottom: 0; }\r\n\r\n        \/* THE 3 STRUCTURAL PILLARS *\/\r\n        .pillars { padding: 100px 0; background: var(--white); }\r\n        .section-title { text-align: center; margin-bottom: 60px; }\r\n        .section-title h2 { font-family: 'Playfair Display', serif; font-size: 38px; color: var(--dark); margin-bottom: 16px; }\r\n        .section-title p { color: var(--text-muted); font-size: 18px; max-width: 600px; margin: 0 auto; }\r\n        .pillars-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; }\r\n        .pillar-card { background: var(--bg-light); padding: 45px 35px; border-radius: 12px; border: 1px solid transparent; transition: all 0.3s; }\r\n        .pillar-card:hover { background: var(--white); border-color: var(--primary); transform: translateY(-5px); box-shadow: 0 20px 40px rgba(0,82,204,0.06); }\r\n        .pillar-num { font-family: 'Playfair Display', serif; font-size: 40px; font-weight: 900; color: var(--primary); display: block; margin-bottom: 16px; }\r\n        .pillar-card h3 { font-size: 20px; font-weight: 800; margin-bottom: 14px; color: var(--dark); }\r\n        .pillar-card p { color: var(--text-muted); font-size: 15px; }\r\n\r\n        \/* IMPACT & VALUE BLOCK *\/\r\n        .value-addition { padding: 100px 0; background: var(--bg-light); }\r\n        .features-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; margin-bottom: 40px; }\r\n        .feature-box { background: var(--white); padding: 35px; border-radius: 12px; border: 1px solid var(--border); display: flex; gap: 20px; }\r\n        .feature-icon { font-size: 28px; line-height: 1; }\r\n        .feature-box-content h4 { font-size: 18px; font-weight: 700; color: var(--dark); margin-bottom: 8px; }\r\n        .feature-box-content p { font-size: 14px; color: var(--text-muted); }\r\n\r\n        \/* ASESOR DE OPTIMIZACI\u00d3N INTELIGENTE *\/\r\n        .optimization-section { padding: 100px 0; background: var(--white); border-top: 1px solid var(--border); }\r\n        .opt-grid { display: grid; grid-template-columns: 1fr 1.1fr; gap: 60px; align-items: center; }\r\n        .opt-content h2 { font-family: 'Playfair Display', serif; font-size: 38px; color: var(--dark); margin-bottom: 20px; }\r\n        .opt-content p { font-size: 16px; color: var(--text-muted); margin-bottom: 24px; }\r\n        .opt-list { list-style: none; }\r\n        .opt-list li { margin-bottom: 18px; display: flex; gap: 15px; align-items: flex-start; }\r\n        .opt-list-icon { width: 24px; height: 24px; background: var(--primary-light); color: var(--primary); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 14px; flex-shrink: 0; }\r\n        .opt-list-text h4 { font-size: 16px; font-weight: 700; color: var(--dark); margin-bottom: 4px; }\r\n        .opt-list-text p { font-size: 14px; color: var(--text-muted); margin-bottom: 0; }\r\n        .opt-visual-card { background: var(--bg-light); border: 1px solid var(--border); padding: 40px; border-radius: 16px; box-shadow: inset 0 0 20px rgba(0,0,0,0.01); }\r\n        .opt-alert-box { background: var(--white); border: 1px solid var(--border); border-left: 4px solid #ef4444; padding: 16px 20px; border-radius: 8px; margin-bottom: 16px; display: flex; justify-content: space-between; align-items: center; }\r\n        .opt-alert-box.success { border-left-color: var(--success); }\r\n\r\n        \/* COMPARATIVE TABLE *\/\r\n        .comparison-section { padding: 100px 0; background: var(--bg-light); }\r\n        .table-wrapper { overflow-x: auto; margin-top: 40px; border-radius: 12px; border: 1px solid var(--border); }\r\n        .comp-table { width: 100%; border-collapse: collapse; text-align: left; background: var(--white); min-width: 600px; }\r\n        .comp-table th, .comp-table td { padding: 20px 25px; border-bottom: 1px solid var(--border); }\r\n        .comp-table th { background: var(--bg-light); font-weight: 700; color: var(--dark); }\r\n        .comp-table th.highlight { background: var(--primary-light); color: var(--primary); }\r\n        .status-badge { display: inline-block; padding: 4px 12px; border-radius: 20px; font-size: 13px; font-weight: 600; }\r\n        .status-badge.yes { background: rgba(16, 185, 129, 0.1); color: var(--success); }\r\n\r\n        \/* INTEREST SIMULATOR *\/\r\n        .simulator { padding: 100px 0; background: var(--dark-blue); color: var(--white); }\r\n        .sim-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; }\r\n        .sim-control h2 { font-family: 'Playfair Display', serif; font-size: 36px; margin-bottom: 16px; }\r\n        .range-group { margin-bottom: 30px; }\r\n        .range-group label { display: flex; justify-content: space-between; font-weight: 600; margin-bottom: 10px; }\r\n        .range-input { width: 100%; -webkit-appearance: none; background: rgba(255,255,255,0.2); height: 6px; border-radius: 3px; }\r\n        .range-input::-webkit-slider-thumb { -webkit-appearance: none; width: 20px; height: 20px; border-radius: 50%; background: var(--primary); cursor: pointer; }\r\n        .sim-result-card { background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); padding: 40px; border-radius: 16px; text-align: center; }\r\n        .sim-result-card .value { font-family: 'Playfair Display', serif; font-size: 48px; font-weight: 900; color: var(--primary); margin: 15px 0; }\r\n\r\n        \/* NUEVO BLOQUE: COMENTARIOS Y FEEDBACK DE LA COMUNIDAD *\/\r\n        .comments-section { padding: 100px 0; background: var(--white); border-top: 1px solid var(--border); }\r\n        .comments-grid { display: grid; grid-template-columns: 1fr 1.2fr; gap: 50px; }\r\n        .comment-form-box { background: var(--bg-light); padding: 40px; border-radius: 12px; border: 1px solid var(--border); height: fit-content; }\r\n        .comment-form-box h3 { font-size: 20px; font-weight: 800; margin-bottom: 8px; color: var(--dark); }\r\n        .comment-form-box p { font-size: 14px; color: var(--text-muted); margin-bottom: 24px; }\r\n        .comments-list-box { display: flex; flex-direction: column; gap: 20px; max-height: 480px; overflow-y: auto; padding-right: 10px; }\r\n        .comment-card { background: var(--white); border: 1px solid var(--border); padding: 24px; border-radius: 8px; box-shadow: 0 4px 6px rgba(0,0,0,0.02); transition: all 0.3s; }\r\n        .comment-card:hover { border-color: var(--primary-light); transform: translateY(-2px); }\r\n        .comment-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; }\r\n        .comment-author { font-size: 15px; font-weight: 700; color: var(--dark); }\r\n        .comment-badge { font-size: 11px; font-weight: 700; background: var(--primary-light); color: var(--primary); padding: 3px 8px; border-radius: 4px; }\r\n        .comment-text { font-size: 14px; color: var(--text-main); font-style: italic; }\r\n\r\n        \/* FAQ ACCORDION *\/\r\n        .faq { padding: 100px 0; background: var(--bg-light); border-top: 1px solid var(--border); }\r\n        .faq-max { max-width: 800px; margin: 0 auto; }\r\n        .faq-item { border-bottom: 1px solid var(--border); padding: 24px 0; cursor: pointer; background: var(--white); padding: 20px 30px; border-radius: 8px; margin-bottom: 15px; box-shadow: 0 2px 4px rgba(0,0,0,0.01); }\r\n        .faq-trigger { display: flex; justify-content: space-between; align-items: center; font-weight: 700; font-size: 16px; color: var(--dark); }\r\n        .faq-icon { color: var(--primary); font-size: 20px; transition: transform 0.3s; }\r\n        .faq-content { max-height: 0; overflow: hidden; transition: max-height 0.3s ease; }\r\n        .faq-content p { padding-top: 14px; color: var(--text-muted); font-size: 14px; line-height: 1.5; }\r\n        .faq-item.active .faq-content { max-height: 200px; }\r\n        .faq-item.active .faq-icon { transform: rotate(45deg); }\r\n\r\n        \/* FOOTER *\/\r\n        footer { background: var(--dark); color: var(--white); padding: 60px 0 30px; border-top: 1px solid rgba(255,255,255,0.1); }\r\n        .footer-grid { display: grid; grid-template-columns: 2fr repeat(2, 1fr); gap: 40px; margin-bottom: 40px; }\r\n        .footer-brand h3 { font-family: 'Playfair Display', serif; font-size: 24px; color: var(--primary); margin-bottom: 16px; }\r\n        .footer-brand p { color: rgba(255,255,255,0.5); font-size: 14px; }\r\n        .footer-links h4 { font-size: 14px; margin-bottom: 16px; color: rgba(255,255,255,0.8); }\r\n        .footer-links ul { list-style: none; }\r\n        .footer-links ul li { margin-bottom: 10px; }\r\n        .footer-links ul li a { color: rgba(255,255,255,0.5); text-decoration: none; font-size: 14px; }\r\n        .footer-legal { border-top: 1px solid rgba(255,255,255,0.05); padding-top: 30px; text-align: center; font-size: 12px; color: rgba(255,255,255,0.4); }\r\n\r\n        .success-state { display: none; text-align: center; padding: 40px 0; }\r\n        .success-state.active { display: block; }\r\n        .success-state .icon { width: 64px; height: 64px; background: rgba(16, 185, 129, 0.1); color: var(--success); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 20px; font-size: 32px; font-weight: bold; }\r\n\r\n        @media (max-width: 968px) {\r\n            .hero-grid, .valencia-grid, .pillars-grid, .features-grid, .opt-grid, .comments-grid, .sim-grid, .footer-grid { grid-template-columns: 1fr; gap: 40px; }\r\n            .header-inner nav { display: none; }\r\n            .valencia-features { grid-template-columns: 1fr; }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <!-- HEADER & HERO -->\r\n    <header>\r\n        <div class=\"header-inner\">\r\n            <div class=\"logo\">TinkBank<\/div>\r\n            <nav>\r\n                <a href=\"#valencia\">Ra\u00edces<\/a>\r\n                <a href=\"#beneficios\">Propuesta de Valor<\/a>\r\n                <a href=\"#optimizador\">Ahorro Inteligente<\/a>\r\n                <a href=\"#comunidad\">Comunidad<\/a>\r\n                <a href=\"#diferencias\">Diferencias<\/a>\r\n                <a href=\"#join-form\" class=\"btn\" style=\"padding: 8px 20px; font-size: 13px;\">Unirme a la Iniciativa<\/a>\r\n            <\/nav>\r\n        <\/div>\r\n    <\/header>\r\n\r\n    <section class=\"hero\">\r\n        <div class=\"container\">\r\n            <div class=\"hero-grid\">\r\n                <div class=\"hero-content\">\r\n                    <h1>Un banco que funciona para ti\u2026 y para todos<\/h1>\r\n                    <p>El banco digital que convierte tu dinero en oportunidades reales. No estamos abriendo cuentas comerciales hoy; estamos uniendo fuerzas para fundar una alternativa financiera s\u00f3lida y transparente desde el primer d\u00eda.<\/p>\r\n                    <a href=\"#join-form\" class=\"btn\">S\u00e9 uno de los 500 fundadores<\/a>\r\n                <\/div>\r\n                \r\n                <div class=\"hero-form-card\" id=\"join-form\">\r\n                    <div id=\"form-content\">\r\n                        <h3>Apoya la creaci\u00f3n<\/h3>\r\n                        <p>Si alcanzamos los 500 apoyos fundadores, iniciaremos el proceso regulatorio para lanzar el proyecto.<\/p>\r\n                        <form onsubmit=\"processSignature(event)\">\r\n                            <div class=\"form-group\">\r\n                                <label>Nombre completo<\/label>\r\n                                <input type=\"text\" id=\"signer-name\" required placeholder=\"Ej. Carlos Mendoza\">\r\n                            <\/div>\r\n                            <div class=\"form-group\">\r\n                                <label>Correo electr\u00f3nico<\/label>\r\n                                <input type=\"email\" id=\"signer-email\" required placeholder=\"carlos@ejemplo.com\">\r\n                            <\/div>\r\n                            <div class=\"form-group\">\r\n                                <label>Saldo medio estimado a depositar<\/label>\r\n                                <select id=\"signer-balance\" required>\r\n                                    <option value=\"\" disabled selected>Selecciona un rango<\/option>\r\n                                    <option value=\"5000\">Menos de 5.000\u20ac<\/option>\r\n                                    <option value=\"15000\">Entre 5.000\u20ac y 20.000\u20ac<\/option>\r\n                                    <option value=\"50000\">M\u00e1s de 20.000\u20ac<\/option>\r\n                                <\/select>\r\n                            <\/div>\r\n                            <button type=\"submit\" class=\"btn\" style=\"width: 100%; margin-top: 10px;\">Quiero que este banco exista<\/button>\r\n                        <\/form>\r\n                    <\/div>\r\n                    <div id=\"form-success\" class=\"success-state\">\r\n                        <div class=\"icon\">\u2713<\/div>\r\n                        <h3>\u00a1Apoyo Registrado!<\/h3>\r\n                        <p>Gracias por unirte al cambio. Hemos actualizado el marcador en tiempo real. Te notificaremos con prioridad absoluta ante cualquier avance regulatorio.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- LIVE DATA BAR -->\r\n    <section class=\"counter-bar\">\r\n        <div class=\"container\">\r\n            <div class=\"counter-flex\">\r\n                <div class=\"counter-info\">\r\n                    <h4>Respaldo Comunitario Fundacional<\/h4>\r\n                    <p>Necesitamos 500 manifestaciones de inter\u00e9s para formalizar la propuesta<\/p>\r\n                <\/div>\r\n                <div class=\"progress-container\">\r\n                    <div class=\"progress-track\">\r\n                        <div class=\"progress-bar\" id=\"liveProgressBar\"><\/div>\r\n                    <\/div>\r\n                    <div class=\"progress-labels\">\r\n                        <span>Progreso actual<\/span>\r\n                        <span id=\"progressPercentage\">68.4%<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"counter-number-box\">\r\n                    <span class=\"counter-big-num\" id=\"liveCounter\">342<\/span>\r\n                    <span style=\"font-size: 11px; text-transform: uppercase; color: rgba(255,255,255,0.6);\">Firmas de Apoyo<\/span>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- BLOQUE VALENCIA -->\r\n    <section id=\"valencia\" class=\"valencia-section\">\r\n        <div class=\"container\">\r\n            <div class=\"valencia-grid\">\r\n                <div>\r\n                    <span class=\"valencia-badge\">\ud83d\udccd ADN de Proximidad<\/span>\r\n                    <h2>Impulsando el futuro financiero desde Valencia<\/h2>\r\n                    <p>TinkBank nace con orgullo en la Comunitat Valenciana, una tierra con una herencia \u00fanica de banca cooperativa, social y de cercan\u00eda. No queremos ser un fondo impersonal en una gran capital; queremos recuperar el valor humano de las finanzas.<\/p>\r\n                    <p>Fusionamos esa esencia local con el motor tecnol\u00f3gico m\u00e1s potente del ecosistema actual para ofrecer soluciones a toda nuestra comunidad.<\/p>\r\n                <\/div>\r\n                <div class=\"valencia-features\">\r\n                    <div class=\"valencia-feat-item\">\r\n                        <h4>Tradici\u00f3n Cooperativa<\/h4>\r\n                        <p>Inspirados en la ayuda mutua y en revertir los beneficios directamente en el entorno.<\/p>\r\n                    <\/div>\r\n                    <div class=\"valencia-feat-item\">\r\n                        <h4>Hub Tecnol\u00f3gico<\/h4>\r\n                        <p>Aprovechamos el talento y la innovaci\u00f3n del ecosistema fintech valenciano.<\/p>\r\n                    <\/div>\r\n                    <div class=\"valencia-feat-item\">\r\n                        <h4>Finanzas \u00c9ticas<\/h4>\r\n                        <p>Garantizamos que el flujo del dinero potencie el tejido social local.<\/p>\r\n                    <\/div>\r\n                    <div class=\"valencia-feat-item\">\r\n                        <h4>Comunidad Real<\/h4>\r\n                        <p>Dise\u00f1ado junto a ti, escuchando tus necesidades reales de principio a fin.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- THE 3 STRUCTURAL PILLARS -->\r\n    <section id=\"beneficios\" class=\"pillars\">\r\n        <div class=\"container\">\r\n            <div class=\"section-title\">\r\n                <h2>Tu dinero no solo guarda valor. Lo crea.<\/h2>\r\n                <p>Estamos construyendo un banco diferente: sin abusos, sin letra peque\u00f1a y con condiciones justas.<\/p>\r\n            <\/div>\r\n            <div class=\"pillars-grid\">\r\n                <div class=\"pillar-card\">\r\n                    <span class=\"pillar-num\">01<\/span>\r\n                    <h3>Sin abusos ni letra peque\u00f1a<\/h3>\r\n                    <p>Eliminamos por completo las comisiones de administraci\u00f3n y mantenimiento que drenan tus ahorros sin justificaci\u00f3n alguna.<\/p>\r\n                <\/div>\r\n                <div class=\"pillar-card\">\r\n                    <span class=\"pillar-num\">02<\/span>\r\n                    <h3>Condiciones justas<\/h3>\r\n                    <p>Planteamos una cuenta corriente remunerada vinculada de forma directa al rendimiento real de los activos l\u00edquidos de bajo riesgo.<\/p>\r\n                <\/div>\r\n                <div class=\"pillar-card\">\r\n                    <span class=\"pillar-num\">03<\/span>\r\n                    <h3>Construido contigo<\/h3>\r\n                    <p>Como miembro fundador de esta fase inicial, tu opini\u00f3n cuenta. Podr\u00e1s influir en las decisiones cr\u00edticas del desarrollo del banco.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"cta-wrapper\">\r\n                <a href=\"#join-form\" class=\"btn\">Quiero sumarme a la comunidad fundadora<\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- IMPACT & VALUE BLOCK -->\r\n    <section id=\"impacto\" class=\"value-addition\">\r\n        <div class=\"container\">\r\n            <div class=\"section-title\">\r\n                <h2>Cada cuenta genera un impacto real<\/h2>\r\n                <p>Creemos firmemente que las finanzas deben ser una herramienta de cambio positivo.<\/p>\r\n            <\/div>\r\n            <div class=\"features-grid\">\r\n                <div class=\"feature-box\">\r\n                    <div class=\"feature-icon\">\ud83c\udf0d<\/div>\r\n                    <div class=\"feature-box-content\">\r\n                        <h4>Modelo Social Nativo<\/h4>\r\n                        <p>No es una campa\u00f1a de marketing de fin de a\u00f1o. Un porcentaje de nuestros beneficios se destina por dise\u00f1o de forma directa a proyectos sociales.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"feature-box\">\r\n                    <div class=\"feature-icon\">\ud83d\udc65<\/div>\r\n                    <div class=\"feature-box-content\">\r\n                        <h4>Apoyo a Colectivos Vulnerables<\/h4>\r\n                        <p>Canalizamos recursos e iniciativas hacia colectivos que necesitan un impulso real y medible en nuestra sociedad.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"feature-box\">\r\n                    <div class=\"feature-icon\">\ud83d\udcf1<\/div>\r\n                    <div class=\"feature-box-content\">\r\n                        <h4>Control Total desde tu M\u00f3vil<\/h4>\r\n                        <p>Una aplicaci\u00f3n moderna, simple, r\u00e1pida y clara. Dise\u00f1ada para darte la autonom\u00eda que necesitas sin rodeos burocr\u00e1ticos.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"feature-box\">\r\n                    <div class=\"feature-icon\">\ud83e\udd1d<\/div>\r\n                    <div class=\"feature-box-content\">\r\n                        <h4>Atenci\u00f3n Humana y Cercana<\/h4>\r\n                        <p>Detr\u00e1s de la tecnolog\u00eda de vanguardia hay personas listas para ayudarte. Respuestas claras dadas por humanos, no por chatbots infinitos.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- ASESOR DE OPTIMIZACI\u00d3N INTELIGENTE -->\r\n    <section id=\"optimizador\" class=\"optimization-section\">\r\n        <div class=\"container\">\r\n            <div class=\"opt-grid\">\r\n                <div class=\"opt-content\">\r\n                    <h2>No es solo un sitio donde gastar dinero. Es tu aliado para ahorrarlo.<\/h2>\r\n                    <p>La mayor\u00eda de los bancos se limitan a mostrarte en qu\u00e9 te has gastado el dinero. En TinkBank queremos ir m\u00e1s all\u00e1, integrando tecnolog\u00eda inteligente inspirada en los mejores modelos de gesti\u00f3n personal.<\/p>\r\n                    <p>Nuestra aplicaci\u00f3n analizar\u00e1 tus patrones de consumo fijos de forma totalmente privada para actuar como un asesor proactivo que cuida de tu salud financiera.<\/p>\r\n                    \r\n                    <ul class=\"opt-list\">\r\n                        <li>\r\n                            <div class=\"opt-list-icon\">\u26a1<\/div>\r\n                            <div class=\"opt-list-text\">\r\n                                <h4>Detecci\u00f3n de sobrecostes en Energ\u00eda y Luz<\/h4>\r\n                                <p>\u00bfEst\u00e1s pagando de m\u00e1s en tu factura el\u00e9ctrica? El sistema te avisar\u00e1 autom\u00e1ticamente y te propondr\u00e1 alternativas de optimizaci\u00f3n con un clic.<\/p>\r\n                            <\/div>\r\n                        <\/li>\r\n                        <li>\r\n                            <div class=\"opt-list-icon\">\ud83d\udcc4<\/div>\r\n                            <div class=\"opt-list-text\">\r\n                                <h4>Mejora constante de Seguros y Telefon\u00eda<\/h4>\r\n                                <p>Compara y renegocia tus p\u00f3lizas y contratos directamente desde la app en el momento en que detectemos una tarifa mejor para tu perfil.<\/p>\r\n                            <\/div>\r\n                        <\/li>\r\n                        <li>\r\n                            <div class=\"opt-list-icon\">\ud83d\udcc9<\/div>\r\n                            <div class=\"opt-list-text\">\r\n                                <h4>Control Absoluto de Suscripciones<\/h4>\r\n                                <p>Visualiza y cancela esos servicios mensuales olvidados que van mermando tu cuenta sin que te des cuenta.<\/p>\r\n                            <\/div>\r\n                        <\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n                \r\n                <div class=\"opt-visual-card\">\r\n                    <h4 style=\"margin-bottom: 20px; font-size: 14px; text-transform: uppercase; color: var(--text-muted); letter-spacing: 0.5px;\">Simulaci\u00f3n de Asistente TinkBank<\/h4>\r\n                    \r\n                    <div class=\"opt-alert-box\">\r\n                        <div>\r\n                            <span style=\"font-size: 11px; font-weight: 700; color: #ef4444; text-transform: uppercase;\">Alerta de Gasto<\/span>\r\n                            <h5 style=\"font-size: 15px; margin: 2px 0;\">Factura de Luz Detectada (94,20\u20ac)<\/h5>\r\n                            <p style=\"font-size: 13px; color: var(--text-muted);\">Est\u00e1s un 24% por encima de la media de tu zona.<\/p>\r\n                        <\/div>\r\n                        <span style=\"font-size: 24px;\">\ud83d\udca1<\/span>\r\n                    <\/div>\r\n\r\n                    <div class=\"opt-alert-box success\" style=\"margin-bottom: 0;\">\r\n                        <div>\r\n                            <span style=\"font-size: 11px; font-weight: 700; color: var(--success); text-transform: uppercase;\">Propuesta de Ahorro<\/span>\r\n                            <h5 style=\"font-size: 15px; margin: 2px 0;\">Cambio de tarifa sugerido<\/h5>\r\n                            <p style=\"font-size: 13px; color: var(--text-muted);\">Ahorro estimado de <b>18,50\u20ac \/ mes<\/b> manteniendo tu potencia.<\/p>\r\n                        <\/div>\r\n                        <span style=\"font-size: 24px;\">\ud83d\ude80<\/span>\r\n                    <\/div>\r\n                    \r\n                    <div style=\"margin-top: 30px; text-align: center; background: rgba(0, 82, 204, 0.05); padding: 20px; border-radius: 8px; border: 1px dashed var(--primary);\">\r\n                        <p style=\"font-size: 14px; color: var(--primary-dark); font-weight: 600; margin-bottom: 0;\">Tu banco no deber\u00eda quedarse mirando c\u00f3mo gastas. Deber\u00eda ayudarte a evitarlo.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"cta-wrapper\" style=\"margin-top: 60px;\">\r\n                <a href=\"#join-form\" class=\"btn\">Quiero una cuenta inteligente que optimice mis gastos<\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- TABLA COMPARATIVA -->\r\n    <section id=\"diferencias\" class=\"comparison-section\">\r\n        <div class=\"container\">\r\n            <div class=\"section-title\">\r\n                <h2>Lo que esperas de un banco... y algo m\u00e1s<\/h2>\r\n                <p>Ponemos las cartas sobre la mesa para que veas la diferencia real de nuestro enfoque.<\/p>\r\n            <\/div>\r\n            <div class=\"table-wrapper\">\r\n                <table class=\"comp-table\">\r\n                    <thead>\r\n                        <tr>\r\n                            <th>Caracter\u00edsticas<\/th>\r\n                            <th class=\"highlight\">Propuesta TinkBank<\/th>\r\n                            <th>Banca Tradicional<\/th>\r\n                        <\/tr>\r\n                    <\/thead>\r\n                    <tbody>\r\n                        <tr>\r\n                            <td><strong>Comisiones de mantenimiento<\/strong><\/td>\r\n                            <td class=\"highlight\"><span class=\"status-badge yes\">0 \u20ac Siempre<\/span><\/td>\r\n                            <td>Hasta 240\u20ac \/ a\u00f1o si dejas de cumplir condiciones<\/td>\r\n                        <\/tr>\r\n                        <tr>\r\n                            <td><strong>Asesor de optimizaci\u00f3n integrado<\/strong><\/td>\r\n                            <td class=\"highlight\"><span class=\"status-badge yes\">S\u00ed (Luz, seguros, telefon\u00eda)<\/span><\/td>\r\n                            <td>No (Solo les interesa que gastes o financies con ellos)<\/td>\r\n                        <\/tr>\r\n                        <tr>\r\n                            <td><strong>Transparencia operativa<\/strong><\/td>\r\n                            <td class=\"highlight\">Total y desde el primer d\u00eda<\/td>\r\n                            <td>Letra peque\u00f1a y cambios de condiciones unilaterales<\/td>\r\n                        <\/tr>\r\n                        <tr>\r\n                            <td><strong>Destino de los beneficios<\/strong><\/td>\r\n                            <td class=\"highlight\">Impacto social y comunitario medible<\/td>\r\n                            <td>Exclusivo para maximizar el dividendo corporativo<\/td>\r\n                        <\/tr>\r\n                    <\/tbody>\r\n                <\/table>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- INTEREST SIMULATOR -->\r\n    <section id=\"simulador\" class=\"simulator\">\r\n        <div class=\"container\">\r\n            <div class=\"sim-grid\">\r\n                <div class=\"sim-control\">\r\n                    <h2>Simulador de Impacto y Rendimiento<\/h2>\r\n                    <p>Haz una estimaci\u00f3n basada en las tasas proyectadas del diferencial de bonos soberanos actuales.<\/p>\r\n                    \r\n                    <div class=\"range-group\">\r\n                        <label><span>Capital Estimado a Depositar:<\/span> <span id=\"capitalLabel\">25.000 \u20ac<\/span><\/label>\r\n                        <input type=\"range\" min=\"1000\" max=\"100000\" step=\"1000\" value=\"25000\" class=\"range-input\" id=\"capitalRange\" oninput=\"updateSimulation()\">\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"sim-result-card\">\r\n                    <h4 style=\"text-transform: uppercase; letter-spacing: 1px; font-size: 13px; color: rgba(255,255,255,0.6);\">Remuneraci\u00f3n Estimada Anual<\/h4>\r\n                    <div class=\"value\" id=\"simResult\">750 \u20ac<\/div>\r\n                    <p style=\"font-size: 14px; color: var(--success); font-weight: 600;\">\u2713 Con 0 \u20ac en comisiones de mantenimiento<\/p>\r\n                    <p style=\"font-size: 12px; color: rgba(255,255,255,0.4); margin-top: 20px;\">Nota: Simulaci\u00f3n basada en una tasa estimada ponderada del 3.0% TAE sujeta a variaciones del mercado de deuda p\u00fablica.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- NUEVO BLOQUE: COMENTARIOS Y APORTES DE LA COMUNIDAD -->\r\n    <section id=\"comunidad\" class=\"comments-section\">\r\n        <div class=\"container\">\r\n            <div class=\"section-title\">\r\n                <h2>Dise\u00f1emos el banco juntos<\/h2>\r\n                <p>Queremos escuchar a la comunidad desde la fase inicial. D\u00e9janos tu propuesta o dinos qu\u00e9 servicio te urge optimizar.<\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"comments-grid\">\r\n                <div class=\"comment-form-box\">\r\n                    <h3>\u00bfQu\u00e9 opinas del proyecto?<\/h3>\r\n                    <p>Tu opini\u00f3n nos ayuda a perfilar las funcionalidades clave antes del lanzamiento definitivo.<\/p>\r\n                    <form onsubmit=\"addComment(event)\">\r\n                        <div class=\"form-group\">\r\n                            <label>Tu Nombre o Iniciales<\/label>\r\n                            <input type=\"text\" id=\"comment-author\" required placeholder=\"Ej. Marta S.\">\r\n                        <\/div>\r\n                        <div class=\"form-group\">\r\n                            <label>\u00bfQu\u00e9 servicio te gustar\u00eda que optimiz\u00e1ramos primero en la App?<\/label>\r\n                            <textarea id=\"comment-text\" required placeholder=\"Ej. Me encantar\u00eda que me ayudara a optimizar el seguro del coche o la tarifa de luz de casa, que pago un dineral...\"><\/textarea>\r\n                        <\/div>\r\n                        <button type=\"submit\" class=\"btn\" style=\"width: 100%;\">Enviar mi propuesta<\/button>\r\n                    <\/form>\r\n                <\/div>\r\n                \r\n                <div>\r\n                    <h4 style=\"margin-bottom: 20px; font-size: 15px; color: var(--text-muted); font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px;\">Propuestas recientes de la comunidad<\/h4>\r\n                    <div class=\"comments-list-box\" id=\"commentsContainer\">\r\n                        <div class=\"comment-card\">\r\n                            <div class=\"comment-header\">\r\n                                <span class=\"comment-author\">Vicente Ribes (Valencia)<\/span>\r\n                                <span class=\"comment-badge\">Socio Fundador<\/span>\r\n                            <\/div>\r\n                            <p class=\"comment-text\">\"La idea de que el propio banco te avise si est\u00e1s pagando de m\u00e1s por la luz me parece brutal. Llevo a\u00f1os con la misma compa\u00f1\u00eda por pereza a cambiar.\"<\/p>\r\n                        <\/div>\r\n                        <div class=\"comment-card\">\r\n                            <div class=\"comment-header\">\r\n                                <span class=\"comment-author\">Laura M.<\/span>\r\n                                <span class=\"comment-badge\">Early Adopter<\/span>\r\n                            <\/div>\r\n                            <p class=\"comment-text\">\"Hac\u00eda falta un proyecto as\u00ed con ra\u00edces valencianas. Si de verdad no tiene comisiones de mantenimiento ocultas, contad con mi cuenta corriente desde el d\u00eda uno.\"<\/p>\r\n                        <\/div>\r\n                        <div class=\"comment-card\">\r\n                            <div class=\"comment-header\">\r\n                                <span class=\"comment-author\">Javi_Fintech<\/span>\r\n                                <span class=\"comment-badge\">Socio Fundador<\/span>\r\n                            <\/div>\r\n                            <p class=\"comment-text\">\"Estar\u00eda genial que tambi\u00e9n incluyerais una pesta\u00f1a para optimizar las suscripciones de streaming mensuales (Netflix, Spotify, etc.) que a veces se duplican.\"<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- FAQ ACCORDION -->\r\n    <section id=\"faq\" class=\"faq\">\r\n        <div class=\"container\">\r\n            <div class=\"section-title\">\r\n                <h2>Preguntas Frecuentes<\/h2>\r\n                <p>Todo lo que necesitas saber sobre los objetivos y la naturaleza legal de este manifiesto fundacional.<\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"faq-max\">\r\n                <div class=\"faq-item\" onclick=\"toggleFaq(this)\">\r\n                    <div class=\"faq-trigger\">\r\n                        <span>\u00bfQu\u00e9 implicaciones tiene dejar mi apoyo en este formulario?<\/span>\r\n                        <span class=\"faq-icon\">+<\/span>\r\n                    <\/div>\r\n                    <div class=\"faq-content\">\r\n                        <p>Ninguna obligaci\u00f3n financiera ni contractual. No te pediremos dinero, n\u00fameros de cuenta ni DNI. Tu firma representa una manifestaci\u00f3n de inter\u00e9s comercial que nos sirve para validar ante inversores y reguladores que existe demanda para un banco \u00e9tico y remunerado.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"faq-item\" onclick=\"toggleFaq(this)\">\r\n                    <div class=\"faq-trigger\">\r\n                        <span>\u00bfC\u00f3mo funciona el optimizador de servicios?<\/span>\r\n                        <span class=\"faq-icon\">+<\/span>\r\n                    <\/div>\r\n                    <div class=\"faq-content\">\r\n                        <p>El sistema lee de manera autom\u00e1tica y segura los recibos recurrentes que llegan a tu cuenta (luz, gas, internet, seguros). Cruzando estos datos con las mejores ofertas del mercado del ecosistema fintech, te avisa si est\u00e1s pagando un sobrecoste para que puedas cambiarte de forma transparente y ahorrar.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"faq-item\" onclick=\"toggleFaq(this)\">\r\n                    <div class=\"faq-trigger\">\r\n                        <span>\u00bfPor qu\u00e9 buscamos exactamente a 500 personas?<\/span>\r\n                        <span class=\"faq-icon\">+<\/span>\r\n                    <\/div>\r\n                    <div class=\"faq-content\">\r\n                        <p>Alcanzar las primeras 500 manifestaciones de inter\u00e9s es el hito clave de nuestra Fase 1. Demuestra tracci\u00f3n inicial s\u00f3lida para desbloquear las rondas operativas y legales necesarias para el desarrollo definitivo de la plataforma fintech.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- FOOTER -->\r\n    <footer>\r\n        <div class=\"container\">\r\n            <div class=\"footer-grid\">\r\n                <div class=\"footer-brand\">\r\n                    <h3>TinkBank<\/h3>\r\n                    <p>Un modelo conceptual con ra\u00edces en Valencia enfocado en redefinir la rentabilidad, la transparencia institucional y el impacto social positivo dentro del sector fintech.<\/p>\r\n                <\/div>\r\n                <div class=\"footer-links\">\r\n                    <h4>Ecosistema<\/h4>\r\n                    <ul>\r\n                        <li><a href=\"#valencia\">Ra\u00edces<\/a><\/li>\r\n                        <li><a href=\"#beneficios\">Propuesta de Valor<\/a><\/li>\r\n                        <li><a href=\"#optimizador\">Ahorro Inteligente<\/a><\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n                <div class=\"footer-links\">\r\n                    <h4>Contacto<\/h4>\r\n                    <ul>\r\n                        <li><a href=\"mailto:info@tinkbank.com\">info@tinkbank.com<\/a><\/li>\r\n                        <li><a href=\"#join-form\">Unirse como Fundador<\/a><\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"footer-legal\">\r\n                <p>&copy; 2026 TinkBank. Todos los derechos reservados.<\/p>\r\n                <p style=\"margin-top: 10px; opacity: 0.7; line-height: 1.4;\">Exenci\u00f3n de responsabilidad: TinkBank es una iniciativa en fase de validaci\u00f3n de mercado. No constituye una entidad de cr\u00e9dito autorizada ni presta servicios bancarios ni de inversi\u00f3n regulados en el momento actual. El registro no supone la apertura de ning\u00fan tipo de producto financiero.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/footer>\r\n\r\n    <!-- JAVASCRIPT LOGIC -->\r\n    <script>\r\n        function toggleFaq(element) {\r\n            element.classList.toggle('active');\r\n        }\r\n\r\n        function updateSimulation() {\r\n            const capital = document.getElementById('capitalRange').value;\r\n            document.getElementById('capitalLabel').innerText = parseInt(capital).toLocaleString('es-ES') + ' \u20ac';\r\n            const yieldProvisional = Math.round(capital * 0.03);\r\n            document.getElementById('simResult').innerText = yieldProvisional.toLocaleString('es-ES') + ' \u20ac';\r\n        }\r\n\r\n        function processSignature(event) {\r\n            event.preventDefault();\r\n            const counterEl = document.getElementById('liveCounter');\r\n            let count = parseInt(counterEl.innerText);\r\n            if(count < 500) {\r\n                count++;\r\n                counterEl.innerText = count;\r\n                const percent = ((count \/ 500) * 100).toFixed(1);\r\n                document.getElementById('liveProgressBar').style.width = percent + '%';\r\n                document.getElementById('progressPercentage').innerText = percent + '%';\r\n            }\r\n            document.getElementById('form-content').style.display = 'none';\r\n            document.getElementById('form-success').classList.add('active');\r\n        }\r\n\r\n        \/\/ L\u00d3GICA INTERACTIVA DE COMENTARIOS\r\n        function addComment(event) {\r\n            event.preventDefault();\r\n            const author = document.getElementById('comment-author').value;\r\n            const text = document.getElementById('comment-text').value;\r\n            \r\n            const container = document.getElementById('commentsContainer');\r\n            \r\n            const newComment = document.createElement('div');\r\n            newComment.className = 'comment-card';\r\n            newComment.innerHTML = `\r\n                <div class=\"comment-header\">\r\n                    <span class=\"comment-author\">${author}<\/span>\r\n                    <span class=\"comment-badge\" style=\"background: rgba(16, 185, 129, 0.1); color: var(--success);\">Propuesta Recibida<\/span>\r\n                <\/div>\r\n                <p class=\"comment-text\">\"${text}\"<\/p>\r\n            `;\r\n            \r\n            \/\/ Lo insertamos al principio de la lista\r\n            container.insertBefore(newComment, container.firstChild);\r\n            \r\n            \/\/ Reseteamos el formulario\r\n            document.getElementById('comment-author').value = '';\r\n            document.getElementById('comment-text').value = '';\r\n        }\r\n    <\/script>\r\n<\/body>\r\n<\/html>\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>TinkBank &#8211; El Banco Digital que Estabas Esperando 0 de 500 TinkBank Propuesta Caracter\u00edsticas Preguntas Quiero Unirme El banco que finalmente hace lo que promete Sin comisiones ocultas, sin sorpresas, sin letra peque\u00f1a. Solo herramientas financieras inteligentes, transparencia total y un impacto social real. \u2713 Gestiona tu dinero con herramientas inteligentes dise\u00f1adas para ti \u2713 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-13","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/saleriservices.es\/index.php\/wp-json\/wp\/v2\/pages\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/saleriservices.es\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/saleriservices.es\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/saleriservices.es\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/saleriservices.es\/index.php\/wp-json\/wp\/v2\/comments?post=13"}],"version-history":[{"count":5,"href":"https:\/\/saleriservices.es\/index.php\/wp-json\/wp\/v2\/pages\/13\/revisions"}],"predecessor-version":[{"id":47,"href":"https:\/\/saleriservices.es\/index.php\/wp-json\/wp\/v2\/pages\/13\/revisions\/47"}],"wp:attachment":[{"href":"https:\/\/saleriservices.es\/index.php\/wp-json\/wp\/v2\/media?parent=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}