-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
411 lines (343 loc) · 21.7 KB
/
index.html
File metadata and controls
411 lines (343 loc) · 21.7 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
<meta name="description" content="Textlab - Desarrollo web, edición de video, asesoramiento OBS y soluciones digitales desde la Patagonia">
<meta name="keywords" content="desarrollo web, edición de video, OBS, youtubers, automatización, patagonia, argentina, perú">
<meta name="author" content="Textlab">
<title>Textlab | Desarrollo web, edición de video y soluciones digitales</title>
<meta property="og:image" content="https://txttlab.github.io/web/social-preview.svg">
<meta name="twitter:image" content="https://txttlab.github.io/web/social-preview.svg">
<!-- ==================== FAVICON ==================== -->
<link rel="icon" type="image/svg+xml" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect width='100' height='100' fill='%231a1a1a'/%3E%3Ctext x='50' y='68' font-size='48' text-anchor='middle' fill='%2300ffa6' font-family='monospace'%3E</>%3C/text%3E%3C/svg%3E">
<link rel="apple-touch-icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect width='100' height='100' fill='%231a1a1a'/%3E%3Ctext x='50' y='68' font-size='48' text-anchor='middle' fill='%2300ffa6' font-family='monospace'%3E</>%3C/text%3E%3C/svg%3E">
<!-- ==================== OPEN GRAPH (Facebook, LinkedIn, WhatsApp) ==================== -->
<meta property="og:title" content="Textlab | Desarrollo web, edición de video y soluciones digitales">
<meta property="og:description" content="Creamos sitios web, editamos videos, configuramos OBS y más. Soluciones creativas y técnicas desde la Patagonia para Argentina y Perú.">
<meta property="og:type" content="website">
<meta property="og:url" content="https://txttlab.github.io/web/">
<meta property="og:image" content="https://txttlab.github.io/web/social-preview.jpg">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:locale" content="es_ES">
<meta property="og:site_name" content="Textlab">
<!-- ==================== TWITTER CARD ==================== -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Textlab | Desarrollo web, edición de video y soluciones digitales">
<meta name="twitter:description" content="Creamos sitios web, editamos videos, configuramos OBS y más. Soluciones creativas y técnicas desde la Patagonia.">
<meta name="twitter:image" content="https://txttlab.github.io/web/social-preview.jpg">
<meta name="twitter:site" content="@textlab">
<!-- ==================== OTROS META ==================== -->
<meta name="description" content="Textlab - Desarrollo web, edición de video, asesoramiento OBS y soluciones digitales desde la Patagonia. Atendemos en Argentina y Perú.">
<meta name="keywords" content="desarrollo web, edición de video, OBS, youtubers, automatización, diseño web, patagonia, argentina, perú">
<meta name="author" content="Textlab">
<meta name="robots" content="index, follow">
<link rel="icon" type="image/svg+xml" href="favicon.svg">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,300;14..32,400;14..32,500;14..32,600;14..32,700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="styles.css">
</head>
<body>
<header>
<a href="#home" class="logo">text<span>.lab</span></a>
<nav id="nav">
<a href="#home" data-es="Inicio" data-en="Home">Inicio</a>
<a href="#servicios" data-es="Servicios" data-en="Services">Servicios</a>
<a href="#proyectos" data-es="Proyectos" data-en="Projects">Proyectos</a>
<a href="#nosotros-contacto" data-es="Contacto" data-en="Contact">Contacto</a>
</nav>
<div class="header-controls">
<button id="langToggle" aria-label="Cambiar idioma">EN</button>
<button id="themeToggle" aria-label="Cambiar tema">🌙</button>
</div>
</header>
<section class="hero" id="home">
<div class="hero-content">
<h1 class="animate-up">Textlab</h1>
<p class="subtitle animate-up delay-1"
data-es="Desarrollo web, edición de video y soluciones digitales"
data-en="Web development, video editing and digital solutions">
Desarrollo web, edición de video y soluciones digitales
</p>
<p class="tagline animate-up delay-2"
data-es="Creamos sitios web, editamos videos, configuramos OBS y más. Soluciones creativas y técnicas para vos."
data-en="We build websites, edit videos, configure OBS and more. Creative and technical solutions for you.">
Creamos sitios web, editamos videos, configuramos OBS y más. Soluciones creativas y técnicas para vos.
</p>
<a href="#servicios" class="cta-button animate-up delay-3" data-es="Explorar" data-en="Explore">Explorar</a>
</div>
<div class="hero-scroll-indicator">
<span></span>
</div>
</section>
<section class="section" id="servicios">
<div class="section-header">
<h2 class="section-title" data-es="Servicios" data-en="Services">Servicios</h2>
<p class="section-subtitle" data-es="Lo que hacemos para potenciar tu proyecto" data-en="What we do to boost your project">Lo que hacemos para potenciar tu proyecto</p>
</div>
<div class="grid grid-2rows">
<div class="card" id="webService">
<h3 data-es="Diseño Web" data-en="Web Design">Diseño Web</h3>
<p data-es="Creación de sitios modernos, tiendas online y aplicaciones web." data-en="Creation of modern websites, online stores and web applications.">Creación de sitios modernos, tiendas online y aplicaciones web.</p>
<div class="card-hover-effect"></div>
</div>
<div class="card" id="videoService">
<h3 data-es="Edición de Video" data-en="Video Editing">Edición de Video</h3>
<p data-es="Edición profesional para YouTube, TikTok, Reels. Cortes, color, audio y thumbnails." data-en="Professional editing for YouTube, TikTok, Reels. Cuts, color, audio and thumbnails.">Edición profesional para YouTube, TikTok, Reels. Cortes, color, audio y thumbnails.</p>
<div class="card-hover-effect"></div>
</div>
<div class="card" id="obsService">
<h3 data-es="Asesoría OBS" data-en="OBS Consulting">Asesoría OBS</h3>
<p data-es="Configuración completa de OBS para streaming, escenas, overlays y optimización." data-en="Complete OBS setup for streaming, scenes, overlays and optimization.">Configuración completa de OBS para streaming, escenas, overlays y optimización.</p>
<div class="card-hover-effect"></div>
</div>
<div class="card">
<h3 data-es="Automatización" data-en="Automation">Automatización</h3>
<p data-es="Herramientas digitales para procesos online, bots y flujos de trabajo." data-en="Digital tools for online processes, bots and workflows.">Herramientas digitales para procesos online, bots y flujos de trabajo.</p>
<div class="card-hover-effect"></div>
</div>
<div class="card">
<h3 data-es="Soporte Técnico" data-en="Technical Support">Soporte Técnico</h3>
<p data-es="Asistencia tecnológica, mantenimiento y configuración de equipos." data-en="Technical assistance, maintenance and equipment setup.">Asistencia tecnológica, mantenimiento y configuración de equipos.</p>
<div class="card-hover-effect"></div>
</div>
<div class="card">
<h3 data-es="Diseño & Branding" data-en="Design & Branding">Diseño & Branding</h3>
<p data-es="Identidad visual, logos, banners y plantillas para redes sociales." data-en="Visual identity, logos, banners and templates for social media.">Identidad visual, logos, banners y plantillas para redes sociales.</p>
<div class="card-hover-effect"></div>
</div>
</div>
</section>
<section class="section" id="proyectos">
<div class="section-header">
<h2 class="section-title" data-es="Proyectos" data-en="Projects">Proyectos</h2>
<p class="section-subtitle" data-es="Trabajos que reflejan nuestra pasión" data-en="Work that reflects our passion">Trabajos que reflejan nuestra pasión</p>
</div>
<div class="grid projects-grid">
<a href="https://www.txtradio.site/" target="_blank" class="card project-card">
<h3>TXTRadio</h3>
<p class="project-preview" data-es="Radio online experimental." data-en="Experimental online radio.">Radio online experimental.</p>
<span class="project-link">Ver proyecto →</span>
</a>
<a href="https://labtxt.github.io/cineclub/" target="_blank" class="card project-card">
<h3>Cineclub</h3>
<p class="project-preview" data-es="Archivo audiovisual experimental." data-en="Experimental audiovisual archive.">Archivo audiovisual experimental.</p>
<span class="project-link">Ver proyecto →</span>
</a>
</div>
</section>
<!-- SECCIÓN DIVIDIDA: QUIÉNES SOMOS + FORMULARIO DE CONTACTO -->
<section class="section split-section" id="nosotros-contacto">
<div class="split-container">
<div class="split-left">
<h2 class="split-title" data-es="Quiénes somos" data-en="About us">Quiénes somos</h2>
<p class="split-text" data-es="Textlab es un estudio de desarrollo web, edición de video y soluciones digitales con sede en la Patagonia argentina. Nos especializamos en crear herramientas digitales funcionales, modernas y accesibles para negocios, creadores y emprendedores." data-en="Textlab is a web development, video editing and digital solutions studio based in Argentine Patagonia. We specialize in creating functional, modern and accessible digital tools for businesses, creators and entrepreneurs.">Textlab es un estudio de desarrollo web, edición de video y soluciones digitales con sede en la Patagonia argentina. Nos especializamos en crear herramientas digitales funcionales, modernas y accesibles para negocios, creadores y emprendedores.</p>
<p class="split-text" data-es="Trabajamos con clientes de Argentina y Perú, ofreciendo soluciones a medida con atención personalizada y soporte continuo." data-en="We work with clients from Argentina and Peru, offering custom solutions with personalized attention and ongoing support.">Trabajamos con clientes de Argentina y Perú, ofreciendo soluciones a medida con atención personalizada y soporte continuo.</p>
</div>
<div class="split-right">
<h2 class="split-title" data-es="Contactanos" data-en="Contact us">Contactanos</h2>
<form id="contactForm" class="contact-form-split">
<div class="form-group">
<input type="text" id="formNombre" placeholder="Nombre" required>
</div>
<div class="form-group">
<input type="email" id="formEmail" placeholder="Email" required>
</div>
<div class="form-group">
<select id="formPais">
<option value="argentina" data-es="Argentina" data-en="Argentina">Argentina</option>
<option value="peru" data-es="Perú" data-en="Peru">Perú</option>
<option value="otro" data-es="Otro país" data-en="Other country">Otro país</option>
</select>
</div>
<div class="form-group">
<select id="formServicio">
<option value="web" data-es="Diseño Web" data-en="Web Design">Diseño Web</option>
<option value="video" data-es="Edición de Video" data-en="Video Editing">Edición de Video</option>
<option value="obs" data-es="Asesoría OBS" data-en="OBS Consulting">Asesoría OBS</option>
<option value="automatizacion" data-es="Automatización" data-en="Automation">Automatización</option>
<option value="soporte" data-es="Soporte Técnico" data-en="Technical Support">Soporte Técnico</option>
<option value="branding" data-es="Diseño & Branding" data-en="Design & Branding">Diseño & Branding</option>
</select>
</div>
<div class="form-group">
<textarea id="formMensaje" rows="4" placeholder="Mensaje" required></textarea>
</div>
<button type="submit" class="form-submit" data-es="Enviar mensaje" data-en="Send message">Enviar mensaje</button>
<div id="formMessageSplit" class="form-message-split"></div>
</form>
</div>
</div>
</section>
<!-- FOOTER CON BANDERAS -->
<footer>
<div class="footer-content">
<div class="footer-brand">
<p class="footer-logo">text<span>.lab</span></p>
<p class="footer-tagline" data-es="Desarrollo web, edición de video y soluciones digitales" data-en="Web development, video editing and digital solutions">Desarrollo web, edición de video y soluciones digitales</p>
</div>
<div class="footer-flags">
<span class="flag-label" data-es="Operamos en" data-en="We operate in">Operamos en</span>
<div class="flags">
<img src="https://flagcdn.com/w80/ar.png" alt="Argentina" class="flag-icon">
<span class="flag-name">Argentina</span>
<img src="https://flagcdn.com/w80/pe.png" alt="Perú" class="flag-icon">
<span class="flag-name">Perú</span>
</div>
</div>
<div class="footer-copyright">
<p>© 2026 Textlab. <span data-es="Todos los derechos reservados" data-en="All rights reserved">Todos los derechos reservados</span>.</p>
</div>
</div>
</footer>
<a href="https://wa.me/5492920276985"
class="whatsapp-btn"
target="_blank"
aria-label="WhatsApp">
<svg viewBox="0 0 24 24" width="26" height="26">
<path fill="white"
d="M17.47 14.38c-.27-.14-1.58-.78-1.83-.87-.25-.09-.43-.14-.61.14-.18.27-.7.87-.86 1.05-.16.18-.31.2-.58.07-.27-.14-1.14-.42-2.18-1.34-.81-.72-1.36-1.61-1.52-1.88-.16-.27-.02-.41.12-.54.12-.12.27-.31.41-.47.14-.16.18-.27.27-.45.09-.18.05-.34-.02-.47-.07-.14-.61-1.48-.84-2.03-.22-.52-.45-.45-.61-.46h-.52c-.18 0-.47.07-.72.34-.25.27-.95.93-.95 2.27s.97 2.64 1.11 2.82c.14.18 1.92 2.93 4.66 4.11.65.28 1.16.45 1.56.58.66.21 1.26.18 1.73.11.53-.08 1.6-.65 1.83-1.28.22-.63.22-1.17.16-1.28-.07-.11-.25-.18-.52-.32z"/>
</svg>
</a>
<!-- PANEL FULLSCREEN DISEÑO WEB -->
<div id="webPanel" class="web-panel">
<div class="web-panel-content">
<button class="close-panel" id="closeWebPanel" aria-label="Cerrar">✕</button>
<h2 data-es="Diseño Web" data-en="Web Design">Diseño Web</h2>
<p class="panel-subtitle" data-es="Elegí el plan que mejor se adapte a tus necesidades" data-en="Choose the plan that best fits your needs">Elegí el plan que mejor se adapte a tus necesidades</p>
<div class="web-pricing">
<div class="price-card">
<h3 data-es="Landing Page" data-en="Landing Page">Landing Page</h3>
<p data-es="Hosting, dominio y SSL gratis." data-en="Hosting, domain and SSL free.">Hosting, dominio y SSL gratis.</p>
<ul class="price-features">
<li data-es="Diseño responsive" data-en="Responsive design">✓ Diseño responsive</li>
<li data-es="Formulario de contacto" data-en="Contact form">✓ Formulario de contacto</li>
<li data-es="SEO básico" data-en="Basic SEO">✓ SEO básico</li>
</ul>
<span class="price">AR$ 240.000</span>
<a href="#nosotros-contacto" class="price-cta" data-es="Consultar" data-en="Inquire">Consultar →</a>
</div>
<div class="price-card featured">
<div class="featured-badge" data-es="Más popular" data-en="Most popular">Más popular</div>
<h3 data-es="Web Simple" data-en="Simple Website">Web Simple</h3>
<p data-es="Hasta 4 secciones + galería." data-en="Up to 4 sections + gallery.">Hasta 4 secciones + galería.</p>
<ul class="price-features">
<li data-es="Panel de administración" data-en="Admin panel">✓ Panel de administración</li>
<li data-es="Blog integrado" data-en="Integrated blog">✓ Blog integrado</li>
<li data-es="Optimización de velocidad" data-en="Speed optimization">✓ Optimización de velocidad</li>
</ul>
<span class="price">AR$ 350.000</span>
<a href="#nosotros-contacto" class="price-cta" data-es="Consultar" data-en="Inquire">Consultar →</a>
</div>
<div class="price-card">
<h3 data-es="Tienda Online" data-en="Online Store">Tienda Online</h3>
<p data-es="E-commerce autogestionable." data-en="Self-managed e-commerce.">E-commerce autogestionable.</p>
<ul class="price-features">
<li data-es="Catálogo de productos" data-en="Product catalog">✓ Catálogo de productos</li>
<li data-es="Métodos de pago" data-en="Payment methods">✓ Métodos de pago integrados</li>
<li data-es="Dashboard de ventas" data-en="Sales dashboard">✓ Dashboard de ventas</li>
</ul>
<span class="price">AR$ 490.000</span>
<a href="#nosotros-contacto" class="price-cta" data-es="Consultar" data-en="Inquire">Consultar →</a>
</div>
</div>
</div>
</div>
<!-- PANEL FULLSCREEN EDICIÓN DE VIDEO -->
<div id="videoPanel" class="web-panel">
<div class="web-panel-content">
<button class="close-panel" id="closeVideoPanel" aria-label="Cerrar">✕</button>
<h2 data-es="Edición de Video" data-en="Video Editing">Edición de Video</h2>
<p class="panel-subtitle" data-es="Planes de edición para creadores de contenido" data-en="Editing plans for content creators">Planes de edición para creadores de contenido</p>
<div class="web-pricing">
<div class="price-card">
<h3 data-es="Edición Básica" data-en="Basic Editing">Edición Básica</h3>
<p data-es="Para YouTube Shorts, TikTok, Reels" data-en="For YouTube Shorts, TikTok, Reels">Para YouTube Shorts, TikTok, Reels</p>
<ul class="price-features">
<li data-es="Corte y montaje" data-en="Cut and assembly">✓ Corte y montaje</li>
<li data-es="Corrección de color simple" data-en="Simple color correction">✓ Corrección de color simple</li>
<li data-es="Miniatura incluida" data-en="Thumbnail included">✓ Miniatura incluida</li>
</ul>
<span class="price">desde AR$ 15.000</span>
<a href="#nosotros-contacto" class="price-cta" data-es="Consultar" data-en="Inquire">Consultar →</a>
</div>
<div class="price-card featured">
<div class="featured-badge" data-es="Recomendado" data-en="Recommended">Recomendado</div>
<h3 data-es="Edición Profesional" data-en="Professional Editing">Edición Profesional</h3>
<p data-es="Para videos de YouTube, documentales, contenido premium" data-en="For YouTube videos, documentaries, premium content">Para videos de YouTube, documentales, contenido premium</p>
<ul class="price-features">
<li data-es="Edición avanzada" data-en="Advanced editing">✓ Edición avanzada</li>
<li data-es="Corrección de color profesional" data-en="Professional color correction">✓ Corrección de color profesional</li>
<li data-es="Audio mejorado" data-en="Enhanced audio">✓ Audio mejorado</li>
<li data-es="Miniaturas + títulos animados" data-en="Thumbnails + animated titles">✓ Miniaturas + títulos animados</li>
</ul>
<span class="price">desde AR$ 45.000</span>
<a href="#nosotros-contacto" class="price-cta" data-es="Consultar" data-en="Inquire">Consultar →</a>
</div>
<div class="price-card">
<h3 data-es="Paquete Mensual" data-en="Monthly Package">Paquete Mensual</h3>
<p data-es="Para canales con publicación constante" data-en="For channels with regular publishing">Para canales con publicación constante</p>
<ul class="price-features">
<li data-es="Hasta 4 videos por mes" data-en="Up to 4 videos per month">✓ Hasta 4 videos por mes</li>
<li data-es="Edición profesional" data-en="Professional editing">✓ Edición profesional</li>
<li data-es="Miniaturas personalizadas" data-en="Custom thumbnails">✓ Miniaturas personalizadas</li>
<li data-es="Prioridad de entrega" data-en="Priority delivery">✓ Prioridad de entrega</li>
</ul>
<span class="price">AR$ 120.000/mes</span>
<a href="#nosotros-contacto" class="price-cta" data-es="Consultar" data-en="Inquire">Consultar →</a>
</div>
</div>
</div>
</div>
<!-- PANEL FULLSCREEN ASESORÍA OBS -->
<div id="obsPanel" class="web-panel">
<div class="web-panel-content">
<button class="close-panel" id="closeObsPanel" aria-label="Cerrar">✕</button>
<h2 data-es="Asesoría OBS" data-en="OBS Consulting">Asesoría OBS</h2>
<p class="panel-subtitle" data-es="Configuración profesional para streaming y grabación" data-en="Professional setup for streaming and recording">Configuración profesional para streaming y grabación</p>
<div class="web-pricing">
<div class="price-card">
<h3 data-es="Configuración Básica" data-en="Basic Setup">Configuración Básica</h3>
<p data-es="Para empezar a transmitir" data-en="To start streaming">Para empezar a transmitir</p>
<ul class="price-features">
<li data-es="Instalación y configuración OBS" data-en="OBS installation and setup">✓ Instalación y configuración OBS</li>
<li data-es="Escenas básicas" data-en="Basic scenes">✓ Escenas básicas</li>
<li data-es="Optimización de calidad" data-en="Quality optimization">✓ Optimización de calidad</li>
</ul>
<span class="price">AR$ 25.000</span>
<a href="#nosotros-contacto" class="price-cta" data-es="Consultar" data-en="Inquire">Consultar →</a>
</div>
<div class="price-card featured">
<div class="featured-badge" data-es="Más popular" data-en="Most popular">Más popular</div>
<h3 data-es="Configuración Avanzada" data-en="Advanced Setup">Configuración Avanzada</h3>
<p data-es="Para streamers profesionales" data-en="For professional streamers">Para streamers profesionales</p>
<ul class="price-features">
<li data-es="Configuración completa OBS" data-en="Complete OBS setup">✓ Configuración completa OBS</li>
<li data-es="Diseño de escenas personalizadas" data-en="Custom scene design">✓ Diseño de escenas personalizadas</li>
<li data-es="Overlays y alertas" data-en="Overlays and alerts">✓ Overlays y alertas</li>
<li data-es="Optimización audio/video" data-en="Audio/video optimization">✓ Optimización audio/video</li>
<li data-es="Soporte 1 mes" data-en="1 month support">✓ Soporte 1 mes</li>
</ul>
<span class="price">AR$ 60.000</span>
<a href="#nosotros-contacto" class="price-cta" data-es="Consultar" data-en="Inquire">Consultar →</a>
</div>
<div class="price-card">
<h3 data-es="Workshop + Setup" data-en="Workshop + Setup">Workshop + Setup</h3>
<p data-es="Aprendé a usar OBS mientras lo configuramos" data-en="Learn to use OBS while we set it up">Aprendé a usar OBS mientras lo configuramos</p>
<ul class="price-features">
<li data-es="Configuración completa OBS" data-en="Complete OBS setup">✓ Configuración completa OBS</li>
<li data-es="Capacitación 2 horas" data-en="2 hour training">✓ Capacitación 2 horas</li>
<li data-es="Guía personalizada" data-en="Custom guide">✓ Guía personalizada</li>
<li data-es="Soporte post-configuración" data-en="Post-setup support">✓ Soporte post-configuración</li>
</ul>
<span class="price">AR$ 85.000</span>
<a href="#nosotros-contacto" class="price-cta" data-es="Consultar" data-en="Inquire">Consultar →</a>
</div>
</div>
</div>
</div>
<script src="script.js"></script>
</body>
</html>