<!DOCTYPE html><html lang="es" class="__variable_8b3a0b"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" href="/_next/static/media/e4af272ccee01ff0-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" as="image" href="https://www.facebook.com/tr?id=1997838581081796&amp;ev=PageView&amp;noscript=1"/><link rel="preload" as="image" href="/img/optimized/Icon-1024x1024@1x.webp"/><link rel="preload" as="image" href="/img/fotos plataforma/one.tecnoiglesia.com_dashboard (1).png" fetchPriority="high"/><link rel="preload" as="image" href="/img/fotos asesoria/consola.png"/><link rel="preload" as="image" href="/img/fotos asesoria/techsupport.jpg"/><link rel="stylesheet" href="/_next/static/css/8874f233e2f8f6fe.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/4eed66f52a52c3c9.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/webpack-f04711135dd06312.js"/><script src="/_next/static/chunks/fd9d1056-b6bd4111191f2b98.js" async=""></script><script src="/_next/static/chunks/117-3e0d14c7bd1e1dca.js" async=""></script><script src="/_next/static/chunks/main-app-6fca1515cee9a03c.js" async=""></script><script src="/_next/static/chunks/268-6bfb9c1afdf11bbc.js" async=""></script><script src="/_next/static/chunks/648-b8c340a4c5a59a60.js" async=""></script><script src="/_next/static/chunks/354-99c8540846283c6d.js" async=""></script><script src="/_next/static/chunks/645-3692868b315c6b3c.js" async=""></script><script src="/_next/static/chunks/233-deba7be4d2279508.js" async=""></script><script src="/_next/static/chunks/app/page-f44f29256a2ff8d0.js" async=""></script><script src="/_next/static/chunks/421-fb2d9ddf0a5ffb01.js" async=""></script><script src="/_next/static/chunks/app/layout-85686b3c6151775c.js" async=""></script><script src="/_next/static/chunks/app/not-found-7200a123cf713747.js" async=""></script><link rel="canonical" href="https://tecnoiglesia.com/"/><link rel="alternate" hrefLang="es" href="https://tecnoiglesia.com/"/><link rel="alternate" hrefLang="es-MX" href="https://tecnoiglesia.com/"/><link rel="alternate" hrefLang="es-419" href="https://tecnoiglesia.com/"/><link rel="alternate" hrefLang="x-default" href="https://tecnoiglesia.com/"/><link rel="preconnect" href="https://www.youtube.com"/><link rel="preconnect" href="https://one.tecnoiglesia.com"/><link rel="preconnect" href="https://support.tecnoiglesia.net"/><link rel="preconnect" href="https://connect.facebook.net"/><link rel="preconnect" href="https://www.facebook.com"/><link rel="preconnect" href="https://kowilxfoygfbnsprawzl.supabase.co" crossorigin=""/><link rel="dns-prefetch" href="https://kowilxfoygfbnsprawzl.supabase.co"/><link rel="preload" as="image" href="/img/fotos%20plataforma/one.tecnoiglesia.com_dashboard%20(1).png" fetchPriority="high"/><link rel="icon" href="/favicon.ico"/><meta name="msapplication-config" content="/browserconfig.xml"/><meta name="msapplication-TileImage" content="/img/Icon-1024x1024@1x.png"/><title>Tecnoiglesia One - Tecnología para Iglesias | Audio, Video, Iluminación y Gestión</title><meta name="description" content="La plataforma #1 de tecnología para iglesias en español. Gestiona servicios, voluntarios y producción. +120 cursos de audio, video, iluminación y streaming. Asesorías con expertos, IA integrada, integración audiovisual profesional. Software de gestión para iglesias."/><meta name="author" content="Tecnoiglesia Network"/><link rel="manifest" href="/manifest.json" crossorigin="use-credentials"/><meta name="keywords" content="tecnología para iglesias, audio para iglesias, video para iglesias, iluminación para iglesias, software para iglesias, gestión de iglesias, plataforma para iglesias, cursos para iglesias, streaming para iglesias, pantallas LED iglesia, sonido profesional iglesia, producción iglesia, Tecnoiglesia, TI One, voluntarios iglesia, equipos audiovisuales iglesia"/><meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"/><meta name="theme-color" content="#ff5001"/><meta name="msapplication-TileColor" content="#ff5001"/><meta name="apple-mobile-web-app-capable" content="yes"/><meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/><meta name="apple-mobile-web-app-title" content="Tecnoiglesia"/><meta name="language" content="Spanish"/><meta name="revisit-after" content="7 days"/><meta name="distribution" content="global"/><meta name="rating" content="general"/><link rel="canonical" href="https://tecnoiglesia.com"/><meta name="google-site-verification" content="aR12bHXNpFFKhHLmph6u1VvKuDziwqMb6Rq2Nhj-Qp0"/><meta property="og:title" content="Tecnoiglesia One - Tecnología para Iglesias | Audio, Video y Gestión"/><meta property="og:description" content="La plataforma líder en tecnología para iglesias. +120 cursos de audio, video e iluminación. Gestión de servicios, voluntarios, asesorías personalizadas e IA integrada."/><meta property="og:url" content="https://tecnoiglesia.com"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:site" content="@tecnoiglesia"/><meta name="twitter:creator" content="@tecnoiglesia"/><meta name="twitter:title" content="Tecnoiglesia One - Tecnología para Iglesias"/><meta name="twitter:description" content="La plataforma líder en tecnología para iglesias. +120 cursos de audio, video e iluminación. Gestión de servicios, voluntarios, asesorías personalizadas e IA integrada."/><meta name="twitter:image" content="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/platform-assets/og-images/tecnoiglesia-one-og.png"/><link rel="icon" href="/favicon.ico"/><link rel="icon" href="/img/Icon-1024x1024@1x.png" sizes="16x16"/><link rel="icon" href="/img/Icon-1024x1024@1x.png" sizes="32x32"/><link rel="icon" href="/img/Icon-1024x1024@1x.png" sizes="96x96"/><link rel="icon" href="/img/Icon-1024x1024@1x.png" sizes="192x192"/><link rel="apple-touch-icon" href="/img/Icon-1024x1024@1x.png" sizes="180x180"/><link rel="apple-touch-icon" href="/img/Icon-1024x1024@1x.png" sizes="152x152"/><link rel="apple-touch-icon" href="/img/Icon-1024x1024@1x.png" sizes="144x144"/><link rel="apple-touch-icon" href="/img/Icon-1024x1024@1x.png" sizes="120x120"/><link rel="apple-touch-icon" href="/img/Icon-1024x1024@1x.png" sizes="114x114"/><link rel="apple-touch-icon" href="/img/Icon-1024x1024@1x.png" sizes="76x76"/><link rel="apple-touch-icon" href="/img/Icon-1024x1024@1x.png" sizes="72x72"/><link rel="apple-touch-icon" href="/img/Icon-1024x1024@1x.png" sizes="60x60"/><link rel="apple-touch-icon" href="/img/Icon-1024x1024@1x.png" sizes="57x57"/><meta name="next-size-adjust"/><script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","name":"Tecnoiglesia","alternateName":["Tecnoiglesia Network","TI Network","TI One","Tecnoiglesia One"],"url":"https://tecnoiglesia.com","logo":{"@type":"ImageObject","url":"https://tecnoiglesia.com/img/Icon-1024x1024@1x.png","width":1024,"height":1024},"image":"https://tecnoiglesia.com/img/Icon-1024x1024@1x.png","description":"Tecnoiglesia es la plataforma líder en tecnología para iglesias en América Latina. Ofrecemos software de gestión, más de 120 cursos de audio, video, iluminación y streaming, asesorías personalizadas con expertos, e integraciones audiovisuales profesionales para iglesias, auditorios y ministerios.","foundingDate":"2011-01-10","foundingLocation":{"@type":"Place","addressCountry":"MX"},"contactPoint":[{"@type":"ContactPoint","contactType":"customer service","url":"https://tecnoiglesia.com/contacto","availableLanguage":["Spanish","English"],"telephone":"+52 55-5014-7952"},{"@type":"ContactPoint","contactType":"sales","url":"https://tecnoiglesia.com/precios","availableLanguage":"Spanish","telephone":"+52 55-5014-7952"},{"@type":"ContactPoint","contactType":"technical support","url":"https://tecnoiglesia.com/contacto","availableLanguage":"Spanish","telephone":"+52 55-5014-7952"}],"sameAs":["https://youtube.com/@tecnoiglesia","https://instagram.com/tecnoiglesia","https://facebook.com/TecnoIglesiaOficial","https://twitter.com/tecnoiglesia","https://one.tecnoiglesia.com","https://blog.tecnoiglesia.com","https://tecnoiglesiastore.com"],"address":{"@type":"PostalAddress","streetAddress":"Agua Azul #903 Int. Ab81, Col. Jardines Del Moral","addressLocality":"León","addressRegion":"Guanajuato","postalCode":"37160","addressCountry":"MX"},"telephone":"+52 55-5014-7952","areaServed":[{"@type":"Country","name":"México"},{"@type":"Country","name":"Colombia"},{"@type":"Country","name":"Guatemala"},{"@type":"Country","name":"Argentina"},{"@type":"Country","name":"Chile"},{"@type":"Country","name":"Perú"},{"@type":"Country","name":"Ecuador"},{"@type":"Country","name":"Estados Unidos"},{"@type":"Country","name":"España"}],"knowsAbout":["Tecnología para iglesias","Audio profesional para iglesias","Video para iglesias","Iluminación para iglesias","Streaming para iglesias","Pantallas LED para iglesias","Gestión de iglesias","Software para iglesias","Integración audiovisual","Producción en iglesias","Cursos de audio y video","Asesoría técnica para ministerios","Voluntarios de iglesia","ProPresenter","EasyWorship","Stage Plot","Input List"],"hasOfferCatalog":{"@type":"OfferCatalog","name":"Servicios de Tecnología para Iglesias","itemListElement":[{"@type":"OfferCatalog","name":"Cursos de Tecnología para Iglesias","itemListElement":[{"@type":"Offer","itemOffered":{"@type":"Course","name":"Cursos de Audio para Iglesias","description":"Aprende mezcla en vivo, microfonía, acústica y más para tu iglesia"}},{"@type":"Offer","itemOffered":{"@type":"Course","name":"Cursos de Video y Streaming para Iglesias","description":"Producción de video, transmisiones en vivo y contenido multimedia"}},{"@type":"Offer","itemOffered":{"@type":"Course","name":"Cursos de Iluminación para Iglesias","description":"Diseño de iluminación para servicios, eventos y producción"}}]},{"@type":"OfferCatalog","name":"Integración Audiovisual para Iglesias","itemListElement":[{"@type":"Offer","itemOffered":{"@type":"Service","name":"Integración de Audio Profesional","description":"Diseño e instalación de sistemas de audio para iglesias y auditorios"}},{"@type":"Offer","itemOffered":{"@type":"Service","name":"Integración de Video y Pantallas LED","description":"Instalación de pantallas LED, proyectores y sistemas de video para iglesias"}},{"@type":"Offer","itemOffered":{"@type":"Service","name":"Integración de Iluminación","description":"Diseño e instalación de iluminación profesional para templos y auditorios"}}]}]}}</script><script type="application/ld+json">{"@context":"https://schema.org","@type":"SoftwareApplication","name":"Tecnoiglesia One","alternateName":["TI One","Tecnoiglesia Platform"],"applicationCategory":"BusinessApplication","applicationSubCategory":"Church Management Software","operatingSystem":"Web","offers":{"@type":"AggregateOffer","lowPrice":"0","highPrice":"999","priceCurrency":"MXN","availability":"https://schema.org/InStock","url":"https://tecnoiglesia.com/precios","offerCount":"4"},"aggregateRating":{"@type":"AggregateRating","ratingValue":"4.8","ratingCount":"150","bestRating":"5","worstRating":"1"},"description":"Software de gestión para iglesias todo-en-uno. Organiza servicios, voluntarios y producción. Más de 120 cursos de audio, video, iluminación y streaming. Asesorías personalizadas con expertos e IA integrada. La plataforma de tecnología para iglesias más completa en español.","screenshot":"https://tecnoiglesia.com/img/one.tecnoiglesia.com_dashboard.png","softwareVersion":"1.0","releaseNotes":"Plataforma integral con gestión de servicios, voluntarios, +120 cursos y asesorías","featureList":["Gestión de servicios religiosos","Coordinación de voluntarios","Más de 120 cursos de audio, video e iluminación","Asesorías personalizadas con expertos","Inteligencia Artificial integrada","Stage Plot Builder","Input List Creator","Gestión de producción","Streaming y transmisiones en vivo","Recursos multimedia para iglesias"],"inLanguage":"es"}</script><script type="application/ld+json">{"@context":"https://schema.org","@type":"WebSite","name":"Tecnoiglesia","alternateName":["Tecnoiglesia One","Tecnología para Iglesias"],"url":"https://tecnoiglesia.com","inLanguage":"es","potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://tecnoiglesia.com/?s={search_term_string}"},"query-input":"required name=search_term_string"},"publisher":{"@type":"Organization","name":"Tecnoiglesia","logo":{"@type":"ImageObject","url":"https://tecnoiglesia.com/img/Icon-1024x1024@1x.png"}}}</script><script type="application/ld+json">{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Inicio","item":"https://tecnoiglesia.com"},{"@type":"ListItem","position":2,"name":"Precios","item":"https://tecnoiglesia.com/precios"},{"@type":"ListItem","position":3,"name":"Integración","item":"https://tecnoiglesia.com/integracion"},{"@type":"ListItem","position":4,"name":"Nosotros","item":"https://tecnoiglesia.com/nosotros"},{"@type":"ListItem","position":5,"name":"Contacto","item":"https://tecnoiglesia.com/contacto"}]}</script><script type="application/ld+json">{"@context":"https://schema.org","@type":"FAQPage","mainEntity":[{"@type":"Question","name":"¿Qué es Tecnoiglesia y cómo ayuda a mi iglesia con tecnología?","acceptedAnswer":{"@type":"Answer","text":"Tecnoiglesia es la plataforma líder en tecnología para iglesias en América Latina. Ofrece un software todo-en-uno para gestionar servicios, voluntarios y producción, además de más de 120 cursos especializados en audio, video, iluminación y streaming para iglesias. También incluye asesorías personalizadas con expertos e inteligencia artificial integrada."}},{"@type":"Question","name":"¿Qué cursos de audio, video e iluminación ofrece Tecnoiglesia para iglesias?","acceptedAnswer":{"@type":"Answer","text":"Tecnoiglesia ofrece más de 120 cursos especializados que cubren mezcla de audio en vivo, microfonía, acústica para templos, producción de video, streaming y transmisiones en vivo, diseño de iluminación para servicios, uso de pantallas LED, ProPresenter, EasyWorship, y mucho más. Todos los cursos están diseñados específicamente para el contexto de iglesias y ministerios."}},{"@type":"Question","name":"¿Tecnoiglesia ofrece integración audiovisual para iglesias?","acceptedAnswer":{"@type":"Answer","text":"Sí, Tecnoiglesia diseña, planifica y ejecuta proyectos integrales de audio, video, iluminación y streaming para iglesias, auditorios, estudios de grabación y más. Nos especializamos en integraciones de sistemas profesionales para llevar las experiencias de adoración al siguiente nivel."}},{"@type":"Question","name":"¿Cuánto cuesta el software de gestión para iglesias de Tecnoiglesia?","acceptedAnswer":{"@type":"Answer","text":"Tecnoiglesia One ofrece planes desde una vista previa gratuita hasta el plan Multi-Iglesia. Los precios varían según la cantidad de miembros y los servicios incluidos. Puedes ver todos los planes y precios actualizados en tecnoiglesia.com/precios."}},{"@type":"Question","name":"¿Puedo recibir asesoría personalizada de tecnología para mi iglesia?","acceptedAnswer":{"@type":"Answer","text":"Sí, Tecnoiglesia ofrece asesorías personalizadas 1:1 con expertos en audio, video, iluminación, streaming y producción. Las sesiones se realizan por videollamada y puedes compartir tu pantalla para resolver dudas específicas de tu iglesia o ministerio."}},{"@type":"Question","name":"¿En qué países está disponible Tecnoiglesia?","acceptedAnswer":{"@type":"Answer","text":"Tecnoiglesia está disponible para iglesias de todo el mundo hispanohablante. La plataforma digital se puede usar desde cualquier país. Para servicios de integración audiovisual presencial, operamos principalmente en México con posibilidad de proyectos en otros países de América Latina."}}]}</script><script type="application/ld+json">{"@context":"https://schema.org","@type":"ProfessionalService","name":"Tecnoiglesia - Tecnología para Iglesias","image":"https://tecnoiglesia.com/img/Icon-1024x1024@1x.png","url":"https://tecnoiglesia.com","telephone":"+52 55-5014-7952","address":{"@type":"PostalAddress","streetAddress":"Agua Azul #903 Int. Ab81, Col. Jardines Del Moral","addressLocality":"León","addressRegion":"Guanajuato","postalCode":"37160","addressCountry":"MX"},"priceRange":"$$","description":"Servicios profesionales de tecnología para iglesias: integración audiovisual, cursos de audio y video, asesorías técnicas, software de gestión y más.","serviceType":["Integración audiovisual para iglesias","Cursos de audio y video para iglesias","Asesoría técnica para iglesias","Software de gestión para iglesias","Instalación de audio profesional","Instalación de pantallas LED","Diseño de iluminación para iglesias"],"areaServed":{"@type":"GeoCircle","geoMidpoint":{"@type":"GeoCoordinates","latitude":21.1236,"longitude":-101.6821},"geoRadius":"5000"},"aggregateRating":{"@type":"AggregateRating","ratingValue":"4.8","ratingCount":"150"}}</script><script src="/_next/static/chunks/polyfills-42372ed130431b0a.js" noModule=""></script></head><body style="background-color:#0d0d0d;color:#fafafa;margin:0;padding:0"><noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=1997838581081796&amp;ev=PageView&amp;noscript=1" alt=""/></noscript><script>!function(){try{var d=document.documentElement,c=d.classList;c.remove('light','dark');var e=localStorage.getItem('theme');if('system'===e||(!e&&false)){var t='(prefers-color-scheme: dark)',m=window.matchMedia(t);if(m.media!==t||m.matches){d.style.colorScheme = 'dark';c.add('dark')}else{d.style.colorScheme = 'light';c.add('light')}}else if(e){c.add(e|| '')}else{c.add('dark')}if(e==='light'||e==='dark'||!e)d.style.colorScheme=e||'dark'}catch(e){}}()</script><div role="region" aria-label="Notifications (F8)" tabindex="-1" style="pointer-events:none"><ol tabindex="-1" class="fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]"></ol></div><section aria-label="Notifications alt+T" tabindex="-1" aria-live="polite" aria-relevant="additions text" aria-atomic="false"></section><div class="relative min-h-screen bg-background overflow-x-hidden" style="background-color:#0d0d0d"><div class="halftone-overlay"></div><header class="sticky top-0 left-0 right-0 z-50 px-4 sm:px-6 py-3 sm:py-4 bg-transparent bg-[#0d0d0d]/80 backdrop-blur-md border-b border-white/5"><div class="max-w-7xl mx-auto flex items-center justify-between"><div class="flex items-center gap-4 sm:gap-6 lg:gap-8"><a href="/"><img src="/img/optimized/Icon-1024x1024@1x.webp" alt="Tecnoiglesia Logo" class="w-7 h-7 sm:w-8 sm:h-8" loading="eager" fetchpriority="high"/></a><nav class="hidden lg:flex items-center gap-6 lg:gap-8"><a class="text-white text-sm hover:text-white/80 transition-colors" href="/precios">Precios</a><a class="text-white text-sm hover:text-white/80 transition-colors" href="/nosotros">Nosotros</a><a href="https://blog.tecnoiglesia.com/blog/" class="text-white text-sm hover:text-white/80 transition-colors">Blog</a><button type="button" id="radix-:R14l7rikq:" aria-haspopup="menu" aria-expanded="false" data-state="closed" class="text-white text-sm flex items-center gap-1 hover:text-white/80 transition-colors focus:outline-none">Comunidad<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down w-4 h-4"><path d="m6 9 6 6 6-6"></path></svg></button><button type="button" id="radix-:R1cl7rikq:" aria-haspopup="menu" aria-expanded="false" data-state="closed" class="text-white text-sm flex items-center gap-1 hover:text-white/80 transition-colors focus:outline-none">Servicios adicionales<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down w-4 h-4"><path d="m6 9 6 6 6-6"></path></svg></button><a href="https://one.tecnoiglesia.com/cursos" class="text-white text-sm hover:text-white/80 transition-colors">Cursos</a><a class="text-white text-sm hover:text-white/80 transition-colors" href="/integracion">Integración</a></nav></div><div class="hidden lg:flex items-center gap-2 sm:gap-3"><a href="https://one.tecnoiglesia.com/" target="_blank" rel="noopener noreferrer" class="px-3 sm:px-4 py-1.5 sm:py-2 rounded-full text-xs sm:text-sm text-white border border-white/20 bg-white/5 backdrop-blur-sm hover:bg-white/10 hover:border-white/30 transition-all">Iniciar sesión</a><a href="https://one.tecnoiglesia.com/registro" target="_blank" rel="noopener noreferrer" class="px-4 sm:px-5 py-2 sm:py-2.5 rounded-xl text-xs sm:text-sm font-medium text-white transition-all hover:scale-105 hover:shadow-lg hover:shadow-[#ff5001]/30" style="background:linear-gradient(145deg, #ff6a1a 0%, #ff5001 50%, #e84800 100%);box-shadow:0 4px 15px rgba(255, 80, 1, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.2)">Registrarse</a></div><button class="lg:hidden text-white hover:text-white/80 transition-colors p-2" aria-label="Abrir menú" type="button" aria-haspopup="dialog" aria-expanded="false" aria-controls="radix-:R1l7rikq:" data-state="closed"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-menu w-6 h-6"><line x1="4" x2="20" y1="12" y2="12"></line><line x1="4" x2="20" y1="6" y2="6"></line><line x1="4" x2="20" y1="18" y2="18"></line></svg></button></div></header><main class="relative z-10"><section class="hero-section"><div class="hero-stage"><div class="hero-bg-layer"><div class="hero-cloud hero-cloud-1"></div><div class="hero-cloud hero-cloud-2"></div><div class="hero-cloud hero-cloud-3"></div><div class="hero-particles"></div><div class="hero-fog"></div></div><div class="hero-content-layer"><div class="max-w-7xl mx-auto px-4 sm:px-6"><div class="max-w-2xl space-y-6 sm:space-y-8"><div class="flex items-center gap-2 sm:gap-3"><img src="/img/optimized/Icon-1024x1024@1x.webp" alt="TI" class="w-8 h-8 sm:w-10 sm:h-10 md:w-11 md:h-11 lg:w-12 lg:h-12 flex-shrink-0" loading="eager"/><span class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold text-white">One</span></div><h1 class="text-4xl sm:text-5xl md:text-6xl lg:text-7xl font-semibold leading-[1.05] tracking-tight"><span class="sr-only">Tecnoiglesia One - Plataforma Todo-en-Uno para Iglesias</span><span class="text-gradient-hero">Todo tu ministerio.<br/>En una sola plataforma.</span></h1><p class="text-base sm:text-lg text-white max-w-md leading-relaxed">Organiza servicios, voluntarios y producción con una experiencia clara y rápida.</p><div class="flex flex-wrap gap-4"><a href="https://one.tecnoiglesia.com/registro" target="_blank" rel="noopener noreferrer" class="hero-btn-primary group relative flex items-center gap-2 px-8 sm:px-10 py-4 sm:py-5 rounded-full bg-white text-gray-900 font-semibold transition-all text-xs sm:text-sm uppercase tracking-wider overflow-hidden"><span class="absolute pointer-events-none transition-opacity duration-300" style="left:0;top:0;transform:translate(-50%, -50%);width:150px;height:150px;background:radial-gradient(circle, rgba(255, 112, 46, 0.6) 0%, rgba(255, 80, 1, 0.3) 40%, transparent 70%);opacity:0;filter:blur(20px)"></span><span class="relative z-10">Empieza gratis</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right relative z-10 w-4 h-4 group-hover:translate-x-1 transition-transform"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><button class="hero-btn-secondary px-8 sm:px-10 py-4 sm:py-5 rounded-full border border-white/20 text-white font-medium hover:bg-white/10 hover:border-white/40 transition-all text-xs sm:text-sm uppercase tracking-wider backdrop-blur-sm" type="button" aria-haspopup="dialog" aria-expanded="false" aria-controls="radix-:Ra6n7rikq:" data-state="closed">Conoce TI ONE</button></div></div></div></div><div class="hero-shot-layer"><div class="hero-shot-ratio"><div class="product-image-wrapper"><div class="product-image-inner relative"><img src="/img/fotos plataforma/one.tecnoiglesia.com_dashboard (1).png" alt="Tecnoiglesia One - Vista 1" class="product-image absolute inset-0 w-full h-full object-cover object-top transition-opacity duration-1000 opacity-100" loading="eager" fetchPriority="high" decoding="async" style="will-change:opacity"/></div></div></div></div></div></section><div class="bg-[#0d0d0d]"><section class="relative py-6 sm:py-12 lg:py-16 px-4 sm:px-6"><div class="max-w-4xl mx-auto text-center"><p class="text-xs sm:text-sm text-muted-foreground mb-3 sm:mb-6">Todo lo que necesitas en un solo lugar:</p><div class="flex flex-wrap justify-center gap-1.5 sm:gap-3"><span class="text-[11px] sm:text-sm px-2.5 sm:px-4 py-1.5 sm:py-2 rounded-full transition-all duration-1000 text-white bg-[#ff5001]/20 border border-[#ff5001]/50 shadow-[0_0_20px_rgba(255,80,1,0.3)] font-semibold">Comunidad</span><span class="text-[11px] sm:text-sm px-2.5 sm:px-4 py-1.5 sm:py-2 rounded-full transition-all duration-1000 text-white border-b border-transparent hover:border-white/30 cursor-pointer">Cursos</span><span class="text-[11px] sm:text-sm px-2.5 sm:px-4 py-1.5 sm:py-2 rounded-full transition-all duration-1000 text-white border-b border-transparent hover:border-white/30 cursor-pointer">Servicios</span><span class="text-[11px] sm:text-sm px-2.5 sm:px-4 py-1.5 sm:py-2 rounded-full transition-all duration-1000 text-white border-b border-transparent hover:border-white/30 cursor-pointer">Voluntarios</span><span class="text-[11px] sm:text-sm px-2.5 sm:px-4 py-1.5 sm:py-2 rounded-full transition-all duration-1000 text-white border-b border-transparent hover:border-white/30 cursor-pointer">Stage Plot</span><span class="text-[11px] sm:text-sm px-2.5 sm:px-4 py-1.5 sm:py-2 rounded-full transition-all duration-1000 text-white border-b border-transparent hover:border-white/30 cursor-pointer">Input List</span></div></div></section><div class="cv-auto"><section class="relative py-12 sm:py-20 lg:py-28 px-4 sm:px-6 bg-gradient-to-b from-[#0d0d0d] via-[#111118] to-[#0d0d0d] overflow-hidden"><div class="absolute inset-0 overflow-hidden pointer-events-none"><div class="absolute top-0 left-1/4 w-96 h-96 bg-[#ff5001]/5 rounded-full blur-[120px]"></div><div class="absolute bottom-1/4 right-0 w-80 h-80 bg-purple-500/5 rounded-full blur-[100px]"></div><div class="absolute top-1/2 left-0 w-64 h-64 bg-cyan-500/5 rounded-full blur-[80px]"></div></div><div class="max-w-6xl mx-auto relative z-10"><div class="mb-8 sm:mb-12 lg:mb-16"><h2 class="text-3xl sm:text-4xl lg:text-5xl xl:text-6xl font-bold text-white mb-3 sm:mb-5"><span class="text-gradient-animated">Productividad</span> sin igual</h2><p class="text-sm sm:text-base lg:text-lg text-white/80 max-w-2xl">Tecnoiglesia One es una plataforma integral de gestión para iglesias que facilita la coordinación de servicios, voluntarios y recursos en un solo lugar.</p></div><div class="grid grid-cols-1 md:grid-cols-2 gap-3 sm:gap-4 lg:gap-6"><div class="relative group rounded-xl sm:rounded-2xl overflow-hidden bg-gradient-to-br from-gray-800/50 to-gray-900/50 border border-gray-700/50 backdrop-blur-sm p-4 sm:p-5 lg:p-6 hover:border-[#ff5001]/30 transition-colors duration-300"><div class="absolute top-0 right-0 w-32 sm:w-48 h-32 sm:h-48 bg-gradient-to-bl from-[#ff5001]/30 to-transparent rounded-full blur-3xl"></div><button class="absolute top-3 sm:top-4 right-3 sm:right-4 z-30 flex items-center gap-1.5 sm:gap-2 px-2 sm:px-3 py-1.5 sm:py-2 rounded-lg border transition-all duration-500 ease-out group/btn bg-[#ff5001]/10 border-[#ff5001]/30"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file-text w-3.5 h-3.5 sm:w-4 sm:h-4 text-[#ff5001] transition-transform duration-500 scale-100"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path><path d="M10 9H8"></path><path d="M16 13H8"></path><path d="M16 17H8"></path></svg><span class="text-[9px] sm:text-[10px] font-medium text-[#ff5001] whitespace-nowrap">Exportar PDF</span></button><div class="mb-4 sm:mb-6 relative z-10 pr-20 sm:pr-24"><h3 class="text-sm sm:text-base lg:text-lg text-white font-semibold mb-2">Gestión de Servicios.</h3><p class="text-sm sm:text-base lg:text-lg text-[#ff5001]">Organiza cada servicio con claridad, asigna equipos y evita confusiones de último momento.</p></div><div class="relative z-10 space-y-3 sm:space-y-4 min-h-[280px] sm:min-h-[320px]"><div class="absolute inset-0 space-y-3 sm:space-y-4 transition-all duration-1000 ease-[cubic-bezier(0.4,0,0.2,1)] pointer-events-none opacity-100 translate-x-0"><div class="flex items-center gap-2 text-[10px] sm:text-xs text-gray-400"><span>Filtrar por fecha</span></div><div class="flex gap-1.5 sm:gap-2 overflow-visible pb-3 pt-1 -mx-1 px-1"><div class="flex-shrink-0 w-12 sm:w-14 h-16 sm:h-18 rounded-lg flex flex-col items-center justify-center transition-all duration-500 border-2 border-[#ff5001] bg-gray-800/50"><span class="text-[8px] sm:text-[10px] transition-colors duration-300 text-gray-300">JUE</span><span class="text-base sm:text-lg font-semibold transition-colors duration-300 text-white font-bold">8</span><span class="text-[7px] sm:text-[8px] text-[#ff5001] animate-pulse">Hoy</span></div><div class="flex-shrink-0 w-12 sm:w-14 h-16 sm:h-18 rounded-lg flex flex-col items-center justify-center transition-all duration-500 border border-gray-700 bg-gray-800/30"><span class="text-[8px] sm:text-[10px] transition-colors duration-300 text-gray-500">VIE</span><span class="text-base sm:text-lg font-semibold transition-colors duration-300 text-gray-400">9</span></div><div class="flex-shrink-0 w-12 sm:w-14 h-16 sm:h-18 rounded-lg flex flex-col items-center justify-center transition-all duration-500 border border-gray-700 bg-gray-800/30"><span class="text-[8px] sm:text-[10px] transition-colors duration-300 text-gray-500">SÁB</span><span class="text-base sm:text-lg font-semibold transition-colors duration-300 text-gray-400">10</span></div><div class="flex-shrink-0 w-12 sm:w-14 h-16 sm:h-18 rounded-lg flex flex-col items-center justify-center transition-all duration-500 border border-gray-700 bg-gray-800/30"><span class="text-[8px] sm:text-[10px] transition-colors duration-300 text-gray-500">DOM</span><span class="text-base sm:text-lg font-semibold transition-colors duration-300 text-gray-400">11</span></div><div class="flex-shrink-0 w-12 sm:w-14 h-16 sm:h-18 rounded-lg flex flex-col items-center justify-center transition-all duration-500 border border-gray-700 bg-gray-800/30"><span class="text-[8px] sm:text-[10px] transition-colors duration-300 text-gray-500">LUN</span><span class="text-base sm:text-lg font-semibold transition-colors duration-300 text-gray-400">12</span></div></div><div class="flex gap-1 sm:gap-1.5 overflow-x-auto pb-1 -mx-1 px-1 scrollbar-hide"><span class="flex-shrink-0 text-[9px] sm:text-[10px] px-1.5 sm:px-2 py-0.5 sm:py-1 rounded-full bg-[#ff5001] text-white">Todos</span><span class="flex-shrink-0 text-[9px] sm:text-[10px] px-1.5 sm:px-2 py-0.5 sm:py-1 rounded-full bg-gray-700 text-gray-300">Domingo</span><span class="flex-shrink-0 text-[9px] sm:text-[10px] px-1.5 sm:px-2 py-0.5 sm:py-1 rounded-full bg-pink-500/20 text-pink-400">Anfitriones</span><span class="flex-shrink-0 text-[9px] sm:text-[10px] px-1.5 sm:px-2 py-0.5 sm:py-1 rounded-full bg-red-500/20 text-red-400">Audio</span><span class="flex-shrink-0 text-[9px] sm:text-[10px] px-1.5 sm:px-2 py-0.5 sm:py-1 rounded-full bg-yellow-500/20 text-yellow-400">Iluminación</span><span class="flex-shrink-0 text-[9px] sm:text-[10px] px-1.5 sm:px-2 py-0.5 sm:py-1 rounded-full bg-cyan-500/20 text-cyan-400">Música</span></div><div class="bg-gray-800/60 rounded-lg sm:rounded-xl p-2.5 sm:p-3 border border-gray-700/50 transition-all duration-500"><div class="flex items-center gap-2 sm:gap-3"><div class="w-8 sm:w-10 h-8 sm:h-10 rounded-lg bg-gray-700/50 flex items-center justify-center flex-shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-calendar w-4 sm:w-5 h-4 sm:h-5 text-[#ff5001]"><path d="M8 2v4"></path><path d="M16 2v4"></path><rect width="18" height="18" x="3" y="4" rx="2"></rect><path d="M3 10h18"></path></svg></div><div class="flex-1 min-w-0"><div class="flex items-center gap-1.5 sm:gap-2 flex-wrap"><span class="text-xs sm:text-sm font-medium text-white truncate transition-all duration-300">Servicio Domingo</span><span class="text-[8px] sm:text-[10px] px-1 sm:px-1.5 py-0.5 rounded bg-[#ff5001]/20 text-[#ff5001] transition-all duration-300">servicio</span></div><div class="flex items-center gap-2 sm:gap-3 text-[9px] sm:text-[10px] text-gray-400 mt-0.5 sm:mt-1"><span class="flex items-center gap-0.5 sm:gap-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-calendar w-2.5 sm:w-3 h-2.5 sm:h-3"><path d="M8 2v4"></path><path d="M16 2v4"></path><rect width="18" height="18" x="3" y="4" rx="2"></rect><path d="M3 10h18"></path></svg> <!-- -->18 ene</span><span class="flex items-center gap-0.5 sm:gap-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-clock w-2.5 sm:w-3 h-2.5 sm:h-3"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg> <!-- -->10:00</span><span class="hidden sm:flex items-center gap-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-map-pin w-3 h-3"><path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"></path><circle cx="12" cy="10" r="3"></circle></svg> Iglesia</span></div></div><div class="flex -space-x-1.5 sm:-space-x-2 flex-shrink-0"><img src="https://images.unsplash.com/photo-1633332755192-727a05c4013d?w=100&amp;h=100&amp;fit=crop&amp;crop=face" alt="Voluntario" class="w-5 sm:w-6 h-5 sm:h-6 rounded-full border-2 border-gray-800 object-cover" loading="lazy"/><img src="https://images.unsplash.com/photo-1558898479-33c0057a5d12?w=100&amp;h=100&amp;fit=crop&amp;crop=face" alt="Voluntaria" class="w-5 sm:w-6 h-5 sm:h-6 rounded-full border-2 border-gray-800 object-cover" loading="lazy"/></div></div></div></div><div class="absolute inset-0 space-y-3 sm:space-y-4 transition-all duration-1000 ease-[cubic-bezier(0.4,0,0.2,1)] opacity-0 -translate-x-4 pointer-events-none"><div class="mb-2 sm:mb-3"><h4 class="text-xs sm:text-sm text-white mb-1">Orden del Programa</h4><p class="text-[10px] sm:text-xs text-gray-400">Servicio Domingo</p></div><div class="space-y-1.5 sm:space-y-2 max-h-[200px] sm:max-h-[240px] overflow-y-auto scrollbar-hide pr-1"><div class="flex items-start gap-2 sm:gap-3 p-2 sm:p-2.5 rounded-lg bg-gray-800/60 hover:bg-gray-800/80 border border-gray-700/30 hover:border-gray-700/50 transition-all duration-500 ease-out"><div class="flex-shrink-0 w-14 sm:w-16 text-[10px] sm:text-[11px] font-semibold text-[#ff5001]">09:45</div><div class="flex-1 min-w-0"><div class="text-xs sm:text-sm text-white mb-0.5">Pre-ensayo</div><div class="text-[10px] sm:text-xs text-gray-400">15 min</div></div></div><div class="flex items-start gap-2 sm:gap-3 p-2 sm:p-2.5 rounded-lg bg-gray-800/60 hover:bg-gray-800/80 border border-gray-700/30 hover:border-gray-700/50 transition-all duration-500 ease-out"><div class="flex-shrink-0 w-14 sm:w-16 text-[10px] sm:text-[11px] font-semibold text-[#ff5001]">10:00</div><div class="flex-1 min-w-0"><div class="text-xs sm:text-sm text-white mb-0.5">Bienvenida</div><div class="text-[10px] sm:text-xs text-gray-400">5 min</div></div></div><div class="flex items-start gap-2 sm:gap-3 p-2 sm:p-2.5 rounded-lg bg-gray-800/60 hover:bg-gray-800/80 border border-gray-700/30 hover:border-gray-700/50 transition-all duration-500 ease-out"><div class="flex-shrink-0 w-14 sm:w-16 text-[10px] sm:text-[11px] font-semibold text-[#ff5001]">10:05</div><div class="flex-1 min-w-0"><div class="text-xs sm:text-sm text-white mb-0.5">Alabanza</div><div class="text-[10px] sm:text-xs text-gray-400">20 min</div></div></div><div class="flex items-start gap-2 sm:gap-3 p-2 sm:p-2.5 rounded-lg bg-gray-800/60 hover:bg-gray-800/80 border border-gray-700/30 hover:border-gray-700/50 transition-all duration-500 ease-out"><div class="flex-shrink-0 w-14 sm:w-16 text-[10px] sm:text-[11px] font-semibold text-[#ff5001]">10:25</div><div class="flex-1 min-w-0"><div class="text-xs sm:text-sm text-white mb-0.5">Oración</div><div class="text-[10px] sm:text-xs text-gray-400">5 min</div></div></div><div class="flex items-start gap-2 sm:gap-3 p-2 sm:p-2.5 rounded-lg bg-gray-800/60 hover:bg-gray-800/80 border border-gray-700/30 hover:border-gray-700/50 transition-all duration-500 ease-out"><div class="flex-shrink-0 w-14 sm:w-16 text-[10px] sm:text-[11px] font-semibold text-[#ff5001]">10:30</div><div class="flex-1 min-w-0"><div class="text-xs sm:text-sm text-white mb-0.5">Mensaje</div><div class="text-[10px] sm:text-xs text-gray-400">35 min</div></div></div><div class="flex items-start gap-2 sm:gap-3 p-2 sm:p-2.5 rounded-lg bg-gray-800/60 hover:bg-gray-800/80 border border-gray-700/30 hover:border-gray-700/50 transition-all duration-500 ease-out"><div class="flex-shrink-0 w-14 sm:w-16 text-[10px] sm:text-[11px] font-semibold text-[#ff5001]">11:05</div><div class="flex-1 min-w-0"><div class="text-xs sm:text-sm text-white mb-0.5">Alabanza final</div><div class="text-[10px] sm:text-xs text-gray-400">10 min</div></div></div><div class="flex items-start gap-2 sm:gap-3 p-2 sm:p-2.5 rounded-lg bg-gray-800/60 hover:bg-gray-800/80 border border-gray-700/30 hover:border-gray-700/50 transition-all duration-500 ease-out"><div class="flex-shrink-0 w-14 sm:w-16 text-[10px] sm:text-[11px] font-semibold text-[#ff5001]">11:15</div><div class="flex-1 min-w-0"><div class="text-xs sm:text-sm text-white mb-0.5">Bendición</div><div class="text-[10px] sm:text-xs text-gray-400">5 min</div></div></div></div></div></div></div><div class="relative group rounded-xl sm:rounded-2xl overflow-hidden bg-gradient-to-br from-gray-800/50 to-gray-900/50 border border-gray-700/50 backdrop-blur-sm p-4 sm:p-5 lg:p-6 hover:border-pink-500/30 transition-colors duration-300"><div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-48 sm:w-64 h-48 sm:h-64 bg-gradient-to-r from-pink-500/20 to-cyan-500/20 rounded-full blur-3xl"></div><div class="mb-4 sm:mb-6 relative z-10"><h3 class="text-sm sm:text-base lg:text-lg text-white font-semibold mb-2">Coordinación de Voluntarios.</h3><p class="text-sm sm:text-base lg:text-lg text-[#ff5001]">Asigna roles con disponibilidad en tiempo real.</p></div><div class="relative z-10 space-y-3 sm:space-y-4"><div><span class="text-[9px] sm:text-[10px] font-semibold text-cyan-400 tracking-wider">VIDEO</span><div class="h-px bg-gray-700 mt-1 mb-2 sm:mb-3"></div><div class="space-y-2"><div class="flex items-center gap-2 sm:gap-3 transition-all duration-500 "><div class="relative flex-shrink-0"><div class="w-10 sm:w-12 h-10 sm:h-12 rounded-full bg-gradient-to-br from-gray-600 to-gray-700 border-2 overflow-hidden transition-all duration-500 border-[#ff5001]"><img src="https://images.unsplash.com/photo-1633332755192-727a05c4013d?w=100&amp;h=100&amp;fit=crop&amp;crop=face" alt="Gael Martín" class="w-full h-full object-cover" loading="lazy"/></div><div class="absolute -bottom-0.5 -right-0.5 w-3.5 sm:w-4 h-3.5 sm:h-4 rounded-full flex items-center justify-center transition-all duration-500 bg-[#ff5001] "><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-clock w-2 sm:w-2.5 h-2 sm:h-2.5 text-white"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg></div></div><div class="flex-1"><p class="text-xs sm:text-sm font-medium text-white">Gael Martín</p><p class="text-[10px] sm:text-xs transition-colors duration-500 text-gray-400">Camarógrafo</p></div></div><div class="flex items-center gap-2 sm:gap-3 transition-all duration-500 "><div class="relative flex-shrink-0"><div class="w-10 sm:w-12 h-10 sm:h-12 rounded-full bg-gradient-to-br from-gray-600 to-gray-700 border-2 overflow-hidden transition-all duration-500 border-green-500"><img src="https://images.unsplash.com/photo-1558898479-33c0057a5d12?w=100&amp;h=100&amp;fit=crop&amp;crop=face" alt="María López" class="w-full h-full object-cover" loading="lazy"/></div><div class="absolute -bottom-0.5 -right-0.5 w-3.5 sm:w-4 h-3.5 sm:h-4 rounded-full flex items-center justify-center transition-all duration-500 bg-green-500 "><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-2 sm:w-2.5 h-2 sm:h-2.5 text-white"><path d="M20 6 9 17l-5-5"></path></svg></div></div><div class="flex-1"><p class="text-xs sm:text-sm font-medium text-white">María López</p><p class="text-[10px] sm:text-xs transition-colors duration-500 text-green-400">✓ Confirmado</p></div><span class="text-[8px] sm:text-[9px] px-1.5 py-0.5 rounded-full bg-green-500/20 text-green-400 animate-pulse">Aceptó</span></div></div></div><div><span class="text-[9px] sm:text-[10px] font-semibold text-pink-400 tracking-wider">MÚSICA</span><div class="h-px bg-gray-700 mt-1 mb-2 sm:mb-3"></div><div class="space-y-2"><div class="flex items-center gap-2 sm:gap-3 transition-all duration-500 "><div class="relative flex-shrink-0"><div class="w-10 sm:w-12 h-10 sm:h-12 rounded-full bg-gradient-to-br from-gray-600 to-gray-700 border-2 overflow-hidden transition-all duration-500 border-[#ff5001]"><img src="https://images.unsplash.com/photo-1552422535-c45813c61732?w=100&amp;h=100&amp;fit=crop&amp;crop=face" alt="Ana Sofía Martínez" class="w-full h-full object-cover" loading="lazy"/></div><div class="absolute -bottom-0.5 -right-0.5 w-3.5 sm:w-4 h-3.5 sm:h-4 rounded-full flex items-center justify-center transition-all duration-500 bg-[#ff5001] "><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-clock w-2 sm:w-2.5 h-2 sm:h-2.5 text-white"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg></div></div><div class="flex-1"><p class="text-xs sm:text-sm font-medium text-white">Ana Sofía Martínez</p><p class="text-[10px] sm:text-xs transition-colors duration-500 text-gray-400">Director musical</p></div></div><div class="flex items-center gap-2 sm:gap-3 transition-all duration-500 "><div class="relative flex-shrink-0"><div class="w-10 sm:w-12 h-10 sm:h-12 rounded-full bg-gradient-to-br from-gray-600 to-gray-700 border-2 overflow-hidden transition-all duration-500 border-green-500"><img src="https://images.unsplash.com/photo-1492562080023-ab3db95bfbce?w=100&amp;h=100&amp;fit=crop&amp;crop=face" alt="Carlos Ruiz" class="w-full h-full object-cover" loading="lazy"/></div><div class="absolute -bottom-0.5 -right-0.5 w-3.5 sm:w-4 h-3.5 sm:h-4 rounded-full flex items-center justify-center transition-all duration-500 bg-green-500 "><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-2 sm:w-2.5 h-2 sm:h-2.5 text-white"><path d="M20 6 9 17l-5-5"></path></svg></div></div><div class="flex-1"><p class="text-xs sm:text-sm font-medium text-white">Carlos Ruiz</p><p class="text-[10px] sm:text-xs transition-colors duration-500 text-green-400">✓ Confirmado</p></div><span class="text-[8px] sm:text-[9px] px-1.5 py-0.5 rounded-full bg-green-500/20 text-green-400 animate-pulse">Aceptó</span></div></div></div></div></div><div class="relative group rounded-xl sm:rounded-2xl overflow-hidden bg-gradient-to-br from-gray-800/50 to-gray-900/50 border border-gray-700/50 backdrop-blur-sm p-4 sm:p-5 lg:p-6 md:col-span-2 hover:border-purple-500/30 transition-colors duration-300"><div class="absolute bottom-0 left-1/4 w-64 sm:w-96 h-32 sm:h-48 bg-gradient-to-t from-purple-500/20 to-transparent rounded-full blur-3xl"></div><div class="absolute top-0 right-1/4 w-48 h-48 bg-gradient-to-b from-[#ff5001]/15 to-transparent rounded-full blur-3xl"></div><div class="mb-4 sm:mb-6 relative z-10"><div class="flex flex-col sm:flex-row sm:items-center sm:justify-between gap-3 sm:gap-4 mb-3 sm:mb-4"><div class="flex-1"><h3 class="text-sm sm:text-base lg:text-lg text-white font-semibold mb-2">Cursos y Talleres en Video.</h3><p class="text-sm sm:text-base lg:text-lg text-[#ff5001]">Capacita a tus voluntarios y líderes de forma continua y con seguimiento de avance.</p></div><a href="https://one.tecnoiglesia.com/cursos" target="_blank" rel="noopener noreferrer" class="group inline-flex items-center gap-2 px-5 sm:px-6 py-2.5 sm:py-3 rounded-xl bg-gradient-to-r from-[#ff5001] to-[#ff6a1a] text-white font-semibold hover:from-[#ff6a1a] hover:to-[#ff5001] transition-all duration-300 text-sm sm:text-base shadow-lg shadow-[#ff5001]/30 hover:shadow-[#ff5001]/50 hover:scale-105 border border-[#ff5001]/20 whitespace-nowrap"><svg class="w-4 h-4 sm:w-5 sm:h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"></path><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"></path></svg>Ver catálogo<svg class="w-4 h-4 sm:w-5 sm:h-5 group-hover:translate-x-1 transition-transform" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path></svg></a></div></div><div class="relative z-10"><div class="flex items-center gap-2 sm:gap-3 mb-3 sm:mb-4"><div class="flex-1 max-w-[200px] sm:max-w-xs bg-gray-800/60 rounded-lg px-2.5 sm:px-3 py-1.5 sm:py-2 border border-gray-700/50"><span class="text-[10px] sm:text-xs text-gray-500">Buscar cursos...</span></div></div><div class="flex flex-wrap gap-1.5 sm:gap-2 mb-3 sm:mb-4"><span class="text-[9px] sm:text-[10px] px-2 sm:px-3 py-1 sm:py-1.5 rounded-full bg-[#ff5001] text-white font-medium">Todos</span><span class="text-[9px] sm:text-[10px] px-2 sm:px-3 py-1 sm:py-1.5 rounded-full bg-gray-700/50 text-gray-300">Destacado</span><span class="text-[9px] sm:text-[10px] px-2 sm:px-3 py-1 sm:py-1.5 rounded-full bg-gray-700/50 text-gray-300">Audio</span><span class="text-[9px] sm:text-[10px] px-2 sm:px-3 py-1 sm:py-1.5 rounded-full bg-gray-700/50 text-gray-300">Líder</span><span class="hidden sm:inline text-[10px] px-3 py-1.5 rounded-full bg-gray-700/50 text-gray-300">Iluminación</span><span class="hidden sm:inline text-[10px] px-3 py-1.5 rounded-full bg-gray-700/50 text-gray-300">Multimedia</span><span class="hidden sm:inline text-[10px] px-3 py-1.5 rounded-full bg-gray-700/50 text-gray-300">Música</span></div><div class="relative overflow-x-auto scrollbar-hide"><div class="absolute left-0 top-0 bottom-0 w-8 sm:w-12 bg-gradient-to-r from-gray-800/90 to-transparent z-10 pointer-events-none"></div><div class="absolute right-0 top-0 bottom-0 w-8 sm:w-12 bg-gradient-to-l from-gray-800/90 to-transparent z-10 pointer-events-none"></div><div class="flex gap-2 sm:gap-3 animate-marquee-courses hover:[animation-play-state:paused] cursor-grab active:cursor-grabbing"><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1765299733675-1zjkf9.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1765255509045-ajp1pq.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1765255364544-qqspk8.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1765255231521-uqdt85.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1765254994605-rbkfq.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1765254681428-0h2xgu.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1765254610987-e4ldsj.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1765254303388-g9ptnc.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1765253557723-cehxu.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1765253343635-fcthx.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1765253077780-6ys13q.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1765252924051-9bwqh.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1765252669262-jo2pz.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1765252124337-0su4ut.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1765251884746-zssz8i.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1765251719082-41znuq.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1765251192509-jucx5e.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1765250984737-o2ui6a.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1765250778824-gmyfes.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1765250488277-3pkxro.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1765250133366-pscbjm.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1765249330817-k2ghls.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1765248735062-n2idfo.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1765248255075-yu5dlk.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1765247655036-bvvm2e.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1765247227132-i5b0eh.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1765247159470-lxi9cf.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1765242705253-ozgxus.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1765241695397-ziff4.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1765241662991-5sjxj.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1765241362925-pgmf3c.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1765241040993-3oy2oj.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1765240566771-7e6gy8.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1765240225140-t40ar9o.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1765240083632-qcu3ms.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1764987122548-ss65lf.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1764987007450-xpzmfs.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1764986763197-0400q.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1764986406182-402sfn.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1764986098563-ohtgd.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1764985518067-kunoyf.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1764985263991-e0liah.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1764984995519-zl933c.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1764984588747-h4tms.png" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1764965250263-cd69rm.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1764964884970-rayfg3.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1764958608711-nme9o.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1764954889028-dqa0ck.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1764952746715-8xytz8.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1764030378261-k578jv.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1764030336969-anw45h.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1764030259975-9tlrpa.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1764030178975-cqxvt.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1764030107044-omm65r.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1764030026999-1eub4.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1764029911247-01nfsk.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1764029846916-dycl4eh.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1764029798251-ise3lg.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1764029751822-kyzwah.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1764029662706-islox8.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1764029616313-ig4e.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1764029564899-nm641d.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1764029463676-agt0zs.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1764029425710-6c71m.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1764029292289-8d0uqc.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1764029198580-7doqe.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1764029106532-7iou6l.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1764029038606-meqvpl.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1764028981229-62poch.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1764028917339-yc45bv.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1764028812830-dm4v98.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1764028390000-csd0ds.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1764028326950-duuoq.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1764028085096-i58xmj.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1764028001369-4cg8rd.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1765299733675-1zjkf9.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1765255509045-ajp1pq.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1765255364544-qqspk8.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1765255231521-uqdt85.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1765254994605-rbkfq.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1765254681428-0h2xgu.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1765254610987-e4ldsj.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1765254303388-g9ptnc.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1765253557723-cehxu.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1765253343635-fcthx.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1765253077780-6ys13q.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1765252924051-9bwqh.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1765252669262-jo2pz.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1765252124337-0su4ut.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1765251884746-zssz8i.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1765251719082-41znuq.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1765251192509-jucx5e.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1765250984737-o2ui6a.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1765250778824-gmyfes.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1765250488277-3pkxro.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1765250133366-pscbjm.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1765249330817-k2ghls.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1765248735062-n2idfo.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1765248255075-yu5dlk.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1765247655036-bvvm2e.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1765247227132-i5b0eh.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1765247159470-lxi9cf.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1765242705253-ozgxus.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1765241695397-ziff4.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1765241662991-5sjxj.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1765241362925-pgmf3c.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1765241040993-3oy2oj.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1765240566771-7e6gy8.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1765240225140-t40ar9o.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1765240083632-qcu3ms.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1764987122548-ss65lf.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1764987007450-xpzmfs.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1764986763197-0400q.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1764986406182-402sfn.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1764986098563-ohtgd.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1764985518067-kunoyf.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1764985263991-e0liah.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1764984995519-zl933c.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1764984588747-h4tms.png" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1764965250263-cd69rm.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1764964884970-rayfg3.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1764958608711-nme9o.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1764954889028-dqa0ck.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1764952746715-8xytz8.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1764030378261-k578jv.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1764030336969-anw45h.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1764030259975-9tlrpa.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1764030178975-cqxvt.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1764030107044-omm65r.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1764030026999-1eub4.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1764029911247-01nfsk.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1764029846916-dycl4eh.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1764029798251-ise3lg.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1764029751822-kyzwah.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1764029662706-islox8.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1764029616313-ig4e.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1764029564899-nm641d.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1764029463676-agt0zs.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1764029425710-6c71m.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1764029292289-8d0uqc.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1764029198580-7doqe.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1764029106532-7iou6l.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1764029038606-meqvpl.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1764028981229-62poch.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1764028917339-yc45bv.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1764028812830-dm4v98.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1764028390000-csd0ds.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1764028326950-duuoq.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1764028085096-i58xmj.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div><div class="flex-shrink-0 w-20 sm:w-24 rounded-lg sm:rounded-xl overflow-hidden relative group/card hover:scale-105 transition-transform duration-300" style="aspect-ratio:9/16"><img src="https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/course-thumbnails/1764028001369-4cg8rd.jpg" alt="Curso" class="absolute inset-0 w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/20 opacity-0 group-hover/card:opacity-100 transition-opacity duration-300"></div></div></div></div></div></div><div class="relative group rounded-xl sm:rounded-2xl overflow-hidden bg-gradient-to-br from-gray-800/50 to-gray-900/50 border border-gray-700/50 backdrop-blur-sm p-4 sm:p-5 lg:p-6 md:col-span-2 hover:border-cyan-500/30 transition-colors duration-300"><div class="absolute top-0 right-0 w-48 sm:w-64 h-48 sm:h-64 bg-gradient-to-bl from-[#ff5001]/20 to-transparent rounded-full blur-3xl"></div><div class="absolute bottom-0 left-0 w-48 h-48 bg-gradient-to-tr from-cyan-500/15 to-transparent rounded-full blur-3xl"></div><div class="mb-4 sm:mb-6 relative z-10"><h3 class="text-sm sm:text-base lg:text-lg text-white font-semibold mb-2">Stage Plot + Input List.</h3><p class="text-sm sm:text-base lg:text-lg text-[#ff5001]">Exporta a consolas X32, M32 y más.</p></div><div class="relative z-10"><div class="mb-4 text-center"><p class="text-[9px] sm:text-[10px] text-gray-400">Los canales del <span class="text-[#ff5001] font-medium">Input List</span> se corresponden con las posiciones del <span class="text-[#ff5001] font-medium">Stage Plot</span></p></div><div class="grid grid-cols-1 sm:grid-cols-2 gap-4 sm:gap-6 mb-4 sm:mb-6"><div class="bg-gray-800/60 backdrop-blur rounded-lg sm:rounded-xl p-3 sm:p-4 border border-gray-700/50"><p class="text-[10px] sm:text-xs font-semibold text-[#ff5001] mb-3 sm:mb-4 uppercase tracking-wider flex items-center gap-2"><span class="w-1 h-4 bg-[#ff5001] rounded"></span>INPUT LIST</p><div class="space-y-2 text-[10px] sm:text-xs"><div class="flex items-center justify-between p-2 rounded bg-gray-900/40 border-l-4 border-[#ff5001] hover:bg-gray-900/60 transition-colors group"><span class="text-gray-400 font-mono font-medium">CH 3</span><span class="text-white font-medium flex items-center gap-2">Voz<span class="w-2 h-2 rounded-full bg-[#ff5001] opacity-0 group-hover:opacity-100 transition-opacity"></span></span></div><div class="flex items-center justify-between p-2 rounded bg-gray-900/40 border-l-4 border-cyan-500 hover:bg-gray-900/60 transition-colors group"><span class="text-gray-400 font-mono font-medium">CH 4</span><span class="text-white font-medium flex items-center gap-2">Guitarra<span class="w-2 h-2 rounded-full bg-cyan-500 opacity-0 group-hover:opacity-100 transition-opacity"></span></span></div><div class="flex items-center justify-between p-2 rounded bg-gray-900/40 border-l-4 border-yellow-500 hover:bg-gray-900/60 transition-colors group"><span class="text-gray-400 font-mono font-medium">CH 5</span><span class="text-white font-medium flex items-center gap-2">Bajo<span class="w-2 h-2 rounded-full bg-yellow-500 opacity-0 group-hover:opacity-100 transition-opacity"></span></span></div><div class="flex items-center justify-between p-2 rounded bg-gray-900/40 border-l-4 border-gray-500 hover:bg-gray-900/60 transition-colors"><span class="text-gray-400 font-mono font-medium">CH 1</span><span class="text-white font-medium">Kick</span></div><div class="hidden sm:flex items-center justify-between p-2 rounded bg-gray-900/40 border-l-4 border-blue-500 hover:bg-gray-900/60 transition-colors"><span class="text-gray-400 font-mono font-medium">CH 2</span><span class="text-white font-medium">Snare</span></div></div></div><div class="bg-gray-800/40 rounded-lg sm:rounded-xl p-3 sm:p-4 border border-gray-700/30"><p class="text-[10px] sm:text-xs font-semibold text-gray-400 mb-3 sm:mb-4 uppercase tracking-wider flex items-center gap-2"><span class="w-1 h-4 bg-gray-400 rounded"></span>STAGE PLOT</p><div class="relative h-32 sm:h-40 bg-gray-900/30 rounded border border-gray-700/50 overflow-hidden"><div class="absolute bottom-0 left-0 right-0 h-1 bg-gradient-to-r from-transparent via-gray-600/50 to-transparent"></div><div class="absolute top-3 left-1/2 -translate-x-1/2 flex flex-col items-center group"><div class="w-5 sm:w-6 h-5 sm:h-6 rounded-full bg-[#ff5001]/90 border-2 border-[#ff5001] shadow-lg shadow-[#ff5001]/40 flex items-center justify-center"><span class="text-[8px] sm:text-[9px] text-white font-bold">3</span></div><span class="text-[8px] sm:text-[9px] text-[#ff5001] mt-1 font-semibold">Voz</span></div><div class="absolute top-8 sm:top-10 left-3 sm:left-4 flex flex-col items-center group"><div class="w-4 sm:w-5 h-4 sm:h-5 rounded-full bg-cyan-500/90 border-2 border-cyan-500 shadow-lg shadow-cyan-500/40 flex items-center justify-center"><span class="text-[7px] sm:text-[8px] text-white font-bold">4</span></div><span class="text-[8px] sm:text-[9px] text-cyan-400 mt-1 font-semibold">Gtr</span></div><div class="absolute top-8 sm:top-10 right-3 sm:right-4 flex flex-col items-center group"><div class="w-4 sm:w-5 h-4 sm:h-5 rounded-full bg-yellow-500/90 border-2 border-yellow-500 shadow-lg shadow-yellow-500/40 flex items-center justify-center"><span class="text-[7px] sm:text-[8px] text-white font-bold">5</span></div><span class="text-[8px] sm:text-[9px] text-yellow-400 mt-1 font-semibold">Bajo</span></div><div class="absolute bottom-3 left-1/2 -translate-x-1/2 flex flex-col items-center"><div class="w-7 sm:w-8 h-5 sm:h-6 rounded bg-gray-600/70 border-2 border-gray-500 shadow-lg"></div><span class="text-[8px] sm:text-[9px] text-gray-400 mt-1 font-semibold">Batería</span></div><svg class="absolute inset-0 w-full h-full pointer-events-none opacity-30"><line x1="50%" y1="12%" x2="25%" y2="30%" stroke="#06b6d4" stroke-width="1.5" stroke-dasharray="2,2"></line><line x1="50%" y1="12%" x2="75%" y2="30%" stroke="#eab308" stroke-width="1.5" stroke-dasharray="2,2"></line><line x1="50%" y1="12%" x2="50%" y2="75%" stroke="#6b7280" stroke-width="1.5" stroke-dasharray="2,2"></line></svg></div></div></div><div class="mt-4 sm:mt-6 bg-gray-800/40 rounded-lg sm:rounded-xl p-4 sm:p-5 border border-gray-700/50"><div class="mb-3 sm:mb-4"><p class="text-xs sm:text-sm font-semibold text-[#ff5001] mb-2 sm:mb-3 uppercase tracking-wider flex items-center gap-2"><span class="w-1 h-4 bg-[#ff5001] rounded"></span>EXPORTAR A CONSOLAS</p><p class="text-xs sm:text-sm text-gray-400 leading-relaxed">Convierte tu Input List y Stage Plot en archivos de configuración listos para importar directamente en tu consola de audio.</p></div><div class="mb-4 sm:mb-5"><p class="text-xs sm:text-sm text-gray-500 mb-3 sm:mb-4 font-medium">Consolas disponibles:</p><div class="flex flex-wrap gap-2 sm:gap-3"><button class="group flex items-center gap-2.5 px-4 sm:px-5 py-2.5 sm:py-3 rounded-lg bg-gray-800/80 border border-gray-700 hover:border-[#ff5001]/50 hover:bg-gray-800 transition-all duration-300"><div class="w-2.5 h-2.5 rounded-full bg-green-500 group-hover:bg-[#ff5001] transition-colors"></div><span class="text-xs sm:text-sm text-white font-medium">Behringer X32</span></button><button class="group flex items-center gap-2.5 px-4 sm:px-5 py-2.5 sm:py-3 rounded-lg bg-gray-800/80 border border-gray-700 hover:border-[#ff5001]/50 hover:bg-gray-800 transition-all duration-300"><div class="w-2.5 h-2.5 rounded-full bg-green-500 group-hover:bg-[#ff5001] transition-colors"></div><span class="text-xs sm:text-sm text-white font-medium">Midas M32</span></button><button class="group flex items-center gap-2.5 px-4 sm:px-5 py-2.5 sm:py-3 rounded-lg bg-gray-800/80 border border-[#ff5001]/50 hover:border-[#ff5001] hover:bg-[#ff5001]/10 transition-all duration-300"><span class="text-xs sm:text-sm text-[#ff5001] font-medium">+ Más consolas</span></button></div></div><div class="bg-gray-900/40 rounded-lg p-3 sm:p-4 border border-gray-700/30"><p class="text-xs sm:text-sm text-gray-400 mb-3 sm:mb-4 font-medium flex items-center gap-2"><span class="w-2 h-2 rounded-full bg-yellow-500"></span>Próximamente:</p><div class="flex flex-wrap gap-2"><span class="text-xs sm:text-sm px-3 sm:px-4 py-1.5 sm:py-2 rounded bg-[#ff5001]/10 text-[#ff5001] border border-[#ff5001]/20 font-medium">SMPTE</span><span class="text-xs sm:text-sm px-3 sm:px-4 py-1.5 sm:py-2 rounded bg-[#ff5001]/10 text-[#ff5001] border border-[#ff5001]/20 font-medium">Soundcheck</span><span class="text-xs sm:text-sm px-3 sm:px-4 py-1.5 sm:py-2 rounded bg-[#ff5001]/10 text-[#ff5001] border border-[#ff5001]/20 font-medium">Patchbay</span></div></div></div></div></div></div></div></section></div><div class="cv-auto"><section class="relative py-12 sm:py-20 lg:py-28 px-4 sm:px-6 bg-white overflow-hidden"><div class="absolute inset-0 overflow-hidden pointer-events-none"><div class="hidden sm:block absolute inset-0 opacity-[0.03]" style="background-image:linear-gradient(rgba(0,0,0,0.1) 1px, transparent 1px), linear-gradient(90deg, rgba(0,0,0,0.1) 1px, transparent 1px);background-size:60px 60px"></div><div class="absolute top-1/4 left-5 sm:left-10 w-32 sm:w-64 h-32 sm:h-64 bg-[#ff5001]/5 rounded-full blur-3xl"></div><div class="absolute bottom-1/4 right-5 sm:right-10 w-40 sm:w-80 h-40 sm:h-80 bg-cyan-500/5 rounded-full blur-3xl"></div></div><div class="max-w-6xl mx-auto relative z-10"><div class="text-center mb-8 sm:mb-12 lg:mb-16"><h2 class="text-3xl sm:text-4xl lg:text-5xl xl:text-6xl font-bold text-gray-900 mb-3 sm:mb-5">Asesoría personalizada.<br/><span class="text-gradient-animated">Como en persona.</span></h2><p class="text-sm sm:text-base lg:text-lg text-gray-600 max-w-2xl mx-auto px-4">Conecta con expertos en producción, audio, iluminación y más. Sesiones 1:1 de alta calidad para resolver tus dudas específicas.</p></div><div class="relative max-w-4xl mx-auto"><div class="absolute left-0 top-1/4 -translate-x-1/2 hidden lg:block space-y-4 z-20"><div class="bg-gray-50 rounded-2xl p-4 border border-gray-200 shadow-xl w-48"><div class="flex items-center gap-2 mb-2"><div class="w-2 h-2 rounded-full bg-green-400 animate-pulse"></div><div class="w-2 h-2 rounded-full bg-green-400 animate-pulse delay-100"></div><div class="w-2 h-2 rounded-full bg-green-400 animate-pulse delay-200"></div></div><p class="text-sm font-medium text-gray-900">Sala de Audio</p><div class="flex -space-x-2 mt-2"><div class="w-6 h-6 rounded-full bg-gradient-to-br from-orange-400 to-orange-600 border-2 border-white"></div><div class="w-6 h-6 rounded-full bg-gradient-to-br from-blue-400 to-blue-600 border-2 border-white"></div><div class="w-6 h-6 rounded-full bg-gradient-to-br from-purple-400 to-purple-600 border-2 border-white"></div></div></div><div class="bg-gray-50 rounded-2xl p-4 border border-gray-200 shadow-xl w-48"><p class="text-[10px] text-gray-500 mb-1">Próxima sesión</p><p class="text-sm font-medium text-gray-900">Mezcla en Vivo</p><div class="flex items-center gap-2 mt-2 text-xs text-gray-600"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-calendar w-3 h-3"><path d="M8 2v4"></path><path d="M16 2v4"></path><rect width="18" height="18" x="3" y="4" rx="2"></rect><path d="M3 10h18"></path></svg><span>Mañana, 3:00 PM</span></div></div></div><div class="absolute right-0 top-1/3 translate-x-1/2 hidden lg:block space-y-4 z-20"><div class="bg-gray-50 rounded-2xl p-4 border border-gray-200 shadow-xl w-44"><p class="text-sm font-medium text-gray-900">Iluminación</p><div class="flex items-center gap-2 mt-2"><div class="w-6 h-6 rounded-full bg-gradient-to-br from-yellow-400 to-yellow-600 border-2 border-white"></div><span class="text-xs text-gray-600">2 en línea</span></div></div><div class="bg-gray-50 rounded-2xl p-4 border border-gray-200 shadow-xl w-44"><p class="text-sm font-medium text-gray-900">Streaming</p><div class="flex items-center gap-2 mt-2"><div class="w-6 h-6 rounded-full bg-gradient-to-br from-red-400 to-red-600 border-2 border-white"></div><span class="text-xs text-gray-600">1 disponible</span></div></div></div><div class="bg-gradient-to-br from-gray-800/80 to-gray-900/80 backdrop-blur-xl rounded-2xl sm:rounded-3xl border border-gray-700/50 shadow-2xl overflow-hidden"><div class="px-3 sm:px-5 py-3 sm:py-4 border-b border-gray-700/50 flex items-center justify-between"><div><h3 class="text-sm sm:text-base text-white font-medium">Asesoría de Producción</h3><div class="flex items-center gap-1.5 sm:gap-2 text-[10px] sm:text-xs text-gray-400 mt-0.5 sm:mt-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-users w-3 h-3"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg><span>2 participantes</span></div></div><div class="flex items-center gap-2"><span class="flex items-center gap-1 sm:gap-1.5 text-[10px] sm:text-xs text-green-400"><span class="w-1.5 sm:w-2 h-1.5 sm:h-2 rounded-full bg-green-400 animate-pulse"></span>En vivo</span></div></div><div class="hidden sm:flex p-3 sm:p-4 gap-3 md:gap-4"><div class="flex-1 aspect-video bg-gradient-to-br from-gray-700 to-gray-800 rounded-xl sm:rounded-2xl relative overflow-hidden"><img src="/img/fotos asesoria/consola.png" alt="Consola de producción" class="w-full h-full object-cover"/><div class="absolute bottom-2 sm:bottom-3 left-2 sm:left-3 bg-black/50 backdrop-blur px-1.5 sm:px-2 py-0.5 sm:py-1 rounded-lg"><span class="text-[10px] sm:text-xs text-white">Asesor</span></div></div><div class="flex flex-col gap-2 sm:gap-3 w-28 sm:w-36 md:w-40 lg:w-44"><div class="flex-1 bg-gradient-to-br from-gray-700 to-gray-800 rounded-lg sm:rounded-xl relative overflow-hidden min-h-[80px]"><img src="/img/fotos asesoria/techsupport.jpg" alt="Soporte técnico" class="w-full h-full object-cover"/><div class="absolute top-1.5 sm:top-2 right-1.5 sm:right-2"><span class="w-4 sm:w-5 h-4 sm:h-5 rounded-full bg-blue-500 flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-mic w-2 sm:w-3 h-2 sm:h-3 text-white"><path d="M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z"></path><path d="M19 10v2a7 7 0 0 1-14 0v-2"></path><line x1="12" x2="12" y1="19" y2="22"></line></svg></span></div></div><div class="flex-1 bg-gradient-to-br from-gray-700 to-gray-800 rounded-lg sm:rounded-xl relative overflow-hidden flex items-center justify-center min-h-[80px]"><div class="text-center p-1.5 sm:p-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-monitor w-4 sm:w-5 lg:w-6 h-4 sm:h-5 lg:h-6 text-gray-500 mx-auto mb-0.5 sm:mb-1"><rect width="20" height="14" x="2" y="3" rx="2"></rect><line x1="8" x2="16" y1="21" y2="21"></line><line x1="12" x2="12" y1="17" y2="21"></line></svg><span class="text-[8px] sm:text-[10px] text-gray-500 leading-tight block">Compartir<br/>pantalla</span></div></div></div></div><div class="flex sm:hidden flex-col gap-2 p-3"><div class="w-full aspect-video bg-gradient-to-br from-gray-700 to-gray-800 rounded-xl relative overflow-hidden"><img src="/img/fotos asesoria/consola.png" alt="Consola de producción" class="w-full h-full object-cover"/><div class="absolute bottom-2 left-2 bg-black/50 backdrop-blur px-1.5 py-0.5 rounded-lg"><span class="text-[10px] text-white">Asesor</span></div></div><div class="flex gap-2"><div class="flex-1 aspect-video bg-gradient-to-br from-gray-700 to-gray-800 rounded-lg relative overflow-hidden"><img src="/img/fotos asesoria/techsupport.jpg" alt="Soporte técnico" class="w-full h-full object-cover"/><div class="absolute top-1.5 right-1.5"><span class="w-4 h-4 rounded-full bg-blue-500 flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-mic w-2 h-2 text-white"><path d="M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z"></path><path d="M19 10v2a7 7 0 0 1-14 0v-2"></path><line x1="12" x2="12" y1="19" y2="22"></line></svg></span></div></div><div class="flex-1 aspect-video bg-gradient-to-br from-gray-700 to-gray-800 rounded-lg relative overflow-hidden flex items-center justify-center"><div class="text-center p-1.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-monitor w-4 h-4 text-gray-500 mx-auto mb-0.5"><rect width="20" height="14" x="2" y="3" rx="2"></rect><line x1="8" x2="16" y1="21" y2="21"></line><line x1="12" x2="12" y1="17" y2="21"></line></svg><span class="text-[8px] text-gray-500 leading-tight block">Compartir<br/>pantalla</span></div></div></div></div><div class="px-3 sm:px-5 py-3 sm:py-4 border-t border-gray-700/50 flex items-center justify-center gap-2 sm:gap-3"><button aria-label="Pantalla completa" class="w-9 sm:w-10 lg:w-11 h-9 sm:h-10 lg:h-11 rounded-full bg-gray-700 hover:bg-gray-600 flex items-center justify-center transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 w-4 sm:w-5 h-4 sm:h-5 text-white"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button><button aria-label="Micrófono" class="w-9 sm:w-10 lg:w-11 h-9 sm:h-10 lg:h-11 rounded-full bg-gray-700 hover:bg-gray-600 flex items-center justify-center transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-mic w-4 sm:w-5 h-4 sm:h-5 text-white"><path d="M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z"></path><path d="M19 10v2a7 7 0 0 1-14 0v-2"></path><line x1="12" x2="12" y1="19" y2="22"></line></svg></button><button aria-label="Colgar llamada" class="w-10 sm:w-11 lg:w-12 h-10 sm:h-11 lg:h-12 rounded-full bg-red-500 hover:bg-red-600 flex items-center justify-center transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-phone w-4 sm:w-5 h-4 sm:h-5 text-white rotate-[135deg]"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path></svg></button><button aria-label="Cámara" class="w-9 sm:w-10 lg:w-11 h-9 sm:h-10 lg:h-11 rounded-full bg-gray-700 hover:bg-gray-600 flex items-center justify-center transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-video w-4 sm:w-5 h-4 sm:h-5 text-white"><path d="m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5"></path><rect x="2" y="6" width="14" height="12" rx="2"></rect></svg></button><button aria-label="Compartir pantalla" class="w-9 sm:w-10 lg:w-11 h-9 sm:h-10 lg:h-11 rounded-full bg-gray-700 hover:bg-gray-600 flex items-center justify-center transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-monitor w-4 sm:w-5 h-4 sm:h-5 text-white"><rect width="20" height="14" x="2" y="3" rx="2"></rect><line x1="8" x2="16" y1="21" y2="21"></line><line x1="12" x2="12" y1="17" y2="21"></line></svg></button></div></div><div class="flex gap-2 mt-4 lg:hidden overflow-x-auto pb-2 -mx-1 px-1 scrollbar-hide"><div class="flex-shrink-0 bg-gray-50 rounded-xl p-3 border border-gray-200 w-36"><div class="flex items-center gap-1.5 mb-1"><div class="w-1.5 h-1.5 rounded-full bg-green-400 animate-pulse"></div><span class="text-[10px] text-green-600">Disponible</span></div><p class="text-xs font-medium text-gray-900">Audio</p></div><div class="flex-shrink-0 bg-gray-50 rounded-xl p-3 border border-gray-200 w-36"><div class="flex items-center gap-1.5 mb-1"><div class="w-1.5 h-1.5 rounded-full bg-green-400 animate-pulse"></div><span class="text-[10px] text-green-600">Disponible</span></div><p class="text-xs font-medium text-gray-900">Iluminación</p></div><div class="flex-shrink-0 bg-gray-50 rounded-xl p-3 border border-gray-200 w-36"><div class="flex items-center gap-1.5 mb-1"><div class="w-1.5 h-1.5 rounded-full bg-yellow-400"></div><span class="text-[10px] text-yellow-600">Ocupado</span></div><p class="text-xs font-medium text-gray-900">Streaming</p></div></div><div class="grid grid-cols-3 gap-2 sm:gap-4 mt-6 sm:mt-8"><div class="bg-gray-50 rounded-lg sm:rounded-xl p-3 sm:p-4 border border-gray-200 text-center"><div class="w-8 sm:w-10 h-8 sm:h-10 rounded-full bg-[#ff5001]/10 flex items-center justify-center mx-auto mb-2 sm:mb-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-video w-4 sm:w-5 h-4 sm:h-5 text-[#ff5001]"><path d="m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5"></path><rect x="2" y="6" width="14" height="12" rx="2"></rect></svg></div><h4 class="text-[10px] sm:text-sm font-medium text-gray-900 mb-0.5 sm:mb-1">Video HD</h4><p class="text-[8px] sm:text-xs text-gray-600 hidden sm:block">Calidad profesional</p></div><div class="bg-gray-50 rounded-lg sm:rounded-xl p-3 sm:p-4 border border-gray-200 text-center"><div class="w-8 sm:w-10 h-8 sm:h-10 rounded-full bg-[#ff5001]/10 flex items-center justify-center mx-auto mb-2 sm:mb-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-monitor w-4 sm:w-5 h-4 sm:h-5 text-[#ff5001]"><rect width="20" height="14" x="2" y="3" rx="2"></rect><line x1="8" x2="16" y1="21" y2="21"></line><line x1="12" x2="12" y1="17" y2="21"></line></svg></div><h4 class="text-[10px] sm:text-sm font-medium text-gray-900 mb-0.5 sm:mb-1">Pantalla</h4><p class="text-[8px] sm:text-xs text-gray-600 hidden sm:block">Comparte tu proyecto</p></div><div class="bg-gray-50 rounded-lg sm:rounded-xl p-3 sm:p-4 border border-gray-200 text-center"><div class="w-8 sm:w-10 h-8 sm:h-10 rounded-full bg-[#ff5001]/10 flex items-center justify-center mx-auto mb-2 sm:mb-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-circle w-4 sm:w-5 h-4 sm:h-5 text-[#ff5001]"><path d="M7.9 20A9 9 0 1 0 4 16.1L2 22Z"></path></svg></div><h4 class="text-[10px] sm:text-sm font-medium text-gray-900 mb-0.5 sm:mb-1">Chat</h4><p class="text-[8px] sm:text-xs text-gray-600 hidden sm:block">Archivos en tiempo real</p></div></div></div></div></section></div><div class="cv-auto"><section class="relative py-12 sm:py-20 lg:py-28 px-4 sm:px-6 bg-gradient-to-b from-white via-gray-50 to-white overflow-hidden"><div class="absolute inset-0 overflow-hidden pointer-events-none"><div class="hidden sm:block absolute inset-0 opacity-[0.03]" style="background-image:linear-gradient(rgba(0,0,0,0.1) 1px, transparent 1px), linear-gradient(90deg, rgba(0,0,0,0.1) 1px, transparent 1px);background-size:60px 60px"></div><div class="absolute top-1/4 right-5 sm:right-10 w-32 sm:w-64 h-32 sm:h-64 bg-[#ff5001]/5 rounded-full blur-3xl"></div><div class="absolute bottom-1/4 left-5 sm:left-10 w-40 sm:w-80 h-40 sm:h-80 bg-purple-500/5 rounded-full blur-3xl"></div></div><div class="max-w-7xl mx-auto relative z-10"><div class="text-center mb-8 sm:mb-12 lg:mb-16"><h2 class="text-3xl sm:text-4xl lg:text-5xl xl:text-6xl font-bold text-gray-900 mb-3 sm:mb-5">Organización y aprendizaje.<br/><span class="text-gradient-animated">Todo bajo control.</span></h2><p class="text-sm sm:text-base lg:text-lg text-gray-600 max-w-2xl mx-auto px-4">Exporta tus reuniones con QR y gestiona el aprendizaje de tu equipo con seguimiento completo.</p></div><div class="grid grid-cols-1 lg:grid-cols-2 gap-6 sm:gap-8 lg:gap-12"><div class="relative group"><div class="bg-gradient-to-br from-gray-50 to-white rounded-2xl sm:rounded-3xl border border-gray-200 shadow-xl hover:shadow-2xl transition-all duration-500 overflow-hidden h-full"><div class="px-5 sm:px-6 lg:px-8 pt-5 sm:pt-6 lg:pt-8 pb-4"><div class="flex items-center gap-3 mb-3"><div class="w-12 h-12 rounded-xl bg-[#ff5001]/10 flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file-text w-6 h-6 text-[#ff5001]"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path><path d="M10 9H8"></path><path d="M16 13H8"></path><path d="M16 17H8"></path></svg></div><div><h3 class="text-xl sm:text-2xl font-bold text-gray-900">Exportar reuniones como PDF</h3><p class="text-sm text-gray-600">Completo y con QR</p></div></div></div><div class="px-5 sm:px-6 lg:px-8 pb-5 sm:pb-6 lg:pb-8"><div class="bg-white rounded-xl border-2 border-gray-300 shadow-lg overflow-hidden"><div class="bg-gray-100 px-4 py-3 border-b border-gray-300 flex items-center justify-between"><div class="flex items-center gap-2"><div class="w-3 h-3 rounded-full bg-red-500"></div><div class="w-3 h-3 rounded-full bg-yellow-500"></div><div class="w-3 h-3 rounded-full bg-green-500"></div></div><span class="text-xs font-medium text-gray-700">Reunión Domingo 18 Enero 2025.pdf</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-download w-4 h-4 text-gray-600"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><polyline points="7 10 12 15 17 10"></polyline><line x1="12" x2="12" y1="15" y2="3"></line></svg></div><div class="p-4 sm:p-6 space-y-4"><div class="text-center border-b-2 border-gray-300 pb-3"><h4 class="text-lg font-bold text-gray-900">Orden del Programa</h4><p class="text-sm text-gray-600">Servicio Domingo - 18 de Enero 2025</p></div><div class="space-y-2"><div class="flex items-center gap-3 p-2 bg-gray-50 rounded"><span class="text-sm font-mono text-gray-500 w-16">10:00</span><span class="text-sm text-gray-900">Bienvenida</span></div><div class="flex items-center gap-3 p-2 bg-gray-50 rounded"><span class="text-sm font-mono text-gray-500 w-16">10:05</span><span class="text-sm text-gray-900">Alabanza</span></div><div class="flex items-center gap-3 p-2 bg-gray-50 rounded"><span class="text-sm font-mono text-gray-500 w-16">10:30</span><span class="text-sm text-gray-900">Mensaje</span></div></div><div class="mt-4 pt-4 border-t-2 border-gray-300 flex items-center gap-4"><div class="w-20 h-20 sm:w-24 sm:h-24 bg-white border-2 border-gray-400 rounded-lg flex items-center justify-center flex-shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-qr-code w-12 h-12 sm:w-16 sm:h-16 text-gray-700"><rect width="5" height="5" x="3" y="3" rx="1"></rect><rect width="5" height="5" x="16" y="3" rx="1"></rect><rect width="5" height="5" x="3" y="16" rx="1"></rect><path d="M21 16h-3a2 2 0 0 0-2 2v3"></path><path d="M21 21v.01"></path><path d="M12 7v3a2 2 0 0 1-2 2H7"></path><path d="M3 12h.01"></path><path d="M12 3h.01"></path><path d="M12 16v.01"></path><path d="M16 12h1"></path><path d="M21 12v.01"></path><path d="M12 21v-1"></path></svg></div><div class="flex-1"><p class="text-xs sm:text-sm font-semibold text-gray-900 mb-1">Escanea para revisar</p><p class="text-[10px] sm:text-xs text-gray-600">Accede a la versión completa en línea</p><div class="mt-2 flex items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check w-3 h-3 text-green-600"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg><span class="text-[10px] sm:text-xs text-gray-600">QR incluido en cada PDF</span></div></div></div></div></div></div></div></div><div class="relative group"><div class="bg-gradient-to-br from-gray-50 to-white rounded-2xl sm:rounded-3xl border border-gray-200 shadow-xl hover:shadow-2xl transition-all duration-500 overflow-hidden h-full"><div class="px-5 sm:px-6 lg:px-8 pt-5 sm:pt-6 lg:pt-8 pb-4"><div class="flex items-center gap-3 mb-3"><div class="w-12 h-12 rounded-xl bg-[#ff5001]/10 flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-book-open w-6 h-6 text-[#ff5001]"><path d="M12 7v14"></path><path d="M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z"></path></svg></div><div><h3 class="text-xl sm:text-2xl font-bold text-gray-900">Asigna cursos a integrantes</h3><p class="text-sm text-gray-600">Y ve su progreso</p></div></div></div><div class="px-5 sm:px-6 lg:px-8 pb-5 sm:pb-6 lg:pb-8"><div class="bg-white rounded-xl border-2 border-gray-300 shadow-lg overflow-hidden"><div class="bg-gray-100 px-4 py-3 border-b border-gray-300 flex items-center justify-between"><div class="flex items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-users w-4 h-4 text-gray-700"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg><span class="text-sm font-semibold text-gray-900">Gestión de Cursos</span></div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chart-column w-4 h-4 text-gray-600"><path d="M3 3v16a2 2 0 0 0 2 2h16"></path><path d="M18 17V9"></path><path d="M13 17V5"></path><path d="M8 17v-3"></path></svg></div><div class="p-4 sm:p-6 space-y-4"><div><p class="text-xs font-semibold text-gray-700 mb-2">Cursos asignados</p><div class="space-y-2"><div class="flex items-center justify-between p-2 bg-gray-50 rounded"><div class="flex items-center gap-2"><div class="w-8 h-8 rounded-full bg-gradient-to-br from-blue-400 to-blue-600 flex items-center justify-center text-white text-xs font-bold">JM</div><div><p class="text-sm font-medium text-gray-900">Juan Martínez</p><p class="text-xs text-gray-600">Audio Básico</p></div></div><div class="flex items-center gap-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-trending-up w-4 h-4 text-green-600"><polyline points="22 7 13.5 15.5 8.5 10.5 2 17"></polyline><polyline points="16 7 22 7 22 13"></polyline></svg><span class="text-xs font-semibold text-green-600">75%</span></div></div><div class="flex items-center justify-between p-2 bg-gray-50 rounded"><div class="flex items-center gap-2"><div class="w-8 h-8 rounded-full bg-gradient-to-br from-purple-400 to-purple-600 flex items-center justify-center text-white text-xs font-bold">ML</div><div><p class="text-sm font-medium text-gray-900">María López</p><p class="text-xs text-gray-600">Iluminación Avanzada</p></div></div><div class="flex items-center gap-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-clock w-4 h-4 text-yellow-600"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg><span class="text-xs font-semibold text-yellow-600">45%</span></div></div><div class="flex items-center justify-between p-2 bg-gray-50 rounded"><div class="flex items-center gap-2"><div class="w-8 h-8 rounded-full bg-gradient-to-br from-green-400 to-green-600 flex items-center justify-center text-white text-xs font-bold">CR</div><div><p class="text-sm font-medium text-gray-900">Carlos Ruiz</p><p class="text-xs text-gray-600">Video Producción</p></div></div><div class="flex items-center gap-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check w-4 h-4 text-green-600"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg><span class="text-xs font-semibold text-green-600">100%</span></div></div></div></div><div class="pt-3 border-t border-gray-300"><div class="flex items-center justify-between mb-2"><span class="text-xs font-semibold text-gray-700">Progreso general del equipo</span><span class="text-xs font-bold text-[#ff5001]">73%</span></div><div class="w-full bg-gray-200 rounded-full h-2.5"><div class="bg-gradient-to-r from-[#ff5001] to-[#ff6a1a] h-2.5 rounded-full transition-all duration-500" style="width:73%"></div></div><div class="flex items-center gap-4 mt-3 text-xs text-gray-600"><div class="flex items-center gap-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check w-3 h-3 text-green-600"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg><span>8 completados</span></div><div class="flex items-center gap-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-clock w-3 h-3 text-yellow-600"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg><span>5 en progreso</span></div></div></div></div></div></div></div></div></div></div></section></div><div class="cv-auto"><section class="relative py-12 sm:py-20 lg:py-28 px-4 sm:px-6 bg-gradient-to-b from-[#0a0e27] via-[#0f1629] to-[#0a0e27] overflow-hidden"><div class="absolute inset-0 overflow-hidden pointer-events-none"><div class="absolute inset-0 opacity-[0.15]" style="background-image:linear-gradient(rgba(59, 130, 246, 0.3) 1px, transparent 1px),
            linear-gradient(90deg, rgba(59, 130, 246, 0.3) 1px, transparent 1px);background-size:40px 40px"></div><div class="absolute inset-0 opacity-[0.05]" style="background-image:repeating-linear-gradient(
            45deg,
            transparent,
            transparent 10px,
            rgba(59, 130, 246, 0.1) 10px,
            rgba(59, 130, 246, 0.1) 20px
          )"></div><div class="absolute top-1/4 right-5 sm:right-10 w-32 sm:w-64 h-32 sm:h-64 bg-blue-500/10 rounded-full blur-3xl"></div><div class="absolute bottom-1/4 left-5 sm:left-10 w-40 sm:w-80 h-40 sm:h-80 bg-cyan-500/10 rounded-full blur-3xl"></div><div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-96 h-96 bg-[#ff5001]/5 rounded-full blur-3xl"></div></div><div class="max-w-7xl mx-auto relative z-10"><div class="text-center mb-8 sm:mb-12 lg:mb-16"><h2 class="text-3xl sm:text-4xl lg:text-5xl xl:text-6xl font-bold text-white mb-3 sm:mb-5 leading-tight"><span class="block flex items-center justify-center gap-2 sm:gap-3 flex-wrap"><span>Haz que</span><span class="inline-flex items-center gap-2 sm:gap-3"><img src="/img/Icon-1024x1024@1x.png" alt="TI" class="w-8 h-8 sm:w-10 sm:h-10 lg:w-12 lg:h-12" loading="lazy"/><span class="text-white">One</span></span></span><span class="block text-gradient-animated pb-1">le pertenezca a tu iglesia.</span></h2><p class="text-sm sm:text-base lg:text-lg text-gray-300 max-w-2xl mx-auto px-4">Personaliza con tu logo y colores. Crea cursos exclusivos solo para tu equipo.</p></div><div class="grid grid-cols-1 lg:grid-cols-2 gap-6 sm:gap-8 lg:gap-12"><div class="space-y-6"><div class="bg-white/5 backdrop-blur-xl rounded-2xl sm:rounded-3xl border border-white/10 shadow-2xl p-5 sm:p-6"><div class="flex items-center gap-3 mb-4"><div class="w-10 h-10 rounded-xl bg-[#ff5001]/20 backdrop-blur-sm border border-[#ff5001]/30 flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-image w-5 h-5 text-[#ff5001]"><rect width="18" height="18" x="3" y="3" rx="2" ry="2"></rect><circle cx="9" cy="9" r="2"></circle><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"></path></svg></div><div><h3 class="text-lg sm:text-xl font-bold text-white">Logo de tu iglesia</h3><p class="text-xs sm:text-sm text-gray-400">Aparecerá en cada PDF</p></div></div><div class="mb-4"><div class="w-full h-24 sm:h-28 bg-white/5 backdrop-blur-sm border-2 border-dashed border-white/20 rounded-xl flex items-center justify-center"><div class="text-center"><div class="w-12 h-12 rounded-lg bg-gradient-to-br from-[#ff5001] to-[#ff6a1a] flex items-center justify-center mx-auto mb-2 shadow-lg shadow-[#ff5001]/30"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-image w-6 h-6 text-white"><rect width="18" height="18" x="3" y="3" rx="2" ry="2"></rect><circle cx="9" cy="9" r="2"></circle><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"></path></svg></div><p class="text-[10px] sm:text-xs text-gray-400">Tu logo aparecerá aquí</p></div></div></div><button class="w-full flex items-center justify-center gap-2 px-4 py-2.5 rounded-xl bg-white/10 backdrop-blur-sm hover:bg-white/20 border border-white/20 transition-all text-sm"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-upload w-4 h-4 text-white"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><polyline points="17 8 12 3 7 8"></polyline><line x1="12" x2="12" y1="3" y2="15"></line></svg><span class="font-medium text-white">Subir logo</span></button></div><div class="bg-white/5 backdrop-blur-xl rounded-2xl sm:rounded-3xl border border-white/10 shadow-2xl p-5 sm:p-6"><div class="flex items-center gap-3 mb-4"><div class="w-10 h-10 rounded-xl bg-purple-500/20 backdrop-blur-sm border border-purple-500/30 flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-palette w-5 h-5 text-purple-400"><circle cx="13.5" cy="6.5" r=".5" fill="currentColor"></circle><circle cx="17.5" cy="10.5" r=".5" fill="currentColor"></circle><circle cx="8.5" cy="7.5" r=".5" fill="currentColor"></circle><circle cx="6.5" cy="12.5" r=".5" fill="currentColor"></circle><path d="M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10c.926 0 1.648-.746 1.648-1.688 0-.437-.18-.835-.437-1.125-.29-.289-.438-.652-.438-1.125a1.64 1.64 0 0 1 1.668-1.668h1.996c3.051 0 5.555-2.503 5.555-5.554C21.965 6.012 17.461 2 12 2z"></path></svg></div><div><h3 class="text-lg sm:text-xl font-bold text-white">Personaliza colores</h3><p class="text-xs sm:text-sm text-gray-400">Elige el color principal</p></div></div><div class="space-y-3"><div class="grid grid-cols-5 gap-2"><button class="w-full h-10 rounded-lg border-2 transition-all border-white scale-110 shadow-lg shadow-white/20" style="background-color:#ff5001" title="Naranja"></button><button class="w-full h-10 rounded-lg border-2 transition-all border-white/20 hover:border-white/40" style="background-color:#3b82f6" title="Azul"></button><button class="w-full h-10 rounded-lg border-2 transition-all border-white/20 hover:border-white/40" style="background-color:#10b981" title="Verde"></button><button class="w-full h-10 rounded-lg border-2 transition-all border-white/20 hover:border-white/40" style="background-color:#8b5cf6" title="Púrpura"></button><button class="w-full h-10 rounded-lg border-2 transition-all border-white/20 hover:border-white/40" style="background-color:#ef4444" title="Rojo"></button></div><div class="flex items-center justify-between p-2.5 bg-white/5 backdrop-blur-sm border border-white/10 rounded-lg"><span class="text-xs sm:text-sm font-medium text-white">Color seleccionado</span><div class="flex items-center gap-2"><div class="w-5 h-5 rounded border border-white/30 shadow-lg" style="background-color:#ff5001"></div><span class="text-[10px] sm:text-xs font-mono text-gray-300">#ff5001</span></div></div></div></div><div class="bg-white/5 backdrop-blur-xl rounded-2xl sm:rounded-3xl border border-white/10 shadow-2xl p-5 sm:p-6"><div class="flex items-center gap-3 mb-4"><div class="w-10 h-10 rounded-xl bg-blue-500/20 backdrop-blur-sm border border-blue-500/30 flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file-text w-5 h-5 text-blue-400"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path><path d="M10 9H8"></path><path d="M16 13H8"></path><path d="M16 17H8"></path></svg></div><div><h3 class="text-lg sm:text-xl font-bold text-white">Vista previa PDF</h3><p class="text-xs sm:text-sm text-gray-400">Así se verá</p></div></div><div class="bg-white/10 backdrop-blur-md rounded-xl border-2 border-white/20 shadow-2xl overflow-hidden"><div class="bg-white/10 backdrop-blur-sm px-3 py-2 border-b border-white/20 flex items-center justify-between"><div class="flex items-center gap-1.5"><div class="w-2.5 h-2.5 rounded-full bg-red-500"></div><div class="w-2.5 h-2.5 rounded-full bg-yellow-500"></div><div class="w-2.5 h-2.5 rounded-full bg-green-500"></div></div><span class="text-[10px] font-medium text-white">Reunión.pdf</span></div><div class="p-3 sm:p-4 space-y-3 bg-white/5"><div class="flex items-center justify-center gap-2 pb-2 border-b-2" style="border-color:#ff5001"><div class="w-10 h-10 rounded-lg flex items-center justify-center shadow-lg" style="background-color:#ff5001"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-image w-5 h-5 text-white"><rect width="18" height="18" x="3" y="3" rx="2" ry="2"></rect><circle cx="9" cy="9" r="2"></circle><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"></path></svg></div><div><p class="text-[10px] font-semibold text-white">Iglesia Ejemplo</p><p class="text-[9px] text-gray-400">Tu logo</p></div></div><div class="text-center border-b-2 border-white/20 pb-2"><h4 class="text-sm font-bold mb-0.5" style="color:#ff5001">Orden del Programa</h4><p class="text-[10px] text-gray-400">Servicio Domingo</p></div><div class="space-y-1.5"><div class="flex items-center gap-2 p-1.5 bg-white/5 rounded text-[10px]"><span class="font-mono text-gray-400 w-12">10:00</span><span class="text-white">Bienvenida</span></div><div class="flex items-center gap-2 p-1.5 bg-white/5 rounded text-[10px]"><span class="font-mono text-gray-400 w-12">10:30</span><span class="text-white">Mensaje</span></div></div></div></div></div></div><div class="space-y-6"><div class="bg-white/5 backdrop-blur-xl rounded-2xl sm:rounded-3xl border border-white/10 shadow-2xl p-5 sm:p-6"><div class="flex items-center gap-3 mb-4"><div class="w-10 h-10 rounded-xl bg-[#ff5001]/20 backdrop-blur-sm border border-[#ff5001]/30 flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-upload w-5 h-5 text-[#ff5001]"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><polyline points="17 8 12 3 7 8"></polyline><line x1="12" x2="12" y1="3" y2="15"></line></svg></div><div><h3 class="text-lg sm:text-xl font-bold text-white">Sube tu curso</h3><p class="text-xs sm:text-sm text-gray-400">Exclusivo para tu iglesia</p></div></div><div class="mb-4"><div class="w-full h-32 sm:h-36 bg-white/5 backdrop-blur-sm border-2 border-dashed border-white/20 rounded-xl flex flex-col items-center justify-center gap-2 hover:border-[#ff5001]/50 transition-colors"><div class="w-12 h-12 rounded-full bg-[#ff5001]/20 backdrop-blur-sm border border-[#ff5001]/30 flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file-video w-6 h-6 text-[#ff5001]"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path><path d="m10 11 5 3-5 3v-6Z"></path></svg></div><div class="text-center"><p class="text-xs sm:text-sm font-medium text-white mb-0.5">Arrastra tu contenido</p><p class="text-[10px] sm:text-xs text-gray-400">o haz clic para seleccionar</p></div><p class="text-[9px] text-gray-500">Videos, PDFs (máx. 500MB)</p></div></div><button class="w-full flex items-center justify-center gap-2 px-4 py-2.5 rounded-xl bg-[#ff5001] hover:bg-[#ff6a1a] text-white font-semibold transition-colors text-sm shadow-lg shadow-[#ff5001]/30"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-upload w-4 h-4"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><polyline points="17 8 12 3 7 8"></polyline><line x1="12" x2="12" y1="3" y2="15"></line></svg><span>Subir curso personalizado</span></button><div class="mt-2 flex items-center gap-2 text-[10px] sm:text-xs text-gray-400"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-lock w-3 h-3 text-[#ff5001]"><rect width="18" height="11" x="3" y="11" rx="2" ry="2"></rect><path d="M7 11V7a5 5 0 0 1 10 0v4"></path></svg><span>Privado, solo visible para tu iglesia</span></div></div><div class="bg-white/5 backdrop-blur-xl rounded-2xl sm:rounded-3xl border border-white/10 shadow-2xl p-5 sm:p-6"><div class="flex items-center gap-3 mb-4"><div class="w-10 h-10 rounded-xl bg-blue-500/20 backdrop-blur-sm border border-blue-500/30 flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-book-open w-5 h-5 text-blue-400"><path d="M12 7v14"></path><path d="M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z"></path></svg></div><div><h3 class="text-lg sm:text-xl font-bold text-white">Tus cursos</h3><p class="text-xs sm:text-sm text-gray-400">Exclusivos para tu iglesia</p></div></div><div class="space-y-3"><div class="bg-white/5 backdrop-blur-sm rounded-xl border-2 p-3 sm:p-4 transition-all border-white/10 hover:border-white/20"><div class="flex items-start justify-between mb-2"><div class="flex items-start gap-2.5 flex-1"><div class="w-8 h-8 rounded-lg bg-gradient-to-br from-[#ff5001] to-purple-600 flex items-center justify-center flex-shrink-0 shadow-lg"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-lock w-4 h-4 text-white"><rect width="18" height="11" x="3" y="11" rx="2" ry="2"></rect><path d="M7 11V7a5 5 0 0 1 10 0v4"></path></svg></div><div class="flex-1 min-w-0"><h4 class="text-sm font-bold text-white mb-0.5">Protocolo de Servicio</h4><p class="text-[10px] sm:text-xs text-gray-400 line-clamp-2">Guía completa de protocolos para el equipo</p></div></div></div><div class="mb-2"><div class="flex items-center justify-between mb-1"><span class="text-[10px] font-medium text-gray-300">Progreso promedio</span><span class="text-[10px] font-bold text-[#ff5001]">82<!-- -->%</span></div><div class="w-full bg-white/10 rounded-full h-1.5"><div class="bg-gradient-to-r from-[#ff5001] to-[#ff6a1a] h-1.5 rounded-full transition-all duration-500 shadow-lg shadow-[#ff5001]/30" style="width:82%"></div></div></div><div class="flex items-center justify-between pt-2 border-t border-white/10"><div class="flex items-center gap-3 text-[10px] text-gray-400"><div class="flex items-center gap-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-users w-3 h-3"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg><span>12<!-- --> estudiantes</span></div><div class="flex items-center gap-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-clock w-3 h-3 text-yellow-500"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg><span>En progreso</span></div></div><button class="flex items-center gap-1 text-[10px] text-[#ff5001] hover:text-[#ff6a1a] transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play w-3 h-3"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg><span>Ver</span></button></div></div><div class="bg-white/5 backdrop-blur-sm rounded-xl border-2 p-3 sm:p-4 transition-all border-white/10 hover:border-white/20"><div class="flex items-start justify-between mb-2"><div class="flex items-start gap-2.5 flex-1"><div class="w-8 h-8 rounded-lg bg-gradient-to-br from-[#ff5001] to-purple-600 flex items-center justify-center flex-shrink-0 shadow-lg"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-lock w-4 h-4 text-white"><rect width="18" height="11" x="3" y="11" rx="2" ry="2"></rect><path d="M7 11V7a5 5 0 0 1 10 0v4"></path></svg></div><div class="flex-1 min-w-0"><h4 class="text-sm font-bold text-white mb-0.5">Valores de la Iglesia</h4><p class="text-[10px] sm:text-xs text-gray-400 line-clamp-2">Fundamentos y valores que guían nuestro ministerio</p></div></div></div><div class="mb-2"><div class="flex items-center justify-between mb-1"><span class="text-[10px] font-medium text-gray-300">Progreso promedio</span><span class="text-[10px] font-bold text-[#ff5001]">65<!-- -->%</span></div><div class="w-full bg-white/10 rounded-full h-1.5"><div class="bg-gradient-to-r from-[#ff5001] to-[#ff6a1a] h-1.5 rounded-full transition-all duration-500 shadow-lg shadow-[#ff5001]/30" style="width:65%"></div></div></div><div class="flex items-center justify-between pt-2 border-t border-white/10"><div class="flex items-center gap-3 text-[10px] text-gray-400"><div class="flex items-center gap-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-users w-3 h-3"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg><span>8<!-- --> estudiantes</span></div><div class="flex items-center gap-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-clock w-3 h-3 text-yellow-500"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg><span>En progreso</span></div></div><button class="flex items-center gap-1 text-[10px] text-[#ff5001] hover:text-[#ff6a1a] transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play w-3 h-3"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg><span>Ver</span></button></div></div></div></div></div></div></div></section></div><div class="cv-auto"><section class="relative py-20 sm:py-28 lg:py-36 px-4 sm:px-6 overflow-hidden"><div class="absolute inset-0 bg-gradient-to-b from-[#0d0d0d] via-[#0f0a14] to-[#0d0d0d]"></div><div class="absolute inset-0 overflow-hidden pointer-events-none"><div class="absolute top-0 left-1/2 -translate-x-1/2 w-[800px] h-[600px] bg-purple-600/10 rounded-full blur-[150px]"></div><div class="absolute bottom-0 right-0 w-[400px] h-[400px] bg-[#ff5001]/10 rounded-full blur-[120px]"></div></div><div class="max-w-7xl mx-auto relative z-10"><div class="grid lg:grid-cols-2 gap-12 lg:gap-16 items-center"><div class="order-2 lg:order-1"><div class="inline-flex items-center gap-2 px-3 py-1.5 rounded-full bg-purple-500/10 border border-purple-500/20 mb-6"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-brain w-4 h-4 text-purple-400"><path d="M12 5a3 3 0 1 0-5.997.125 4 4 0 0 0-2.526 5.77 4 4 0 0 0 .556 6.588A4 4 0 1 0 12 18Z"></path><path d="M12 5a3 3 0 1 1 5.997.125 4 4 0 0 1 2.526 5.77 4 4 0 0 1-.556 6.588A4 4 0 1 1 12 18Z"></path><path d="M15 13a4.5 4.5 0 0 1-3-4 4.5 4.5 0 0 1-3 4"></path><path d="M17.599 6.5a3 3 0 0 0 .399-1.375"></path><path d="M6.003 5.125A3 3 0 0 0 6.401 6.5"></path><path d="M3.477 10.896a4 4 0 0 1 .585-.396"></path><path d="M19.938 10.5a4 4 0 0 1 .585.396"></path><path d="M6 18a4 4 0 0 1-1.967-.516"></path><path d="M19.967 17.484A4 4 0 0 1 18 18"></path></svg><span class="text-xs sm:text-sm text-purple-300 font-medium">Inteligencia Artificial</span><span class="px-2 py-0.5 rounded-full bg-purple-500/20 text-purple-400 text-[9px] sm:text-[10px] font-medium">Próximamente</span></div><h2 class="text-3xl sm:text-4xl lg:text-5xl font-bold text-white mb-5 leading-tight">Pensado para<br/>la era de la <span class="text-gradient-ai">IA</span></h2><p class="text-base sm:text-lg text-white/60 mb-8 max-w-md">Escribe lo que necesitas en lenguaje natural. TI One lo entiende y ejecuta por ti.</p><div class="grid grid-cols-2 gap-3 sm:gap-4"><div class="group p-4 rounded-xl bg-white/5 border border-white/10 hover:border-purple-500/30 hover:bg-purple-500/5 transition-all duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-calendar w-5 h-5 text-purple-400 mb-2 group-hover:scale-110 transition-transform"><path d="M8 2v4"></path><path d="M16 2v4"></path><rect width="18" height="18" x="3" y="4" rx="2"></rect><path d="M3 10h18"></path></svg><p class="text-sm font-semibold text-white">Servicios</p><p class="text-xs text-white/50">Crea y programa en segundos</p></div><div class="group p-4 rounded-xl bg-white/5 border border-white/10 hover:border-purple-500/30 hover:bg-purple-500/5 transition-all duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-users w-5 h-5 text-purple-400 mb-2 group-hover:scale-110 transition-transform"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg><p class="text-sm font-semibold text-white">Voluntarios</p><p class="text-xs text-white/50">Asignación inteligente</p></div><div class="group p-4 rounded-xl bg-white/5 border border-white/10 hover:border-purple-500/30 hover:bg-purple-500/5 transition-all duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-book-open w-5 h-5 text-purple-400 mb-2 group-hover:scale-110 transition-transform"><path d="M12 7v14"></path><path d="M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z"></path></svg><p class="text-sm font-semibold text-white">Cursos</p><p class="text-xs text-white/50">Gestión automatizada</p></div><div class="group p-4 rounded-xl bg-white/5 border border-white/10 hover:border-purple-500/30 hover:bg-purple-500/5 transition-all duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-mic-vocal w-5 h-5 text-purple-400 mb-2 group-hover:scale-110 transition-transform"><path d="m11 7.601-5.994 8.19a1 1 0 0 0 .1 1.298l.817.818a1 1 0 0 0 1.314.087L15.09 12"></path><path d="M16.5 21.174C15.5 20.5 14.372 20 13 20c-2.058 0-3.928 2.356-6 2-2.072-.356-2.775-3.369-1.5-4.5"></path><circle cx="16" cy="7" r="5"></circle></svg><p class="text-sm font-semibold text-white">Stage Plots</p><p class="text-xs text-white/50">Genera y exporta</p></div></div></div><div class="order-1 lg:order-2"><div class="relative"><div class="absolute -inset-4 bg-gradient-to-r from-purple-500/20 via-transparent to-[#ff5001]/20 rounded-3xl blur-2xl opacity-50"></div><div class="relative rounded-2xl overflow-hidden bg-gray-900/80 border border-gray-700/50 backdrop-blur-xl shadow-2xl"><div class="flex items-center gap-3 px-4 py-3 border-b border-gray-700/50 bg-gray-800/50"><div class="relative"><div class="w-9 h-9 rounded-xl bg-gradient-to-br from-purple-500 to-[#ff5001] flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles w-4 h-4 text-white"><path d="M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z"></path><path d="M20 3v4"></path><path d="M22 5h-4"></path><path d="M4 17v2"></path><path d="M5 18H3"></path></svg></div><div class="absolute -bottom-0.5 -right-0.5 w-2.5 h-2.5 bg-green-500 rounded-full border-2 border-gray-900"></div></div><div class="flex-1"><p class="text-sm font-medium text-white">TI Assistant</p><p class="text-[10px] text-green-400">En línea</p></div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-square w-4 h-4 text-gray-500"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"></path></svg></div><div class="p-4 space-y-3 h-[320px] sm:h-[360px] overflow-hidden"><div class="flex justify-end transition-all duration-400 opacity-0 translate-y-3 h-0"><div class="max-w-[80%]"><div class="bg-gradient-to-r from-[#ff5001] to-[#ff6b2b] text-white px-3 py-2 rounded-xl rounded-br-sm text-sm shadow-lg">Crea un servicio para el domingo con alabanza y producción</div></div></div><div class="flex justify-start transition-all duration-400 opacity-0 translate-y-3 h-0"><div class="max-w-[85%]"><div class="bg-gray-800/80 border border-gray-700/50 text-white px-3 py-2 rounded-xl rounded-bl-sm text-sm"><p class="mb-2 text-white/90">Servicio creado: &quot;Domingo 12 Ene&quot; con 13 voluntarios asignados.</p><div class="flex gap-1.5"><span class="inline-flex items-center gap-1 px-2 py-1 rounded-md bg-purple-500/20 text-purple-300 text-[10px] font-medium"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-calendar w-3 h-3"><path d="M8 2v4"></path><path d="M16 2v4"></path><rect width="18" height="18" x="3" y="4" rx="2"></rect><path d="M3 10h18"></path></svg>Ver</span><span class="inline-flex items-center gap-1 px-2 py-1 rounded-md bg-purple-500/20 text-purple-300 text-[10px] font-medium"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-users w-3 h-3"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg>13</span></div></div></div></div><div class="flex justify-end transition-all duration-400 opacity-0 translate-y-3 h-0"><div class="max-w-[80%]"><div class="bg-gradient-to-r from-[#ff5001] to-[#ff6b2b] text-white px-3 py-2 rounded-xl rounded-br-sm text-sm shadow-lg">Asigna cursos de audio a los ingenieros</div></div></div><div class="flex justify-start transition-all duration-400 opacity-0 translate-y-3 h-0"><div class="max-w-[85%]"><div class="bg-gray-800/80 border border-gray-700/50 text-white px-3 py-2 rounded-xl rounded-bl-sm text-sm"><p class="mb-2 text-white/90">4 cursos asignados a 6 ingenieros FOH. Notificados por email.</p><div class="flex gap-1.5"><span class="inline-flex items-center gap-1 px-2 py-1 rounded-md bg-purple-500/20 text-purple-300 text-[10px] font-medium"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-book-open w-3 h-3"><path d="M12 7v14"></path><path d="M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z"></path></svg>4 cursos</span><span class="inline-flex items-center gap-1 px-2 py-1 rounded-md bg-purple-500/20 text-purple-300 text-[10px] font-medium"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-3 h-3"><path d="M20 6 9 17l-5-5"></path></svg>Enviado</span></div></div></div></div><div class="flex justify-end transition-all duration-400 opacity-0 translate-y-3 h-0"><div class="max-w-[80%]"><div class="bg-gradient-to-r from-[#ff5001] to-[#ff6b2b] text-white px-3 py-2 rounded-xl rounded-br-sm text-sm shadow-lg">Stage plot para el concierto del viernes</div></div></div><div class="flex justify-start transition-all duration-400 opacity-0 translate-y-3 h-0"><div class="max-w-[85%]"><div class="bg-gray-800/80 border border-gray-700/50 text-white px-3 py-2 rounded-xl rounded-bl-sm text-sm"><p class="mb-2 text-white/90">Stage plot listo con 12 canales. ¿Exporto para X32?</p><div class="flex gap-1.5"><span class="inline-flex items-center gap-1 px-2 py-1 rounded-md bg-purple-500/20 text-purple-300 text-[10px] font-medium"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-mic-vocal w-3 h-3"><path d="m11 7.601-5.994 8.19a1 1 0 0 0 .1 1.298l.817.818a1 1 0 0 0 1.314.087L15.09 12"></path><path d="M16.5 21.174C15.5 20.5 14.372 20 13 20c-2.058 0-3.928 2.356-6 2-2.072-.356-2.775-3.369-1.5-4.5"></path><circle cx="16" cy="7" r="5"></circle></svg>12ch</span><span class="inline-flex items-center gap-1 px-2 py-1 rounded-md bg-purple-500/20 text-purple-300 text-[10px] font-medium"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-zap w-3 h-3"><path d="M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z"></path></svg>Exportar</span></div></div></div></div></div><div class="px-4 py-3 border-t border-gray-700/50 bg-gray-800/30"><div class="flex items-center gap-2"><div class="flex-1 bg-gray-800/60 rounded-lg px-3 py-2 border border-gray-700/50"><span class="text-gray-500 text-sm">Escribe un comando...</span></div><button aria-label="Enviar mensaje" class="w-9 h-9 rounded-lg bg-gradient-to-br from-purple-500 to-[#ff5001] flex items-center justify-center hover:scale-105 transition-transform shadow-lg shadow-purple-500/20"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-send w-4 h-4 text-white"><path d="M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z"></path><path d="m21.854 2.147-10.94 10.939"></path></svg></button></div></div></div></div></div></div><div class="mt-12 sm:mt-16 lg:mt-24"><p class="text-center text-sm sm:text-base lg:text-lg text-white/50 mb-8 lg:mb-12">Varias maneras de interactuar con <span class="text-white font-medium">TI One</span></p><div class="grid grid-cols-1 md:grid-cols-3 gap-4 sm:gap-5 lg:gap-6 max-w-6xl mx-auto"><div class="group relative rounded-2xl lg:rounded-3xl bg-gradient-to-br from-gray-800/60 to-gray-900/60 border border-gray-700/50 hover:border-[#ff5001]/40 transition-all duration-500 hover:-translate-y-1 overflow-hidden"><div class="relative h-44 sm:h-48 lg:h-56 bg-gradient-to-b from-gray-800 to-gray-900 overflow-hidden"><div class="absolute inset-0 opacity-50"><div class="absolute top-3 left-3 right-3 h-2 bg-gray-700 rounded"></div><div class="absolute top-7 left-3 w-16 h-1.5 bg-gray-700 rounded"></div></div><div class="absolute inset-x-2 sm:inset-x-3 top-10 sm:top-12 transform group-hover:-translate-y-1 transition-all duration-500"><div class="bg-white rounded-lg p-2.5 sm:p-3 lg:p-4 shadow-xl group-hover:shadow-[#ff5001]/20 transition-shadow"><div class="flex items-center gap-2 mb-2"><div class="w-7 h-7 sm:w-8 sm:h-8 lg:w-10 lg:h-10 rounded-full bg-gradient-to-br from-[#ff5001] to-orange-600 flex items-center justify-center flex-shrink-0"><span class="text-white text-[10px] sm:text-xs lg:text-sm font-bold">TI</span></div><div class="min-w-0"><p class="text-[9px] sm:text-[10px] lg:text-xs font-semibold text-gray-800 truncate">Tecnoiglesia One</p><p class="text-[7px] sm:text-[8px] lg:text-[10px] text-gray-500">Invitación a servicio</p></div><div class="ml-auto flex-shrink-0"><div class="w-2 h-2 bg-[#ff5001] rounded-full animate-pulse"></div></div></div><p class="text-[8px] sm:text-[9px] lg:text-[11px] text-gray-600 leading-relaxed">Has sido asignado al <span class="font-semibold">Servicio Domingo 12 Ene</span> como parte del equipo de Audio.</p><div class="flex gap-2 mt-2"><span class="px-2 py-0.5 lg:px-3 lg:py-1 bg-green-100 text-green-700 text-[7px] sm:text-[8px] lg:text-[10px] rounded font-medium cursor-pointer hover:bg-green-200 transition-colors">Aceptar</span><span class="px-2 py-0.5 lg:px-3 lg:py-1 bg-gray-100 text-gray-600 text-[7px] sm:text-[8px] lg:text-[10px] rounded font-medium cursor-pointer hover:bg-gray-200 transition-colors">Ver detalles</span></div></div></div><div class="absolute top-2 right-2 opacity-0 group-hover:opacity-100 transition-all duration-300 delay-200"><div class="flex items-center gap-1 px-2 py-1 bg-[#ff5001] rounded-full shadow-lg"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-mail w-3 h-3 text-white"><rect width="20" height="16" x="2" y="4" rx="2"></rect><path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"></path></svg><span class="text-[8px] sm:text-[9px] text-white font-medium">Nuevo</span></div></div></div><div class="p-3 sm:p-4 lg:p-5"><div class="flex items-center justify-between mb-1.5 sm:mb-2"><h4 class="text-white font-semibold text-sm sm:text-base lg:text-lg">Invitaciones por Email</h4><span class="px-2 py-0.5 rounded-full bg-green-500/20 text-green-400 text-[9px] sm:text-[10px] font-medium flex-shrink-0">Disponible</span></div><p class="text-white/50 text-xs sm:text-sm lg:text-base">Envía invitaciones automáticas a voluntarios</p></div></div><div class="group relative rounded-2xl lg:rounded-3xl bg-gradient-to-br from-gray-800/60 to-gray-900/60 border border-gray-700/50 hover:border-green-500/40 transition-all duration-500 hover:-translate-y-1 overflow-hidden"><div class="relative h-44 sm:h-48 lg:h-56 bg-gradient-to-b from-[#075e54] to-[#128c7e] overflow-hidden"><div class="flex items-center gap-2 px-3 py-2 bg-[#075e54]"><img src="/img/Icon-1024x1024@1x.png" alt="TI One" class="w-5 h-5 sm:w-6 sm:h-6 lg:w-7 lg:h-7 rounded-full object-cover" loading="lazy"/><div><p class="text-[9px] sm:text-[10px] lg:text-xs text-white font-medium">TI One</p><p class="text-[7px] sm:text-[8px] lg:text-[10px] text-white/70">en línea</p></div></div><div class="absolute inset-0 top-9 sm:top-10 bg-[#ece5dd] opacity-90"></div><div class="relative px-2 sm:px-3 pt-2 sm:pt-3 space-y-1.5 sm:space-y-2"><div class="flex justify-start"><div class="bg-white rounded-lg rounded-tl-none px-2 sm:px-3 py-1.5 sm:py-2 shadow max-w-[90%] transform group-hover:scale-105 transition-transform duration-300"><p class="text-[8px] sm:text-[9px] lg:text-[11px] text-gray-800">🎵 Recordatorio: Mañana tienes servicio</p><p class="text-[7px] sm:text-[8px] lg:text-[9px] text-gray-500 text-right mt-1">10:30 AM ✓✓</p></div></div><div class="flex justify-start opacity-0 group-hover:opacity-100 transition-all duration-500 delay-200 transform translate-y-2 group-hover:translate-y-0"><div class="bg-white rounded-lg rounded-tl-none px-2 sm:px-3 py-1.5 sm:py-2 shadow max-w-[90%]"><p class="text-[8px] sm:text-[9px] lg:text-[11px] text-gray-800">📍 <span class="font-semibold">Domingo 12 Ene - 9:00 AM</span></p><p class="text-[8px] sm:text-[9px] lg:text-[10px] text-gray-600">Equipo: Audio | Rol: FOH</p><div class="flex gap-1 mt-1"><span class="px-1.5 py-0.5 bg-green-500 text-white text-[6px] sm:text-[7px] lg:text-[8px] rounded cursor-pointer hover:bg-green-600 transition-colors">✓ Aceptar</span></div><p class="text-[7px] sm:text-[8px] text-gray-500 text-right mt-1">10:31 AM</p></div></div></div><div class="absolute bottom-2 left-2 sm:left-3 opacity-0 group-hover:opacity-100 transition-opacity delay-500"><div class="bg-white rounded-full px-2 sm:px-3 py-1 sm:py-1.5 shadow flex items-center gap-1"><div class="w-1 h-1 sm:w-1.5 sm:h-1.5 bg-gray-400 rounded-full animate-bounce" style="animation-delay:0ms"></div><div class="w-1 h-1 sm:w-1.5 sm:h-1.5 bg-gray-400 rounded-full animate-bounce" style="animation-delay:150ms"></div><div class="w-1 h-1 sm:w-1.5 sm:h-1.5 bg-gray-400 rounded-full animate-bounce" style="animation-delay:300ms"></div></div></div></div><div class="p-3 sm:p-4 lg:p-5"><div class="flex items-center justify-between mb-1.5 sm:mb-2"><h4 class="text-white font-semibold text-sm sm:text-base lg:text-lg">Notifica por WhatsApp</h4><span class="px-2 py-0.5 rounded-full bg-purple-500/20 text-purple-400 text-[9px] sm:text-[10px] font-medium flex-shrink-0">Próximamente</span></div><p class="text-white/50 text-xs sm:text-sm lg:text-base">Recordatorios directo al celular</p></div></div><div class="group relative rounded-2xl lg:rounded-3xl bg-gradient-to-br from-gray-800/60 to-gray-900/60 border border-gray-700/50 hover:border-purple-500/40 transition-all duration-500 hover:-translate-y-1 overflow-hidden"><div class="relative h-44 sm:h-48 lg:h-56 bg-gradient-to-b from-gray-900 to-black overflow-hidden flex items-center justify-center"><div class="relative w-24 h-36 sm:w-28 sm:h-40 lg:w-36 lg:h-52 bg-gray-900 rounded-2xl lg:rounded-3xl border-2 border-gray-700 overflow-hidden shadow-2xl transform group-hover:scale-105 transition-transform duration-500"><div class="absolute top-0 left-1/2 -translate-x-1/2 w-10 sm:w-12 lg:w-14 h-2.5 sm:h-3 lg:h-4 bg-black rounded-b-lg"></div><div class="absolute inset-1 top-3 sm:top-4 lg:top-5 bg-gradient-to-b from-[#0d0d0d] to-[#1a1a2e] rounded-lg lg:rounded-xl overflow-hidden"><div class="flex items-center justify-between px-1.5 sm:px-2 py-1 sm:py-1.5 bg-[#ff5001]/10"><div class="flex items-center gap-1"><div class="w-3 h-3 sm:w-4 sm:h-4 lg:w-5 lg:h-5 rounded bg-gradient-to-br from-[#ff5001] to-orange-600 flex items-center justify-center"><span class="text-[5px] sm:text-[6px] lg:text-[8px] text-white font-bold">TI</span></div><span class="text-[6px] sm:text-[7px] lg:text-[9px] text-white font-medium">TI One</span></div></div><div class="px-1.5 sm:px-2 py-1.5 sm:py-2 space-y-1 sm:space-y-1.5"><div class="text-[6px] sm:text-[7px] lg:text-[9px] text-white/70">Nueva invitación</div><div class="p-1.5 sm:p-2 bg-white/10 rounded-lg border border-white/10"><div class="flex items-center gap-1 mb-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-calendar w-2.5 h-2.5 sm:w-3 sm:h-3 lg:w-4 lg:h-4 text-[#ff5001]"><path d="M8 2v4"></path><path d="M16 2v4"></path><rect width="18" height="18" x="3" y="4" rx="2"></rect><path d="M3 10h18"></path></svg><span class="text-[6px] sm:text-[7px] lg:text-[9px] text-white font-medium">Dom 12 Ene</span></div><p class="text-[5px] sm:text-[6px] lg:text-[8px] text-white/60 mb-1.5">Equipo: Audio • FOH</p><div class="relative"><button class="w-full py-1 sm:py-1.5 bg-gradient-to-r from-green-500 to-emerald-500 rounded text-[6px] sm:text-[7px] lg:text-[9px] text-white font-medium group-hover:from-green-600 group-hover:to-emerald-600 transition-all flex items-center justify-center gap-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-2 h-2 sm:w-2.5 sm:h-2.5 lg:w-3 lg:h-3 opacity-0 group-hover:opacity-100 transition-opacity delay-500"><path d="M20 6 9 17l-5-5"></path></svg><span class="group-hover:hidden">Aceptar</span><span class="hidden group-hover:inline opacity-0 group-hover:opacity-100 transition-opacity delay-500">¡Confirmado!</span></button></div></div><div class="opacity-0 group-hover:opacity-100 transition-opacity delay-700"><div class="flex items-center gap-1 text-[5px] sm:text-[6px] lg:text-[8px] text-green-400 bg-green-500/10 px-1.5 py-1 rounded"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-2 h-2 sm:w-2.5 sm:h-2.5"><path d="M20 6 9 17l-5-5"></path></svg><span>Asistencia confirmada</span></div></div></div></div></div><div class="absolute top-4 left-4 w-6 h-6 sm:w-8 sm:h-8 lg:w-12 lg:h-12 bg-purple-500/20 rounded-full blur-xl"></div><div class="absolute bottom-4 right-4 w-8 h-8 sm:w-10 sm:h-10 lg:w-14 lg:h-14 bg-[#ff5001]/20 rounded-full blur-xl"></div></div><div class="p-3 sm:p-4 lg:p-5"><div class="flex items-center justify-between mb-1.5 sm:mb-2"><h4 class="text-white font-semibold text-sm sm:text-base lg:text-lg">Gestiona desde la App</h4><span class="px-2 py-0.5 rounded-full bg-purple-500/20 text-purple-400 text-[9px] sm:text-[10px] font-medium flex-shrink-0">Próximamente</span></div><p class="text-white/50 text-xs sm:text-sm lg:text-base">Acepta invitaciones desde tu teléfono</p></div></div></div></div></div></section></div><div class="cv-auto"><section class="relative py-16 sm:py-24 lg:py-32 px-4 sm:px-6 bg-gradient-to-b from-[#0d0d0d] via-[#0f0d0d] to-[#0d0d0d] overflow-x-hidden"><div class="max-w-7xl mx-auto"><div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[600px] h-[600px] bg-gradient-to-r from-[#ff5001]/5 via-transparent to-[#ff5001]/5 rounded-full blur-3xl pointer-events-none"></div><div class="max-w-5xl mx-auto relative z-10 w-full"><div class="relative flex flex-col items-center"><div class="relative z-20 mb-8 sm:mb-12"><div class="relative"><div class="absolute inset-0 bg-[#ff5001]/30 rounded-full blur-3xl scale-[2]"></div><img src="/img/Icon-Default-1088x1088@1x.png" alt="Tecnoiglesia Logo" class="relative w-20 h-20 sm:w-28 sm:h-28 lg:w-32 lg:h-32 drop-shadow-2xl" style="filter:drop-shadow(0 0 30px rgba(255, 80, 1, 0.4))" loading="lazy"/><div class="absolute inset-0 rounded-full border-2 border-[#ff5001]/30 animate-ping" style="animation-duration:2s"></div></div></div><div class="hidden md:block relative w-full max-w-3xl h-48 mb-8"><svg class="absolute inset-0 w-full h-full" viewBox="0 0 600 200" preserveAspectRatio="xMidYMid meet"><line x1="300" y1="0" x2="300" y2="50" stroke="#333" stroke-width="2"></line><path d="M300 50 Q300 80 150 100" stroke="#ff5001" stroke-width="2" fill="none" class="transition-all duration-500"></path><path d="M300 50 Q300 80 450 100" stroke="#333" stroke-width="2" fill="none" class="transition-all duration-500"></path><path d="M300 50 Q300 90 80 130" stroke="#333" stroke-width="2" fill="none" class="transition-all duration-500"></path><path d="M300 50 Q300 90 520 130" stroke="#333" stroke-width="2" fill="none" class="transition-all duration-500"></path><path d="M300 50 Q300 100 180 170" stroke="#333" stroke-width="2" fill="none" class="transition-all duration-500"></path><path d="M300 50 Q300 100 420 170" stroke="#333" stroke-width="2" fill="none" class="transition-all duration-500"></path></svg><div class="absolute" style="left:25%;top:50%;transform:translate(-50%, -50%)"><div class="px-3 py-1.5 rounded-lg text-xs font-medium transition-all duration-500 bg-[#ff5001] text-white scale-110">Servicios</div></div><div class="absolute" style="left:75%;top:50%;transform:translate(-50%, -50%)"><div class="px-3 py-1.5 rounded-lg text-xs font-medium transition-all duration-500 bg-gray-800 text-gray-400 border border-gray-700">Voluntarios</div></div><div class="absolute" style="left:13%;top:65%;transform:translate(-50%, -50%)"><div class="px-3 py-1.5 rounded-lg text-xs font-medium transition-all duration-500 bg-gray-800 text-gray-400 border border-gray-700">Audio</div></div><div class="absolute" style="left:87%;top:65%;transform:translate(-50%, -50%)"><div class="px-3 py-1.5 rounded-lg text-xs font-medium transition-all duration-500 bg-gray-800 text-gray-400 border border-gray-700">Iluminación</div></div><div class="absolute" style="left:30%;top:85%;transform:translate(-50%, -50%)"><div class="px-3 py-1.5 rounded-lg text-xs font-medium transition-all duration-500 bg-gray-800 text-gray-400 border border-gray-700">Video</div></div><div class="absolute" style="left:70%;top:85%;transform:translate(-50%, -50%)"><div class="px-3 py-1.5 rounded-lg text-xs font-medium transition-all duration-500 bg-gray-800 text-gray-400 border border-gray-700">Cursos</div></div></div><div class="md:hidden grid grid-cols-3 gap-2 mb-8 w-full max-w-xs"><div class="px-2 py-1.5 rounded-lg text-[10px] sm:text-xs font-medium text-center transition-all duration-500 text-white scale-105" style="background-color:#ff5001">Servicios</div><div class="px-2 py-1.5 rounded-lg text-[10px] sm:text-xs font-medium text-center transition-all duration-500 bg-gray-800 text-gray-400 border border-gray-700">Voluntarios</div><div class="px-2 py-1.5 rounded-lg text-[10px] sm:text-xs font-medium text-center transition-all duration-500 bg-gray-800 text-gray-400 border border-gray-700">Audio</div><div class="px-2 py-1.5 rounded-lg text-[10px] sm:text-xs font-medium text-center transition-all duration-500 bg-gray-800 text-gray-400 border border-gray-700">Iluminación</div><div class="px-2 py-1.5 rounded-lg text-[10px] sm:text-xs font-medium text-center transition-all duration-500 bg-gray-800 text-gray-400 border border-gray-700">Video</div><div class="px-2 py-1.5 rounded-lg text-[10px] sm:text-xs font-medium text-center transition-all duration-500 bg-gray-800 text-gray-400 border border-gray-700">Cursos</div></div><div class="text-center max-w-2xl mx-auto px-2 sm:px-4 lg:px-6 w-full"><h2 class="text-base sm:text-xl lg:text-2xl xl:text-3xl font-bold text-white mb-4 sm:mb-6 flex flex-wrap items-center justify-center gap-1 sm:gap-1.5 lg:gap-2 w-full"><span class="inline-flex items-center gap-0.5 sm:gap-1"><img src="/img/Icon-1024x1024@1x.png" alt="TI" class="w-5 h-5 sm:w-7 sm:h-7 lg:w-8 lg:h-8 xl:w-10 xl:h-10 inline-block flex-shrink-0" loading="lazy"/><span class="text-gradient-ti-one">One</span></span><span>fue creado por</span><span class="text-[#ff5001]">Tecnoiglesia</span></h2><p class="text-xs sm:text-sm lg:text-base xl:text-lg text-gray-300 leading-relaxed mb-4 px-1 text-center">Desde la experiencia real del servicio en iglesia.</p><p class="text-[10px] sm:text-xs lg:text-sm xl:text-base text-gray-400 leading-relaxed mb-6 sm:mb-8 px-1 text-center">Por voluntarios que entienden a voluntarios.<!-- --> <span class="text-white font-medium">Profesional, práctico</span> y con espacio para crear.</p><div class="relative w-full max-w-xl mx-auto mb-8 sm:mb-10 px-2 sm:px-4 lg:px-6 overflow-hidden"><div class="flex items-center justify-center gap-3 mb-2 px-1"><span class="text-[10px] sm:text-xs lg:text-sm text-gray-400 font-medium text-center">Creado por y para</span></div><div class="relative overflow-hidden w-full"><div class="absolute left-0 top-0 bottom-0 w-6 sm:w-8 lg:w-12 bg-gradient-to-r from-[#0d0d0d] to-transparent z-10 pointer-events-none"></div><div class="absolute right-0 top-0 bottom-0 w-6 sm:w-8 lg:w-12 bg-gradient-to-l from-[#0d0d0d] to-transparent z-10 pointer-events-none"></div><div class="animate-marquee"><div class="flex items-center gap-1 sm:gap-1.5 lg:gap-2 xl:gap-3 whitespace-nowrap px-1 sm:px-2"><span class="text-xs sm:text-sm lg:text-base text-[#ff5001] font-medium">músicos</span><span class="text-gray-600">•</span><span class="text-xs sm:text-sm lg:text-base text-pink-400 font-medium">adoradores</span><span class="text-gray-600">•</span><span class="text-xs sm:text-sm lg:text-base text-cyan-400 font-medium">ingenieros</span><span class="text-gray-600">•</span><span class="text-xs sm:text-sm lg:text-base text-purple-400 font-medium">directores</span><span class="text-gray-600">•</span><span class="text-xs sm:text-sm lg:text-base text-yellow-400 font-medium">fotógrafos</span><span class="text-gray-600">•</span><span class="text-xs sm:text-sm lg:text-base text-emerald-400 font-medium">diseñadores</span><span class="text-gray-600">•</span><span class="text-xs sm:text-sm lg:text-base text-red-400 font-medium">creativos</span><span class="text-gray-600">•</span><span class="text-xs sm:text-sm lg:text-base text-blue-400 font-medium">técnicos</span><span class="text-gray-600">•</span><span class="text-xs sm:text-sm lg:text-base text-amber-400 font-medium">iluminadores</span><span class="text-gray-600">•</span><span class="text-xs sm:text-sm lg:text-base text-indigo-400 font-medium">productores</span><span class="text-gray-600">•</span><span class="text-xs sm:text-sm lg:text-base text-rose-400 font-medium">líderes</span><span class="text-gray-600">•</span><span class="text-xs sm:text-sm lg:text-base text-violet-400 font-medium">pastores</span><span class="text-gray-600">•</span><span class="text-xs sm:text-sm lg:text-base text-teal-400 font-medium">voluntarios</span><span class="text-gray-600">•</span><span class="text-xs sm:text-sm lg:text-base text-orange-400 font-medium">FOH</span><span class="text-gray-600">•</span></div><div class="flex items-center gap-2 sm:gap-3 lg:gap-4 whitespace-nowrap px-2 sm:px-4"><span class="text-xs sm:text-sm lg:text-base text-[#ff5001] font-medium">músicos</span><span class="text-gray-600">•</span><span class="text-xs sm:text-sm lg:text-base text-pink-400 font-medium">adoradores</span><span class="text-gray-600">•</span><span class="text-xs sm:text-sm lg:text-base text-cyan-400 font-medium">ingenieros</span><span class="text-gray-600">•</span><span class="text-xs sm:text-sm lg:text-base text-purple-400 font-medium">directores</span><span class="text-gray-600">•</span><span class="text-xs sm:text-sm lg:text-base text-yellow-400 font-medium">fotógrafos</span><span class="text-gray-600">•</span><span class="text-xs sm:text-sm lg:text-base text-emerald-400 font-medium">diseñadores</span><span class="text-gray-600">•</span><span class="text-xs sm:text-sm lg:text-base text-red-400 font-medium">creativos</span><span class="text-gray-600">•</span><span class="text-xs sm:text-sm lg:text-base text-blue-400 font-medium">técnicos</span><span class="text-gray-600">•</span><span class="text-xs sm:text-sm lg:text-base text-amber-400 font-medium">iluminadores</span><span class="text-gray-600">•</span><span class="text-xs sm:text-sm lg:text-base text-indigo-400 font-medium">productores</span><span class="text-gray-600">•</span><span class="text-xs sm:text-sm lg:text-base text-rose-400 font-medium">líderes</span><span class="text-gray-600">•</span><span class="text-xs sm:text-sm lg:text-base text-violet-400 font-medium">pastores</span><span class="text-gray-600">•</span><span class="text-xs sm:text-sm lg:text-base text-teal-400 font-medium">voluntarios</span><span class="text-gray-600">•</span><span class="text-xs sm:text-sm lg:text-base text-orange-400 font-medium">FOH</span><span class="text-gray-600">•</span></div></div></div></div><div class="mt-8 sm:mt-10 px-4 sm:px-6 flex justify-center"><a class="inline-flex items-center gap-1 sm:gap-1.5 lg:gap-2 px-3 sm:px-5 lg:px-7 py-2.5 sm:py-3 lg:py-4 rounded-full border border-[#ff5001] text-[#ff5001] font-medium hover:bg-[#ff5001] hover:text-white transition-all duration-300 text-[10px] sm:text-xs lg:text-sm xl:text-base" href="/nosotros"><span class="whitespace-nowrap">Conoce más</span><span class="hidden sm:inline whitespace-nowrap">sobre Tecnoiglesia</span><span class="sm:hidden whitespace-nowrap">sobre TI</span><svg class="w-3 h-3 sm:w-3.5 sm:h-3.5 lg:w-4 lg:h-4 flex-shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path></svg></a></div><div class="mt-8 sm:mt-10 flex items-center justify-center gap-3"><div class="h-px w-12 sm:w-16 bg-gradient-to-r from-transparent to-[#ff5001]/50"></div><div class="w-2 h-2 rounded-full bg-[#ff5001]"></div><div class="h-px w-12 sm:w-16 bg-gradient-to-l from-transparent to-[#ff5001]/50"></div></div></div></div></div></div></section></div><div class="cv-auto"><section class="relative py-16 sm:py-24 lg:py-32 px-4 sm:px-6 bg-gradient-to-b from-[#0d0d0d] via-[#101014] to-[#0d0d0d] overflow-hidden"><div class="absolute inset-0 overflow-hidden pointer-events-none"><div class="absolute top-0 right-1/4 w-[500px] h-[400px] bg-[#ff5001]/5 rounded-full blur-[150px]"></div><div class="absolute bottom-0 left-1/4 w-[400px] h-[400px] bg-cyan-500/5 rounded-full blur-[120px]"></div></div><div class="max-w-7xl mx-auto relative z-10"><div class="text-center mb-12 sm:mb-16"><h2 class="text-3xl sm:text-4xl lg:text-5xl font-semibold mb-3 sm:mb-4 px-4">Una plataforma. Todas las áreas de tu iglesia.</h2><p class="text-base sm:text-lg text-muted-foreground max-w-2xl mx-auto px-4">Todo lo que necesitas para gestionar tu iglesia de manera eficiente y profesional.</p></div><div class="grid grid-cols-1 sm:grid-cols-2 gap-4 sm:gap-6 lg:gap-8"><div class="p-5 sm:p-6 rounded-lg border border-border/50 hover:border-border transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-calendar w-8 h-8 mb-4 text-[#ff5001]"><path d="M8 2v4"></path><path d="M16 2v4"></path><rect width="18" height="18" x="3" y="4" rx="2"></rect><path d="M3 10h18"></path></svg><h3 class="text-lg sm:text-xl font-semibold mb-2">Servicios</h3><p class="text-sm sm:text-base text-muted-foreground">Planifica y gestiona todos tus servicios. Asigna equipos, recursos y horarios de manera sencilla.</p></div><div class="p-5 sm:p-6 rounded-lg border border-border/50 hover:border-border transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-users w-8 h-8 mb-4 text-[#ff5001]"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg><h3 class="text-lg sm:text-xl font-semibold mb-2">Voluntarios</h3><p class="text-sm sm:text-base text-muted-foreground">Organiza y coordina a tu equipo de voluntarios. Asignaciones, disponibilidad y comunicación en un solo lugar.</p></div><div class="p-5 sm:p-6 rounded-lg border border-border/50 hover:border-border transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-book-open w-8 h-8 mb-4 text-[#ff5001]"><path d="M12 7v14"></path><path d="M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z"></path></svg><h3 class="text-lg sm:text-xl font-semibold mb-2">Cursos</h3><p class="text-sm sm:text-base text-muted-foreground">Comparte recursos, materiales y cursos con tu congregación. Biblioteca digital siempre disponible.</p></div><div class="p-5 sm:p-6 rounded-lg border border-border/50 hover:border-border transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-music w-8 h-8 mb-4 text-[#ff5001]"><path d="M9 18V5l12-2v13"></path><circle cx="6" cy="18" r="3"></circle><circle cx="18" cy="16" r="3"></circle></svg><h3 class="text-lg sm:text-xl font-semibold mb-2">Stage Plot + Input List</h3><p class="text-sm sm:text-base text-muted-foreground">Herramientas profesionales para tus servicios. Stage plots e input lists que facilitan la producción.</p></div></div></div></section></div><div class="cv-auto"><section class="relative py-20 sm:py-28 lg:py-36 px-4 sm:px-6 bg-gradient-to-b from-[#0d0d0d] via-[#0d0d10] to-[#0d0d0d] overflow-hidden"><div class="absolute inset-0 overflow-hidden pointer-events-none"><div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[800px] h-[600px] bg-[#ff5001]/10 rounded-full blur-[180px]"></div><div class="absolute top-1/4 right-0 w-[500px] h-[500px] bg-purple-500/5 rounded-full blur-[120px]"></div><div class="absolute bottom-1/4 left-0 w-[400px] h-[400px] bg-cyan-500/5 rounded-full blur-[100px]"></div></div><div class="max-w-5xl mx-auto text-center relative z-10"><h2 class="text-4xl sm:text-5xl lg:text-6xl xl:text-7xl font-semibold mb-6 sm:mb-8 text-white leading-tight">¿Listo para transformar la gestión de tu iglesia?</h2><p class="text-lg sm:text-xl lg:text-2xl text-white/70 mb-10 sm:mb-12 max-w-3xl mx-auto leading-relaxed">Únete a cientos de iglesias que ya están usando Tecnoiglesia One.</p><div class="flex flex-wrap justify-center gap-4 sm:gap-6"><a href="https://one.tecnoiglesia.com" target="_blank" rel="noopener noreferrer" class="hero-btn-primary group relative flex items-center gap-2 px-8 sm:px-10 py-4 sm:py-5 rounded-full bg-white text-gray-900 font-semibold transition-all text-xs sm:text-sm uppercase tracking-wider overflow-hidden"><span class="absolute pointer-events-none transition-opacity duration-300" style="left:0;top:0;transform:translate(-50%, -50%);width:150px;height:150px;background:radial-gradient(circle, rgba(255, 112, 46, 0.6) 0%, rgba(255, 80, 1, 0.3) 40%, transparent 70%);opacity:0;filter:blur(20px)"></span><span class="relative z-10">Empieza gratis</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right relative z-10 w-4 h-4 group-hover:translate-x-1 transition-transform"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><a href="/precios" class="hero-btn-secondary px-8 sm:px-10 py-4 sm:py-5 rounded-full border border-white/20 text-white font-medium hover:bg-white/10 hover:border-white/40 transition-all text-xs sm:text-sm uppercase tracking-wider backdrop-blur-sm">Ver precios</a></div></div></section></div></div></main><footer class="relative bg-black py-8 sm:py-10 px-4 sm:px-6"><div class="max-w-7xl mx-auto"><div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 sm:gap-8 mb-6 sm:mb-8"><div class="lg:col-span-1"><div class="mb-4"><img src="/img/Icon-1024x1024@1x.png" alt="Tecnoiglesia Logo" class="w-12 h-12 sm:w-14 sm:h-14" loading="lazy"/></div><p class="text-white/70 text-xs sm:text-sm mb-5 leading-relaxed">En TI Network, creemos que la tecnología puede potenciar el alcance de tu mensaje. Nuestro compromiso es brindarte las herramientas y conocimientos necesarios para llevar tu servicio a Dios al siguiente nivel.</p><div class="flex items-center gap-2.5"><a href="https://instagram.com/tecnoiglesia" target="_blank" rel="noopener noreferrer" class="w-9 h-9 rounded-full border border-white/20 bg-white/5 flex items-center justify-center hover:bg-white/10 hover:border-white/40 transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-instagram w-4 h-4 text-white"><rect width="20" height="20" x="2" y="2" rx="5" ry="5"></rect><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"></path><line x1="17.5" x2="17.51" y1="6.5" y2="6.5"></line></svg></a><a href="https://youtube.com/tecnoiglesia" target="_blank" rel="noopener noreferrer" class="w-9 h-9 rounded-full border border-white/20 bg-white/5 flex items-center justify-center hover:bg-white/10 hover:border-white/40 transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-youtube w-4 h-4 text-white"><path d="M2.5 17a24.12 24.12 0 0 1 0-10 2 2 0 0 1 1.4-1.4 49.56 49.56 0 0 1 16.2 0A2 2 0 0 1 21.5 7a24.12 24.12 0 0 1 0 10 2 2 0 0 1-1.4 1.4 49.55 49.55 0 0 1-16.2 0A2 2 0 0 1 2.5 17"></path><path d="m10 15 5-3-5-3z"></path></svg></a><a href="https://facebook.com/tecnoiglesia" target="_blank" rel="noopener noreferrer" class="w-9 h-9 rounded-full border border-white/20 bg-white/5 flex items-center justify-center hover:bg-white/10 hover:border-white/40 transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-facebook w-4 h-4 text-white"><path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"></path></svg></a></div></div><div><h3 class="text-white font-semibold text-sm sm:text-base mb-3 sm:mb-4">Nuestra Network</h3><ul class="space-y-1.5 sm:space-y-2"><li><a href="https://tecnoiglesiastore.com" target="_blank" rel="noopener noreferrer" class="text-white/70 hover:text-white text-xs sm:text-sm transition-colors">TI Store - Tienda Audio, Video y más</a></li><li><a href="https://one.tecnoiglesia.com/cursos" target="_blank" rel="noopener noreferrer" class="text-white/70 hover:text-white text-xs sm:text-sm transition-colors">Inspira.lat - Cursos en Línea</a></li><li><a href="https://thesi.io" target="_blank" rel="noopener noreferrer" class="text-white/70 hover:text-white text-xs sm:text-sm transition-colors">Thesi.io - Web y Apps para iglesia</a></li><li><a class="text-white/70 hover:text-white text-xs sm:text-sm transition-colors" href="/integracion">Multimedia Creativa - Videos y fondos</a></li><li><a href="#" class="text-white/70 hover:text-white text-xs sm:text-sm transition-colors">Asesoría Personalizada</a></li><li><a href="https://pantallasparaiglesias.com" target="_blank" rel="noopener noreferrer" class="text-white/70 hover:text-white text-xs sm:text-sm transition-colors">Pantallas Led para Iglesias</a></li></ul></div><div><h3 class="text-white font-semibold text-sm sm:text-base mb-3 sm:mb-4">Soporte</h3><ul class="space-y-1.5 sm:space-y-2"><li><a href="https://hub.tecnoiglesia.com/helpdesk/atencion-al-cliente-1" class="text-white/70 hover:text-white text-xs sm:text-sm transition-colors">Centro de Ayuda</a></li><li><a href="https://blog.tecnoiglesia.com/blog/#faq" class="text-white/70 hover:text-white text-xs sm:text-sm transition-colors">Preguntas Frecuentes</a></li><li><a href="https://hub.tecnoiglesia.com/helpdesk/atencion-al-cliente-1" class="text-white/70 hover:text-white text-xs sm:text-sm transition-colors">Tickets de Soporte</a></li><li><a href="https://hub.tecnoiglesia.com/helpdesk/atencion-al-cliente-1" class="text-white/70 hover:text-white text-xs sm:text-sm transition-colors">Soporte de Ventas</a></li><li><a href="https://blog.tecnoiglesia.com/contacto/" class="text-white/70 hover:text-white text-xs sm:text-sm transition-colors">Contacto</a></li></ul></div><div><h3 class="text-white font-semibold text-sm sm:text-base mb-3 sm:mb-4">Acerca de TI Network</h3><ul class="space-y-1.5 sm:space-y-2"><li><a class="text-white/70 hover:text-white text-xs sm:text-sm transition-colors" href="/nosotros">Nosotros</a></li><li><a href="#" class="text-white/70 hover:text-white text-xs sm:text-sm transition-colors">Nuestro Equipo</a></li><li><a href="one.tecnoiglesia.com" class="text-white/70 hover:text-white text-xs sm:text-sm transition-colors">Tecnoiglesia One</a></li><li><a href="blog.tecnoiglesia.com" class="text-white/70 hover:text-white text-xs sm:text-sm transition-colors">Blog y Noticias</a></li><li><a href="hub.tecnoiglesia.com" class="text-white/70 hover:text-white text-xs sm:text-sm transition-colors">TI Hub</a></li></ul></div></div><div class="pt-6 sm:pt-8 border-t border-white/10 text-center"><p class="text-white/60 text-xs">© <!-- -->2026<!-- --> Tecnoiglesia Network. Todos los derechos reservados.</p></div></div></footer></div><script src="/_next/static/chunks/webpack-f04711135dd06312.js" async=""></script><script>(self.__next_f=self.__next_f||[]).push([0]);self.__next_f.push([2,null])</script><script>self.__next_f.push([1,"1:HL[\"/_next/static/media/e4af272ccee01ff0-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n2:HL[\"/_next/static/css/8874f233e2f8f6fe.css\",\"style\"]\n3:HL[\"/_next/static/css/4eed66f52a52c3c9.css\",\"style\"]\n"])</script><script>self.__next_f.push([1,"4:I[2846,[],\"\"]\n6:I[6199,[\"268\",\"static/chunks/268-6bfb9c1afdf11bbc.js\",\"648\",\"static/chunks/648-b8c340a4c5a59a60.js\",\"354\",\"static/chunks/354-99c8540846283c6d.js\",\"645\",\"static/chunks/645-3692868b315c6b3c.js\",\"233\",\"static/chunks/233-deba7be4d2279508.js\",\"931\",\"static/chunks/app/page-f44f29256a2ff8d0.js\"],\"default\"]\nb:I[4678,[\"268\",\"static/chunks/268-6bfb9c1afdf11bbc.js\",\"421\",\"static/chunks/421-fb2d9ddf0a5ffb01.js\",\"185\",\"static/chunks/app/layout-85686b3c6151775c.js\"],\"ClientProviders\"]\nc:I[4707,[],\"\"]\nd:I[6423,[],\"\"]\ne:I[3317,[\"648\",\"static/chunks/648-b8c340a4c5a59a60.js\",\"160\",\"static/chunks/app/not-found-7200a123cf713747.js\"],\"default\"]\nf:I[8003,[\"268\",\"static/chunks/268-6bfb9c1afdf11bbc.js\",\"421\",\"static/chunks/421-fb2d9ddf0a5ffb01.js\",\"185\",\"static/chunks/app/layout-85686b3c6151775c.js\"],\"\"]\n11:I[1060,[],\"\"]\n7:Tf66,"])</script><script>self.__next_f.push([1,"{\"@context\":\"https://schema.org\",\"@type\":\"Organization\",\"name\":\"Tecnoiglesia\",\"alternateName\":[\"Tecnoiglesia Network\",\"TI Network\",\"TI One\",\"Tecnoiglesia One\"],\"url\":\"https://tecnoiglesia.com\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https://tecnoiglesia.com/img/Icon-1024x1024@1x.png\",\"width\":1024,\"height\":1024},\"image\":\"https://tecnoiglesia.com/img/Icon-1024x1024@1x.png\",\"description\":\"Tecnoiglesia es la plataforma líder en tecnología para iglesias en América Latina. Ofrecemos software de gestión, más de 120 cursos de audio, video, iluminación y streaming, asesorías personalizadas con expertos, e integraciones audiovisuales profesionales para iglesias, auditorios y ministerios.\",\"foundingDate\":\"2011-01-10\",\"foundingLocation\":{\"@type\":\"Place\",\"addressCountry\":\"MX\"},\"contactPoint\":[{\"@type\":\"ContactPoint\",\"contactType\":\"customer service\",\"url\":\"https://tecnoiglesia.com/contacto\",\"availableLanguage\":[\"Spanish\",\"English\"],\"telephone\":\"+52 55-5014-7952\"},{\"@type\":\"ContactPoint\",\"contactType\":\"sales\",\"url\":\"https://tecnoiglesia.com/precios\",\"availableLanguage\":\"Spanish\",\"telephone\":\"+52 55-5014-7952\"},{\"@type\":\"ContactPoint\",\"contactType\":\"technical support\",\"url\":\"https://tecnoiglesia.com/contacto\",\"availableLanguage\":\"Spanish\",\"telephone\":\"+52 55-5014-7952\"}],\"sameAs\":[\"https://youtube.com/@tecnoiglesia\",\"https://instagram.com/tecnoiglesia\",\"https://facebook.com/TecnoIglesiaOficial\",\"https://twitter.com/tecnoiglesia\",\"https://one.tecnoiglesia.com\",\"https://blog.tecnoiglesia.com\",\"https://tecnoiglesiastore.com\"],\"address\":{\"@type\":\"PostalAddress\",\"streetAddress\":\"Agua Azul #903 Int. Ab81, Col. Jardines Del Moral\",\"addressLocality\":\"León\",\"addressRegion\":\"Guanajuato\",\"postalCode\":\"37160\",\"addressCountry\":\"MX\"},\"telephone\":\"+52 55-5014-7952\",\"areaServed\":[{\"@type\":\"Country\",\"name\":\"México\"},{\"@type\":\"Country\",\"name\":\"Colombia\"},{\"@type\":\"Country\",\"name\":\"Guatemala\"},{\"@type\":\"Country\",\"name\":\"Argentina\"},{\"@type\":\"Country\",\"name\":\"Chile\"},{\"@type\":\"Country\",\"name\":\"Perú\"},{\"@type\":\"Country\",\"name\":\"Ecuador\"},{\"@type\":\"Country\",\"name\":\"Estados Unidos\"},{\"@type\":\"Country\",\"name\":\"España\"}],\"knowsAbout\":[\"Tecnología para iglesias\",\"Audio profesional para iglesias\",\"Video para iglesias\",\"Iluminación para iglesias\",\"Streaming para iglesias\",\"Pantallas LED para iglesias\",\"Gestión de iglesias\",\"Software para iglesias\",\"Integración audiovisual\",\"Producción en iglesias\",\"Cursos de audio y video\",\"Asesoría técnica para ministerios\",\"Voluntarios de iglesia\",\"ProPresenter\",\"EasyWorship\",\"Stage Plot\",\"Input List\"],\"hasOfferCatalog\":{\"@type\":\"OfferCatalog\",\"name\":\"Servicios de Tecnología para Iglesias\",\"itemListElement\":[{\"@type\":\"OfferCatalog\",\"name\":\"Cursos de Tecnología para Iglesias\",\"itemListElement\":[{\"@type\":\"Offer\",\"itemOffered\":{\"@type\":\"Course\",\"name\":\"Cursos de Audio para Iglesias\",\"description\":\"Aprende mezcla en vivo, microfonía, acústica y más para tu iglesia\"}},{\"@type\":\"Offer\",\"itemOffered\":{\"@type\":\"Course\",\"name\":\"Cursos de Video y Streaming para Iglesias\",\"description\":\"Producción de video, transmisiones en vivo y contenido multimedia\"}},{\"@type\":\"Offer\",\"itemOffered\":{\"@type\":\"Course\",\"name\":\"Cursos de Iluminación para Iglesias\",\"description\":\"Diseño de iluminación para servicios, eventos y producción\"}}]},{\"@type\":\"OfferCatalog\",\"name\":\"Integración Audiovisual para Iglesias\",\"itemListElement\":[{\"@type\":\"Offer\",\"itemOffered\":{\"@type\":\"Service\",\"name\":\"Integración de Audio Profesional\",\"description\":\"Diseño e instalación de sistemas de audio para iglesias y auditorios\"}},{\"@type\":\"Offer\",\"itemOffered\":{\"@type\":\"Service\",\"name\":\"Integración de Video y Pantallas LED\",\"description\":\"Instalación de pantallas LED, proyectores y sistemas de video para iglesias\"}},{\"@type\":\"Offer\",\"itemOffered\":{\"@type\":\"Service\",\"name\":\"Integración de Iluminación\",\"description\":\"Diseño e instalación de iluminación profesional para templos y auditorios\"}}]}]}}"])</script><script>self.__next_f.push([1,"8:T5a8,{\"@context\":\"https://schema.org\",\"@type\":\"SoftwareApplication\",\"name\":\"Tecnoiglesia One\",\"alternateName\":[\"TI One\",\"Tecnoiglesia Platform\"],\"applicationCategory\":\"BusinessApplication\",\"applicationSubCategory\":\"Church Management Software\",\"operatingSystem\":\"Web\",\"offers\":{\"@type\":\"AggregateOffer\",\"lowPrice\":\"0\",\"highPrice\":\"999\",\"priceCurrency\":\"MXN\",\"availability\":\"https://schema.org/InStock\",\"url\":\"https://tecnoiglesia.com/precios\",\"offerCount\":\"4\"},\"aggregateRating\":{\"@type\":\"AggregateRating\",\"ratingValue\":\"4.8\",\"ratingCount\":\"150\",\"bestRating\":\"5\",\"worstRating\":\"1\"},\"description\":\"Software de gestión para iglesias todo-en-uno. Organiza servicios, voluntarios y producción. Más de 120 cursos de audio, video, iluminación y streaming. Asesorías personalizadas con expertos e IA integrada. La plataforma de tecnología para iglesias más completa en español.\",\"screenshot\":\"https://tecnoiglesia.com/img/one.tecnoiglesia.com_dashboard.png\",\"softwareVersion\":\"1.0\",\"releaseNotes\":\"Plataforma integral con gestión de servicios, voluntarios, +120 cursos y asesorías\",\"featureList\":[\"Gestión de servicios religiosos\",\"Coordinación de voluntarios\",\"Más de 120 cursos de audio, video e iluminación\",\"Asesorías personalizadas con expertos\",\"Inteligencia Artificial integrada\",\"Stage Plot Builder\",\"Input List Creator\",\"Gestión de producción\",\"Streaming y transmisiones en vivo\",\"Recursos multimedia para iglesias\"],\"inLanguage\":\"es\"}9:Tac8,"])</script><script>self.__next_f.push([1,"{\"@context\":\"https://schema.org\",\"@type\":\"FAQPage\",\"mainEntity\":[{\"@type\":\"Question\",\"name\":\"¿Qué es Tecnoiglesia y cómo ayuda a mi iglesia con tecnología?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Tecnoiglesia es la plataforma líder en tecnología para iglesias en América Latina. Ofrece un software todo-en-uno para gestionar servicios, voluntarios y producción, además de más de 120 cursos especializados en audio, video, iluminación y streaming para iglesias. También incluye asesorías personalizadas con expertos e inteligencia artificial integrada.\"}},{\"@type\":\"Question\",\"name\":\"¿Qué cursos de audio, video e iluminación ofrece Tecnoiglesia para iglesias?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Tecnoiglesia ofrece más de 120 cursos especializados que cubren mezcla de audio en vivo, microfonía, acústica para templos, producción de video, streaming y transmisiones en vivo, diseño de iluminación para servicios, uso de pantallas LED, ProPresenter, EasyWorship, y mucho más. Todos los cursos están diseñados específicamente para el contexto de iglesias y ministerios.\"}},{\"@type\":\"Question\",\"name\":\"¿Tecnoiglesia ofrece integración audiovisual para iglesias?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Sí, Tecnoiglesia diseña, planifica y ejecuta proyectos integrales de audio, video, iluminación y streaming para iglesias, auditorios, estudios de grabación y más. Nos especializamos en integraciones de sistemas profesionales para llevar las experiencias de adoración al siguiente nivel.\"}},{\"@type\":\"Question\",\"name\":\"¿Cuánto cuesta el software de gestión para iglesias de Tecnoiglesia?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Tecnoiglesia One ofrece planes desde una vista previa gratuita hasta el plan Multi-Iglesia. Los precios varían según la cantidad de miembros y los servicios incluidos. Puedes ver todos los planes y precios actualizados en tecnoiglesia.com/precios.\"}},{\"@type\":\"Question\",\"name\":\"¿Puedo recibir asesoría personalizada de tecnología para mi iglesia?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Sí, Tecnoiglesia ofrece asesorías personalizadas 1:1 con expertos en audio, video, iluminación, streaming y producción. Las sesiones se realizan por videollamada y puedes compartir tu pantalla para resolver dudas específicas de tu iglesia o ministerio.\"}},{\"@type\":\"Question\",\"name\":\"¿En qué países está disponible Tecnoiglesia?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Tecnoiglesia está disponible para iglesias de todo el mundo hispanohablante. La plataforma digital se puede usar desde cualquier país. Para servicios de integración audiovisual presencial, operamos principalmente en México con posibilidad de proyectos en otros países de América Latina.\"}}]}"])</script><script>self.__next_f.push([1,"a:T469,{\"@context\":\"https://schema.org\",\"@type\":\"ProfessionalService\",\"name\":\"Tecnoiglesia - Tecnología para Iglesias\",\"image\":\"https://tecnoiglesia.com/img/Icon-1024x1024@1x.png\",\"url\":\"https://tecnoiglesia.com\",\"telephone\":\"+52 55-5014-7952\",\"address\":{\"@type\":\"PostalAddress\",\"streetAddress\":\"Agua Azul #903 Int. Ab81, Col. Jardines Del Moral\",\"addressLocality\":\"León\",\"addressRegion\":\"Guanajuato\",\"postalCode\":\"37160\",\"addressCountry\":\"MX\"},\"priceRange\":\"$$\",\"description\":\"Servicios profesionales de tecnología para iglesias: integración audiovisual, cursos de audio y video, asesorías técnicas, software de gestión y más.\",\"serviceType\":[\"Integración audiovisual para iglesias\",\"Cursos de audio y video para iglesias\",\"Asesoría técnica para iglesias\",\"Software de gestión para iglesias\",\"Instalación de audio profesional\",\"Instalación de pantallas LED\",\"Diseño de iluminación para iglesias\"],\"areaServed\":{\"@type\":\"GeoCircle\",\"geoMidpoint\":{\"@type\":\"GeoCoordinates\",\"latitude\":21.1236,\"longitude\":-101.6821},\"geoRadius\":\"5000\"},\"aggregateRating\":{\"@type\":\"AggregateRating\",\"ratingValue\":\"4.8\",\"ratingCount\":\"150\"}}12:[]\n"])</script><script>self.__next_f.push([1,"0:[\"$\",\"$L4\",null,{\"buildId\":\"NcimAKSYZ5ZYW1H5sPltN\",\"assetPrefix\":\"\",\"urlParts\":[\"\",\"\"],\"initialTree\":[\"\",{\"children\":[\"__PAGE__\",{}]},\"$undefined\",\"$undefined\",true],\"initialSeedData\":[\"\",{\"children\":[\"__PAGE__\",{},[[\"$L5\",[\"$\",\"$L6\",null,{}],null],null],null]},[[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/8874f233e2f8f6fe.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/4eed66f52a52c3c9.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"es\",\"className\":\"__variable_8b3a0b\",\"children\":[[\"$\",\"head\",null,{\"children\":[[\"$\",\"link\",null,{\"rel\":\"canonical\",\"href\":\"https://tecnoiglesia.com/\"}],[\"$\",\"link\",null,{\"rel\":\"alternate\",\"hrefLang\":\"es\",\"href\":\"https://tecnoiglesia.com/\"}],[\"$\",\"link\",null,{\"rel\":\"alternate\",\"hrefLang\":\"es-MX\",\"href\":\"https://tecnoiglesia.com/\"}],[\"$\",\"link\",null,{\"rel\":\"alternate\",\"hrefLang\":\"es-419\",\"href\":\"https://tecnoiglesia.com/\"}],[\"$\",\"link\",null,{\"rel\":\"alternate\",\"hrefLang\":\"x-default\",\"href\":\"https://tecnoiglesia.com/\"}],[\"$\",\"link\",null,{\"rel\":\"preconnect\",\"href\":\"https://www.youtube.com\"}],[\"$\",\"link\",null,{\"rel\":\"preconnect\",\"href\":\"https://one.tecnoiglesia.com\"}],[\"$\",\"link\",null,{\"rel\":\"preconnect\",\"href\":\"https://support.tecnoiglesia.net\"}],[\"$\",\"link\",null,{\"rel\":\"preconnect\",\"href\":\"https://connect.facebook.net\"}],[\"$\",\"link\",null,{\"rel\":\"preconnect\",\"href\":\"https://www.facebook.com\"}],[\"$\",\"link\",null,{\"rel\":\"preconnect\",\"href\":\"https://kowilxfoygfbnsprawzl.supabase.co\",\"crossOrigin\":\"\"}],[\"$\",\"link\",null,{\"rel\":\"dns-prefetch\",\"href\":\"https://kowilxfoygfbnsprawzl.supabase.co\"}],[\"$\",\"link\",null,{\"rel\":\"preload\",\"as\":\"image\",\"href\":\"/img/fotos%20plataforma/one.tecnoiglesia.com_dashboard%20(1).png\",\"fetchPriority\":\"high\"}],[\"$\",\"link\",null,{\"rel\":\"icon\",\"href\":\"/favicon.ico\"}],[\"$\",\"meta\",null,{\"name\":\"msapplication-config\",\"content\":\"/browserconfig.xml\"}],[\"$\",\"meta\",null,{\"name\":\"msapplication-TileImage\",\"content\":\"/img/Icon-1024x1024@1x.png\"}],[[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"$7\"}}],[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"$8\"}}],[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"{\\\"@context\\\":\\\"https://schema.org\\\",\\\"@type\\\":\\\"WebSite\\\",\\\"name\\\":\\\"Tecnoiglesia\\\",\\\"alternateName\\\":[\\\"Tecnoiglesia One\\\",\\\"Tecnología para Iglesias\\\"],\\\"url\\\":\\\"https://tecnoiglesia.com\\\",\\\"inLanguage\\\":\\\"es\\\",\\\"potentialAction\\\":{\\\"@type\\\":\\\"SearchAction\\\",\\\"target\\\":{\\\"@type\\\":\\\"EntryPoint\\\",\\\"urlTemplate\\\":\\\"https://tecnoiglesia.com/?s={search_term_string}\\\"},\\\"query-input\\\":\\\"required name=search_term_string\\\"},\\\"publisher\\\":{\\\"@type\\\":\\\"Organization\\\",\\\"name\\\":\\\"Tecnoiglesia\\\",\\\"logo\\\":{\\\"@type\\\":\\\"ImageObject\\\",\\\"url\\\":\\\"https://tecnoiglesia.com/img/Icon-1024x1024@1x.png\\\"}}}\"}}],[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"{\\\"@context\\\":\\\"https://schema.org\\\",\\\"@type\\\":\\\"BreadcrumbList\\\",\\\"itemListElement\\\":[{\\\"@type\\\":\\\"ListItem\\\",\\\"position\\\":1,\\\"name\\\":\\\"Inicio\\\",\\\"item\\\":\\\"https://tecnoiglesia.com\\\"},{\\\"@type\\\":\\\"ListItem\\\",\\\"position\\\":2,\\\"name\\\":\\\"Precios\\\",\\\"item\\\":\\\"https://tecnoiglesia.com/precios\\\"},{\\\"@type\\\":\\\"ListItem\\\",\\\"position\\\":3,\\\"name\\\":\\\"Integración\\\",\\\"item\\\":\\\"https://tecnoiglesia.com/integracion\\\"},{\\\"@type\\\":\\\"ListItem\\\",\\\"position\\\":4,\\\"name\\\":\\\"Nosotros\\\",\\\"item\\\":\\\"https://tecnoiglesia.com/nosotros\\\"},{\\\"@type\\\":\\\"ListItem\\\",\\\"position\\\":5,\\\"name\\\":\\\"Contacto\\\",\\\"item\\\":\\\"https://tecnoiglesia.com/contacto\\\"}]}\"}}],[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"$9\"}}],[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"$a\"}}]]]}],[\"$\",\"body\",null,{\"style\":{\"backgroundColor\":\"#0d0d0d\",\"color\":\"#fafafa\",\"margin\":0,\"padding\":0},\"children\":[[\"$\",\"noscript\",null,{\"children\":[\"$\",\"img\",null,{\"height\":1,\"width\":1,\"style\":{\"display\":\"none\"},\"src\":\"https://www.facebook.com/tr?id=1997838581081796\u0026ev=PageView\u0026noscript=1\",\"alt\":\"\"}]}],[\"$\",\"$Lb\",null,{\"children\":[\"$\",\"$Lc\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$Ld\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[\"$\",\"$Le\",null,{}],\"notFoundStyles\":[]}]}],[\"$\",\"$Lf\",null,{\"id\":\"meta-pixel\",\"strategy\":\"afterInteractive\",\"dangerouslySetInnerHTML\":{\"__html\":\"\\n              !function(f,b,e,v,n,t,s)\\n              {if(f.fbq)return;n=f.fbq=function(){n.callMethod?\\n              n.callMethod.apply(n,arguments):n.queue.push(arguments)};\\n              if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';\\n              n.queue=[];t=b.createElement(e);t.async=!0;\\n              t.src=v;s=b.getElementsByTagName(e)[0];\\n              s.parentNode.insertBefore(t,s)}(window, document,'script',\\n              'https://connect.facebook.net/en_US/fbevents.js');\\n              fbq('init', '1997838581081796');\\n              fbq('track', 'PageView');\\n            \"}}],[\"$\",\"$Lf\",null,{\"id\":\"chatwoot\",\"strategy\":\"afterInteractive\",\"dangerouslySetInnerHTML\":{\"__html\":\"\\n              window.chatwootSettings = {\\\"position\\\":\\\"right\\\",\\\"type\\\":\\\"expanded_bubble\\\",\\\"launcherTitle\\\":\\\"Chatea con Nosotros.\\\"};\\n              (function(d,t) {\\n                var BASE_URL=\\\"https://support.tecnoiglesia.net\\\";\\n                var g=d.createElement(t),s=d.getElementsByTagName(t)[0];\\n                g.src=BASE_URL+\\\"/packs/js/sdk.js\\\";\\n                g.defer = true;\\n                g.async = true;\\n                s.parentNode.insertBefore(g,s);\\n                g.onload=function(){\\n                  window.chatwootSDK.run({\\n                    websiteToken: 'yQxJ5ZtgbM1KyuxsWhCeGrUN',\\n                    baseUrl: BASE_URL\\n                  })\\n                }\\n              })(document,\\\"script\\\");\\n            \"}}]]}]]}]],null],null],\"couldBeIntercepted\":false,\"initialHead\":[null,\"$L10\"],\"globalErrorComponent\":\"$11\",\"missingSlots\":\"$W12\"}]\n"])</script><script>self.__next_f.push([1,"10:[[\"$\",\"meta\",\"0\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}],[\"$\",\"meta\",\"1\",{\"charSet\":\"utf-8\"}],[\"$\",\"title\",\"2\",{\"children\":\"Tecnoiglesia One - Tecnología para Iglesias | Audio, Video, Iluminación y Gestión\"}],[\"$\",\"meta\",\"3\",{\"name\":\"description\",\"content\":\"La plataforma #1 de tecnología para iglesias en español. Gestiona servicios, voluntarios y producción. +120 cursos de audio, video, iluminación y streaming. Asesorías con expertos, IA integrada, integración audiovisual profesional. Software de gestión para iglesias.\"}],[\"$\",\"meta\",\"4\",{\"name\":\"author\",\"content\":\"Tecnoiglesia Network\"}],[\"$\",\"link\",\"5\",{\"rel\":\"manifest\",\"href\":\"/manifest.json\",\"crossOrigin\":\"use-credentials\"}],[\"$\",\"meta\",\"6\",{\"name\":\"keywords\",\"content\":\"tecnología para iglesias, audio para iglesias, video para iglesias, iluminación para iglesias, software para iglesias, gestión de iglesias, plataforma para iglesias, cursos para iglesias, streaming para iglesias, pantallas LED iglesia, sonido profesional iglesia, producción iglesia, Tecnoiglesia, TI One, voluntarios iglesia, equipos audiovisuales iglesia\"}],[\"$\",\"meta\",\"7\",{\"name\":\"robots\",\"content\":\"index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1\"}],[\"$\",\"meta\",\"8\",{\"name\":\"theme-color\",\"content\":\"#ff5001\"}],[\"$\",\"meta\",\"9\",{\"name\":\"msapplication-TileColor\",\"content\":\"#ff5001\"}],[\"$\",\"meta\",\"10\",{\"name\":\"apple-mobile-web-app-capable\",\"content\":\"yes\"}],[\"$\",\"meta\",\"11\",{\"name\":\"apple-mobile-web-app-status-bar-style\",\"content\":\"black-translucent\"}],[\"$\",\"meta\",\"12\",{\"name\":\"apple-mobile-web-app-title\",\"content\":\"Tecnoiglesia\"}],[\"$\",\"meta\",\"13\",{\"name\":\"language\",\"content\":\"Spanish\"}],[\"$\",\"meta\",\"14\",{\"name\":\"revisit-after\",\"content\":\"7 days\"}],[\"$\",\"meta\",\"15\",{\"name\":\"distribution\",\"content\":\"global\"}],[\"$\",\"meta\",\"16\",{\"name\":\"rating\",\"content\":\"general\"}],[\"$\",\"link\",\"17\",{\"rel\":\"canonical\",\"href\":\"https://tecnoiglesia.com\"}],[\"$\",\"meta\",\"18\",{\"name\":\"google-site-verification\",\"content\":\"aR12bHXNpFFKhHLmph6u1VvKuDziwqMb6Rq2Nhj-Qp0\"}],[\"$\",\"meta\",\"19\",{\"property\":\"og:title\",\"content\":\"Tecnoiglesia One - Tecnología para Iglesias | Audio, Video y Gestión\"}],[\"$\",\"meta\",\"20\",{\"property\":\"og:description\",\"content\":\"La plataforma líder en tecnología para iglesias. +120 cursos de audio, video e iluminación. Gestión de servicios, voluntarios, asesorías personalizadas e IA integrada.\"}],[\"$\",\"meta\",\"21\",{\"property\":\"og:url\",\"content\":\"https://tecnoiglesia.com\"}],[\"$\",\"meta\",\"22\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"23\",{\"name\":\"twitter:site\",\"content\":\"@tecnoiglesia\"}],[\"$\",\"meta\",\"24\",{\"name\":\"twitter:creator\",\"content\":\"@tecnoiglesia\"}],[\"$\",\"meta\",\"25\",{\"name\":\"twitter:title\",\"content\":\"Tecnoiglesia One - Tecnología para Iglesias\"}],[\"$\",\"meta\",\"26\",{\"name\":\"twitter:description\",\"content\":\"La plataforma líder en tecnología para iglesias. +120 cursos de audio, video e iluminación. Gestión de servicios, voluntarios, asesorías personalizadas e IA integrada.\"}],[\"$\",\"meta\",\"27\",{\"name\":\"twitter:image\",\"content\":\"https://kowilxfoygfbnsprawzl.supabase.co/storage/v1/object/public/platform-assets/og-images/tecnoiglesia-one-og.png\"}],[\"$\",\"link\",\"28\",{\"rel\":\"icon\",\"href\":\"/favicon.ico\"}],[\"$\",\"link\",\"29\",{\"rel\":\"icon\",\"href\":\"/img/Icon-1024x1024@1x.png\",\"sizes\":\"16x16\"}],[\"$\",\"link\",\"30\",{\"rel\":\"icon\",\"href\":\"/img/Icon-1024x1024@1x.png\",\"sizes\":\"32x32\"}],[\"$\",\"link\",\"31\",{\"rel\":\"icon\",\"href\":\"/img/Icon-1024x1024@1x.png\",\"sizes\":\"96x96\"}],[\"$\",\"link\",\"32\",{\"rel\":\"icon\",\"href\":\"/img/Icon-1024x1024@1x.png\",\"sizes\":\"192x192\"}],[\"$\",\"link\",\"33\",{\"rel\":\"apple-touch-icon\",\"href\":\"/img/Icon-1024x1024@1x.png\",\"sizes\":\"180x180\"}],[\"$\",\"link\",\"34\",{\"rel\":\"apple-touch-icon\",\"href\":\"/img/Icon-1024x1024@1x.png\",\"sizes\":\"152x152\"}],[\"$\",\"link\",\"35\",{\"rel\":\"apple-touch-icon\",\"href\":\"/img/Icon-1024x1024@1x.png\",\"sizes\":\"144x144\"}],[\"$\",\"link\",\"36\",{\"rel\":\"apple-touch-icon\",\"href\":\"/img/Icon-1024x1024@1x.png\",\"sizes\":\"120x120\"}],[\"$\",\"link\",\"37\",{\"rel\":\"apple-touch-icon\",\"href\":\"/img/Icon-1024x1024@1x.png\",\"sizes\":\"114x114\"}],[\"$\",\"link\",\"38\",{\"rel\":\"apple-touch-icon\",\"href\":\"/img/Icon-1024x1024@1x.png\",\"sizes\":\"76x76\"}],[\"$\",\"link\",\"39\",{\"rel\":\"apple-touch-icon\",\"href\":\"/img/Icon-1024x1024@1x.png\",\"sizes\":\"72x72\"}],[\"$\",\"link\",\"40\",{\"rel\":\"apple-touch-icon\",\"href\":\"/img/Icon-1024x1024@1x.png\",\"sizes\":\"60x60\"}],[\"$\",\"link\",\"41\",{\"rel\":\"apple-touch-icon\",\"href\":\"/img/Icon-1024x1024@1x.png\",\"sizes\":\"57x57\"}],[\"$\",\"meta\",\"42\",{\"name\":\"next-size-adjust\"}]]\n"])</script><script>self.__next_f.push([1,"5:null\n"])</script></body></html>