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->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 "Caja Negra"" 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 "Caja Negra"</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 "caja negra" 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 "Todo o Nada"</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 "Todo o Nada"" 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 "juguetes": 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 "siempre activa", nuestra extensión permanece inactiva hasta que tú la necesitas. Con un solo clic en "Conectar" 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 "especial" 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 "Solo Lectura". ¿Necesitas rellenar un formulario? Añade el permiso de "Escritura". 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 "túneles" o "tokens" 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 "Todo o Nada" que domina el mercado: o cedÃas tu privacidad a navegadores de IA que eran "cajas negras", 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 "segura por diseño" 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 "conexión de IA"; 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 "Conectar" en una pestaña, la IA trabaja. Haces clic en "Desconectar" (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 "Solo Lectura". ¿Rellenar un formulario? Añade "Escritura". 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 "llave" 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 "Solo Lectura" 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: "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." 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: "Actúa como un experto QA automatizador. Conéctate a esta página, inspecciona el formulario de 'checkout' y todos sus campos, y genérame un script completo de Cypress que pruebe el 'happy path' y los casos de error." 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: "Cada mañana, inicia sesión en mi dashboard de proyecto, ve a la pestaña 'Tickets sin asignar' y envÃame un resumen por Slack." 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 "Solo Lectura". 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: "Ya he iniciado sesión en el portal de ventas. Ahora, conéctate a esta pestaña, aplica los filtros 'últimos 7 dÃas', navega por las 5 páginas de resultados y extrae la tabla de ventas en formato CSV."</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">© 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.