PageSourceSearch

https://controltab.io/

html controltab.io collected 2026-09-24 15:03:20 UTC 54,632 bytes, 825 lines download raw bytes

1<!DOCTYPE html>
2<html lang="es">
3  <head>
4      <!-- GTM on Rails before Page View -->
5  
5<script>var dataLayer = dataLayer || [];</script>
5
6  <!-- End GTM on Rails before Page View -->
7<!-- Google Tag Manager -->
8<script>
vendor: 327 bytes, lines 8-12
8(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
9new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
10j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
11'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
12})(window,document,'script','dataLayer','
12GTM-MZMJSQ8R
vendor: 3 bytes, line 12
12');
12</script>
12
13<!-- End Google Tag Manager -->
14
15
16    <title>The Ultimate Tab Manager for Productive People | ControlTab</title>
17<meta name="description" content="ControlTab helps you organize your browser tabs and work more efficiently. Say goodbye to tab chaos.">
18<meta name="keywords" content="tab manager, productivity, browser extension, organize tabs">
19    
19<script type="application/ld+json">{"@context":"https://schema.org","@type":"WebSite","name":"ControlTab","url":"https://controltab.io/es","potentialAction":{"@type":"SearchAction","target":"https://controltab.io/es/search?q={search_term_string}","query-input":"required name=search_term_string"}}</script>
19<script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","name":"ControlTab","url":"https://controltab.io/es","logo":"https://controltab.io/assets/logo-bac226fd319ab0bedc4e890f2b2b27164eb525029085363e391e5cb5fb4d7c60.webp","sameAs":["https://twitter.com/controltab"]}</script>
19
20    <meta name="viewport" content="width=device-width,initial-scale=1">
21    <meta name="csrf-param" content="authenticity_token" />
22<meta name="csrf-token" content="7-9HcIPY8SYdT88Wtvh_AkMY7Qi9AQ38KmKzvLTX6TiJnxWN6nMHRFAb-qOw_1JGk4noKlmWVeqgYmacyTsKTA" />
23    
24    <link rel="preconnect" href="https://fonts.googleapis.com">
25    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
26    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&display=swap" rel="stylesheet">
27    <link rel="icon" type="image/x-icon" href="/favicon.ico" />
28    <link rel="stylesheet" href="/assets/tailwind-06345ab8d8c0282885117e8d7a0573c8646dcee98ff29d74b9b67bf72b7ba154.css" data-turbo-track="reload" />
29    <link rel="stylesheet" href="/assets/application-939c78819d3aa066dbb8dd2f8f48f094831dcfc6a1f9c8dd340e29e4f8d4694c.css" data-turbo-track="reload" />
30    
30<script type="importmap" data-turbo-track="reload">{
31  "imports": {
32    "application": "/assets/application-37f365cbecf1fa2810a8303f4b6571676fa1f9c56c248528bc14ddb857531b95.js",
33    "@hotwired/turbo-rails": "/assets/turbo.min-38d030897e3554a265d3a3b6bdf4fb7509b08197ba2b6e3761683c07e776c1bc.js",
34    "@hotwired/stimulus": "/assets/stimulus.min-dd364f16ec9504dfb72672295637a1c8838773b01c0b441bd41008124c407894.js",
35    "@hotwired/stimulus-loading": "/assets/stimulus-loading-3576ce92b149ad5d6959438c6f291e2426c86df3b874c525b30faad51b0d96b3.js",
36    "chart.js": "https://ga.jspm.io/npm:[email protected]/dist/chart.js",
37    "@kurkle/color": "https://ga.jspm.io/npm:@kurkle/[email protected]/dist/color.esm.js",
38    "animejs": "https://cdn.jsdelivr.net/npm/[email protected]/lib/anime.es.js",
39    "react": "https://esm.sh/[email protected]",
40    "react-dom/client": "https://esm.sh/[email protected]/client",
41    "@xyflow/react": "https://esm.sh/@xyflow/[email protected][email protected],[email protected]",
42    "controllers/admin_theme_controller": "/assets/controllers/admin_theme_controller-55680a2a17b69e3186abb45a0eb426d94a4c7108f881fe95ef9ae42076b2dd41.js",
43    "controllers/application": "/assets/controllers/application-368d98631bccbf2349e0d4f8269afb3fe9625118341966de054759d96ea86c7e.js",
44    "controllers/auto_filter_controller": "/assets/controllers/auto_filter_controller-276e81bf1fdf7db8c14188eea9c65a91191d2ad3a9494a2420a8c0fee8c090f7.js",
45    "controllers/chart_controller": "/assets/controllers/chart_controller-64769c2c08da3b3a86d58decfad7e05dc44a3f30092d861aa1333ea3e35a6288.js",
46    "controllers/clipboard_controller": "/assets/controllers/clipboard_controller-7587d322b3bc64e2b7bb4888c59270e32fabdcb792f5a47c13eaf3ada04c88ed.js",
47    "controllers/dropdown_controller": "/assets/controllers/dropdown_controller-8b5fe24a7320badf340f8358298b73d834710262f7e50a0a76b628624ad8944e.js",
48    "controllers/flash_controller": "/assets/controllers/flash_controller-8b21fe3583d32ba8e5c8aa1cb400ca8c18ce0e34d7b6da1cf8082643b6837868.js",
49    "controllers/form_steps_controller": "/assets/controllers/form_steps_controller-9cdd16a7ee4a5895fa7e8ae037553ae0cea81ad92ca1d1a621fb8c98688d93b5.js",
50    "controllers/hello_controller": "/assets/controllers/hello_controller-549135e8e7c683a538c3d6d517339ba470fcfb79d62f738a0a089ba41851a554.js",
51    "controllers": "/assets/controllers/index-31a9bee606cbc5cdb1593881f388bbf4c345bf693ea24e124f84b6d5c98ab648.js",
52    "controllers/interactive_background_controller": "/assets/controllers/interactive_background_controller-1d2a605ca68460bc1dc8058b70888cd13bfd4592d32754f0c926f0781cba526d.js",
53    "controllers/mobile_menu_controller": "/assets/controllers/mobile_menu_controller-161fe63677030539bd5289f413607bc48c3a3c5dc657a43b597938b7edd68f93.js",
54    "controllers/page_controller": "/assets/controllers/page_controller-81d60b4dc2ae5a9de7d1452e3fe0cd6d91560aaf060d6719ce235d4c9134431a.js",
55    "controllers/reveal_controller": "/assets/controllers/reveal_controller-b1948f4700d8996662dcf88c169f4b1f5f93e36edd9f7ac7cb02d1422071d24e.js",
56    "controllers/route_flow_pro_controller": "/assets/controllers/route_flow_pro_controller-a13803276d0d40c865c58201463434c096498559970d0669388bc65fa32d2b7e.js",
57    "controllers/route_map_controller": "/assets/controllers/route_map_controller-abd542f1e3d0274f5b278d6e9b89b52ab50ec3789cdd85d46a311bb83c74a08c.js",
58    "controllers/sidebar_controller": "/assets/controllers/sidebar_controller-227cfe66b495939cd60afa74c5a75cb12b4eb117aa9f2fa9c06b7011866a5021.js",
59    "controllers/tabs_controller": "/assets/controllers/tabs_controller-1addd756228a0a4c4114d57929c2167a3a2fa91a4fd0a2417b25a1c9ea398517.js"
60  }
61}</script>
61
62<link rel="modulepreload" href="/assets/application-37f365cbecf1fa2810a8303f4b6571676fa1f9c56c248528bc14ddb857531b95.js">
63<link rel="modulepreload" href="/assets/turbo.min-38d030897e3554a265d3a3b6bdf4fb7509b08197ba2b6e3761683c07e776c1bc.js">
64<link rel="modulepreload" href="/assets/stimulus.min-dd364f16ec9504dfb72672295637a1c8838773b01c0b441bd41008124c407894.js">
65<link rel="modulepreload" href="/assets/stimulus-loading-3576ce92b149ad5d6959438c6f291e2426c86df3b874c525b30faad51b0d96b3.js">
66<link rel="modulepreload" href="https://ga.jspm.io/npm:[email protected]/dist/chart.js">
67<link rel="modulepreload" href="https://ga.jspm.io/npm:@kurkle/[email protected]/dist/color.esm.js">
68<link rel="modulepreload" href="https://cdn.jsdelivr.net/npm/[email protected]/lib/anime.es.js">
69<link rel="modulepreload" href="https://esm.sh/[email protected]">
70<link rel="modulepreload" href="https://esm.sh/[email protected]/client">
71<link rel="modulepreload" href="https://esm.sh/@xyflow/[email protected][email protected],[email protected]">
72<link rel="modulepreload" href="/assets/controllers/admin_theme_controller-55680a2a17b69e3186abb45a0eb426d94a4c7108f881fe95ef9ae42076b2dd41.js">
73<link rel="modulepreload" href="/assets/controllers/application-368d98631bccbf2349e0d4f8269afb3fe9625118341966de054759d96ea86c7e.js">
74<link rel="modulepreload" href="/assets/controllers/auto_filter_controller-276e81bf1fdf7db8c14188eea9c65a91191d2ad3a9494a2420a8c0fee8c090f7.js">
75<link rel="modulepreload" href="/assets/controllers/chart_controller-64769c2c08da3b3a86d58decfad7e05dc44a3f30092d861aa1333ea3e35a6288.js">
76<link rel="modulepreload" href="/assets/controllers/clipboard_controller-7587d322b3bc64e2b7bb4888c59270e32fabdcb792f5a47c13eaf3ada04c88ed.js">
77<link rel="modulepreload" href="/assets/controllers/dropdown_controller-8b5fe24a7320badf340f8358298b73d834710262f7e50a0a76b628624ad8944e.js">
78<link rel="modulepreload" href="/assets/controllers/flash_controller-8b21fe3583d32ba8e5c8aa1cb400ca8c18ce0e34d7b6da1cf8082643b6837868.js">
79<link rel="modulepreload" href="/assets/controllers/form_steps_controller-9cdd16a7ee4a5895fa7e8ae037553ae0cea81ad92ca1d1a621fb8c98688d93b5.js">
80<link rel="modulepreload" href="/assets/controllers/hello_controller-549135e8e7c683a538c3d6d517339ba470fcfb79d62f738a0a089ba41851a554.js">
81<link rel="modulepreload" href="/assets/controllers/index-31a9bee606cbc5cdb1593881f388bbf4c345bf693ea24e124f84b6d5c98ab648.js">
82<link rel="modulepreload" href="/assets/controllers/interactive_background_controller-1d2a605ca68460bc1dc8058b70888cd13bfd4592d32754f0c926f0781cba526d.js">
83<link rel="modulepreload" href="/assets/controllers/mobile_menu_controller-161fe63677030539bd5289f413607bc48c3a3c5dc657a43b597938b7edd68f93.js">
84<link rel="modulepreload" href="/assets/controllers/page_controller-81d60b4dc2ae5a9de7d1452e3fe0cd6d91560aaf060d6719ce235d4c9134431a.js">
85<link rel="modulepreload" href="/assets/controllers/reveal_controller-b1948f4700d8996662dcf88c169f4b1f5f93e36edd9f7ac7cb02d1422071d24e.js">
86<link rel="modulepreload" href="/assets/controllers/route_flow_pro_controller-a13803276d0d40c865c58201463434c096498559970d0669388bc65fa32d2b7e.js">
87<link rel="modulepreload" href="/assets/controllers/route_map_controller-abd542f1e3d0274f5b278d6e9b89b52ab50ec3789cdd85d46a311bb83c74a08c.js">
88<link rel="modulepreload" href="/assets/controllers/sidebar_controller-227cfe66b495939cd60afa74c5a75cb12b4eb117aa9f2fa9c06b7011866a5021.js">
89<link rel="modulepreload" href="/assets/controllers/tabs_controller-1addd756228a0a4c4114d57929c2167a3a2fa91a4fd0a2417b25a1c9ea398517.js">
90<script type="module">import "application"</script>
90
91    <style>
92      body { font-family: 'Inter', sans-serif; }
93    </style>
94  </head>
95
96  <body class="bg-gray-50" data-controller="page">
97    <!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 97-98
97
98<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
98GTM-MZMJSQ8R
vendor: 83 bytes, lines 98-99
98"
99height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
100<!-- End Google Tag Manager (noscript) -->
101  <!-- GTM on Rails -->
102  
102<script>var dataLayer = dataLayer || [];</script>
102
103  <!-- End GTM on Rails -->
104
105
106    <header class="fixed top-0 left-0 right-0 z-50 bg-white shadow-sm p-4" data-controller="mobile-menu">
107      <div class="container mx-auto flex justify-between items-center">
108          <a href="#hero" data-action="click->page#scrollTo" class="flex items-center text-2xl font-black text-gray-800">
109            <img alt="ControlTab Logo" class="h-8 w-auto mr-2" src="/assets/logo-bac226fd319ab0bedc4e890f2b2b27164eb525029085363e391e5cb5fb4d7c60.webp" />
110            ControlTab
111          </a>
112        
113        <nav class="hidden md:flex space-x-6 items-center">
114            <a href="#problems" data-action="click->page#scrollTo" data-page-target="navLink" class="nav-link text-gray-600 hover:text-purple-600 font-semibold transition">Problemas</a>
115            <a href="#solution" data-action="click->page#scrollTo" data-page-target="navLink" class="nav-link text-gray-600 hover:text-purple-600 font-semibold transition">Solución</a>
116            <a href="#story" data-action="click->page#scrollTo" data-page-target="navLink" class="nav-link text-gray-600 hover:text-purple-600 font-semibold transition">Historia</a>
117            <a href="#benefits" data-action="click->page#scrollTo" data-page-target="navLink" class="nav-link text-gray-600 hover:text-purple-600 font-semibold transition">Beneficios</a>
118            <a href="#use-cases" data-action="click->page#scrollTo" data-page-target="navLink" class="nav-link text-gray-600 hover:text-purple-600 font-semibold transition">Casos de Uso</a>
119            <a href="#pricing" data-action="click->page#scrollTo" data-page-target="navLink" class="nav-link text-gray-600 hover:text-purple-600 font-semibold transition">Precios</a>
120          <div class="relative" data-controller="dropdown">
121            <button type="button" class="text-gray-600 hover:text-purple-600 font-semibold transition inline-flex items-center" data-action="click->dropdown#toggle">
122              ES
123              <svg class="ml-1 h-5 w-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
124                <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" />
125              </svg>
126            </button>
127            <div data-dropdown-target="menu" class="hidden absolute right-0 mt-2 w-48 bg-white rounded-md shadow-lg py-1 ring-1 ring-black ring-opacity-5">
128                  <a class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100" href="/en">EN</a>
129                  <a class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100" href="/fr">FR</a>
130            </div>
131          </div>
132            <a class="bg-white hover:bg-gray-50 text-purple-600 font-bold py-2 px-6 rounded-lg border-2 border-purple-600 transition duration-300" href="/es/users/sign_in">Iniciar Sesión</a>
133              <a href="#cta" data-action="click->page#scrollTo" data-page-target="navLink" class="bg-purple-600 hover:bg-purple-700 text-white font-bold py-2 px-6 rounded-lg transition duration-300">
134                Unete ahora
135              </a>
136        </nav>
137
138        <div class="md:hidden">
139          <button data-action="click->mobile-menu#toggle" type="button" class="text-gray-500 hover:text-gray-600 focus:outline-none focus:text-gray-600">
140            <svg class="h-6 w-6" stroke="currentColor" fill="none" viewBox="0 0 24 24">
141              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
142            </svg>
143          </button>
144        </div>
145      </div>
146
147      <div data-mobile-menu-target="menu" class="hidden md:hidden">
148        <div class="pt-2 pb-3 space-y-1 sm:px-3">
149            <a href="#problems" data-action="click->page#scrollTo;click->mobile-menu#toggle" data-page-target="navLink" class="block pl-3 pr-4 py-2 border-l-4 border-transparent text-base font-medium text-gray-600 hover:text-gray-800 hover:bg-gray-50 hover:border-gray-300">Problemas</a>
150            <a href="#solution" data-action="click->page#scrollTo;click->mobile-menu#toggle" data-page-target="navLink" class="block pl-3 pr-4 py-2 border-l-4 border-transparent text-base font-medium text-gray-600 hover:text-gray-800 hover:bg-gray-50 hover:border-gray-300">Solución</a>
151            <a href="#story" data-action="click->
151page#scrollTo;click->mobile-menu#toggle" data-page-target="navLink" class="block pl-3 pr-4 py-2 border-l-4 border-transparent text-base font-medium text-gray-600 hover:text-gray-800 hover:bg-gray-50 hover:border-gray-300">Historia</a>
152            <a href="#benefits" data-action="click->page#scrollTo;click->mobile-menu#toggle" data-page-target="navLink" class="block pl-3 pr-4 py-2 border-l-4 border-transparent text-base font-medium text-gray-600 hover:text-gray-800 hover:bg-gray-50 hover:border-gray-300">Beneficios</a>
153            <a href="#use-cases" data-action="click->page#scrollTo;click->mobile-menu#toggle" data-page-target="navLink" class="block pl-3 pr-4 py-2 border-l-4 border-transparent text-base font-medium text-gray-600 hover:text-gray-800 hover:bg-gray-50 hover:border-gray-300">Casos de Uso</a>
154            <a href="#pricing" data-action="click->page#scrollTo;click->mobile-menu#toggle" data-page-target="navLink" class="block pl-3 pr-4 py-2 border-l-4 border-transparent text-base font-medium text-gray-600 hover:text-gray-800 hover:bg-gray-50 hover:border-gray-300">Precios</a>
155            <a data-action="click-&gt;mobile-menu#toggle" class="block pl-3 pr-4 py-2 border-l-4 border-transparent text-base font-medium text-gray-600 hover:text-gray-800 hover:bg-gray-50 hover:border-gray-300" href="/es/users/sign_in">Iniciar Sesión</a>
156              <a href="#cta" data-action="click->page#scrollTo;click->mobile-menu#toggle" data-page-target="navLink" class="block pl-3 pr-4 py-2 border-l-4 border-transparent text-base font-medium text-gray-600 hover:text-gray-800 hover:bg-gray-50 hover:border-gray-300">Unete ahora</a>
157          
158          <div class="border-t border-gray-200 pt-4 pb-3">
159            <div class="relative px-4" data-controller="dropdown">
160              <button type="button" class="text-gray-600 hover:text-purple-600 font-semibold transition inline-flex items-center" data-action="click->dropdown#toggle">
161                ES
162                <svg class="ml-1 h-5 w-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
163                  <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" />
164                </svg>
165              </button>
166              <div data-dropdown-target="menu" class="hidden absolute left-0 mt-2 w-48 bg-white rounded-md shadow-lg py-1 ring-1 ring-black ring-opacity-5">
167                    <a class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100" href="/en">EN</a>
168                    <a class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100" href="/fr">FR</a>
169              </div>
170            </div>
171          </div>
172        </div>
173      </div>
174    </header>
175
176    <main class="relative overflow-hidden">
177      <div class="fixed right-4 top-20 z-[60] w-[calc(100%-2rem)] max-w-md space-y-3 pointer-events-none">
178      </div>
179      <div>
180  <section id="hero" data-page-target="section" class="page-section active relative overflow-hidden" data-controller="interactive-background" style="background: linear-gradient(to bottom right, #0a0015, #000510, #000a15);">
181    <!-- Fondo casi negro con toques sutiles de púrpura y cyan -->
182
183    <div class="hero-logo-background" data-interactive-background-target="logoBackground">
184      <picture>
185        <source srcset="/assets/logo-bac226fd319ab0bedc4e890f2b2b27164eb525029085363e391e5cb5fb4d7c60.webp" type="image/webp">
186        <img alt="" class="hero-logo-bg-image" src="/assets/logo-734b2d954fdc685ffa2d745496a482c5973176c3efe5ec1102ac9ff11b9c5c81.png" />
187      </picture>
188    </div>
189
190    <div class="interactive-bg-container">
191      <canvas data-interactive-background-target="canvas" id="interactive-canvas"></canvas>
192    </div>
193
194    <div class="hero-content relative z-10 text-white px-4 w-full">
195      <div class="hero-text-container">
196        <h1 class="hero-title" data-interactive-background-target="title">Automatiza tu navegador con IA. Tú mantienes el control total.</h1>
197        <p class="hero-subtitle" data-interactive-background-target="subtitle">ControlTab es la extensión que permite a la IA realizar tareas por ti en cualquier sitio web, pero solo cuando tú se lo permites y con los permisos que tú defines.</p>
198
199        <div class="hero-micro-benefits mt-6">
200          <p class="hero-subtitle">
201            🛡️ Decide si la IA puede leer, hacer clic o escribir.<br>🧩 Conéctalo a OpenAI, Claude, y Gemini, etc.
202          </p>
203        </div>
204
205        <div class="hero-cta-container" data-interactive-background-target="cta">
206          <a href="#problems" data-action="click->
206page#scrollTo" class="cta-button">Descubre cómo funciona</a>
207        </div>
208      </div>
209    </div>
210  </section>
211
212  <section id="problems" data-page-target="section" class="page-section bg-gray-100" style="padding-top: 120px;">
213    <div class="container mx-auto px-4">
214      <h2 class="section-title text-5xl mb-16 text-center">La IA en tu navegador: Una elección frustrante</h2>
215
216        <div class="mb-16 last:mb-0">
217            <div class="md:flex items-center gap-8">
218              <div class="md:w-5/12 mb-8 md:mb-0 flex justify-center">
219                <img alt="El Riesgo de la &quot;Caja Negra&quot;" class="w-4/5 h-auto rounded-2xl shadow-xl" src="/assets/problems_mcp_complex-b0c9350de5aeb10855fd599dbb28b86e7e9e1de70b7a3da0e910a34dc5718d76.webp" />
220              </div>
221              <div class="md:w-7/12">
222                <h3 class="text-3xl font-bold text-gray-800 mb-4">El Riesgo de la &quot;Caja Negra&quot;</h3>
223                <p class="text-lg text-gray-600 leading-relaxed">Para que la IA haga tareas útiles, necesita permisos potentes. Las soluciones actuales piden acceso total y se convierten en una &quot;caja negra&quot; que funciona 24/7. No tienes forma real de saber qué están mirando, qué datos envían o cómo protegen tu información. Estás cediendo el control total con la esperanza de que el proveedor haga lo correcto con tus datos.
224</p>
225              </div>
226            </div>
227        </div>
228        <div class="mb-16 last:mb-0">
229            <div class="md:flex items-center gap-8">
230              <div class="md:w-7/12 mb-8 md:mb-0">
231                <h3 class="text-3xl font-bold text-gray-800 mb-4">La Solución &quot;Todo o Nada&quot;</h3>
232                <p class="text-lg text-gray-600 leading-relaxed">Te fuerzan a elegir: o te mudas a un navegador de IA completamente nuevo o te quedas sin funciones. Estos nuevos navegadores lo controlan todo, todo el tiempo. Para ganar automatización, debes renunciar a tu navegador de siempre, migrar todos tus marcadores y contraseñas, y ceder el control total de tu privacidad a cambio de funciones que no puedes inspeccionar. No hay punto medio.
233</p>
234              </div>
235              <div class="md:w-5/12 flex justify-center">
236                <img alt="La Solución &quot;Todo o Nada&quot;" class="w-4/5 h-auto rounded-2xl shadow-xl" src="/assets/problems_browser_delegation-9288c018d9217de611ab8140e61a95f3a614cace7cc83870091533586e0d1d64.webp" />
237              </div>
238            </div>
239        </div>
240        <div class="mb-16 last:mb-0">
241            <div class="md:flex items-center gap-8">
242              <div class="md:w-5/12 mb-8 md:mb-0 flex justify-center">
243                <img alt="O un Juguete, o una Pesadilla" class="w-3/5 h-auto rounded-2xl shadow-xl" src="/assets/problems_fragmented_tools-59acdeaaa5d145d0c46cc1e458021d39eafa211ef8148e60ea46abcf783b5462.webp" />
244              </div>
245              <div class="md:w-7/12">
246                <h3 class="text-3xl font-bold text-gray-800 mb-4">O un Juguete, o una Pesadilla</h3>
247                <p class="text-lg text-gray-600 leading-relaxed">Si intentas quedarte en tu navegador actual, las alternativas son malas. Las extensiones simples son &quot;juguetes&quot;: pueden leer texto y resumirlo, pero no pueden hacer nada por ti. No pueden rellenar un formulario ni hacer clic en un botón. Las herramientas para expertos, por otro lado, son una pesadilla de configurar, requieren conocimientos técnicos y se rompen constantemente con cada actualización.
248</p>
249              </div>
250            </div>
251        </div>
252
253      <div class="text-center mt-16">
254        <a href="#solution" data-action="click->page#scrollTo" class="cta-button">Ver la Solución</a>
255      </div>
256    </div>
257  </section>
258
259  <section id="solution" data-page-target="section" class="page-section bg-white" style="padding-top: 120px;">
260    <div class="container mx-auto px-4">
261      <div class="max-w-4xl mx-auto">
262        <div class="text-center mb-12">
263          <h2 class="section-title text-5xl mb-8">El poder de la IA, solo cuando tú lo pides</h2>
264          <p class="text-2xl text-gray-700 font-semibold mb-6">ControlTab te devuelve el control. Es una extensión ligera que funciona como una herramienta experta, no como un espía que te vigila 24/7.</p>
265          <p class="text-lg text-gray-600 leading-relaxed mb-8">En lugar de estar &quot;siempre activa&quot;, nuestra extensión permanece inactiva hasta que tú la necesitas. Con un solo clic en &quot;Conectar&quot; en una pestaña específica, creas una conexión segura para que la IA haga su trabajo. Cuando terminas, la cierras. Es la automatización más potente, pero bajo tu control directo y explícito.
266</p>
267
268          <div class="flex justify-center mb-8">
269            <img alt="ControlTab Solution" class="w-2/3 md:w-1/2 h-auto rounded-2xl shadow-2xl" src="/assets/solution-3fba7286b1653566c85547e805969a9b1f342eabbd7e526050e5e49bf5995ed0.webp" />
270          </div>
271
272          <div class="space-y-8 mb-8 text-left">
273            <p class="text-lg text-gray-700 leading-relaxed">Quédate en el navegador que ya usas Si usas Chrome (o un navegador basado en Chromium), no hay necesidad de migrar tu vida digital. ControlTab se instala directamente en el navegador que ya conoces, dándote superpoderes de IA sin que tengas que cambiar a un navegador &quot;especial&quot; de IA ni aprender a usar nuevos marcadores o mover tus contraseñas.
274</p>
275            <p class="text-lg text-gray-700 leading-relaxed">Sin ceder el control un solo segundo Antes de conectar, tú decides exactamente qué puede hacer la IA. ¿Solo necesitas resumir una web? Activa el permiso de &quot;Solo Lectura&quot;. ¿Necesitas rellenar un formulario? Añade el permiso de &quot;Escritura&quot;. Tú tienes el control granular, pestaña por pestaña.
276</p>
277            <p class="text-lg text-gray-700 leading-relaxed">Sin configuraciones complejas Olvídate de &quot;túneles&quot; o &quot;tokens&quot; frágiles que se rompen. ControlTab unifica todo en un solo lugar. Conecta tus modelos de IA (OpenAI, Claude, etc.) una vez y simplemente funciona de manera estable, exponiendo un único endpoint seguro para todo tu workspace.
278</p>
279          </div>
280
281          <p class="text-lg text-gray-700 leading-relaxed">El resultado: Tienes lo mejor de ambos mundos. El poder de un navegador de IA con la seguridad y el control que tú defines, solo cuando tú lo defines.</p>
282        </div>
283      </div>
284
285      <div class="text-center mt-16">
286        <a href="#story" data-action="click->
286page#scrollTo" class="cta-button">Nuestra Experiencia</a>
287      </div>
288    </div>
289  </section>
290
291  <section id="story" data-page-target="section" class="page-section bg-gray-100">
292    <div class="container mx-auto px-4">
293      <div class="md:flex items-center gap-12">
294        <div class="md:w-2/5 lg:w-2/5 mb-8 md:mb-0">
295          <img alt="Illustration of the product story" class="w-full h-auto rounded-2xl shadow-xl md:max-w-[85%] lg:max-w-[80%] mx-auto" src="/assets/story_illustration-5b4389f5ae139fb6fd9c5a7d854a01fa4a6f91b700ad99e9c973c5e5374fa4ed.webp" />
296        </div>
297        <div class="md:w-3/5 lg:w-3/5">
298          <h2 class="section-title text-5xl mb-6">ControlTab no nació como un producto, sino como una frustración.</h2>
299          <div class="space-y-4">
300              <p class="text-gray-600 text-lg leading-relaxed">Estábamos cansados del dilema &quot;Todo o Nada&quot; que domina el mercado: o cedías tu privacidad a navegadores de IA que eran &quot;cajas negras&quot;, o te conformabas con extensiones de juguete que no podían hacer nada útil.
301</p>
302              <p class="text-gray-600 text-lg leading-relaxed">Nos negamos a aceptar esa elección.
303</p>
304              <p class="text-gray-600 text-lg leading-relaxed">Construimos la herramienta que queríamos para nosotros mismos: una que fuera &quot;segura por diseño&quot; primero, y potente después. Una donde el control siempre permaneciera en manos del usuario, con activación manual y permisos explícitos antes de que un solo bit de datos se moviera.
305</p>
306              <p class="text-gray-600 text-lg leading-relaxed">El resultado es ControlTab. No es otra &quot;conexión de IA&quot;; es tu forma de automatizar el navegador con total tranquilidad.</p>
307          </div>
308          <div class="mt-12">
309            <a href="#benefits" data-action="click->page#scrollTo" class="cta-button">Descubrir los Beneficios</a>
310          </div>
311        </div>
312      </div>
313    </div>
314  </section>
315
316  <section id="benefits" data-page-target="section" class="page-section bg-white" style="padding-top: 120px;">
317    <div class="container mx-auto px-4">
318      <div class="text-center mb-16">
319        <h2 class="section-title text-5xl mb-4">El impacto de ControlTab</h2>
320      </div>
321      <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-6 max-w-6xl mx-auto">
322          <div class="browser-tab-card" data-benefit-index="0">
323              <div class="benefit-badge">
324                MÁS USADO
325              </div>
326
327            <div class="browser-tab-header">
328              <div class="browser-tab-favicon">
329                
330              </div>
331              <div class="browser-tab-title">
332                Tú Mandas
333              </div>
334              <div class="browser-tab-close">
335                <svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24">
336                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
337                </svg>
338              </div>
339            </div>
340
341            <div class="browser-tab-content">
342                <div class="benefit-emoji">
343                  🛡️
344                </div>
345
346              <p class="benefit-description">La extensión permanece inactiva hasta que tú la activas. No es un espía 24/7. Haces clic en &quot;Conectar&quot; en una pestaña, la IA trabaja. Haces clic en &quot;Desconectar&quot; (o cierras la pestaña), la conexión se cierra por completo.
347</p>
348
349
350            </div>
351          </div>
352          <div class="browser-tab-card" data-benefit-index="1">
353
354            <div class="browser-tab-header">
355              <div class="browser-tab-favicon">
356                
357              </div>
358              <div class="browser-tab-title">
359                Reglas Claras, Tareas Seguras
360              </div>
361              <div class="browser-tab-close">
362                <svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24">
363                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
364                </svg>
365              </div>
366            </div>
367
368            <div class="browser-tab-content">
369                <div class="benefit-emoji">
370                  🔒
371                </div>
372
373              <p class="benefit-description">No todas las tareas son iguales. Define qué puede hacer la IA antes de empezar. ¿Solo resumir? Activa &quot;Solo Lectura&quot;. ¿Rellenar un formulario? Añade &quot;Escritura&quot;. Tú pones los límites para cada tipo de trabajo.
374</p>
375
376
377            </div>
378          </div>
379          <div class="browser-tab-card" data-benefit-index="2">
380              <div class="benefit-badge">
381                NUEVO
382              </div>
383
384            <div class="browser-tab-header">
385              <div class="browser-tab-favicon">
386                
387              </div>
388              <div class="browser-tab-title">
389                Conversación Continua
390              </div>
391              <div class="browser-tab-close">
392                <svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24">
393                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
394                </svg>
395              </div>
396            </div>
397
398            <div class="browser-tab-content">
399                <div class="benefit-emoji">
400                  🔄
401                </div>
402
403              <p class="benefit-description">Empieza una tarea en una pestaña y sigue en otra sin perder el contexto. La extensión mantiene la sesión del navegador activa para tu herramienta de IA, permitiéndote investigar en múltiples páginas como si fuera una sola tarea fluida.
404</p>
405
406
407            </div>
408          </div>
409          <div class="browser-tab-card" data-benefit-index="3">
410
411            <div class="browser-tab-header">
412              <div class="browser-tab-favicon">
413                
414              </div>
415              <div class="browser-tab-title">
416                Conecta Tus Herramientas
417              </div>
418              <div class="browser-tab-close">
419                <svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24">
420                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
421                </svg>
422              </div>
423            </div>
424
425            <div class="browser-tab-content">
426                <div class="benefit-emoji">
427                  🧩
428                </div>
429
430              <p class="benefit-description">No te encerramos en un solo modelo de IA. ControlTab te proporciona un endpoint MCP estable para que conectes tus propias herramientas, ya sean clientes de escritorio, scripts de CLI (como gemini-cli) o plataformas de automatización visual (como n8n o Gosse).
431</p>
432
433
434            </div>
435          </div>
436          <div class="browser-tab-card" data-benefit-index="4">
437
438            <div class="browser-tab-header">
439              <div class="browser-tab-favicon">
440                
441              </div>
442              <div class="browser-tab-title">
443                Gestión Sencilla de Equipos
444              </div>
445              <div class="browser-tab-close">
446                <svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24">
447                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
448                </svg>
449              </div>
450            </div>
451
452            <div class="browser-tab-content">
453                <div class="benefit-emoji">
454                  ⚙️
455                </div>
456
457              <p class="benefit-description">Controla todo desde un solo panel. Si gestionas un equipo, puedes crear espacios de trabajo separados para diferentes proyectos o clientes, cada uno con sus propios permisos y endpoints de conexión seguros.
458</p>
459
460
461            </div>
462          </div>
463          <div class="browser-tab-card" data-benefit-index="5">
464
465            <div class="browser-tab-header">
466              <div class="browser-tab-favicon">
467                
468              </div>
469              <div class="browser-tab-title">
470                Listo en 2 Minutos
471              </div>
472              <div class="browser-tab-close">
473                <svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24">
474                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
475                </svg>
476              </div>
477            </div>
478
479            <div class="browser-tab-content">
480                <div class="benefit-emoji">
481                  🚀
482                </div>
483
484              <p class="benefit-description">Nada de instalaciones complejas. Es una extensión de Chrome: instalar, crear tu workspace, obtener tu endpoint seguro y conectarlo a tu herramienta de IA. No necesitas ser un ingeniero de sistemas para empezar.
485</p>
486
487
488            </div>
489          </div>
490      </div>
491      <div class="text-center mt-16">
492        <a href="#use-cases" data-action="click->
492page#scrollTo" class="cta-button">Ir al Siguiente Paso</a>
493      </div>
494    </div>
495  </section>
496
497  <section id="use-cases" data-page-target="section" class="page-section bg-gradient-to-b from-white to-gray-50" style="padding-top: 120px;">
498    <div class="container mx-auto px-4">
499      <div class="text-center mb-16">
500        <h2 class="section-title text-5xl mb-4">¿Qué puedes automatizar?</h2>
501        <p class="text-xl text-gray-600 max-w-3xl mx-auto">ControlTab es la &quot;llave&quot; segura que le das a tu IA para que actúe en el navegador. No es solo para una industria: es para cualquiera que tenga una tarea repetitiva. Así es como los profesionales lo están usando hoy.
502</p>
503      </div>
504
505      <div class="grid md:grid-cols-2 gap-8 max-w-6xl mx-auto mb-20">
506          <div class="use-case-profile-card p-6 bg-white rounded-lg shadow-md">
507            <div class="flex items-center mb-4">
508              <span class="text-4xl mr-4">💼</span>
509              <h3 class="text-2xl font-bold text-gray-800">Profesionales, Agencias y Equipos de Marketing</h3>
510            </div>
511            <p class="text-gray-700 mb-4">Revisa cientos de documentos, extrae datos de dashboards o gestiona tareas en portales internos sin descargar nada ni pedir una API. Dale a la IA acceso de &quot;Solo Lectura&quot; a tu portal y pídele que navegue, lea y extraiga información clave por ti.
512</p>
513            <div class="bg-gray-50 p-4 rounded-md">
514              <p class="text-sm font-semibold text-gray-600 mb-2">Caso de uso real:</p>
515              <p class="text-sm text-gray-800 italic">Caso de uso real: &quot;Revisa las 100 pólizas en esta página del cliente y dime cuáles no incluyen la nueva cláusula de privacidad. No tienes permiso para editar ni borrar nada.&quot;
516</p>
517            </div>
518          </div>
519          <div class="use-case-profile-card p-6 bg-white rounded-lg shadow-md">
520            <div class="flex items-center mb-4">
521              <span class="text-4xl mr-4">🧪</span>
522              <h3 class="text-2xl font-bold text-gray-800">Ingenieros de QA y Testers</h3>
523            </div>
524            <p class="text-gray-700 mb-4">Usa la IA como un co-piloto de automatización que entiende el DOM. En lugar de inspeccionar manualmente los selectores, conecta tu cliente de IA a la página y pídele que genere los scripts de prueba por ti.
525</p>
526            <div class="bg-gray-50 p-4 rounded-md">
527              <p class="text-sm font-semibold text-gray-600 mb-2">Caso de uso real:</p>
528              <p class="text-sm text-gray-800 italic">Caso de uso real: &quot;Actúa como un experto QA automatizador. Conéctate a esta página, inspecciona el formulario de &#39;checkout&#39; y todos sus campos, y genérame un script completo de Cypress que pruebe el &#39;happy path&#39; y los casos de error.&quot;
529</p>
530            </div>
531          </div>
532          <div class="use-case-profile-card p-6 bg-white rounded-lg shadow-md">
533            <div class="flex items-center mb-4">
534              <span class="text-4xl mr-4">👨‍💻</span>
535              <h3 class="text-2xl font-bold text-gray-800">Desarrolladores</h3>
536            </div>
537            <p class="text-gray-700 mb-4">¿Cansado de tareas repetitivas en dashboards de administración que no tienen API? Conecta ControlTab a un flujo de n8n o un script local. Automatiza la creación de usuarios, la extracción de reportes o la depuración de interfaces sin escribir una sola línea de Puppeteer.
538</p>
539            <div class="bg-gray-50 p-4 rounded-md">
540              <p class="text-sm font-semibold text-gray-600 mb-2">Caso de uso real:</p>
541              <p class="text-sm text-gray-800 italic">Caso de uso real: &quot;Cada mañana, inicia sesión en mi dashboard de proyecto, ve a la pestaña &#39;Tickets sin asignar&#39; y envíame un resumen por Slack.&quot;
542</p>
543            </div>
544          </div>
545          <div class="use-case-profile-card p-6 bg-white rounded-lg shadow-md">
546            <div class="flex items-center mb-4">
547              <span class="text-4xl mr-4">📊</span>
548              <h3 class="text-2xl font-bold text-gray-800">Analistas de Datos</h3>
549            </div>
550            <p class="text-gray-700 mb-4">Extrae datos de sitios que requieren inicio de sesión, sin compartir jamás tus credenciales. Inicia sesión manualmente en tu portal seguro. Una vez dentro, conecta ControlTab a esa pestaña con permisos de &quot;Solo Lectura&quot;. La IA puede ahora operar en la página y extraer datos sin haber visto nunca el proceso de login.
551</p>
552            <div class="bg-gray-50 p-4 rounded-md">
553              <p class="text-sm font-semibold text-gray-600 mb-2">Caso de uso real:</p>
554              <p class="text-sm text-gray-800 italic">Caso de uso real: &quot;Ya he iniciado sesión en el portal de ventas. Ahora, conéctate a esta pestaña, aplica los filtros &#39;últimos 7 días&#39;, navega por las 5 páginas de resultados y extrae la tabla de ventas en formato CSV.&quot;</p>
555            </div>
556          </div>
557      </div>
558
559      <div class="text-center mt-16">
560        <a href="#pricing" data-action="click->
560page#scrollTo" class="cta-button">Ir al Siguiente Paso</a>
561      </div>
562    </div>
563  </section>
564
565  <section id="pricing" data-page-target="section" class="page-section bg-gray-50" style="padding-top: 120px;">
566    <div class="container mx-auto px-4">
567      <div class="beta-banner mb-8">
568        <span class="beta-banner-icon">🚀</span>
569        <span class="beta-banner-text">🚀 Estamos en beta, aprovecha los precios especiales por lanzamiento. Oferta por tiempo limitado</span>
570        <span class="beta-banner-badge">Oferta por tiempo limitado</span>
571      </div>
572
573      <div class="text-center mb-12">
574        <h2 class="section-title text-5xl mb-4">Planes de ControlTab</h2>
575        <p class="text-xl text-gray-600">Elige el control que necesitas, para ti o para tu equipo.</p>
576      </div>
577
578      <div class="pricing-grid">
579        <div class="pricing-card">
580          <div class="pricing-card-header">
581            <span class="pricing-card-icon">🚀</span>
582            <h3 class="pricing-card-name">Starter</h3>
583            <p class="pricing-card-tagline">Para individuos</p>
584          </div>
585
586          <div class="pricing-card-body">
587            <p class="pricing-card-description">Perfecto para desarrolladores, testers o cualquier profesional que quiera automatizar sus tareas personales de forma segura.</p>
588
589            <div class="pricing-card-price-section">
590              <p class="pricing-beta">$12 <small>USD/año</small></p>
591                <span class="pricing-discount-badge"><small>Precio estándar: $24 USD/año. Ahorra 50%</small></span>
592            </div>
593
594            <ul class="pricing-features-list">
595                <li class="pricing-feature-item included">
596                  <svg class="pricing-feature-icon" fill="none" stroke="currentColor" viewBox="0 0 24 24">
597                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
598                  </svg>
599                  <span>1 usuario</span>
600                </li>
601                <li class="pricing-feature-item included">
602                  <svg class="pricing-feature-icon" fill="none" stroke="currentColor" viewBox="0 0 24 24">
603                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
604                  </svg>
605                  <span>1 espacio de trabajo personal</span>
606                </li>
607                <li class="pricing-feature-item included">
608                  <svg class="pricing-feature-icon" fill="none" stroke="currentColor" viewBox="0 0 24 24">
609                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
610                  </svg>
611                  <span>Acceso seguro por URL Secreta</span>
612                </li>
613                <li class="pricing-feature-item included">
614                  <svg class="pricing-feature-icon" fill="none" stroke="currentColor" viewBox="0 0 24 24">
615                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
616                  </svg>
617                  <span>Acceso completo a todas las capacidades (Lectura, Escritura, Ejecución JS, etc.)</span>
618                </li>
619                <li class="pricing-feature-item included">
620                  <svg class="pricing-feature-icon" fill="none" stroke="currentColor" viewBox="0 0 24 24">
621                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
622                  </svg>
623                  <span>Soporte comunitario</span>
624                </li>
625            </ul>
626
627            <p class="pricing-ideal-for">Ideal si quieres automatizar tareas personales o experimentar con el control total del navegador de forma segura.</p>
628          </div>
629
630          <div class="pricing-card-footer">
631            <a href="#cta" data-action="click->page#scrollTo" class="pricing-cta-button">
632              Comenzar ahora
633            </a>
634          </div>
635        </div>
636
637        <div class="pricing-card pricing-card-popular">
638          <div class="pricing-popular-badge">Más Popular</div>
639
640          <div class="pricing-card-header">
641            <span class="pricing-card-icon">🧠</span>
642            <h3 class="pricing-card-name">Team</h3>
643            <p class="pricing-card-tagline">Para equipos</p>
644          </div>
645
646          <div class="pricing-card-body">
647            <p class="pricing-card-description">Para startups, agencias y equipos de QA que necesitan colaboración, <b>Autenticación de Nivel Profesional (OAuth / Token Seguro configurable)</b>, control granular y seguridad de nivel profesional.</p>
648
649            <div class="pricing-card-price-section">
650              <p class="pricing-beta">$79 <small>USD/año</small></p>
651                <span class="pricing-discount-badge"><small>Precio estándar: $149 USD/año. Ahorra 47%</small></span>
652            </div>
653
654            <ul class="pricing-features-list">
655                <li class="pricing-feature-item included">
656                  <svg class="pricing-feature-icon" fill="none" stroke="currentColor" viewBox="0 0 24 24">
657                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
658                  </svg>
659                  <span>Hasta 5 usuarios</span>
660                </li>
661                <li class="pricing-feature-item included">
662                  <svg class="pricing-feature-icon" fill="none" stroke="currentColor" viewBox="0 0 24 24">
663                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
664                  </svg>
665                  <span>Hasta 10 espacios de trabajo gestionables</span>
666                </li>
667                <li class="pricing-feature-item included">
668                  <svg class="pricing-feature-icon" fill="none" stroke="currentColor" viewBox="0 0 24 24">
669                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
670                  </svg>
671                  <span>Autenticación de Nivel Profesional (OAuth / Token Seguro configurable)</span>
672                </li>
673                <li class="pricing-feature-item included">
674                  <svg class="pricing-feature-icon" fill="none" stroke="currentColor" viewBox="0 0 24 24">
675                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
676                  </svg>
677                  <span>Acceso completo a todas las capacidades</span>
678                </li>
679                <li class="pricing-feature-item included">
680                  <svg class="pricing-feature-icon" fill="none" stroke="currentColor" viewBox="0 0 24 24">
681                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
682                  </svg>
683                  <span>Soporte prioritario por correo</span>
684                </li>
685            </ul>
686
687            <p class="pricing-ideal-for">Ideal si buscas seguridad configurable, gestión de múltiples proyectos y control total para tu equipo.</p>
688          </div>
689
690          <div class="pricing-card-footer">
691            <a href="#cta" data-action="click->page#scrollTo" class="pricing-cta-button pricing-cta-button-popular">
692              Probar con mi equipo
693            </a>
694          </div>
695        </div>
696
697        <div class="pricing-card">
698          <div class="pricing-card-header">
699            <span class="pricing-card-icon">🏢</span>
700            <h3 class="pricing-card-name">Enterprise</h3>
701            <p class="pricing-card-tagline">Para empresas</p>
702          </div>
703
704          <div class="pricing-card-body">
705            <p class="pricing-card-description">Organizaciones con requisitos avanzados de seguridad, cumplimiento (compliance) o despliegues personalizados.</p>
706
707            <div class="pricing-card-price-section">
708              <p class="pricing-beta">A medida</p>
709            </div>
710
711            <ul class="pricing-features-list">
712                <li class="pricing-feature-item included">
713                  <svg class="pricing-feature-icon" fill="none" stroke="currentColor" viewBox="0 0 24 24">
714                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
715                  </svg>
716                  <span>Usuarios y espacios de trabajo a medida</span>
717                </li>
718                <li class="pricing-feature-item included">
719                  <svg class="pricing-feature-icon" fill="none" stroke="currentColor" viewBox="0 0 24 24">
720                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
721                  </svg>
722                  <span>Todo lo del plan Team + configuración extendida</span>
723                </li>
724                <li class="pricing-feature-item included">
725                  <svg class="pricing-feature-icon" fill="none" stroke="currentColor" viewBox="0 0 24 24">
726                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
727                  </svg>
728                  <span>Monitorización de uso y actividad en tiempo real</span>
729                </li>
730                <li class="pricing-feature-item included">
731                  <svg class="pricing-feature-icon" fill="none" stroke="currentColor" viewBox="0 0 24 24">
732                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
733                  </svg>
734                  <span>Soporte dedicado con SLA</span>
735                </li>
736                <li class="pricing-feature-item included">
737                  <svg class="pricing-feature-icon" fill="none" stroke="currentColor" viewBox="0 0 24 24">
738                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
739                  </svg>
740                  <span>(Próximamente) Logs de auditoría avanzados</span>
741                </li>
742            </ul>
743
744            <p class="pricing-ideal-for">Ideal si necesitas integrar ControlTab en una infraestructura corporativa, regulada o con requisitos de auditoría estrictos.</p>
745          </div>
746
747          <div class="pricing-card-footer">
748            <a href="/cdn-cgi/l/email-protection#1b6f7e7a765b7874756f6974776f7a7935787476" class="pricing-cta-button pricing-cta-button-outline">
749              Contactar ventas
750            </a>
751          </div>
752        </div>
753      </div>
754
755      <div class="text-center mt-16">
756        <a href="#cta" data-action="click->page#scrollTo" class="cta-button">Comenzar ahora</a>
757      </div>
758    </div>
759  </section>
760
761  <section id="cta" data-page-target="section" class="page-section bg-gray-100">
762    <div class="container mx-auto px-4 py-16">
763      <div class="text-center mb-12">
764        <h2 class="section-title text-5xl mb-4">ControlTab</h2>
765        <p class="text-xl text-gray-700 max-w-3xl mx-auto">La forma más segura, simple y unificada de conectar tu navegador con la inteligencia artificial.</p>
766      </div>
767      <div class="max-w-md mx-auto">
768  <h2 class="text-4xl font-bold mb-4 text-gray-800">Crear Cuenta</h2>
769  <p class="text-xl text-gray-600 mb-8">Comienza hoy</p>
770
771  <form class="space-y-6" id="new_user" action="/es/users" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7AJhV5A0tGTtx31IXklrxeS0cDCYCvNyBZXg_FjOmYM_k86yrX37nrg5M9AbvoHaUqEdEtzctTtyV6mCHlUemw" autocomplete="off" />
772
773    <div>
774      <label class="block text-sm font-medium text-gray-700 mb-2" for="user_email">Correo Electrónico</label>
775      <input autofocus="autofocus" autocomplete="email" class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-purple-600 focus:border-transparent transition" placeholder="[email protected]" type="email" value="" name="user[email]" id="user_email" />
776    </div>
777
778    <div>
779      <label class="block text-sm font-medium text-gray-700 mb-2" for="user_password">Contraseña</label>
780      <input autocomplete="new-password" class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-purple-600 focus:border-transparent transition" placeholder="••••••••" type="password" name="user[password]" id="user_password" />
781    </div>
782
783    <div>
784      <label class="block text-sm font-medium text-gray-700 mb-2" for="user_password_confirmation">Confirmar Contraseña</label>
785      <input autocomplete="new-password" class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-purple-600 focus:border-transparent transition" placeholder="••••••••" type="password" name="user[password_confirmation]" id="user_password_confirmation" />
786    </div>
787
788    <div>
789      <input type="submit" name="commit" value="Registrarme" class="w-full bg-purple-600 hover:bg-purple-700 text-white font-bold py-4 px-8 rounded-lg transition duration-300 transform hover:scale-105 shadow-lg cursor-pointer" data-disable-with="Registrarme" />
790    </div>
791</form>
792  <div class="mt-6 text-center">
793    <p class="text-sm text-gray-600">
794      ¿Ya tienes una cuenta?
795      <a class="text-purple-600 hover:text-purple-700 font-semibold" href="/es/users/sign_in">Inicia Sesión</a>
796    </p>
797  </div>
798</div>
799
800    </div>
801  </section>
802
803</div>
804
805    </main>
806
807    <footer class="bg-gray-800 text-white py-8">
808      <div class="container mx-auto px-4">
809        <div class="flex flex-col md:flex-row justify-between items-center gap-4">
810          <!-- Copyright -->
811          <div class="text-center md:text-left">
812            <p class="text-gray-300">&copy; 2026 ControlTab. Todos los derechos reservados.</p>
813          </div>
814
815          <!-- Links -->
816          <div class="flex gap-6 text-sm">
817            <a class="text-gray-300 hover:text-white transition" href="/es/privacy">Política de Privacidad</a>
818            <a href="/cdn-cgi/l/email-protection#2353514a5542405a63404c4d57514c4f5742410d4a4c" class="text-gray-300 hover:text-white transition">Contacto</a>
819          </div>
820        </div>
821      </div>
822    </footer>
vendor: 111 bytes, lines 822-823
822
823  <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
823<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"0499193792e44bdf95b0540dae511e04","r":1,"spa":2}' crossorigin="anonymous"></script>
823
824</body>
825</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.