{"id":48,"date":"2026-06-26T10:07:22","date_gmt":"2026-06-26T10:07:22","guid":{"rendered":"https:\/\/saleriservices.es\/?page_id=48"},"modified":"2026-06-26T10:09:09","modified_gmt":"2026-06-26T10:09:09","slug":"elementor-48","status":"publish","type":"page","link":"https:\/\/saleriservices.es\/index.php\/elementor-48\/","title":{"rendered":"Elementor #48"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"48\" class=\"elementor elementor-48\">\n\t\t\t\t<div class=\"elementor-element elementor-element-23f6a20 e-flex e-con-boxed e-con e-parent\" data-id=\"23f6a20\" 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-eb07333 elementor-widget elementor-widget-html\" data-id=\"eb07333\" 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; Un Concepto Diferente de Banca Digital TinkBank Ra\u00edces Propuesta de Valor Ahorro Inteligente Comunidad Diferencias Unirme a la Iniciativa Un banco que funciona para ti\u2026 y para todos 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 [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-48","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/saleriservices.es\/index.php\/wp-json\/wp\/v2\/pages\/48","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\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/saleriservices.es\/index.php\/wp-json\/wp\/v2\/comments?post=48"}],"version-history":[{"count":4,"href":"https:\/\/saleriservices.es\/index.php\/wp-json\/wp\/v2\/pages\/48\/revisions"}],"predecessor-version":[{"id":52,"href":"https:\/\/saleriservices.es\/index.php\/wp-json\/wp\/v2\/pages\/48\/revisions\/52"}],"wp:attachment":[{"href":"https:\/\/saleriservices.es\/index.php\/wp-json\/wp\/v2\/media?parent=48"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}