iActiva GymAdmin – P\u00e1gina<\/title>\n\n \n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;600;700&display=swap\" rel=\"stylesheet\">\n\n <style>\n \/* GLOBAL - WORDPRESS COMPATIBLE *\/\n * {\n box-sizing: border-box;\n }\n\n html,\n body {\n height: 100%;\n }\n\n body {\n margin: 0 !important;\n padding: 0 !important;\n padding-bottom: 45px !important;\n font-family: \"Poppins\", sans-serif;\n background: linear-gradient(135deg, #FFFFFF, #E6F7FF, #CFEFFF);\n background-attachment: fixed;\n color: #0e1b2a;\n }\n\n \/* NEUTRALIZAR CONTENEDORES DE WORDPRESS *\/\n .wp-block-html,\n .wp-block-html>*,\n .entry-content,\n .site-main,\n .content-area,\n .hentry,\n article {\n margin: 0 !important;\n padding: 0 !important;\n width: 100% !important;\n max-width: none !important;\n }\n\n \/* ASEGURAR QUE TODO EL CONTENIDO OCUPE EL ANCHO COMPLETO *\/\n .carousel-container,\n .banner-verificacion,\n .video-intro,\n .ventajas-section,\n .video-section,\n .trabajos-section,\n .features-modern,\n .clientes-cinta,\n .contactanos {\n margin-left: 0 !important;\n margin-right: 0 !important;\n width: 100vw !important;\n max-width: 100vw !important;\n position: relative;\n left: 50%;\n right: 50%;\n margin-left: -50vw !important;\n margin-right: -50vw !important;\n }\n\n\n \/* BANNER VERIFICACI\u00d3N (footer mejorado) *\/\n .banner-verificacion {\n background: linear-gradient(90deg, #0f2027, #203a43, #2c5364);\n color: white;\n text-align: center;\n padding: 8px 15px;\n font-size: 13px;\n font-weight: 500;\n line-height: 1.4;\n\n \/* Mantenerlo siempre abajo *\/\n position: fixed;\n bottom: 0;\n top: auto;\n\n width: 100%;\n z-index: 1000;\n\n box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.2);\n border-top: 1px solid rgba(255, 255, 255, 0.1);\n }\n\n .banner-verificacion a {\n color: #ffcc00;\n text-decoration: none;\n font-weight: 700;\n }\n\n .banner-verificacion a:hover {\n text-decoration: underline;\n }\n\n .wsp-duo {\n position: fixed;\n bottom: 50px;\n right: 20px;\n display: flex;\n flex-direction: column;\n gap: 12px;\n z-index: 2000;\n }\n\n .wsp-btn {\n background: #25D366;\n padding: 12px 18px;\n border-radius: 50px;\n color: white;\n font-size: 15px;\n font-weight: bold;\n text-decoration: none;\n box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);\n transition: all 0.25s ease;\n }\n\n .wsp-btn:hover {\n transform: scale(1.10);\n background: #1ebe5b;\n }\n\n\n \/* CARRUSEL *\/\n .carousel-container {\n position: relative;\n width: 100%;\n height: 380px;\n overflow: hidden;\n }\n\n .carousel-slide {\n width: 100%;\n height: 380px;\n background-size: cover;\n background-position: center;\n background-repeat: no-repeat;\n position: absolute;\n top: 0;\n left: 0;\n opacity: 0;\n transition: opacity 1s ease-in-out;\n }\n\n .carousel-slide.active {\n opacity: 1;\n }\n\n \/* TOP BUTTONS (sticky navbar) *\/\n .top-buttons {\n position: fixed;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n display: flex;\n gap: 15px;\n z-index: 999;\n padding: 10px 22px;\n border-radius: 0 0 25px 25px;\n background: rgba(15, 32, 56, 0.75);\n backdrop-filter: blur(15px);\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);\n border: 1px solid rgba(255, 255, 255, 0.15);\n transition: all 0.4s ease;\n }\n\n .top-buttons:hover {\n background: rgba(10, 25, 45, 0.85);\n box-shadow: 0 6px 30px rgba(0, 0, 0, 0.35);\n }\n\n .top-buttons button {\n background: none;\n border: none;\n color: #fff;\n font-size: 14px;\n font-weight: 600;\n padding: 8px 12px;\n cursor: pointer;\n position: relative;\n transition: all 0.3s ease;\n border-radius: 6px;\n text-shadow: 0 2px 4px rgba(0, 0, 0, 0.8);\n }\n\n .top-buttons button::after {\n content: \"\";\n position: absolute;\n bottom: -2px;\n left: 50%;\n transform: translateX(-50%);\n width: 0%;\n height: 2px;\n background: #00A6FF;\n transition: 0.25s ease;\n border-radius: 1px;\n }\n\n \/* EFECTO HOVER Y ACTIVE *\/\n .top-buttons button:hover,\n .top-buttons button.active {\n color: #00A6FF;\n background: rgba(0, 166, 255, 0.1);\n }\n\n .top-buttons button:hover::after,\n .top-buttons button.active::after {\n width: 80%;\n }\n\n\n \/* arrows *\/\n .carousel-arrow {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n font-size: 36px;\n color: white;\n cursor: pointer;\n padding: 8px;\n z-index: 10;\n user-select: none;\n background: rgba(0, 0, 0, 0.25);\n border-radius: 8px;\n }\n\n .carousel-arrow.left {\n left: 10px;\n }\n\n .carousel-arrow.right {\n right: 10px;\n }\n\n \/* VIDEO INTRO *\/\n .video-intro {\n width: 100%;\n padding: 60px 20px;\n display: flex;\n justify-content: center;\n }\n\n .video-content {\n max-width: 940px;\n width: 100%;\n text-align: center;\n background: rgba(255, 255, 255, 0.75);\n padding: 28px;\n border-radius: 16px;\n backdrop-filter: blur(6px);\n box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);\n margin: 0 auto;\n }\n\n .video-content h2 {\n font-size: 26px;\n color: #003C8F;\n margin-bottom: 10px;\n }\n\n .video-content p {\n font-size: 16px;\n color: #444;\n margin-bottom: 18px;\n }\n\n \/* VENTAJAS \/ TARJETAS *\/\n .ventajas-section {\n max-width: 1100px;\n margin: 50px auto;\n padding: 20px;\n text-align: center;\n color: #003C8F;\n position: static !important;\n left: auto !important;\n right: auto !important;\n margin-left: auto !important;\n margin-right: auto !important;\n width: auto !important;\n max-width: 1100px !important;\n }\n\n .ventajas-container {\n display: flex;\n gap: 20px;\n flex-wrap: wrap;\n justify-content: center;\n }\n\n .ventaja-card {\n background: rgba(0, 153, 255, 0.12);\n padding: 20px;\n width: 280px;\n border-radius: 14px;\n box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);\n text-align: left;\n }\n\n .ventaja-card:hover {\n transform: translateY(-6px);\n box-shadow: 0 10px 28px rgba(0, 0, 0, 0.18);\n }\n\n .ventaja-card h3 {\n margin: 8px 0;\n font-size: 18px;\n color: #003C8F;\n }\n\n .ventaja-card ul {\n margin: 8px 0 0 16px;\n padding: 0;\n color: #0e1b2a;\n }\n\n .ventaja-card i {\n font-size: 30px;\n margin-bottom: 8px;\n color: #00A6FF;\n display: block;\n font-family: \"Segoe UI Emoji\", \"Noto Color Emoji\", sans-serif;\n \/* ?? permite emojis *\/\n }\n\n\n \/* VIDEO SECTION 2 *\/\n .video-section {\n max-width: 1000px;\n margin: 80px auto;\n padding: 30px;\n background: rgba(255, 255, 255, 0.06);\n border-radius: 16px;\n text-align: center;\n box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);\n position: static !important;\n left: auto !important;\n right: auto !important;\n margin-left: auto !important;\n margin-right: auto !important;\n width: auto !important;\n max-width: 1000px !important;\n }\n\n .video-section h2 {\n font-size: 30px;\n color: #003C8F;\n margin-bottom: 12px;\n }\n\n \/* TRABAJOS *\/\n .trabajos-section {\n max-width: 1200px;\n margin: 80px auto;\n padding: 30px;\n text-align: center;\n position: static !important;\n left: auto !important;\n right: auto !important;\n margin-left: auto !important;\n margin-right: auto !important;\n width: auto !important;\n max-width: 1200px !important;\n }\n\n .trabajos-container {\n display: flex;\n flex-wrap: wrap;\n gap: 24px;\n justify-content: center;\n }\n\n .trabajo-card {\n width: 320px;\n border-radius: 14px;\n overflow: hidden;\n background: rgba(255, 255, 255, 0.03);\n box-shadow: 0 10px 28px rgba(0, 0, 0, 0.12);\n }\n\n .trabajo-card img {\n width: 100%;\n height: 220px;\n object-fit: cover;\n display: block;\n }\n\n .trabajo-info {\n padding: 14px;\n text-align: left;\n color: #0e1b2a;\n }\n\n .trabajo-card:hover {\n transform: translateY(-8px);\n box-shadow: 0 16px 32px rgba(0, 0, 0, 0.20);\n }\n\n \/* PRODUCTOS VENTA *\/\n .features-modern {\n max-width: 900px;\n margin: 60px auto;\n padding: 20px;\n text-align: left;\n position: static !important;\n left: auto !important;\n right: auto !important;\n margin-left: auto !important;\n margin-right: auto !important;\n width: auto !important;\n max-width: 900px !important;\n }\n\n .features-modern h2 {\n text-align: center;\n font-size: 32px;\n font-weight: 800;\n color: #003C8F;\n margin-bottom: 35px;\n }\n\n .feature-item {\n display: flex;\n align-items: flex-start;\n gap: 18px;\n margin-bottom: 25px;\n padding-bottom: 20px;\n border-bottom: 1px solid rgba(0, 0, 0, 0.08);\n }\n\n .feature-item:last-child {\n border-bottom: none;\n }\n\n .feature-item .icono {\n font-size: 40px;\n color: #00A6FF;\n }\n\n .feature-item h3 {\n margin: 0;\n font-size: 20px;\n color: #003C8F;\n }\n\n .feature-item p {\n margin: 3px 0 0;\n color: #0e1b2a;\n font-size: 15px;\n }\n\n \/* CLIENTES CINTA *\/\n .clientes-cinta {\n width: 100%;\n overflow: hidden;\n padding: 30px 0;\n background: #f9f9f9;\n }\n\n .cinta-track {\n display: flex;\n gap: 40px;\n align-items: center;\n animation: moverCinta 30s linear infinite;\n }\n\n .cinta-track img {\n width: 150px;\n transition: transform .25s ease;\n display: block;\n }\n\n .cinta-track img:hover {\n transform: scale(1.05);\n }\n\n @keyframes moverCinta {\n 0% {\n transform: translateX(0)\n }\n\n 100% {\n transform: translateX(-50%)\n }\n }\n\n \/* CONTACTANOS *\/\n .contactanos {\n background: #0e1b2a;\n color: #fff;\n padding: 60px 20px;\n }\n\n .contact-container {\n max-width: 1200px;\n margin: auto;\n display: flex;\n gap: 32px;\n flex-wrap: wrap;\n align-items: flex-start;\n }\n\n .contact-info {\n flex: 1;\n min-width: 260px;\n }\n\n .contact-form {\n flex: 1;\n min-width: 260px;\n }\n\n .contact-form form {\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n\n .contact-form input,\n .contact-form textarea {\n padding: 12px;\n border-radius: 8px;\n border: none;\n width: 100%;\n font-family: inherit;\n }\n\n .contact-form button {\n padding: 12px;\n border: none;\n border-radius: 8px;\n background: #00bfff;\n color: #fff;\n font-weight: 600;\n cursor: pointer;\n }\n\n \/* ESTAD\u00cdSTICAS *\/\n .estadisticas {\n color: #00ffe0;\n padding: 40px 10px;\n text-align: center;\n }\n\n .estadisticas-container {\n display: flex;\n justify-content: center;\n gap: 40px;\n flex-wrap: wrap;\n }\n\n .estadistica {\n text-align: center;\n }\n\n .contador {\n font-size: 24px;\n font-weight: 700;\n color: #ffcc00;\n display: block;\n }\n\n \/* RESPONSIVE *\/\n @media (max-width:900px) {\n .top-buttons {\n gap: 10px;\n padding: 8px 12px;\n }\n\n .ventaja-card {\n width: 45%;\n }\n\n .trabajo-card {\n width: 45%;\n }\n }\n\n @media (max-width:600px) {\n\n .ventaja-card,\n .trabajo-card {\n width: 100%;\n }\n\n .cinta-track {\n gap: 20px;\n }\n }\n\n .modal-overlay {\n position: fixed;\n inset: 0;\n background: rgba(0, 0, 0, 0.6);\n backdrop-filter: blur(6px);\n display: none;\n align-items: center;\n justify-content: center;\n z-index: 10000;\n \/* sobre el carrusel y navbar *\/\n }\n\n .modal-overlay.active {\n display: flex;\n }\n\n .modal-content {\n width: min(900px, 92vw);\n background: rgba(12, 24, 40, 0.85);\n border: 1px solid rgba(255, 255, 255, 0.12);\n border-radius: 16px;\n box-shadow: 0 14px 40px rgba(0, 0, 0, 0.35);\n padding: 16px;\n color: #fff;\n }\n\n .modal-body {\n margin-top: 8px;\n }\n\n .modal-close {\n background: rgba(255, 255, 255, 0.12);\n border: none;\n color: #fff;\n font-size: 18px;\n border-radius: 8px;\n padding: 6px 10px;\n cursor: pointer;\n float: right;\n }\n\n .modal-close:hover {\n background: rgba(255, 255, 255, 0.22);\n }\n <\/style>\n<\/head>\n\n<body>\n\n \n <div class=\"banner-verificacion\">\n <p><a href=\"https:\/\/www.comparasoftware.ec\/iactiva-gymadmin\/verificacion\" target=\"_blank\"><strong>iActiva\n GymAdmin<\/strong><\/a> se encuentra verificado como <a\n href=\"https:\/\/www.comparasoftware.ec\/software-para-gimnasios\/verificacion\" target=\"_blank\"><strong>Software para\n Gimnasios<\/strong><\/a> en Ecuador<\/p>\n <\/div>\n\n \n <div class=\"carousel-container\" aria-hidden=\"false\" id=\"inicio\">\n <div class=\"top-buttons\" role=\"navigation\" aria-label=\"Secciones\">\n <button type=\"button\">INICIO<\/button>\n <button type=\"button\">CARACTER\u00cdSTICAS<\/button>\n <button type=\"button\">NOSOTROS<\/button>\n <button type=\"button\">CONTACTOS<\/button>\n <button type=\"button\">CLIENTES<\/button>\n <\/div>\n\n <div class=\"carousel-slide active\"\n style=\"background-image:url('https:\/\/iactivasoluciones-oxwuv.wordpress.com\/wp-content\/uploads\/2025\/11\/imagen1.png');\">\n <\/div>\n <div class=\"carousel-slide\"\n style=\"background-image:url('https:\/\/iactivasoluciones-oxwuv.wordpress.com\/wp-content\/uploads\/2025\/11\/imagen1.2-1.png');\">\n <\/div>\n\n <div class=\"carousel-arrow left\" onclick=\"moveSlide(-1)\" aria-hidden=\"false\" aria-label=\"anterior\">❮<\/div>\n <div class=\"carousel-arrow right\" onclick=\"moveSlide(1)\" aria-hidden=\"false\" aria-label=\"siguiente\">❯<\/div>\n <\/div>\n\n \n <section class=\"video-intro\">\n <div class=\"video-content\">\n <h2>\ud83c\udfa5 CONOCE NUESTRO SISTEMA DE CONTROL DE ACCESO<\/h2>\n <p>Descubre c\u00f3mo funciona nuestro software en tiempo real. Gesti\u00f3n inteligente, alta seguridad y acceso\n automatizado.<\/p>\n\n <div style=\"max-width:800px; margin:20px auto;\">\n <iframe loading=\"lazy\" src=\"https:\/\/drive.google.com\/file\/d\/1aNeOCRV4cCXR2d4eDxGepkJFb1UZKwLe\/preview\" width=\"100%\"\n height=\"450\" allow=\"autoplay\" allowfullscreen style=\"border-radius:12px; border:none;\"><\/iframe>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"ventajas-section\" id=\"caracteristicas\">\n <h2>CARACTER\u00cdSTICAS DE NUESTRO SISTEMA<\/h2>\n <div class=\"ventajas-container\">\n <div class=\"ventaja-card\">\n <i>\ud83d\udc65<\/i>\n <h3>Gesti\u00f3n de Membres\u00edas<\/h3>\n <ul>\n <li>Gestiona clientes, registro, renovaci\u00f3n y cobros de membres\u00edas<\/li>\n <li>Configuraci\u00f3n de planes y membres\u00edas<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"ventaja-card\">\n <i>\ud83d\udcb5<\/i>\n <h3>Gesti\u00f3n de Ventas<\/h3>\n <ul>\n <li>Registra y gestiona: ventas, ingresos, egresos, facturaci\u00f3n<\/li>\n <li>Control de deudas y reportes completos<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"ventaja-card\">\n <i>\ud83d\udccb<\/i>\n <h3>Gesti\u00f3n de Inventarios<\/h3>\n <ul>\n <li>Actualiza autom\u00e1ticamente el stock luego de cada venta<\/li>\n <li>Registra entradas y salidas<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"ventaja-card\">\n <i>\ud83c\udfcb\ufe0f\u200d<\/i>\n <h3>Adecuado para todo tipo de centros fitness<\/h3>\n <ul>\n <li>Ideal para gimnasios peque\u00f1os, medianos y grandes<\/li>\n <li>Gesti\u00f3n multi-sucursal desde una sola cuenta<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"ventaja-card\">\n <i>\ud83d\udcb9<\/i>\n <h3>Integraci\u00f3n contable<\/h3>\n <ul>\n <li>Compatible con sistemas contables nacionales<\/li>\n <li>Reportes exportables<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"ventaja-card\">\n <i>\ud83d\udcf2<\/i>\n <h3>Plataformas web y m\u00f3viles<\/h3>\n <ul>\n <li>Apps personalizadas disponibles en Play \/ App Store<\/li>\n <li>Panel web administrativo seguro<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"ventaja-card\">\n <i>\ud83d\udc46\ud83c\udffb<\/i>\n <h3>Control con huella dactilar<\/h3>\n <ul>\n <li>Registro de huellas, marcaci\u00f3n autom\u00e1tica<\/li>\n <li>Incluye lector compatible<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"ventaja-card\">\n <i>\ud83d\ude4e\ud83c\udffb\u200d<\/i>\n <h3>Control con biometr\u00eda facial<\/h3>\n <ul>\n <li>Marcaci\u00f3n autom\u00e1tica y sin contacto<\/li>\n <li>Pantalla a color con informaci\u00f3n de membres\u00eda<\/li>\n <\/ul>\n <\/div>\n <div class=\"ventaja-card\">\n <i>\ud83d\udeaa<\/i>\n <h3>Acceso fisico con cerraduras o torniquetes<\/h3>\n <ul>\n <li>Apertura autom\u00e1tica al momento de que el alumno registre su asistencia y tenga membres\u00eda.<\/li>\n <li>Integraci\u00f3n al sistema.<\/li>\n\n <\/ul>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"video-section\">\n <h2>TIPOS DE CONTROL DE ACCESO<\/h2>\n <p>Descubre todos los equipos y soluciones de acceso inteligente que ofrecemos.<\/p>\n <div class=\"video-container\" style=\"max-width:900px; margin:0 auto;\">\n <iframe loading=\"lazy\" src=\"https:\/\/drive.google.com\/file\/d\/1Xgw1YMAj7ujUuzn5WEvSm3tFrVEiCOhy\/preview\" width=\"100%\" height=\"450\"\n allow=\"autoplay\" allowfullscreen style=\"border-radius:12px; border:none;\"><\/iframe>\n <\/div>\n <\/section>\n\n \n <section class=\"trabajos-section\">\n <h2>CONTROL DE ACCESO PARA TU CENTRO FITNESS<\/h2>\n <div class=\"trabajos-container\">\n\n \n <div id=\"videoModal\" class=\"modal-overlay\" aria-hidden=\"true\" role=\"dialog\" aria-label=\"Reproductor de video\">\n <div class=\"modal-content\">\n <button class=\"modal-close\" type=\"button\" aria-label=\"Cerrar\">\u2715<\/button>\n <div class=\"modal-body\">\n <iframe loading=\"lazy\" id=\"modalIframe\" src=\"\" width=\"100%\" height=\"420\" allow=\"autoplay; encrypted-media\" allowfullscreen\n style=\"border:0; border-radius:12px;\"><\/iframe>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"trabajo-card\">\n <img decoding=\"async\" src=\"https:\/\/iactivasoluciones-oxwuv.wordpress.com\/wp-content\/uploads\/2025\/11\/torniquetefacial.png\"\n alt=\"Instalaci\u00f3n 1\">\n <div class=\"trabajo-info\">\n <h3>Torniquete + Biometr\u00eda Facial<\/h3>\n <p>Instalaci\u00f3n completa con reconocimiento facial.<\/p>\n <a href=\"#\" class=\"ver-mas\" data-video-url=\"https:\/\/www.youtube.com\/embed\/J5M7FPr9I5M?autoplay=1&mute=0\">Ver\n m\u00e1s<\/a>\n <\/div>\n <\/div>\n \n\n <div class=\"trabajo-card\">\n <img decoding=\"async\" src=\"https:\/\/iactivasoluciones-oxwuv.wordpress.com\/wp-content\/uploads\/2025\/11\/torniquetehuella.png\"\n alt=\"Instalaci\u00f3n 2\">\n <div class=\"trabajo-info\">\n <h3>Torniquete + Biometr\u00eda Dactilar<\/h3>\n <p>Acceso inteligente 24\/7.<\/p>\n <a href=\"#\" class=\"ver-mas\" data-video-url=\"https:\/\/www.youtube.com\/shorts\/ZTerd8cfZsM\">Ver m\u00e1s<\/a>\n <\/div>\n <\/div>\n <div class=\"trabajo-card\">\n <img decoding=\"async\" src=\"https:\/\/iactivasoluciones-oxwuv.wordpress.com\/wp-content\/uploads\/2025\/11\/carradurayfacial.jpg\"\n alt=\"Instalaci\u00f3n 3\">\n <div class=\"trabajo-info\">\n <h3>Cerradura + Biometr\u00eda Facial<\/h3>\n <p>Soluci\u00f3n econ\u00f3mica y r\u00e1pida.<\/p>\n <a href=\"#\" class=\"ver-mas\" data-video-url=\"https:\/\/www.youtube.com\/shorts\/ITPaGkiJFYM\">Ver m\u00e1s<\/a>\n <\/div>\n <\/div>\n <div class=\"trabajo-card\">\n <img decoding=\"async\" src=\"https:\/\/iactivasoluciones-oxwuv.wordpress.com\/wp-content\/uploads\/2025\/11\/cerraduradactilar.png\"\n alt=\"Instalaci\u00f3n 4\">\n <div class=\"trabajo-info\">\n <h3>Cerradura + Biometr\u00eda Dactilar<\/h3>\n <p>Ideal para gimnasios peque\u00f1os y medianos.<\/p>\n <a href=\"#\" class=\"ver-mas\" data-video-url=\"https:\/\/www.youtube.com\/watch?v=3dCtpRBdW6A\">Ver m\u00e1s<\/a>\n <\/div>\n <\/div>\n <div class=\"trabajo-card\">\n <img decoding=\"async\" src=\"https:\/\/iactivasoluciones-oxwuv.wordpress.com\/wp-content\/uploads\/2025\/11\/logo-iactiva.png\"\n alt=\"Licencia\">\n <div class=\"trabajo-info\">\n <h3>Licencia Independiente<\/h3>\n <p>Control total sin equipos adicionales.<\/p>\n <a href=\"#\" class=\"ver-mas\" data-video-url=\"https:\/\/www.youtube.com\/watch?v=eKG2tOy6jFg\">Ver m\u00e1s<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n \n <section class=\"features-modern\">\n <h2>ENCUENTRA TODO LO NECESARIO PARA EQUIPAR TU CENTRO FITNESS<\/h2>\n\n <div class=\"feature-item\">\n <span class=\"icono\">\ud83d\udda8\ufe0f<\/span>\n <div>\n <h3>IMPRESORAS TERMICAS<\/h3>\n <p>Tinta continua y otras soluciones de impresi\u00f3n.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"feature-item\">\n <span class=\"icono\">\ud83d\udd10<\/span>\n <div>\n <h3>ENROLADORES BIOMETRICOS<\/h3>\n <p>Para identificaci\u00f3n segura y eficiente.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"feature-item\">\n <span class=\"icono\">\ud83d\udea7<\/span>\n <div>\n <h3>TORNIQUETES<\/h3>\n <p>Control de acceso automatizado.<\/p>\n <\/div>\n <\/div>\n <div class=\"feature-item\">\n <span class=\"icono\">\ud83d\udcf9<\/span>\n <div>\n <h3>CAMARAS DE SEGURIDAD<\/h3>\n <p>Monitoreo en tiempo real.<\/p>\n <\/div>\n <\/div>\n <div class=\"feature-item\">\n <span class=\"icono\">\ud83d\udda5\ufe0f<\/span>\n <div>\n <h3>COMPUTADORAS<\/h3>\n <p>PCs y port\u00e1tiles listas para operar.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"feature-item\">\n <span class=\"icono\">\ud83d\udddd\ufe0f<\/span>\n <div>\n <h3>LICENCIAS DE WINDOWS\/ OFFICE<\/h3>\n <p>Pro y Server para ambientes seguros.<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n \n <div class=\"clientes-cinta\" aria-hidden=\"false\" id=\"clientes\">\n <div class=\"cinta-track\" id=\"cintaTrack\">\n \n <img decoding=\"async\" src=\"https:\/\/iactivasoluciones-oxwuv.wordpress.com\/wp-content\/uploads\/2025\/11\/cliente1.png\" alt=\"Cliente 1\">\n <img decoding=\"async\" src=\"https:\/\/iactivasoluciones-oxwuv.wordpress.com\/wp-content\/uploads\/2025\/11\/cliente2.png\" alt=\"Cliente 2\">\n <img decoding=\"async\" src=\"https:\/\/iactivasoluciones-oxwuv.wordpress.com\/wp-content\/uploads\/2025\/11\/cliente3.png\" alt=\"Cliente 3\">\n <img decoding=\"async\" src=\"https:\/\/iactivasoluciones-oxwuv.wordpress.com\/wp-content\/uploads\/2025\/11\/cliente4.png\" alt=\"Cliente 4\">\n <img decoding=\"async\" src=\"https:\/\/iactivasoluciones-oxwuv.wordpress.com\/wp-content\/uploads\/2025\/11\/cliente5.png\" alt=\"Cliente 5\">\n \n <img decoding=\"async\" src=\"https:\/\/iactivasoluciones-oxwuv.wordpress.com\/wp-content\/uploads\/2025\/11\/cliente1.png\" alt=\"Cliente 1b\">\n <img decoding=\"async\" src=\"https:\/\/iactivasoluciones-oxwuv.wordpress.com\/wp-content\/uploads\/2025\/11\/cliente2.png\" alt=\"Cliente 2b\">\n <img decoding=\"async\" src=\"https:\/\/iactivasoluciones-oxwuv.wordpress.com\/wp-content\/uploads\/2025\/11\/cliente3.png\" alt=\"Cliente 3b\">\n <img decoding=\"async\" src=\"https:\/\/iactivasoluciones-oxwuv.wordpress.com\/wp-content\/uploads\/2025\/11\/cliente4.png\" alt=\"Cliente 4b\">\n <img decoding=\"async\" src=\"https:\/\/iactivasoluciones-oxwuv.wordpress.com\/wp-content\/uploads\/2025\/11\/cliente5.png\" alt=\"Cliente 5b\">\n <\/div>\n <\/div>\n\n \n <section class=\"contactanos\" id=\"nosotros\">\n <div class=\"contact-container\">\n <div class=\"contact-info\">\n <h2>NOSOTROS<\/h2>\n <p><strong>iActiva Soluciones Inform\u00e1ticas<\/strong>, creadores de <strong>GymAdmin<\/strong>, el software de\n gesti\u00f3n dise\u00f1ado para gimnasios y centros fitness. GymAdmin te permitir\u00e1 llevar el control total de tu\n gimnasio de forma simple, moderna y sin l\u00edmites.<\/p>\n <p>Con GymAdmin obtienes:<\/p>\n <ul style=\"color:#fff;\">\n <li>Acceso seguro con torniquetes y cerraduras electr\u00f3nicas<\/li>\n <li>Biometr\u00eda facial y dactilar<\/li>\n <li>Control total de usuarios, membres\u00edas y planes<\/li>\n <li>Reportes de ventas, inventario y facturaci\u00f3n electr\u00f3nica<\/li>\n <\/ul>\n <div class=\"socials\" style=\"margin-top:12px;\">\n <a href=\"https:\/\/facebook.com\" target=\"_blank\" style=\"color:#00bfff; margin-right:12px;\">Facebook<\/a>\n <a href=\"https:\/\/instagram.com\" target=\"_blank\" style=\"color:#00bfff; margin-right:12px;\">Instagram<\/a>\n <a href=\"https:\/\/tiktok.com\" target=\"_blank\" style=\"color:#00bfff;\">TikTok<\/a>\n <\/div>\n\n \n <section class=\"estadisticas\" aria-label=\"estadisticas\">\n <div class=\"estadisticas-container\">\n <div class=\"estadistica\"><span class=\"contador\" data-target=\"13\">+13<\/span>\n <p>A\u00f1os de experiencia<\/p>\n <\/div>\n <div class=\"estadistica\"><span class=\"contador\" data-target=\"24\">+24<\/span>\n <p>Provincias de cobertura<\/p>\n <\/div>\n <div class=\"estadistica\"><span class=\"contador\" data-target=\"250\">+250<\/span>\n <p>Centros Fitness<\/p>\n <\/div>\n <\/div>\n <\/section>\n <\/div>\n\n <div class=\"contact-form\" id=\"contactos\">\n <form>\n <input type=\"text\" name=\"nombre\" placeholder=\"Tu nombre\" required>\n <input type=\"email\" name=\"email\" placeholder=\"Tu correo\" required>\n <textarea name=\"mensaje\" placeholder=\"Tu mensaje\" rows=\"5\" required><\/textarea>\n <button type=\"submit\">Enviar Mensaje<\/button>\n\n <div class=\"ubicacion-mini\" style=\"margin-top:16px;\">\n <h4 style=\"color:#00ffe0; text-align:center;\">Nuestra Ubicaci\u00f3n<\/h4>\n <iframe\n src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3976.123456789!2d-78.123456!3d-2.123456!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x902d123456789abc%3A0x123456789abcdef!2sTu%20Empresa!5e0!3m2!1ses!2sec!4v1699999999999!5m2!1ses!2sec\"\n width=\"100%\" height=\"200\" style=\"border:0; border-radius:10px;\" allowfullscreen=\"\"\n loading=\"lazy\"><\/iframe>\n <\/div>\n <\/form>\n <\/div>\n <\/div>\n <\/section>\n\n <div class=\"wsp-duo\">\n <a href=\"https:\/\/wa.me\/593999883926?text=Hola,%20quiero%20saber%20c\u00f3mo%20funciona%20su%20software%20y%20los%20equipos%20de%20acceso.\"\n target=\"_blank\" class=\"wsp-btn\">\ud83d\udcac ASESOR 1<\/a>\n <a href=\"https:\/\/wa.me\/593997877344?text=Hola%20quiero%20hablar%20con%20el%20asesor%202\" target=\"_blank\"\n class=\"wsp-btn\">\ud83d\udcac ASESOR 2<\/a>\n <\/div>\n\n\n\n\n \n <script>\n \/\/ Carrusel b\u00e1sico\n let currentSlide = 0;\n const slides = document.querySelectorAll('.carousel-slide');\n function showSlide(i) {\n slides.forEach(s => s.classList.remove('active'));\n currentSlide = (i + slides.length) % slides.length;\n slides[currentSlide].classList.add('active');\n }\n function moveSlide(step) { showSlide(currentSlide + step); }\n setInterval(() => moveSlide(1), 5000);\n\n \/\/ Navegaci\u00f3n suave entre secciones\n const navButtons = document.querySelectorAll('.top-buttons button');\n const sections = ['inicio', 'caracteristicas', 'nosotros', 'contactos', 'clientes'];\n\n navButtons.forEach((button, index) => {\n button.addEventListener('click', () => {\n \/\/ Remover clase active de todos los botones\n navButtons.forEach(btn => btn.classList.remove('active'));\n \/\/ Agregar clase active al bot\u00f3n clickeado\n button.classList.add('active');\n\n \/\/ Navegar a la secci\u00f3n correspondiente\n const targetSection = document.getElementById(sections[index]);\n if (targetSection) {\n targetSection.scrollIntoView({\n behavior: 'smooth',\n block: 'start'\n });\n }\n });\n });\n\n \/\/ Detectar secci\u00f3n activa al hacer scroll\n function updateActiveButton() {\n const scrollPos = window.scrollY + 70; \/\/ offset ajustado para navbar en tope\n const navbar = document.querySelector('.top-buttons');\n\n \/\/ Cambiar estilo del navbar seg\u00fan la posici\u00f3n\n if (scrollPos < 300) {\n \/\/ En el carrusel - navbar m\u00e1s transparente\n navbar.style.background = 'rgba(15, 32, 56, 0.65)';\n navbar.style.backdropFilter = 'blur(20px)';\n } else if (scrollPos > 300 && scrollPos < 1000) {\n \/\/ En secciones claras - navbar m\u00e1s opaco\n navbar.style.background = 'rgba(10, 25, 45, 0.85)';\n navbar.style.backdropFilter = 'blur(15px)';\n } else {\n \/\/ En secciones oscuras - navbar adaptativo\n navbar.style.background = 'rgba(20, 40, 70, 0.75)';\n navbar.style.backdropFilter = 'blur(12px)';\n }\n\n sections.forEach((sectionId, index) => {\n const section = document.getElementById(sectionId);\n if (section) {\n const sectionTop = section.offsetTop;\n const sectionHeight = section.offsetHeight;\n\n if (scrollPos >= sectionTop && scrollPos < sectionTop + sectionHeight) {\n navButtons.forEach(btn => btn.classList.remove('active'));\n if (navButtons[index]) {\n navButtons[index].classList.add('active');\n }\n }\n }\n });\n }\n\n \/\/ Escuchar eventos de scroll\n window.addEventListener('scroll', updateActiveButton);\n\n \/\/ Establecer bot\u00f3n activo inicial\n document.addEventListener('DOMContentLoaded', () => {\n navButtons[0].classList.add('active');\n });\n\n \/\/ Contadores simples (no overcount)\n document.querySelectorAll('.contador').forEach(counter => {\n const target = parseInt(counter.getAttribute('data-target')) || 0;\n counter.textContent = '+' + target;\n });\n\n \/\/ A11y: keyboard controls for carousel arrows\n document.addEventListener('keydown', (e) => {\n if (e.key === 'ArrowLeft') moveSlide(-1);\n if (e.key === 'ArrowRight') moveSlide(1);\n });\n\n \/\/ Modal logic con normalizaci\u00f3n de URLs de YouTube y delegaci\u00f3n\n (function () {\n const modal = document.getElementById('videoModal');\n const iframe = document.getElementById('modalIframe');\n const closeBtn = modal.querySelector('.modal-close');\n\n function toEmbed(url) {\n try {\n const u = new URL(url);\n \/\/ shorts: https:\/\/www.youtube.com\/shorts\/VIDEOID\n if (u.pathname.startsWith('\/shorts\/')) {\n const id = u.pathname.split('\/')[2];\n return `https:\/\/www.youtube.com\/embed\/${id}?autoplay=1`;\n }\n \/\/ watch: https:\/\/www.youtube.com\/watch?v=VIDEOID\n if (u.pathname === '\/watch') {\n const id = u.searchParams.get('v');\n return id ? `https:\/\/www.youtube.com\/embed\/${id}?autoplay=1` : url;\n }\n \/\/ youtu.be: https:\/\/youtu.be\/VIDEOID\n if (u.hostname === 'youtu.be') {\n const id = u.pathname.replace('\/', '');\n return `https:\/\/www.youtube.com\/embed\/${id}?autoplay=1`;\n }\n \/\/ ya es \/embed o cualquier otra ruta v\u00e1lida\n return url.includes('\/embed\/') ? url : url;\n } catch {\n return url; \/\/ si falla el parse, usa tal cual\n }\n }\n\n function openModal(url) {\n const embedUrl = toEmbed(url);\n iframe.src = embedUrl;\n modal.classList.add('active');\n modal.setAttribute('aria-hidden', 'false');\n document.body.style.overflow = 'hidden';\n }\n\n function closeModal() {\n modal.classList.remove('active');\n modal.setAttribute('aria-hidden', 'true');\n iframe.src = ''; \/\/ detener el video\n document.body.style.overflow = '';\n }\n\n \/\/ Delegaci\u00f3n: captura clicks en cualquier enlace .ver-mas\n document.addEventListener('click', (e) => {\n const link = e.target.closest('a.ver-mas');\n if (!link) return;\n e.preventDefault();\n const url = link.getAttribute('data-video-url');\n if (url) openModal(url);\n });\n\n closeBtn.addEventListener('click', closeModal);\n\n modal.addEventListener('click', (e) => {\n if (e.target === modal) closeModal();\n });\n\n document.addEventListener('keydown', (e) => {\n if (e.key === 'Escape' && modal.classList.contains('active')) closeModal();\n });\n })();\n <\/script>\n\n<\/body>\n\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>iActiva GymAdmin – P\u00e1gina iActiva GymAdmin se encuentra verificado como Software para Gimnasios en Ecuador INICIO CARACTER\u00cdSTICAS NOSOTROS CONTACTOS CLIENTES […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"normal-width-container","site-content-style":"unboxed","site-sidebar-style":"unboxed","ast-global-header-display":"disabled","ast-banner-title-visibility":"disabled","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"disabled","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-1551","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"jpuga","author_link":"https:\/\/web.sistemaparagimnasio.com\/index.php\/author\/jpuga\/"},"uagb_comment_info":0,"uagb_excerpt":"iActiva GymAdmin – P\u00e1gina iActiva GymAdmin se encuentra verificado como Software para Gimnasios en Ecuador INICIO CARACTER\u00cdSTICAS NOSOTROS CONTACTOS CLIENTES […]","_links":{"self":[{"href":"https:\/\/web.sistemaparagimnasio.com\/index.php\/wp-json\/wp\/v2\/pages\/1551","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/web.sistemaparagimnasio.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/web.sistemaparagimnasio.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/web.sistemaparagimnasio.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/web.sistemaparagimnasio.com\/index.php\/wp-json\/wp\/v2\/comments?post=1551"}],"version-history":[{"count":29,"href":"https:\/\/web.sistemaparagimnasio.com\/index.php\/wp-json\/wp\/v2\/pages\/1551\/revisions"}],"predecessor-version":[{"id":1587,"href":"https:\/\/web.sistemaparagimnasio.com\/index.php\/wp-json\/wp\/v2\/pages\/1551\/revisions\/1587"}],"wp:attachment":[{"href":"https:\/\/web.sistemaparagimnasio.com\/index.php\/wp-json\/wp\/v2\/media?parent=1551"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":1551,"date":"2025-12-03T17:34:29","date_gmt":"2025-12-03T22:34:29","guid":{"rendered":"https:\/\/web.sistemaparagimnasio.com\/?page_id=1551"},"modified":"2025-12-15T16:17:24","modified_gmt":"2025-12-15T21:17:24","slug":"home","status":"publish","type":"page","link":"https:\/\/web.sistemaparagimnasio.com\/","title":{"rendered":"Software para gimnasio"},"content":{"rendered":"\n\n\n\n\n \n \n iActiva GymAdmin – P\u00e1gina<\/title>\n\n \n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;600;700&display=swap\" rel=\"stylesheet\">\n\n <style>\n \/* GLOBAL - WORDPRESS COMPATIBLE *\/\n * {\n box-sizing: border-box;\n }\n\n html,\n body {\n height: 100%;\n }\n\n body {\n margin: 0 !important;\n padding: 0 !important;\n padding-bottom: 45px !important;\n font-family: \"Poppins\", sans-serif;\n background: linear-gradient(135deg, #FFFFFF, #E6F7FF, #CFEFFF);\n background-attachment: fixed;\n color: #0e1b2a;\n }\n\n \/* NEUTRALIZAR CONTENEDORES DE WORDPRESS *\/\n .wp-block-html,\n .wp-block-html>*,\n .entry-content,\n .site-main,\n .content-area,\n .hentry,\n article {\n margin: 0 !important;\n padding: 0 !important;\n width: 100% !important;\n max-width: none !important;\n }\n\n \/* ASEGURAR QUE TODO EL CONTENIDO OCUPE EL ANCHO COMPLETO *\/\n .carousel-container,\n .banner-verificacion,\n .video-intro,\n .ventajas-section,\n .video-section,\n .trabajos-section,\n .features-modern,\n .clientes-cinta,\n .contactanos {\n margin-left: 0 !important;\n margin-right: 0 !important;\n width: 100vw !important;\n max-width: 100vw !important;\n position: relative;\n left: 50%;\n right: 50%;\n margin-left: -50vw !important;\n margin-right: -50vw !important;\n }\n\n\n \/* BANNER VERIFICACI\u00d3N (footer mejorado) *\/\n .banner-verificacion {\n background: linear-gradient(90deg, #0f2027, #203a43, #2c5364);\n color: white;\n text-align: center;\n padding: 8px 15px;\n font-size: 13px;\n font-weight: 500;\n line-height: 1.4;\n\n \/* Mantenerlo siempre abajo *\/\n position: fixed;\n bottom: 0;\n top: auto;\n\n width: 100%;\n z-index: 1000;\n\n box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.2);\n border-top: 1px solid rgba(255, 255, 255, 0.1);\n }\n\n .banner-verificacion a {\n color: #ffcc00;\n text-decoration: none;\n font-weight: 700;\n }\n\n .banner-verificacion a:hover {\n text-decoration: underline;\n }\n\n .wsp-duo {\n position: fixed;\n bottom: 50px;\n right: 20px;\n display: flex;\n flex-direction: column;\n gap: 12px;\n z-index: 2000;\n }\n\n .wsp-btn {\n background: #25D366;\n padding: 12px 18px;\n border-radius: 50px;\n color: white;\n font-size: 15px;\n font-weight: bold;\n text-decoration: none;\n box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);\n transition: all 0.25s ease;\n }\n\n .wsp-btn:hover {\n transform: scale(1.10);\n background: #1ebe5b;\n }\n\n\n \/* CARRUSEL *\/\n .carousel-container {\n position: relative;\n width: 100%;\n height: 380px;\n overflow: hidden;\n }\n\n .carousel-slide {\n width: 100%;\n height: 380px;\n background-size: cover;\n background-position: center;\n background-repeat: no-repeat;\n position: absolute;\n top: 0;\n left: 0;\n opacity: 0;\n transition: opacity 1s ease-in-out;\n }\n\n .carousel-slide.active {\n opacity: 1;\n }\n\n \/* TOP BUTTONS (sticky navbar) *\/\n .top-buttons {\n position: fixed;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n display: flex;\n gap: 15px;\n z-index: 999;\n padding: 10px 22px;\n border-radius: 0 0 25px 25px;\n background: rgba(15, 32, 56, 0.75);\n backdrop-filter: blur(15px);\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);\n border: 1px solid rgba(255, 255, 255, 0.15);\n transition: all 0.4s ease;\n }\n\n .top-buttons:hover {\n background: rgba(10, 25, 45, 0.85);\n box-shadow: 0 6px 30px rgba(0, 0, 0, 0.35);\n }\n\n .top-buttons button {\n background: none;\n border: none;\n color: #fff;\n font-size: 14px;\n font-weight: 600;\n padding: 8px 12px;\n cursor: pointer;\n position: relative;\n transition: all 0.3s ease;\n border-radius: 6px;\n text-shadow: 0 2px 4px rgba(0, 0, 0, 0.8);\n }\n\n .top-buttons button::after {\n content: \"\";\n position: absolute;\n bottom: -2px;\n left: 50%;\n transform: translateX(-50%);\n width: 0%;\n height: 2px;\n background: #00A6FF;\n transition: 0.25s ease;\n border-radius: 1px;\n }\n\n \/* EFECTO HOVER Y ACTIVE *\/\n .top-buttons button:hover,\n .top-buttons button.active {\n color: #00A6FF;\n background: rgba(0, 166, 255, 0.1);\n }\n\n .top-buttons button:hover::after,\n .top-buttons button.active::after {\n width: 80%;\n }\n\n\n \/* arrows *\/\n .carousel-arrow {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n font-size: 36px;\n color: white;\n cursor: pointer;\n padding: 8px;\n z-index: 10;\n user-select: none;\n background: rgba(0, 0, 0, 0.25);\n border-radius: 8px;\n }\n\n .carousel-arrow.left {\n left: 10px;\n }\n\n .carousel-arrow.right {\n right: 10px;\n }\n\n \/* VIDEO INTRO *\/\n .video-intro {\n width: 100%;\n padding: 60px 20px;\n display: flex;\n justify-content: center;\n }\n\n .video-content {\n max-width: 940px;\n width: 100%;\n text-align: center;\n background: rgba(255, 255, 255, 0.75);\n padding: 28px;\n border-radius: 16px;\n backdrop-filter: blur(6px);\n box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);\n margin: 0 auto;\n }\n\n .video-content h2 {\n font-size: 26px;\n color: #003C8F;\n margin-bottom: 10px;\n }\n\n .video-content p {\n font-size: 16px;\n color: #444;\n margin-bottom: 18px;\n }\n\n \/* VENTAJAS \/ TARJETAS *\/\n .ventajas-section {\n max-width: 1100px;\n margin: 50px auto;\n padding: 20px;\n text-align: center;\n color: #003C8F;\n position: static !important;\n left: auto !important;\n right: auto !important;\n margin-left: auto !important;\n margin-right: auto !important;\n width: auto !important;\n max-width: 1100px !important;\n }\n\n .ventajas-container {\n display: flex;\n gap: 20px;\n flex-wrap: wrap;\n justify-content: center;\n }\n\n .ventaja-card {\n background: rgba(0, 153, 255, 0.12);\n padding: 20px;\n width: 280px;\n border-radius: 14px;\n box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);\n text-align: left;\n }\n\n .ventaja-card:hover {\n transform: translateY(-6px);\n box-shadow: 0 10px 28px rgba(0, 0, 0, 0.18);\n }\n\n .ventaja-card h3 {\n margin: 8px 0;\n font-size: 18px;\n color: #003C8F;\n }\n\n .ventaja-card ul {\n margin: 8px 0 0 16px;\n padding: 0;\n color: #0e1b2a;\n }\n\n .ventaja-card i {\n font-size: 30px;\n margin-bottom: 8px;\n color: #00A6FF;\n display: block;\n font-family: \"Segoe UI Emoji\", \"Noto Color Emoji\", sans-serif;\n \/* ?? permite emojis *\/\n }\n\n\n \/* VIDEO SECTION 2 *\/\n .video-section {\n max-width: 1000px;\n margin: 80px auto;\n padding: 30px;\n background: rgba(255, 255, 255, 0.06);\n border-radius: 16px;\n text-align: center;\n box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);\n position: static !important;\n left: auto !important;\n right: auto !important;\n margin-left: auto !important;\n margin-right: auto !important;\n width: auto !important;\n max-width: 1000px !important;\n }\n\n .video-section h2 {\n font-size: 30px;\n color: #003C8F;\n margin-bottom: 12px;\n }\n\n \/* TRABAJOS *\/\n .trabajos-section {\n max-width: 1200px;\n margin: 80px auto;\n padding: 30px;\n text-align: center;\n position: static !important;\n left: auto !important;\n right: auto !important;\n margin-left: auto !important;\n margin-right: auto !important;\n width: auto !important;\n max-width: 1200px !important;\n }\n\n .trabajos-container {\n display: flex;\n flex-wrap: wrap;\n gap: 24px;\n justify-content: center;\n }\n\n .trabajo-card {\n width: 320px;\n border-radius: 14px;\n overflow: hidden;\n background: rgba(255, 255, 255, 0.03);\n box-shadow: 0 10px 28px rgba(0, 0, 0, 0.12);\n }\n\n .trabajo-card img {\n width: 100%;\n height: 220px;\n object-fit: cover;\n display: block;\n }\n\n .trabajo-info {\n padding: 14px;\n text-align: left;\n color: #0e1b2a;\n }\n\n .trabajo-card:hover {\n transform: translateY(-8px);\n box-shadow: 0 16px 32px rgba(0, 0, 0, 0.20);\n }\n\n \/* PRODUCTOS VENTA *\/\n .features-modern {\n max-width: 900px;\n margin: 60px auto;\n padding: 20px;\n text-align: left;\n position: static !important;\n left: auto !important;\n right: auto !important;\n margin-left: auto !important;\n margin-right: auto !important;\n width: auto !important;\n max-width: 900px !important;\n }\n\n .features-modern h2 {\n text-align: center;\n font-size: 32px;\n font-weight: 800;\n color: #003C8F;\n margin-bottom: 35px;\n }\n\n .feature-item {\n display: flex;\n align-items: flex-start;\n gap: 18px;\n margin-bottom: 25px;\n padding-bottom: 20px;\n border-bottom: 1px solid rgba(0, 0, 0, 0.08);\n }\n\n .feature-item:last-child {\n border-bottom: none;\n }\n\n .feature-item .icono {\n font-size: 40px;\n color: #00A6FF;\n }\n\n .feature-item h3 {\n margin: 0;\n font-size: 20px;\n color: #003C8F;\n }\n\n .feature-item p {\n margin: 3px 0 0;\n color: #0e1b2a;\n font-size: 15px;\n }\n\n \/* CLIENTES CINTA *\/\n .clientes-cinta {\n width: 100%;\n overflow: hidden;\n padding: 30px 0;\n background: #f9f9f9;\n }\n\n .cinta-track {\n display: flex;\n gap: 40px;\n align-items: center;\n animation: moverCinta 30s linear infinite;\n }\n\n .cinta-track img {\n width: 150px;\n transition: transform .25s ease;\n display: block;\n }\n\n .cinta-track img:hover {\n transform: scale(1.05);\n }\n\n @keyframes moverCinta {\n 0% {\n transform: translateX(0)\n }\n\n 100% {\n transform: translateX(-50%)\n }\n }\n\n \/* CONTACTANOS *\/\n .contactanos {\n background: #0e1b2a;\n color: #fff;\n padding: 60px 20px;\n }\n\n .contact-container {\n max-width: 1200px;\n margin: auto;\n display: flex;\n gap: 32px;\n flex-wrap: wrap;\n align-items: flex-start;\n }\n\n .contact-info {\n flex: 1;\n min-width: 260px;\n }\n\n .contact-form {\n flex: 1;\n min-width: 260px;\n }\n\n .contact-form form {\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n\n .contact-form input,\n .contact-form textarea {\n padding: 12px;\n border-radius: 8px;\n border: none;\n width: 100%;\n font-family: inherit;\n }\n\n .contact-form button {\n padding: 12px;\n border: none;\n border-radius: 8px;\n background: #00bfff;\n color: #fff;\n font-weight: 600;\n cursor: pointer;\n }\n\n \/* ESTAD\u00cdSTICAS *\/\n .estadisticas {\n color: #00ffe0;\n padding: 40px 10px;\n text-align: center;\n }\n\n .estadisticas-container {\n display: flex;\n justify-content: center;\n gap: 40px;\n flex-wrap: wrap;\n }\n\n .estadistica {\n text-align: center;\n }\n\n .contador {\n font-size: 24px;\n font-weight: 700;\n color: #ffcc00;\n display: block;\n }\n\n \/* RESPONSIVE *\/\n @media (max-width:900px) {\n .top-buttons {\n gap: 10px;\n padding: 8px 12px;\n }\n\n .ventaja-card {\n width: 45%;\n }\n\n .trabajo-card {\n width: 45%;\n }\n }\n\n @media (max-width:600px) {\n\n .ventaja-card,\n .trabajo-card {\n width: 100%;\n }\n\n .cinta-track {\n gap: 20px;\n }\n }\n\n .modal-overlay {\n position: fixed;\n inset: 0;\n background: rgba(0, 0, 0, 0.6);\n backdrop-filter: blur(6px);\n display: none;\n align-items: center;\n justify-content: center;\n z-index: 10000;\n \/* sobre el carrusel y navbar *\/\n }\n\n .modal-overlay.active {\n display: flex;\n }\n\n .modal-content {\n width: min(900px, 92vw);\n background: rgba(12, 24, 40, 0.85);\n border: 1px solid rgba(255, 255, 255, 0.12);\n border-radius: 16px;\n box-shadow: 0 14px 40px rgba(0, 0, 0, 0.35);\n padding: 16px;\n color: #fff;\n }\n\n .modal-body {\n margin-top: 8px;\n }\n\n .modal-close {\n background: rgba(255, 255, 255, 0.12);\n border: none;\n color: #fff;\n font-size: 18px;\n border-radius: 8px;\n padding: 6px 10px;\n cursor: pointer;\n float: right;\n }\n\n .modal-close:hover {\n background: rgba(255, 255, 255, 0.22);\n }\n <\/style>\n<\/head>\n\n<body>\n\n \n <div class=\"banner-verificacion\">\n <p><a href=\"https:\/\/www.comparasoftware.ec\/iactiva-gymadmin\/verificacion\" target=\"_blank\"><strong>iActiva\n GymAdmin<\/strong><\/a> se encuentra verificado como <a\n href=\"https:\/\/www.comparasoftware.ec\/software-para-gimnasios\/verificacion\" target=\"_blank\"><strong>Software para\n Gimnasios<\/strong><\/a> en Ecuador<\/p>\n <\/div>\n\n \n <div class=\"carousel-container\" aria-hidden=\"false\" id=\"inicio\">\n <div class=\"top-buttons\" role=\"navigation\" aria-label=\"Secciones\">\n <button type=\"button\">INICIO<\/button>\n <button type=\"button\">CARACTER\u00cdSTICAS<\/button>\n <button type=\"button\">NOSOTROS<\/button>\n <button type=\"button\">CONTACTOS<\/button>\n <button type=\"button\">CLIENTES<\/button>\n <\/div>\n\n <div class=\"carousel-slide active\"\n style=\"background-image:url('https:\/\/iactivasoluciones-oxwuv.wordpress.com\/wp-content\/uploads\/2025\/11\/imagen1.png');\">\n <\/div>\n <div class=\"carousel-slide\"\n style=\"background-image:url('https:\/\/iactivasoluciones-oxwuv.wordpress.com\/wp-content\/uploads\/2025\/11\/imagen1.2-1.png');\">\n <\/div>\n\n <div class=\"carousel-arrow left\" onclick=\"moveSlide(-1)\" aria-hidden=\"false\" aria-label=\"anterior\">❮<\/div>\n <div class=\"carousel-arrow right\" onclick=\"moveSlide(1)\" aria-hidden=\"false\" aria-label=\"siguiente\">❯<\/div>\n <\/div>\n\n \n <section class=\"video-intro\">\n <div class=\"video-content\">\n <h2>\ud83c\udfa5 CONOCE NUESTRO SISTEMA DE CONTROL DE ACCESO<\/h2>\n <p>Descubre c\u00f3mo funciona nuestro software en tiempo real. Gesti\u00f3n inteligente, alta seguridad y acceso\n automatizado.<\/p>\n\n <div style=\"max-width:800px; margin:20px auto;\">\n <iframe loading=\"lazy\" src=\"https:\/\/drive.google.com\/file\/d\/1aNeOCRV4cCXR2d4eDxGepkJFb1UZKwLe\/preview\" width=\"100%\"\n height=\"450\" allow=\"autoplay\" allowfullscreen style=\"border-radius:12px; border:none;\"><\/iframe>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"ventajas-section\" id=\"caracteristicas\">\n <h2>CARACTER\u00cdSTICAS DE NUESTRO SISTEMA<\/h2>\n <div class=\"ventajas-container\">\n <div class=\"ventaja-card\">\n <i>\ud83d\udc65<\/i>\n <h3>Gesti\u00f3n de Membres\u00edas<\/h3>\n <ul>\n <li>Gestiona clientes, registro, renovaci\u00f3n y cobros de membres\u00edas<\/li>\n <li>Configuraci\u00f3n de planes y membres\u00edas<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"ventaja-card\">\n <i>\ud83d\udcb5<\/i>\n <h3>Gesti\u00f3n de Ventas<\/h3>\n <ul>\n <li>Registra y gestiona: ventas, ingresos, egresos, facturaci\u00f3n<\/li>\n <li>Control de deudas y reportes completos<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"ventaja-card\">\n <i>\ud83d\udccb<\/i>\n <h3>Gesti\u00f3n de Inventarios<\/h3>\n <ul>\n <li>Actualiza autom\u00e1ticamente el stock luego de cada venta<\/li>\n <li>Registra entradas y salidas<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"ventaja-card\">\n <i>\ud83c\udfcb\ufe0f\u200d<\/i>\n <h3>Adecuado para todo tipo de centros fitness<\/h3>\n <ul>\n <li>Ideal para gimnasios peque\u00f1os, medianos y grandes<\/li>\n <li>Gesti\u00f3n multi-sucursal desde una sola cuenta<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"ventaja-card\">\n <i>\ud83d\udcb9<\/i>\n <h3>Integraci\u00f3n contable<\/h3>\n <ul>\n <li>Compatible con sistemas contables nacionales<\/li>\n <li>Reportes exportables<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"ventaja-card\">\n <i>\ud83d\udcf2<\/i>\n <h3>Plataformas web y m\u00f3viles<\/h3>\n <ul>\n <li>Apps personalizadas disponibles en Play \/ App Store<\/li>\n <li>Panel web administrativo seguro<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"ventaja-card\">\n <i>\ud83d\udc46\ud83c\udffb<\/i>\n <h3>Control con huella dactilar<\/h3>\n <ul>\n <li>Registro de huellas, marcaci\u00f3n autom\u00e1tica<\/li>\n <li>Incluye lector compatible<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"ventaja-card\">\n <i>\ud83d\ude4e\ud83c\udffb\u200d<\/i>\n <h3>Control con biometr\u00eda facial<\/h3>\n <ul>\n <li>Marcaci\u00f3n autom\u00e1tica y sin contacto<\/li>\n <li>Pantalla a color con informaci\u00f3n de membres\u00eda<\/li>\n <\/ul>\n <\/div>\n <div class=\"ventaja-card\">\n <i>\ud83d\udeaa<\/i>\n <h3>Acceso fisico con cerraduras o torniquetes<\/h3>\n <ul>\n <li>Apertura autom\u00e1tica al momento de que el alumno registre su asistencia y tenga membres\u00eda.<\/li>\n <li>Integraci\u00f3n al sistema.<\/li>\n\n <\/ul>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"video-section\">\n <h2>TIPOS DE CONTROL DE ACCESO<\/h2>\n <p>Descubre todos los equipos y soluciones de acceso inteligente que ofrecemos.<\/p>\n <div class=\"video-container\" style=\"max-width:900px; margin:0 auto;\">\n <iframe loading=\"lazy\" src=\"https:\/\/drive.google.com\/file\/d\/1Xgw1YMAj7ujUuzn5WEvSm3tFrVEiCOhy\/preview\" width=\"100%\" height=\"450\"\n allow=\"autoplay\" allowfullscreen style=\"border-radius:12px; border:none;\"><\/iframe>\n <\/div>\n <\/section>\n\n \n <section class=\"trabajos-section\">\n <h2>CONTROL DE ACCESO PARA TU CENTRO FITNESS<\/h2>\n <div class=\"trabajos-container\">\n\n \n <div id=\"videoModal\" class=\"modal-overlay\" aria-hidden=\"true\" role=\"dialog\" aria-label=\"Reproductor de video\">\n <div class=\"modal-content\">\n <button class=\"modal-close\" type=\"button\" aria-label=\"Cerrar\">\u2715<\/button>\n <div class=\"modal-body\">\n <iframe loading=\"lazy\" id=\"modalIframe\" src=\"\" width=\"100%\" height=\"420\" allow=\"autoplay; encrypted-media\" allowfullscreen\n style=\"border:0; border-radius:12px;\"><\/iframe>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"trabajo-card\">\n <img decoding=\"async\" src=\"https:\/\/iactivasoluciones-oxwuv.wordpress.com\/wp-content\/uploads\/2025\/11\/torniquetefacial.png\"\n alt=\"Instalaci\u00f3n 1\">\n <div class=\"trabajo-info\">\n <h3>Torniquete + Biometr\u00eda Facial<\/h3>\n <p>Instalaci\u00f3n completa con reconocimiento facial.<\/p>\n <a href=\"#\" class=\"ver-mas\" data-video-url=\"https:\/\/www.youtube.com\/embed\/J5M7FPr9I5M?autoplay=1&mute=0\">Ver\n m\u00e1s<\/a>\n <\/div>\n <\/div>\n \n\n <div class=\"trabajo-card\">\n <img decoding=\"async\" src=\"https:\/\/iactivasoluciones-oxwuv.wordpress.com\/wp-content\/uploads\/2025\/11\/torniquetehuella.png\"\n alt=\"Instalaci\u00f3n 2\">\n <div class=\"trabajo-info\">\n <h3>Torniquete + Biometr\u00eda Dactilar<\/h3>\n <p>Acceso inteligente 24\/7.<\/p>\n <a href=\"#\" class=\"ver-mas\" data-video-url=\"https:\/\/www.youtube.com\/shorts\/ZTerd8cfZsM\">Ver m\u00e1s<\/a>\n <\/div>\n <\/div>\n <div class=\"trabajo-card\">\n <img decoding=\"async\" src=\"https:\/\/iactivasoluciones-oxwuv.wordpress.com\/wp-content\/uploads\/2025\/11\/carradurayfacial.jpg\"\n alt=\"Instalaci\u00f3n 3\">\n <div class=\"trabajo-info\">\n <h3>Cerradura + Biometr\u00eda Facial<\/h3>\n <p>Soluci\u00f3n econ\u00f3mica y r\u00e1pida.<\/p>\n <a href=\"#\" class=\"ver-mas\" data-video-url=\"https:\/\/www.youtube.com\/shorts\/ITPaGkiJFYM\">Ver m\u00e1s<\/a>\n <\/div>\n <\/div>\n <div class=\"trabajo-card\">\n <img decoding=\"async\" src=\"https:\/\/iactivasoluciones-oxwuv.wordpress.com\/wp-content\/uploads\/2025\/11\/cerraduradactilar.png\"\n alt=\"Instalaci\u00f3n 4\">\n <div class=\"trabajo-info\">\n <h3>Cerradura + Biometr\u00eda Dactilar<\/h3>\n <p>Ideal para gimnasios peque\u00f1os y medianos.<\/p>\n <a href=\"#\" class=\"ver-mas\" data-video-url=\"https:\/\/www.youtube.com\/watch?v=3dCtpRBdW6A\">Ver m\u00e1s<\/a>\n <\/div>\n <\/div>\n <div class=\"trabajo-card\">\n <img decoding=\"async\" src=\"https:\/\/iactivasoluciones-oxwuv.wordpress.com\/wp-content\/uploads\/2025\/11\/logo-iactiva.png\"\n alt=\"Licencia\">\n <div class=\"trabajo-info\">\n <h3>Licencia Independiente<\/h3>\n <p>Control total sin equipos adicionales.<\/p>\n <a href=\"#\" class=\"ver-mas\" data-video-url=\"https:\/\/www.youtube.com\/watch?v=eKG2tOy6jFg\">Ver m\u00e1s<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n \n <section class=\"features-modern\">\n <h2>ENCUENTRA TODO LO NECESARIO PARA EQUIPAR TU CENTRO FITNESS<\/h2>\n\n <div class=\"feature-item\">\n <span class=\"icono\">\ud83d\udda8\ufe0f<\/span>\n <div>\n <h3>IMPRESORAS TERMICAS<\/h3>\n <p>Tinta continua y otras soluciones de impresi\u00f3n.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"feature-item\">\n <span class=\"icono\">\ud83d\udd10<\/span>\n <div>\n <h3>ENROLADORES BIOMETRICOS<\/h3>\n <p>Para identificaci\u00f3n segura y eficiente.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"feature-item\">\n <span class=\"icono\">\ud83d\udea7<\/span>\n <div>\n <h3>TORNIQUETES<\/h3>\n <p>Control de acceso automatizado.<\/p>\n <\/div>\n <\/div>\n <div class=\"feature-item\">\n <span class=\"icono\">\ud83d\udcf9<\/span>\n <div>\n <h3>CAMARAS DE SEGURIDAD<\/h3>\n <p>Monitoreo en tiempo real.<\/p>\n <\/div>\n <\/div>\n <div class=\"feature-item\">\n <span class=\"icono\">\ud83d\udda5\ufe0f<\/span>\n <div>\n <h3>COMPUTADORAS<\/h3>\n <p>PCs y port\u00e1tiles listas para operar.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"feature-item\">\n <span class=\"icono\">\ud83d\udddd\ufe0f<\/span>\n <div>\n <h3>LICENCIAS DE WINDOWS\/ OFFICE<\/h3>\n <p>Pro y Server para ambientes seguros.<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n \n <div class=\"clientes-cinta\" aria-hidden=\"false\" id=\"clientes\">\n <div class=\"cinta-track\" id=\"cintaTrack\">\n \n <img decoding=\"async\" src=\"https:\/\/iactivasoluciones-oxwuv.wordpress.com\/wp-content\/uploads\/2025\/11\/cliente1.png\" alt=\"Cliente 1\">\n <img decoding=\"async\" src=\"https:\/\/iactivasoluciones-oxwuv.wordpress.com\/wp-content\/uploads\/2025\/11\/cliente2.png\" alt=\"Cliente 2\">\n <img decoding=\"async\" src=\"https:\/\/iactivasoluciones-oxwuv.wordpress.com\/wp-content\/uploads\/2025\/11\/cliente3.png\" alt=\"Cliente 3\">\n <img decoding=\"async\" src=\"https:\/\/iactivasoluciones-oxwuv.wordpress.com\/wp-content\/uploads\/2025\/11\/cliente4.png\" alt=\"Cliente 4\">\n <img decoding=\"async\" src=\"https:\/\/iactivasoluciones-oxwuv.wordpress.com\/wp-content\/uploads\/2025\/11\/cliente5.png\" alt=\"Cliente 5\">\n \n <img decoding=\"async\" src=\"https:\/\/iactivasoluciones-oxwuv.wordpress.com\/wp-content\/uploads\/2025\/11\/cliente1.png\" alt=\"Cliente 1b\">\n <img decoding=\"async\" src=\"https:\/\/iactivasoluciones-oxwuv.wordpress.com\/wp-content\/uploads\/2025\/11\/cliente2.png\" alt=\"Cliente 2b\">\n <img decoding=\"async\" src=\"https:\/\/iactivasoluciones-oxwuv.wordpress.com\/wp-content\/uploads\/2025\/11\/cliente3.png\" alt=\"Cliente 3b\">\n <img decoding=\"async\" src=\"https:\/\/iactivasoluciones-oxwuv.wordpress.com\/wp-content\/uploads\/2025\/11\/cliente4.png\" alt=\"Cliente 4b\">\n <img decoding=\"async\" src=\"https:\/\/iactivasoluciones-oxwuv.wordpress.com\/wp-content\/uploads\/2025\/11\/cliente5.png\" alt=\"Cliente 5b\">\n <\/div>\n <\/div>\n\n \n <section class=\"contactanos\" id=\"nosotros\">\n <div class=\"contact-container\">\n <div class=\"contact-info\">\n <h2>NOSOTROS<\/h2>\n <p><strong>iActiva Soluciones Inform\u00e1ticas<\/strong>, creadores de <strong>GymAdmin<\/strong>, el software de\n gesti\u00f3n dise\u00f1ado para gimnasios y centros fitness. GymAdmin te permitir\u00e1 llevar el control total de tu\n gimnasio de forma simple, moderna y sin l\u00edmites.<\/p>\n <p>Con GymAdmin obtienes:<\/p>\n <ul style=\"color:#fff;\">\n <li>Acceso seguro con torniquetes y cerraduras electr\u00f3nicas<\/li>\n <li>Biometr\u00eda facial y dactilar<\/li>\n <li>Control total de usuarios, membres\u00edas y planes<\/li>\n <li>Reportes de ventas, inventario y facturaci\u00f3n electr\u00f3nica<\/li>\n <\/ul>\n <div class=\"socials\" style=\"margin-top:12px;\">\n <a href=\"https:\/\/facebook.com\" target=\"_blank\" style=\"color:#00bfff; margin-right:12px;\">Facebook<\/a>\n <a href=\"https:\/\/instagram.com\" target=\"_blank\" style=\"color:#00bfff; margin-right:12px;\">Instagram<\/a>\n <a href=\"https:\/\/tiktok.com\" target=\"_blank\" style=\"color:#00bfff;\">TikTok<\/a>\n <\/div>\n\n \n <section class=\"estadisticas\" aria-label=\"estadisticas\">\n <div class=\"estadisticas-container\">\n <div class=\"estadistica\"><span class=\"contador\" data-target=\"13\">+13<\/span>\n <p>A\u00f1os de experiencia<\/p>\n <\/div>\n <div class=\"estadistica\"><span class=\"contador\" data-target=\"24\">+24<\/span>\n <p>Provincias de cobertura<\/p>\n <\/div>\n <div class=\"estadistica\"><span class=\"contador\" data-target=\"250\">+250<\/span>\n <p>Centros Fitness<\/p>\n <\/div>\n <\/div>\n <\/section>\n <\/div>\n\n <div class=\"contact-form\" id=\"contactos\">\n <form>\n <input type=\"text\" name=\"nombre\" placeholder=\"Tu nombre\" required>\n <input type=\"email\" name=\"email\" placeholder=\"Tu correo\" required>\n <textarea name=\"mensaje\" placeholder=\"Tu mensaje\" rows=\"5\" required><\/textarea>\n <button type=\"submit\">Enviar Mensaje<\/button>\n\n <div class=\"ubicacion-mini\" style=\"margin-top:16px;\">\n <h4 style=\"color:#00ffe0; text-align:center;\">Nuestra Ubicaci\u00f3n<\/h4>\n <iframe\n src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3976.123456789!2d-78.123456!3d-2.123456!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x902d123456789abc%3A0x123456789abcdef!2sTu%20Empresa!5e0!3m2!1ses!2sec!4v1699999999999!5m2!1ses!2sec\"\n width=\"100%\" height=\"200\" style=\"border:0; border-radius:10px;\" allowfullscreen=\"\"\n loading=\"lazy\"><\/iframe>\n <\/div>\n <\/form>\n <\/div>\n <\/div>\n <\/section>\n\n <div class=\"wsp-duo\">\n <a href=\"https:\/\/wa.me\/593999883926?text=Hola,%20quiero%20saber%20c\u00f3mo%20funciona%20su%20software%20y%20los%20equipos%20de%20acceso.\"\n target=\"_blank\" class=\"wsp-btn\">\ud83d\udcac ASESOR 1<\/a>\n <a href=\"https:\/\/wa.me\/593997877344?text=Hola%20quiero%20hablar%20con%20el%20asesor%202\" target=\"_blank\"\n class=\"wsp-btn\">\ud83d\udcac ASESOR 2<\/a>\n <\/div>\n\n\n\n\n \n <script>\n \/\/ Carrusel b\u00e1sico\n let currentSlide = 0;\n const slides = document.querySelectorAll('.carousel-slide');\n function showSlide(i) {\n slides.forEach(s => s.classList.remove('active'));\n currentSlide = (i + slides.length) % slides.length;\n slides[currentSlide].classList.add('active');\n }\n function moveSlide(step) { showSlide(currentSlide + step); }\n setInterval(() => moveSlide(1), 5000);\n\n \/\/ Navegaci\u00f3n suave entre secciones\n const navButtons = document.querySelectorAll('.top-buttons button');\n const sections = ['inicio', 'caracteristicas', 'nosotros', 'contactos', 'clientes'];\n\n navButtons.forEach((button, index) => {\n button.addEventListener('click', () => {\n \/\/ Remover clase active de todos los botones\n navButtons.forEach(btn => btn.classList.remove('active'));\n \/\/ Agregar clase active al bot\u00f3n clickeado\n button.classList.add('active');\n\n \/\/ Navegar a la secci\u00f3n correspondiente\n const targetSection = document.getElementById(sections[index]);\n if (targetSection) {\n targetSection.scrollIntoView({\n behavior: 'smooth',\n block: 'start'\n });\n }\n });\n });\n\n \/\/ Detectar secci\u00f3n activa al hacer scroll\n function updateActiveButton() {\n const scrollPos = window.scrollY + 70; \/\/ offset ajustado para navbar en tope\n const navbar = document.querySelector('.top-buttons');\n\n \/\/ Cambiar estilo del navbar seg\u00fan la posici\u00f3n\n if (scrollPos < 300) {\n \/\/ En el carrusel - navbar m\u00e1s transparente\n navbar.style.background = 'rgba(15, 32, 56, 0.65)';\n navbar.style.backdropFilter = 'blur(20px)';\n } else if (scrollPos > 300 && scrollPos < 1000) {\n \/\/ En secciones claras - navbar m\u00e1s opaco\n navbar.style.background = 'rgba(10, 25, 45, 0.85)';\n navbar.style.backdropFilter = 'blur(15px)';\n } else {\n \/\/ En secciones oscuras - navbar adaptativo\n navbar.style.background = 'rgba(20, 40, 70, 0.75)';\n navbar.style.backdropFilter = 'blur(12px)';\n }\n\n sections.forEach((sectionId, index) => {\n const section = document.getElementById(sectionId);\n if (section) {\n const sectionTop = section.offsetTop;\n const sectionHeight = section.offsetHeight;\n\n if (scrollPos >= sectionTop && scrollPos < sectionTop + sectionHeight) {\n navButtons.forEach(btn => btn.classList.remove('active'));\n if (navButtons[index]) {\n navButtons[index].classList.add('active');\n }\n }\n }\n });\n }\n\n \/\/ Escuchar eventos de scroll\n window.addEventListener('scroll', updateActiveButton);\n\n \/\/ Establecer bot\u00f3n activo inicial\n document.addEventListener('DOMContentLoaded', () => {\n navButtons[0].classList.add('active');\n });\n\n \/\/ Contadores simples (no overcount)\n document.querySelectorAll('.contador').forEach(counter => {\n const target = parseInt(counter.getAttribute('data-target')) || 0;\n counter.textContent = '+' + target;\n });\n\n \/\/ A11y: keyboard controls for carousel arrows\n document.addEventListener('keydown', (e) => {\n if (e.key === 'ArrowLeft') moveSlide(-1);\n if (e.key === 'ArrowRight') moveSlide(1);\n });\n\n \/\/ Modal logic con normalizaci\u00f3n de URLs de YouTube y delegaci\u00f3n\n (function () {\n const modal = document.getElementById('videoModal');\n const iframe = document.getElementById('modalIframe');\n const closeBtn = modal.querySelector('.modal-close');\n\n function toEmbed(url) {\n try {\n const u = new URL(url);\n \/\/ shorts: https:\/\/www.youtube.com\/shorts\/VIDEOID\n if (u.pathname.startsWith('\/shorts\/')) {\n const id = u.pathname.split('\/')[2];\n return `https:\/\/www.youtube.com\/embed\/${id}?autoplay=1`;\n }\n \/\/ watch: https:\/\/www.youtube.com\/watch?v=VIDEOID\n if (u.pathname === '\/watch') {\n const id = u.searchParams.get('v');\n return id ? `https:\/\/www.youtube.com\/embed\/${id}?autoplay=1` : url;\n }\n \/\/ youtu.be: https:\/\/youtu.be\/VIDEOID\n if (u.hostname === 'youtu.be') {\n const id = u.pathname.replace('\/', '');\n return `https:\/\/www.youtube.com\/embed\/${id}?autoplay=1`;\n }\n \/\/ ya es \/embed o cualquier otra ruta v\u00e1lida\n return url.includes('\/embed\/') ? url : url;\n } catch {\n return url; \/\/ si falla el parse, usa tal cual\n }\n }\n\n function openModal(url) {\n const embedUrl = toEmbed(url);\n iframe.src = embedUrl;\n modal.classList.add('active');\n modal.setAttribute('aria-hidden', 'false');\n document.body.style.overflow = 'hidden';\n }\n\n function closeModal() {\n modal.classList.remove('active');\n modal.setAttribute('aria-hidden', 'true');\n iframe.src = ''; \/\/ detener el video\n document.body.style.overflow = '';\n }\n\n \/\/ Delegaci\u00f3n: captura clicks en cualquier enlace .ver-mas\n document.addEventListener('click', (e) => {\n const link = e.target.closest('a.ver-mas');\n if (!link) return;\n e.preventDefault();\n const url = link.getAttribute('data-video-url');\n if (url) openModal(url);\n });\n\n closeBtn.addEventListener('click', closeModal);\n\n modal.addEventListener('click', (e) => {\n if (e.target === modal) closeModal();\n });\n\n document.addEventListener('keydown', (e) => {\n if (e.key === 'Escape' && modal.classList.contains('active')) closeModal();\n });\n })();\n <\/script>\n\n<\/body>\n\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>iActiva GymAdmin – P\u00e1gina iActiva GymAdmin se encuentra verificado como Software para Gimnasios en Ecuador INICIO CARACTER\u00cdSTICAS NOSOTROS CONTACTOS CLIENTES […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"normal-width-container","site-content-style":"unboxed","site-sidebar-style":"unboxed","ast-global-header-display":"disabled","ast-banner-title-visibility":"disabled","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"disabled","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-1551","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"jpuga","author_link":"https:\/\/web.sistemaparagimnasio.com\/index.php\/author\/jpuga\/"},"uagb_comment_info":0,"uagb_excerpt":"iActiva GymAdmin – P\u00e1gina iActiva GymAdmin se encuentra verificado como Software para Gimnasios en Ecuador INICIO CARACTER\u00cdSTICAS NOSOTROS CONTACTOS CLIENTES […]","_links":{"self":[{"href":"https:\/\/web.sistemaparagimnasio.com\/index.php\/wp-json\/wp\/v2\/pages\/1551","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/web.sistemaparagimnasio.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/web.sistemaparagimnasio.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/web.sistemaparagimnasio.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/web.sistemaparagimnasio.com\/index.php\/wp-json\/wp\/v2\/comments?post=1551"}],"version-history":[{"count":29,"href":"https:\/\/web.sistemaparagimnasio.com\/index.php\/wp-json\/wp\/v2\/pages\/1551\/revisions"}],"predecessor-version":[{"id":1587,"href":"https:\/\/web.sistemaparagimnasio.com\/index.php\/wp-json\/wp\/v2\/pages\/1551\/revisions\/1587"}],"wp:attachment":[{"href":"https:\/\/web.sistemaparagimnasio.com\/index.php\/wp-json\/wp\/v2\/media?parent=1551"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}