{"id":850,"date":"2020-02-01T18:57:44","date_gmt":"2020-02-01T18:57:44","guid":{"rendered":"https:\/\/lsgingenieros.net\/home\/"},"modified":"2026-09-21T14:15:17","modified_gmt":"2026-09-21T19:15:17","slug":"inicio","status":"publish","type":"page","link":"https:\/\/lsgingenieros.net\/es\/","title":{"rendered":"Inicio"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"850\" class=\"elementor elementor-850\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-3c74c1a elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"3c74c1a\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-0aec32c\" data-id=\"0aec32c\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6c45e88 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"6c45e88\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ========================================================\n     PAQUETE TODO-EN-UNO LSG INGENIEROS (ELEMENTOR READY)\n     CSS + HTML AISLADO EN #lsg-landing-root + JAVASCRIPT\n     PROTEGE EL HEADER Y FOOTER DE WORDPRESS\n     ======================================================== -->\n<style>\n\/* ========================================================\n       VARIABLES DE DISE\u00d1O CORPORATIVO (APPLE \/ NIKE \/ LSG)\n       ======================================================== *\/\n    :root {\n      --primary-blue: #0152a6;\n      --primary-dark: #002a8f;\n      --primary-gradient: linear-gradient(135deg, #0152a6 0%, #002a8f 100%);\n      --accent-gold: #ffb606;\n      --accent-gold-dark: #e09e00;\n      --accent-cyan: #00a2ff;\n      --accent-orange: #ff7800;\n      --accent-red: #e11d48;\n      --navy-deep: #071739;\n      --navy-darker: #040d21;\n      --navy-card: #0b1e47;\n      --whatsapp-green: #25d366;\n      --whatsapp-dark: #128c7e;\n      --text-main: #0f172a;\n      --text-muted: #64748b;\n      --text-light: #94a3b8;\n      --bg-body: #f8fafc;\n      --bg-surface: #ffffff;\n      --border-subtle: #e2e8f0;\n      --border-glow: rgba(0, 162, 255, 0.35);\n      \n      --shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -2px rgba(0, 0, 0, 0.05);\n      --shadow-md: 0 10px 25px -5px rgba(1, 82, 166, 0.08), 0 8px 10px -6px rgba(1, 82, 166, 0.04);\n      --shadow-lg: 0 20px 35px -10px rgba(1, 82, 166, 0.18), 0 10px 15px -5px rgba(0, 0, 0, 0.05);\n      --shadow-glow-cyan: 0 0 35px rgba(0, 162, 255, 0.35);\n      --shadow-glow-gold: 0 0 35px rgba(255, 182, 6, 0.3);\n      \n      --radius-sm: 8px;\n      --radius-md: 14px;\n      --radius-lg: 22px;\n      --radius-xl: 32px;\n      --radius-pill: 100px;\n      --transition-smooth: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);\n      --transition-bounce: all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);\n    }\n\n    \/* ========================================================\n       AISLAMIENTO TOTAL PARA WORDPRESS (HEADER Y FOOTER PROTEGIDOS)\n       ======================================================== *\/\n    #lsg-landing-root,\n    #lsg-landing-root *,\n    #lsg-landing-root *::before,\n    #lsg-landing-root *::after {\n      box-sizing: border-box;\n    }\n\n    #lsg-landing-root {\n      font-family: 'Poppins', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n      background-color: var(--bg-body);\n      color: var(--text-main);\n      line-height: 1.6;\n      position: relative;\n      width: 100%;\n      overflow-x: clip;\n      -webkit-font-smoothing: antialiased;\n      margin: 0;\n      padding: 0;\n    }\n\n    #lsg-landing-root a {\n      text-decoration: none;\n      color: inherit;\n    }\n\n    #lsg-landing-root img {\n      max-width: 100%;\n      height: auto;\n      display: block;\n    }\n\n    #lsg-landing-root button {\n      font-family: inherit;\n      outline: none;\n    }\n\n    \/* ========================================================\n       1. HERO CARRUSEL COMPACTO (~480px) & CON VIDEO REAL LSG\n       ======================================================== *\/\n    .hero-slider-wrap {\n      position: relative;\n      width: 100%;\n      height: 560px;\n      min-height: 540px;\n      max-height: 600px;\n      background: var(--navy-deep);\n      overflow: hidden;\n    }\n\n    .hero-slides-track {\n      position: relative;\n      width: 100%;\n      height: 100%;\n    }\n\n    .hero-slide {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      opacity: 0;\n      visibility: hidden;\n      transition: opacity 0.8s ease-in-out, visibility 0.8s ease-in-out;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      padding: 0 5%;\n      box-sizing: border-box;\n      overflow: hidden;\n    }\n\n    .hero-slide.active {\n      opacity: 1;\n      visibility: visible;\n      z-index: 2;\n    }\n\n    .slide-bg-video, .slide-bg-image {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      z-index: 1;\n      filter: brightness(0.72) contrast(1.08);\n      transform: scale(1.02);\n      transition: transform 6s ease-out;\n    }\n\n    .hero-slide.active .slide-bg-image,\n    .hero-slide.active .slide-bg-video {\n      transform: scale(1.06);\n    }\n\n    .slide-overlay {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      z-index: 2;\n    }\n\n    .overlay-institucional {\n      background: linear-gradient(90deg, rgba(4, 13, 33, 0.94) 0%, rgba(7, 23, 57, 0.86) 45%, rgba(1, 82, 166, 0.4) 80%, rgba(4, 13, 33, 0.2) 100%);\n    }\n\n    \/* Overlay oscuro de ultra-alto contraste para AutoCAD 2027 (Elimina marcas de agua y garantiza legibilidad al 100%) *\/\n    .overlay-autocad {\n      background: linear-gradient(90deg, \n        rgba(4, 13, 33, 1) 0%, \n        rgba(4, 13, 33, 0.98) 46%, \n        rgba(7, 23, 57, 0.92) 58%, \n        rgba(15, 23, 42, 0.60) 80%, \n        rgba(4, 13, 33, 0.15) 100%) !important;\n    }\n\n    .overlay-webinar {\n      background: linear-gradient(90deg, \n        rgba(4, 13, 33, 1) 0%, \n        rgba(4, 13, 33, 0.98) 46%, \n        rgba(7, 23, 57, 0.92) 58%, \n        rgba(0, 162, 255, 0.35) 85%, \n        rgba(4, 13, 33, 0.15) 100%) !important;\n    }\n\n    \/* Capa de contraste y nitidez para el texto del Hero *\/\n    .slide-text-col {\n      position: relative;\n      z-index: 4;\n      background: rgba(4, 13, 33, 0.45);\n      backdrop-filter: blur(10px);\n      -webkit-backdrop-filter: blur(10px);\n      padding: 24px 28px;\n      border-radius: 20px;\n      border: 1px solid rgba(255, 255, 255, 0.08);\n      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35);\n      max-width: 660px;\n    }\n\n    .title-autocad {\n      text-shadow: 0 2px 14px rgba(0, 0, 0, 0.95);\n    }\n\n    .title-autocad span {\n      background: linear-gradient(90deg, #ff3366 0%, #ff758c 35%, #00e5ff 75%, #38bdf8 100%) !important;\n      -webkit-background-clip: text !important;\n      -webkit-text-fill-color: transparent !important;\n      filter: drop-shadow(0 2px 10px rgba(0, 0, 0, 0.95)) !important;\n    }\n\n    .slide-desc {\n      text-shadow: 0 1px 8px rgba(0, 0, 0, 0.85);\n    }\n\n    .overlay-capacitacion {\n      background: linear-gradient(90deg, rgba(4, 13, 33, 0.95) 0%, rgba(6, 44, 77, 0.88) 50%, rgba(20, 184, 166, 0.3) 100%);\n    }\n\n    .overlay-apus {\n      background: linear-gradient(90deg, rgba(20, 15, 8, 0.95) 0%, rgba(45, 26, 7, 0.88) 50%, rgba(255, 120, 0, 0.3) 100%);\n    }\n\n    .slide-inner-grid {\n      position: relative;\n      z-index: 3;\n      max-width: 1240px;\n      width: 100%;\n      margin: 0 auto;\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: 30px;\n    }\n\n    .slide-text-col {\n      flex: 1.15;\n      color: #ffffff;\n      transform: translateY(18px);\n      opacity: 0;\n      transition: all 0.7s cubic-bezier(0.16, 1, 0.3, 1) 0.15s;\n    }\n\n    .hero-slide.active .slide-text-col {\n      transform: translateY(0);\n      opacity: 1;\n    }\n\n    .slide-badge {\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      background: rgba(255, 255, 255, 0.12);\n      backdrop-filter: blur(10px);\n      border: 1px solid rgba(255, 255, 255, 0.22);\n      color: #38bdf8;\n      font-size: 0.76rem;\n      font-weight: 700;\n      padding: 5px 14px;\n      border-radius: var(--radius-pill);\n      margin-bottom: 12px;\n      text-transform: uppercase;\n      letter-spacing: 0.8px;\n    }\n\n    .badge-live-pulse {\n      background: rgba(239, 68, 68, 0.2);\n      border-color: rgba(239, 68, 68, 0.4);\n      color: #fca5a5;\n    }\n\n    .slide-title {\n      font-size: 2.5rem;\n      font-weight: 900;\n      line-height: 1.15;\n      margin-bottom: 12px;\n      letter-spacing: -0.02em;\n    }\n\n    .slide-title span {\n      background: linear-gradient(120deg, #38bdf8, #ffffff);\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n    }\n\n    .title-orange span {\n      background: linear-gradient(120deg, #ffb606, #ff7800);\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n    }\n\n    .title-teal span {\n      background: linear-gradient(120deg, #5eead4, #38bdf8);\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n    }\n\n    .slide-desc {\n      font-size: 0.94rem;\n      line-height: 1.55;\n      color: #cbd5e1;\n      margin-bottom: 20px;\n      max-width: 540px;\n      text-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);\n    }\n\n    .slide-actions {\n      display: flex;\n      align-items: center;\n      gap: 14px;\n      flex-wrap: wrap;\n    }\n\n    .btn-slide-primary {\n      display: inline-flex;\n      align-items: center;\n      gap: 9px;\n      background: linear-gradient(135deg, #00a2ff 0%, #0152a6 100%);\n      color: #ffffff;\n      padding: 11px 26px;\n      border-radius: var(--radius-pill);\n      font-size: 0.9rem;\n      font-weight: 700;\n      box-shadow: 0 6px 18px rgba(0, 162, 255, 0.4);\n      transition: var(--transition-smooth);\n    }\n\n    .btn-slide-primary:hover {\n      transform: translateY(-2px);\n      box-shadow: 0 10px 25px rgba(0, 162, 255, 0.6);\n      color: #ffffff;\n    }\n\n    .btn-slide-teal {\n      background: linear-gradient(135deg, #14b8a6 0%, #0f766e 100%);\n      color: #ffffff;\n      padding: 11px 26px;\n      border-radius: var(--radius-pill);\n      font-size: 0.9rem;\n      font-weight: 700;\n      box-shadow: 0 6px 18px rgba(20, 184, 166, 0.4);\n      transition: var(--transition-smooth);\n      display: inline-flex;\n      align-items: center;\n      gap: 9px;\n    }\n\n    .btn-slide-teal:hover {\n      transform: translateY(-2px);\n      box-shadow: 0 10px 25px rgba(20, 184, 166, 0.6);\n      color: #ffffff;\n    }\n\n    .btn-slide-orange {\n      background: linear-gradient(135deg, #f97316 0%, #c2410c 100%);\n      color: #ffffff;\n      padding: 11px 26px;\n      border-radius: var(--radius-pill);\n      font-size: 0.9rem;\n      font-weight: 700;\n      box-shadow: 0 6px 18px rgba(249, 115, 22, 0.4);\n      transition: var(--transition-smooth);\n      display: inline-flex;\n      align-items: center;\n      gap: 9px;\n    }\n\n    .btn-slide-orange:hover {\n      transform: translateY(-2px);\n      box-shadow: 0 10px 25px rgba(249, 115, 22, 0.6);\n      color: #ffffff;\n    }\n\n    .btn-slide-wsp {\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      background: rgba(255, 255, 255, 0.12);\n      backdrop-filter: blur(8px);\n      border: 1px solid rgba(255, 255, 255, 0.28);\n      color: #ffffff;\n      padding: 11px 22px;\n      border-radius: var(--radius-pill);\n      font-size: 0.88rem;\n      font-weight: 600;\n      transition: var(--transition-smooth);\n    }\n\n    .btn-slide-wsp i { color: #25d366; font-size: 1.1rem; }\n\n    .btn-slide-wsp:hover {\n      background: rgba(37, 211, 102, 0.2);\n      border-color: #25d366;\n      transform: translateY(-2px);\n      color: #ffffff;\n    }\n\n    \/* Columna Gr\u00e1fica \/ Tarjeta 3D *\/\n    .slide-visual-col {\n      flex: 0.95;\n      display: flex;\n      justify-content: flex-end;\n      transform: scale(0.96);\n      transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);\n    }\n\n    .hero-slide.active .slide-visual-col {\n      transform: scale(1);\n    }\n\n    .hero-interactive-card {\n      background: rgba(255, 255, 255, 0.08);\n      backdrop-filter: blur(18px);\n      -webkit-backdrop-filter: blur(18px);\n      border: 1px solid rgba(255, 255, 255, 0.2);\n      border-radius: var(--radius-lg);\n      padding: 16px;\n      width: 100%;\n      max-width: 350px;\n      box-shadow: 0 18px 40px rgba(0, 0, 0, 0.4);\n      position: relative;\n      overflow: hidden;\n      transition: var(--transition-smooth);\n    }\n\n    .hero-interactive-card:hover {\n      transform: translateY(-6px) rotateX(4deg);\n      border-color: rgba(255, 255, 255, 0.45);\n      box-shadow: 0 22px 50px rgba(0, 162, 255, 0.35);\n    }\n\n    .hero-card-img-wrap {\n      position: relative;\n      border-radius: var(--radius-md);\n      overflow: hidden;\n      height: 175px;\n      margin-bottom: 12px;\n    }\n\n    .hero-card-img-wrap img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      transition: transform 0.6s ease;\n    }\n\n    .hero-interactive-card:hover .hero-card-img-wrap img {\n      transform: scale(1.08);\n    }\n\n    .hero-card-floating-badge {\n      position: absolute;\n      bottom: 10px;\n      left: 10px;\n      background: rgba(7, 23, 57, 0.85);\n      backdrop-filter: blur(6px);\n      color: #38bdf8;\n      font-size: 0.72rem;\n      font-weight: 700;\n      padding: 4px 10px;\n      border-radius: var(--radius-pill);\n      border: 1px solid rgba(56, 189, 248, 0.4);\n      display: flex;\n      align-items: center;\n      gap: 5px;\n    }\n\n    .hero-card-meta-row {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      color: #ffffff;\n    }\n\n    .hero-card-info h4 {\n      font-size: 0.98rem;\n      font-weight: 700;\n      margin-bottom: 2px;\n    }\n\n    .hero-card-info p {\n      font-size: 0.76rem;\n      color: #94a3b8;\n    }\n\n    .hero-card-stars {\n      display: flex;\n      align-items: center;\n      gap: 3px;\n      color: #ffb606;\n      font-size: 0.75rem;\n    }\n\n    .hero-card-stars span {\n      color: #ffffff;\n      font-weight: 700;\n      margin-left: 4px;\n    }\n\n    \/* Video Trigger Button *\/\n    .btn-play-video-modal {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      width: 52px;\n      height: 52px;\n      border-radius: 50%;\n      background: rgba(1, 82, 166, 0.85);\n      backdrop-filter: blur(8px);\n      border: 2px solid rgba(255, 255, 255, 0.8);\n      color: #ffffff;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 1.2rem;\n      cursor: pointer;\n      box-shadow: 0 0 25px rgba(0, 162, 255, 0.8);\n      transition: var(--transition-smooth);\n    }\n\n    .btn-play-video-modal:hover {\n      transform: translate(-50%, -50%) scale(1.15);\n      background: #00a2ff;\n      box-shadow: 0 0 35px rgba(0, 162, 255, 1);\n    }\n\n    \/* Controles de Flecha Slider *\/\n    .slider-nav-btn {\n      position: absolute;\n      top: 50%;\n      transform: translateY(-50%);\n      width: 44px;\n      height: 44px;\n      border-radius: 50%;\n      background: rgba(255, 255, 255, 0.15);\n      backdrop-filter: blur(10px);\n      border: 1px solid rgba(255, 255, 255, 0.25);\n      color: #ffffff;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      cursor: pointer;\n      z-index: 10;\n      transition: var(--transition-smooth);\n    }\n\n    .slider-nav-btn:hover {\n      background: #0152a6;\n      border-color: #00a2ff;\n      transform: translateY(-50%) scale(1.1);\n    }\n\n    .btn-prev { left: 20px; }\n    .btn-next { right: 20px; }\n\n    \/* ========================================================\n       CONTROLES HERO SLIDER (ESTILO IMAGEN 3: FLECHAS LATERALES EN DESKTOP)\n       ======================================================== *\/\n    .hero-bottom-controls {\n      position: static;\n      display: block;\n      background: transparent;\n      border: none;\n      box-shadow: none;\n      padding: 0;\n    }\n\n    .hero-control-btn {\n      position: absolute;\n      top: 50%;\n      transform: translateY(-50%);\n      width: 46px;\n      height: 46px;\n      border-radius: 50%;\n      background: rgba(4, 13, 33, 0.65);\n      backdrop-filter: blur(10px);\n      -webkit-backdrop-filter: blur(10px);\n      border: 1.5px solid rgba(255, 255, 255, 0.22);\n      color: #ffffff;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 1.05rem;\n      cursor: pointer;\n      z-index: 10;\n      outline: none !important;\n      -webkit-tap-highlight-color: transparent;\n      box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4);\n      transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n\n    .hero-control-btn.btn-prev {\n      left: 24px;\n    }\n\n    .hero-control-btn.btn-next {\n      right: 24px;\n    }\n\n    .hero-control-btn:hover {\n      background: var(--primary-blue);\n      border-color: var(--accent-cyan);\n      color: #ffffff;\n      transform: translateY(-50%) scale(1.1);\n      box-shadow: 0 6px 20px rgba(0, 210, 255, 0.45);\n    }\n\n    .hero-control-btn:active {\n      transform: translateY(-50%) scale(0.95);\n    }\n\n    .slider-dots-bar {\n      position: absolute;\n      bottom: 58px;\n      left: 50%;\n      transform: translateX(-50%);\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      background: rgba(4, 13, 33, 0.65);\n      backdrop-filter: blur(10px);\n      -webkit-backdrop-filter: blur(10px);\n      padding: 6px 16px;\n      border-radius: 30px;\n      border: 1px solid rgba(255, 255, 255, 0.16);\n      box-shadow: 0 4px 16px rgba(0, 0, 0, 0.35);\n      z-index: 10;\n    }\n\n    .slider-dot-btn {\n      width: 8px;\n      height: 8px;\n      border-radius: 50%;\n      background: rgba(255, 255, 255, 0.35);\n      border: none;\n      cursor: pointer;\n      padding: 0;\n      outline: none !important;\n      transition: all 0.3s ease;\n    }\n\n    .slider-dot-btn.active {\n      width: 24px;\n      border-radius: 12px;\n      background: var(--accent-cyan);\n      box-shadow: 0 0 10px rgba(0, 210, 255, 0.6);\n    }\n\n    \/* ========================================================\n       2. BARRA DE VALOR (LOS 3 PILARES REALES)\n       ======================================================== *\/\n    .value-bar-section {\n      position: relative;\n      margin-top: -30px;\n      z-index: 20;\n      padding: 0 20px;\n      max-width: 1240px;\n      margin-left: auto;\n      margin-right: auto;\n    }\n\n    .value-bar-container {\n      background: #ffffff;\n      border-radius: var(--radius-lg);\n      box-shadow: 0 16px 35px -5px rgba(1, 82, 166, 0.14), 0 8px 12px -6px rgba(1, 82, 166, 0.05);\n      border: 1px solid var(--border-subtle);\n      overflow: hidden;\n      display: flex;\n    }\n\n    .value-blue-side {\n      flex: 1.8;\n      background: linear-gradient(135deg, #0152a6 0%, #002a8f 100%);\n      color: #ffffff;\n      padding: 30px 28px;\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 20px;\n      align-items: center;\n    }\n\n    .value-pill-card {\n      text-align: center;\n      transition: var(--transition-smooth);\n      padding: 10px 8px;\n      border-radius: var(--radius-md);\n    }\n\n    .value-pill-card:hover {\n      background: rgba(255, 255, 255, 0.1);\n      transform: translateY(-4px);\n    }\n\n    .value-icon-box {\n      width: 52px;\n      height: 52px;\n      border-radius: 14px;\n      background: rgba(255, 255, 255, 0.15);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      margin: 0 auto 12px;\n      font-size: 1.5rem;\n      color: #ffb606;\n      border: 1px solid rgba(255, 255, 255, 0.2);\n    }\n\n    .value-pill-card h3 {\n      font-size: 0.98rem;\n      font-weight: 700;\n      margin-bottom: 4px;\n      color: #ffffff;\n    }\n\n    .value-pill-card p {\n      font-size: 0.78rem;\n      color: #cbd5e1;\n      line-height: 1.35;\n    }\n\n    .value-white-side {\n      flex: 1.2;\n      padding: 30px 32px;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      background: #ffffff;\n    }\n\n    .value-tag {\n      font-size: 0.75rem;\n      font-weight: 800;\n      color: var(--primary-blue);\n      text-transform: uppercase;\n      letter-spacing: 1px;\n      margin-bottom: 6px;\n    }\n\n    .value-white-side h2 {\n      font-size: 1.25rem;\n      font-weight: 800;\n      color: var(--text-main);\n      line-height: 1.3;\n      margin-bottom: 14px;\n    }\n\n    .btn-wsp-cta {\n      align-self: flex-start;\n      display: inline-flex;\n      align-items: center;\n      gap: 10px;\n      background: linear-gradient(135deg, #0152a6 0%, #00a2ff 100%);\n      color: #ffffff;\n      font-size: 0.88rem;\n      font-weight: 700;\n      padding: 10px 22px;\n      border-radius: var(--radius-pill);\n      box-shadow: 0 4px 14px rgba(1, 82, 166, 0.3);\n      transition: var(--transition-smooth);\n    }\n\n    .btn-wsp-cta:hover {\n      background: linear-gradient(135deg, #ff7800 0%, #ffb606 100%);\n      color: #ffffff;\n      transform: translateY(-2px);\n      box-shadow: 0 8px 20px rgba(255, 120, 0, 0.4);\n    }\n\n    \/* ========================================================\n       3. VISOR 3D WEBGL INTERACTIVO (THREE.JS \/ 4 NICHOS T\u00c9CNICOS)\n       ======================================================== *\/\n    \n    \/* ========================================================\n       3. SECCI\u00d3N: TRANSFORMANDO LA CONSTRUCCI\u00d3N DE LO DIGITAL A LO REAL\n       (8 ESPECIALIZACIONES EN 2X4 + VISOR 3D 100% RESPONSIVO)\n       ======================================================== *\/\n    .interactive-3d-lab {\n      padding: 50px 20px 35px;\n      max-width: 1320px;\n      margin: 0 auto;\n      box-sizing: border-box;\n    }\n\n    .lab-container-8 {\n      background: radial-gradient(circle at 50% 0%, #0b1e47 0%, #030a1b 100%);\n      border-radius: var(--radius-xl);\n      border: 1px solid rgba(56, 189, 248, 0.3);\n      padding: 30px 26px;\n      color: #ffffff;\n      position: relative;\n      overflow: hidden;\n      box-shadow: 0 25px 60px rgba(3, 10, 27, 0.7);\n      box-sizing: border-box;\n    }\n\n    .lab-glow-orb {\n      position: absolute;\n      width: 600px;\n      height: 600px;\n      background: radial-gradient(circle, rgba(0, 162, 255, 0.15) 0%, rgba(0,0,0,0) 70%);\n      top: -150px;\n      right: -100px;\n      pointer-events: none;\n    }\n\n    .lab-header-block {\n      text-align: center;\n      max-width: 900px;\n      margin: 0 auto 24px;\n    }\n\n    .lab-badge {\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      background: rgba(0, 162, 255, 0.15);\n      border: 1px solid rgba(56, 189, 248, 0.45);\n      color: #38bdf8;\n      font-size: 0.72rem;\n      font-weight: 800;\n      padding: 4px 14px;\n      border-radius: var(--radius-pill);\n      text-transform: uppercase;\n      letter-spacing: 1px;\n      margin-bottom: 10px;\n    }\n\n    .lab-header-block h2 {\n      font-size: 2.1rem;\n      font-weight: 900;\n      line-height: 1.2;\n      margin-bottom: 8px;\n      color: #ffffff;\n    }\n\n    @media (max-width: 768px) {\n      .lab-header-block h2 {\n        font-size: 1.6rem;\n      }\n      .interactive-3d-lab {\n        padding: 30px 14px 20px;\n      }\n      .lab-container-8 {\n        padding: 22px 16px;\n      }\n    }\n\n    .lab-header-block h2 span.gradient-tech {\n      background: linear-gradient(135deg, #ffffff 20%, #38bdf8 65%, #00a2ff 100%);\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n    }\n\n    .lab-header-block p {\n      font-size: 0.90rem;\n      color: #94a3b8;\n      line-height: 1.5;\n      max-width: 740px;\n      margin: 0 auto;\n    }\n\n    \/* Layout Side-by-Side: Tarjetas a la izquierda y Visor 3D a la derecha *\/\n    .lab-showcase-split {\n      display: grid;\n      grid-template-columns: 1fr 1.15fr;\n      gap: 20px;\n      align-items: start; \/* Impide que la columna izquierda se estire artificialmente *\/\n    }\n\n    @media (max-width: 1024px) {\n      .lab-showcase-split {\n        grid-template-columns: 1fr;\n        gap: 24px;\n      }\n    }\n\n    \/* Cuadr\u00edcula de 8 Tarjetas: Columna de 2 y Fila de 4 *\/\n    .specialties-grid-2x4 {\n      display: grid;\n      grid-template-columns: repeat(2, 1fr);\n      gap: 10px;\n      align-content: start;\n    }\n\n    @media (max-width: 580px) {\n      .specialties-grid-2x4 {\n        grid-template-columns: 1fr;\n        gap: 8px;\n      }\n    }\n\n    .specialty-dynamic-card {\n      background: rgba(11, 30, 71, 0.7);\n      backdrop-filter: blur(10px);\n      border: 1.5px solid rgba(255, 255, 255, 0.08);\n      border-radius: 12px;\n      padding: 10px 12px 14px;\n      cursor: pointer;\n      position: relative;\n      overflow: hidden;\n      display: flex;\n      flex-direction: column;\n      justify-content: flex-start;\n      gap: 5px;\n      height: auto; \/* Altura natural compacta, sin deformaci\u00f3n *\/\n      min-height: 102px;\n      box-sizing: border-box;\n      transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n      box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25);\n    }\n\n    .specialty-dynamic-card:hover {\n      border-color: rgba(56, 189, 248, 0.5);\n      background: rgba(14, 42, 99, 0.85);\n      transform: translateY(-2px);\n      box-shadow: 0 6px 18px rgba(0, 162, 255, 0.22);\n    }\n\n    .specialty-dynamic-card.active {\n      border-color: #38bdf8;\n      background: linear-gradient(135deg, rgba(1, 82, 166, 0.88) 0%, rgba(7, 23, 57, 0.95) 100%);\n      transform: translateY(-2px);\n      box-shadow: 0 0 18px rgba(56, 189, 248, 0.4);\n    }\n\n    .card-top-bar {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      margin-bottom: 2px;\n    }\n\n    .card-num-badge {\n      font-family: 'Space Grotesk', monospace;\n      font-size: 0.68rem;\n      font-weight: 800;\n      color: #38bdf8;\n      background: rgba(56, 189, 248, 0.12);\n      border: 1px solid rgba(56, 189, 248, 0.3);\n      padding: 1px 6px;\n      border-radius: 4px;\n    }\n\n    .card-icon-bubble {\n      width: 24px;\n      height: 24px;\n      border-radius: 6px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 0.76rem;\n      color: #ffffff;\n      background: rgba(255, 255, 255, 0.08);\n      transition: var(--transition-smooth);\n    }\n\n    .specialty-dynamic-card.active .card-icon-bubble {\n      background: #00a2ff;\n      box-shadow: 0 0 10px rgba(0, 162, 255, 0.6);\n    }\n\n    .card-title-text {\n      font-size: 0.79rem;\n      font-weight: 700;\n      color: #ffffff;\n      line-height: 1.25;\n      margin: 0;\n    }\n\n    .card-software-chips {\n      display: flex;\n      gap: 4px;\n      flex-wrap: wrap;\n      margin-top: auto; \/* Empuja los chips hacia abajo ordenadamente *\/\n      padding-top: 4px;\n    }\n\n    .soft-chip {\n      font-size: 0.64rem;\n      font-weight: 600;\n      color: #94a3b8;\n      background: rgba(255, 255, 255, 0.05);\n      border: 1px solid rgba(255, 255, 255, 0.1);\n      padding: 1px 5px;\n      border-radius: 4px;\n      white-space: nowrap;\n    }\n\n    .specialty-dynamic-card.active .soft-chip {\n      color: #e2e8f0;\n      border-color: rgba(56, 189, 248, 0.35);\n    }\n\n    \/* Barra de Progreso de Tiempo (4 Segundos por Tarjeta) *\/\n    .card-timer-track {\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      width: 100%;\n      height: 3px;\n      background: rgba(255, 255, 255, 0.08);\n    }\n\n    .card-timer-fill {\n      height: 100%;\n      width: 0%;\n      background: linear-gradient(90deg, #00a2ff, #38bdf8);\n      transition: width 0.05s linear;\n    }\n\n    \/* Escenario Visual 3D Lateral *\/\n    .canvas-3d-stage {\n      position: relative;\n      height: 480px;\n      width: 100%;\n      border-radius: var(--radius-lg);\n      background: radial-gradient(circle at center, #07193b 0%, #020612 100%);\n      border: 1.5px solid rgba(56, 189, 248, 0.35);\n      overflow: hidden;\n      box-shadow: inset 0 0 50px rgba(0, 0, 0, 0.85), 0 16px 40px rgba(0, 0, 0, 0.5);\n      box-sizing: border-box;\n    }\n\n    @media (max-width: 1024px) {\n      .canvas-3d-stage {\n        height: 420px;\n      }\n    }\n\n    @media (max-width: 640px) {\n      .hero-free-image-wrap {\n        max-width: 310px;\n        max-height: 310px;\n      }\n      .hero-free-img {\n        max-height: 290px;\n      }\n      .hero-pills-row {\n        justify-content: center;\n      }\n      .trust-chips-row {\n        grid-template-columns: 1fr;\n      }\n      .canvas-3d-stage {\n        height: 360px;\n      }\n    }\n\n    #canvas3DNative {\n      width: 100%;\n      height: 100%;\n      display: block;\n      cursor: grab;\n    }\n\n    #canvas3DNative:active {\n      cursor: grabbing;\n    }\n\n    \/* HUD de Telemetr\u00eda T\u00e9cnica (Top-Left Absoluto, Bien Posicionado) *\/\n    .canvas-hud-overlay {\n      position: absolute;\n      top: 12px;\n      left: 12px;\n      background: rgba(4, 13, 33, 0.88);\n      backdrop-filter: blur(8px);\n      border: 1px solid rgba(56, 189, 248, 0.35);\n      border-radius: 8px;\n      padding: 8px 12px;\n      font-family: 'Space Grotesk', monospace;\n      font-size: 0.70rem;\n      color: #38bdf8;\n      line-height: 1.4;\n      z-index: 5;\n      pointer-events: none;\n      max-width: 290px;\n      box-shadow: 0 4px 15px rgba(0,0,0,0.5);\n    }\n\n    @media (max-width: 640px) {\n      .canvas-hud-overlay {\n        font-size: 0.64rem;\n        padding: 6px 9px;\n        max-width: 220px;\n      }\n    }\n\n    .hud-stat-line {\n      display: flex;\n      align-items: center;\n      gap: 6px;\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n\n    .hud-dot-active {\n      width: 7px;\n      height: 7px;\n      border-radius: 50%;\n      background: #22c55e;\n      box-shadow: 0 0 8px #22c55e;\n      display: inline-block;\n      flex-shrink: 0;\n      animation: pulse 1.5s infinite;\n    }\n\n    \/* Alerta \/ Notificaci\u00f3n de Interactividad (Top-Right o Centrada) *\/\n    .canvas-interactive-alert {\n      position: absolute;\n      top: 12px;\n      right: 12px;\n      background: rgba(4, 13, 33, 0.88);\n      border: 1px solid rgba(56, 189, 248, 0.4);\n      backdrop-filter: blur(8px);\n      padding: 5px 12px;\n      border-radius: 9999px;\n      font-size: 0.70rem;\n      color: #e2e8f0;\n      display: flex;\n      align-items: center;\n      gap: 6px;\n      z-index: 5;\n      box-shadow: 0 4px 16px rgba(0, 0, 0, 0.45);\n      pointer-events: none;\n      white-space: nowrap;\n    }\n\n    @media (max-width: 768px) {\n      .canvas-interactive-alert {\n        display: none; \/* Se oculta en pantallas peque\u00f1as para no sobrecargar el visor *\/\n      }\n    }\n\n    .canvas-interactive-alert .alert-icon {\n      color: #38bdf8;\n      font-size: 0.78rem;\n      animation: pulse 1.8s infinite;\n    }\n\n    \/* Barra Inferior de Acci\u00f3n y Conversi\u00f3n *\/\n    .canvas-stage-bottom-bar {\n      position: absolute;\n      bottom: 12px;\n      left: 12px;\n      right: 12px;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      z-index: 6;\n      pointer-events: none;\n      gap: 8px;\n      box-sizing: border-box;\n    }\n\n    .canvas-stage-bottom-bar > * {\n      pointer-events: auto;\n    }\n\n    .canvas-tools-group {\n      display: flex;\n      gap: 6px;\n      flex-shrink: 0;\n    }\n\n    .btn-3d-tool {\n      background: rgba(4, 13, 33, 0.85);\n      border: 1px solid rgba(255, 255, 255, 0.2);\n      color: #ffffff;\n      width: 32px;\n      height: 32px;\n      border-radius: 6px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 0.8rem;\n      cursor: pointer;\n      transition: var(--transition-smooth);\n    }\n\n    .btn-3d-tool:hover {\n      background: #00a2ff;\n      border-color: #38bdf8;\n    }\n\n    .canvas-conversion-group {\n      display: flex;\n      gap: 8px;\n      align-items: center;\n      flex-wrap: wrap;\n      justify-content: flex-end;\n    }\n\n    .btn-stage-action {\n      background: linear-gradient(135deg, #00a2ff 0%, #0152a6 100%);\n      color: #ffffff;\n      font-size: 0.78rem;\n      font-weight: 700;\n      padding: 8px 14px;\n      border-radius: var(--radius-pill);\n      border: 1px solid rgba(56, 189, 248, 0.5);\n      display: inline-flex;\n      align-items: center;\n      gap: 6px;\n      text-decoration: none;\n      box-shadow: 0 4px 15px rgba(0, 162, 255, 0.35);\n      transition: var(--transition-smooth);\n      white-space: nowrap;\n    }\n\n    .btn-stage-action:hover {\n      background: linear-gradient(135deg, #38bdf8 0%, #00a2ff 100%);\n      transform: translateY(-2px);\n      box-shadow: 0 6px 20px rgba(56, 189, 248, 0.5);\n      color: #ffffff;\n    }\n\n    .btn-stage-wsp {\n      background: #22c55e;\n      color: #ffffff;\n      font-size: 0.78rem;\n      font-weight: 700;\n      padding: 8px 14px;\n      border-radius: var(--radius-pill);\n      border: 1px solid rgba(34, 197, 94, 0.4);\n      display: inline-flex;\n      align-items: center;\n      gap: 6px;\n      text-decoration: none;\n      box-shadow: 0 4px 15px rgba(34, 197, 94, 0.3);\n      transition: var(--transition-smooth);\n      white-space: nowrap;\n    }\n\n    .btn-stage-wsp:hover {\n      background: #16a34a;\n      transform: translateY(-2px);\n      box-shadow: 0 6px 20px rgba(34, 197, 94, 0.5);\n      color: #ffffff;\n    }\n\n    @media (max-width: 640px) {\n      .btn-stage-action, .btn-stage-wsp {\n        padding: 6px 10px;\n        font-size: 0.72rem;\n      }\n      .btn-3d-tool {\n        width: 28px;\n        height: 28px;\n        font-size: 0.75rem;\n      }\n      .canvas-stage-bottom-bar {\n        bottom: 8px;\n        left: 8px;\n        right: 8px;\n        gap: 6px;\n      }\n    }\n\n    \/* ========================================================\n       CARRUSEL 3D POP-OUT DE ESPECIALIDADES (24 CURSOS REALES)\n       ======================================================== *\/\n    .showcase-cards-section {\n      padding: 70px 20px 40px;\n      max-width: 1320px;\n      margin: 0 auto;\n    }\n\n    .showcase-header {\n      text-align: center;\n      margin-bottom: 30px;\n    }\n\n    .showcase-header h2 {\n      font-size: 2.25rem;\n      font-weight: 900;\n      color: var(--text-main);\n      line-height: 1.25;\n      margin-bottom: 12px;\n    }\n\n    .showcase-header p {\n      font-size: 1.02rem;\n      color: var(--text-muted);\n      max-width: 720px;\n      margin: 0 auto;\n    }\n\n    \/* Barra de Filtros R\u00e1pidos por Categor\u00eda *\/\n    \/* ========================================================\n       CARRIL DIN\u00c1MICO DE FILTROS DE CATEGOR\u00cdAS (INTERACTIVO)\n       ======================================================== *\/\n    .filter-carril-wrapper {\n      position: relative;\n      display: flex;\n      align-items: center;\n      max-width: 1080px;\n      margin: 0 auto 34px;\n      padding: 0 52px;\n    }\n\n    .carril-nav-btn {\n      position: absolute;\n      top: 50%;\n      transform: translateY(-50%);\n      width: 40px;\n      height: 40px;\n      border-radius: 50%;\n      background: #ffffff !important;\n      border: 1.5px solid #e2e8f0 !important;\n      color: var(--primary-blue) !important;\n      box-shadow: 0 4px 14px rgba(1, 82, 166, 0.12), 0 2px 6px rgba(0, 0, 0, 0.04) !important;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      cursor: pointer;\n      z-index: 10;\n      outline: none !important;\n      -webkit-tap-highlight-color: transparent;\n      transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n\n    .carril-nav-btn:hover {\n      background: var(--primary-blue) !important;\n      color: #ffffff !important;\n      border-color: var(--primary-blue) !important;\n      box-shadow: 0 6px 20px rgba(1, 82, 166, 0.28) !important;\n      transform: translateY(-50%) scale(1.08) !important;\n    }\n\n    .carril-nav-btn:active {\n      transform: translateY(-50%) scale(0.94) !important;\n      background: #003e82 !important;\n      color: #ffffff !important;\n      border-color: #003e82 !important;\n    }\n\n    .carril-nav-btn:focus,\n    .carril-nav-btn:focus-visible {\n      outline: none !important;\n      border-color: var(--primary-blue) !important;\n      box-shadow: 0 0 0 3px rgba(1, 82, 166, 0.25), 0 4px 14px rgba(1, 82, 166, 0.12) !important;\n    }\n\n    .carril-nav-prev {\n      left: 0;\n    }\n\n    .carril-nav-next {\n      right: 0;\n    }\n\n    .category-filter-bar {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      overflow-x: auto;\n      scroll-behavior: smooth;\n      -webkit-overflow-scrolling: touch;\n      scrollbar-width: none;\n      padding: 6px 4px 10px;\n      width: 100%;\n    }\n\n    .category-filter-bar::-webkit-scrollbar {\n      display: none;\n    }\n\n    .btn-cat-filter {\n      background: #ffffff;\n      color: var(--text-muted);\n      border: 1px solid var(--border-subtle);\n      padding: 8px 18px;\n      border-radius: var(--radius-pill);\n      font-size: 0.84rem;\n      font-weight: 700;\n      cursor: pointer;\n      display: inline-flex;\n      align-items: center;\n      gap: 7px;\n      white-space: nowrap !important;\n      flex-shrink: 0;\n      transition: var(--transition-smooth);\n      box-shadow: 0 2px 6px rgba(0,0,0,0.03);\n      outline: none !important;\n      -webkit-tap-highlight-color: transparent;\n    }\n\n    .btn-cat-filter:focus,\n    .btn-cat-filter:focus-visible {\n      outline: none !important;\n    }\n\n    .btn-cat-filter:hover {\n      border-color: var(--primary-blue);\n      color: var(--primary-blue);\n      background: rgba(1, 82, 166, 0.04);\n      transform: translateY(-2px);\n    }\n\n    .btn-cat-filter.active {\n      background: linear-gradient(135deg, #0152a6 0%, #00a2ff 100%);\n      color: #ffffff;\n      border-color: transparent;\n      box-shadow: 0 4px 14px rgba(1, 82, 166, 0.35);\n    }\n\n    .btn-cat-filter .cat-count {\n      font-size: 0.72rem;\n      background: rgba(0, 0, 0, 0.08);\n      padding: 1px 7px;\n      border-radius: 10px;\n    }\n\n    .btn-cat-filter.active .cat-count {\n      background: rgba(255, 255, 255, 0.25);\n      color: #ffffff;\n    }\n\n    \/* Contenedor del Carrusel de Tarjetas Pop-Out *\/\n    .showcase-carousel-wrapper {\n      position: relative;\n      padding-top: 36px;\n    }\n\n    .cards-horizontal-viewport {\n      display: flex;\n      gap: 24px;\n      overflow-x: auto;\n      scroll-behavior: smooth;\n      padding: 20px 8px 30px;\n      scrollbar-width: thin;\n      scrollbar-color: rgba(1, 82, 166, 0.25) transparent;\n    }\n\n    .cards-horizontal-viewport::-webkit-scrollbar {\n      height: 6px;\n    }\n\n    .cards-horizontal-viewport::-webkit-scrollbar-thumb {\n      background: rgba(1, 82, 166, 0.25);\n      border-radius: 10px;\n    }\n\n    \/* ========================================================\n       TARJETAS DE FORMACI\u00d3N T\u00c9CNICA (ENMARCADO Y ENCAJE PROFESIONAL)\n       ======================================================== *\/\n    #lsg-landing-root .popout-card,\n    .popout-card {\n      flex: 0 0 320px;\n      max-width: 320px;\n      min-width: 320px;\n      background: #ffffff;\n      border-radius: 20px;\n      border: 1px solid var(--border-subtle);\n      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);\n      display: flex;\n      flex-direction: column;\n      justify-content: space-between;\n      position: relative;\n      padding: 14px 14px 18px;\n      box-sizing: border-box;\n      transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease, border-color 0.4s ease;\n    }\n\n    #lsg-landing-root .popout-card:hover,\n    .popout-card:hover {\n      transform: translateY(-8px);\n      box-shadow: 0 20px 45px rgba(1, 82, 166, 0.16);\n      border-color: rgba(0, 162, 255, 0.4);\n    }\n\n    #lsg-landing-root .popout-card.hidden,\n    .popout-card.hidden {\n      display: none !important;\n    }\n\n    \/* Marco Superior R\u00edgido de Imagen (\"Cuadro Profesional\") *\/\n    #lsg-landing-root .popout-figure-stage,\n    .popout-figure-stage {\n      position: relative;\n      width: 100% !important;\n      height: 185px !important;\n      min-height: 185px !important;\n      max-height: 185px !important;\n      margin: 0 0 14px 0 !important;\n      padding: 0 !important;\n      border-radius: 14px;\n      overflow: hidden !important;\n      background: linear-gradient(135deg, #071739 0%, #0b1e47 100%);\n      border: 1px solid rgba(0, 162, 255, 0.18);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);\n      box-sizing: border-box;\n    }\n\n    #lsg-landing-root .popout-backdrop-halo,\n    .popout-backdrop-halo {\n      display: none !important;\n    }\n\n    \/* Imagen T\u00e9cnica de Afiche (Ajuste 100% al Marco sin Desborde) *\/\n    #lsg-landing-root .popout-img-cutout,\n    .popout-img-cutout {\n      position: absolute !important;\n      top: 0 !important;\n      left: 0 !important;\n      width: 100% !important;\n      height: 100% !important;\n      min-height: 100% !important;\n      max-height: 100% !important;\n      max-width: 100% !important;\n      object-fit: cover !important;\n      object-position: center top !important;\n      border-radius: 13px !important;\n      border: none !important;\n      box-shadow: none !important;\n      margin: 0 !important;\n      display: block !important;\n      transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), filter 0.4s ease;\n    }\n\n    #lsg-landing-root .popout-card:hover .popout-img-cutout,\n    .popout-card:hover .popout-img-cutout {\n      transform: scale(1.06);\n      filter: brightness(1.04);\n    }\n\n    \/* Insignia Oficial Flotante Dentro del Marco *\/\n    #lsg-landing-root .popout-tag-badge,\n    .popout-tag-badge {\n      position: absolute;\n      top: 10px;\n      left: 10px;\n      z-index: 4;\n      background: rgba(4, 13, 33, 0.88);\n      backdrop-filter: blur(8px);\n      -webkit-backdrop-filter: blur(8px);\n      color: #38bdf8;\n      font-size: 0.68rem;\n      font-weight: 800;\n      padding: 4px 10px;\n      border-radius: var(--radius-pill);\n      border: 1px solid rgba(56, 189, 248, 0.4);\n      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);\n      white-space: nowrap;\n      pointer-events: none;\n    }\n\n    \/* Cuerpo y Tipograf\u00eda de la Tarjeta *\/\n    #lsg-landing-root .popout-card-body,\n    .popout-card-body {\n      flex: 1;\n      display: flex;\n      flex-direction: column;\n      justify-content: space-between;\n      position: relative;\n      z-index: 2;\n    }\n\n    #lsg-landing-root .popout-card-title,\n    .popout-card-title {\n      font-size: 1.05rem;\n      font-weight: 800;\n      color: #0f172a !important;\n      line-height: 1.34;\n      margin-bottom: 8px;\n      min-height: 48px;\n      display: -webkit-box;\n      -webkit-line-clamp: 2;\n      -webkit-box-orient: vertical;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n\n    #lsg-landing-root .popout-card-desc,\n    .popout-card-desc {\n      font-size: 0.82rem;\n      color: #64748b !important;\n      line-height: 1.45;\n      margin-bottom: 12px;\n      min-height: 52px;\n      display: -webkit-box;\n      -webkit-line-clamp: 3;\n      -webkit-box-orient: vertical;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      flex: 1;\n    }\n\n    #lsg-landing-root .popout-card-pills,\n    .popout-card-pills {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 5px;\n      margin-bottom: 14px;\n      min-height: 26px;\n    }\n\n    #lsg-landing-root .popout-soft-pill,\n    .popout-soft-pill {\n      font-size: 0.68rem;\n      font-weight: 700;\n      background: #f1f5f9;\n      color: #475569;\n      padding: 3px 8px;\n      border-radius: 4px;\n      border: 1px solid #e2e8f0;\n      white-space: nowrap;\n    }\n\n    \/* Pie de Tarjeta con Botones Nivelados *\/\n    #lsg-landing-root .popout-card-footer,\n    .popout-card-footer {\n      border-top: 1px solid #f1f5f9;\n      padding-top: 12px;\n      margin-top: auto;\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      width: 100%;\n      box-sizing: border-box;\n    }\n\n    #lsg-landing-root .btn-popout-cta,\n    .btn-popout-cta {\n      flex: 1 1 auto;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      gap: 7px;\n      background: linear-gradient(135deg, #0152a6 0%, #00a2ff 100%);\n      color: #ffffff !important;\n      font-size: 0.8rem;\n      font-weight: 700;\n      padding: 9px 14px;\n      border-radius: var(--radius-pill);\n      text-decoration: none;\n      box-shadow: 0 4px 12px rgba(1, 82, 166, 0.2);\n      transition: var(--transition-smooth);\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      box-sizing: border-box;\n    }\n\n    #lsg-landing-root .btn-popout-cta:hover,\n    .btn-popout-cta:hover {\n      background: linear-gradient(135deg, #ff7800 0%, #ffb606 100%);\n      box-shadow: 0 6px 18px rgba(255, 120, 0, 0.4);\n      color: #ffffff !important;\n      transform: translateY(-2px);\n    }\n\n    \/* Controles de Navegaci\u00f3n del Carrusel *\/\n    .carousel-floating-nav {\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      gap: 16px;\n      margin-top: 24px;\n    }\n\n    .btn-carousel-ctrl {\n      width: 44px;\n      height: 44px;\n      border-radius: 50%;\n      background: #ffffff;\n      border: 1px solid var(--border-subtle);\n      color: var(--primary-blue);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 1.05rem;\n      cursor: pointer;\n      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);\n      transition: var(--transition-smooth);\n    }\n\n    .btn-carousel-ctrl:hover {\n      background: var(--primary-blue);\n      color: #ffffff;\n      transform: scale(1.08);\n      box-shadow: 0 6px 18px rgba(1, 82, 166, 0.3);\n    }\n\n    .carousel-status-indicator {\n      font-size: 0.85rem;\n      font-weight: 700;\n      color: var(--text-muted);\n    }\n\n\/* ========================================================\n       5. ECOSISTEMA FORMATIVO DE LSG (4 PILARES REALES - SIN REDUNDANCIA)\n       - Se enfoca en C\u00d3MO y D\u00d3NDE estudia el alumno (Campus, Libro, Masterclass, Certificaci\u00f3n)\n       ======================================================== *\/\n    .bento-section {\n      padding: 60px 20px 70px;\n      max-width: 1280px;\n      margin: 0 auto;\n    }\n\n    .section-header-bcp {\n      text-align: center;\n      max-width: 780px;\n      margin: 0 auto 40px;\n    }\n\n    .bcp-pill-badge {\n      display: inline-flex;\n      align-items: center;\n      gap: 7px;\n      background: rgba(1, 82, 166, 0.08);\n      color: var(--primary-blue);\n      font-size: 0.78rem;\n      font-weight: 800;\n      padding: 5px 16px;\n      border-radius: var(--radius-pill);\n      margin-bottom: 12px;\n      text-transform: uppercase;\n      letter-spacing: 0.8px;\n    }\n\n    .section-header-bcp h2 {\n      font-size: 2.2rem;\n      font-weight: 900;\n      color: var(--navy-deep);\n      line-height: 1.2;\n      margin-bottom: 10px;\n    }\n\n    .section-header-bcp p {\n      font-size: 0.96rem;\n      color: var(--text-muted);\n    }\n\n    .bento-grid-3d {\n      display: grid;\n      grid-template-columns: 1.3fr 1fr;\n      gap: 24px;\n    }\n\n    .bento-card {\n      background: #ffffff;\n      border-radius: var(--radius-xl);\n      border: 1px solid var(--border-subtle);\n      padding: 34px;\n      box-shadow: var(--shadow-sm);\n      position: relative;\n      overflow: hidden;\n      display: flex;\n      flex-direction: column;\n      justify-content: space-between;\n      transition: var(--transition-smooth);\n    }\n\n    .bento-card:hover {\n      box-shadow: var(--shadow-lg);\n      transform: translateY(-4px);\n    }\n\n    \/* Bento 1: Aula Virtual 24\/7 & Membres\u00eda LSG *\/\n    .bento-card-campus {\n      background: linear-gradient(135deg, #071739 0%, #0152a6 100%);\n      color: #ffffff;\n      border-color: rgba(0, 162, 255, 0.3);\n      min-height: 380px;\n    }\n\n    .bento-campus-bg-visual {\n      position: absolute;\n      right: -30px;\n      bottom: -30px;\n      width: 320px;\n      height: 320px;\n      opacity: 0.16;\n      background: url('https:\/\/images.unsplash.com\/photo-1516321318423-f06f85e504b3?auto=format&fit=crop&w=600&q=80') center\/cover;\n      border-radius: 50%;\n      pointer-events: none;\n    }\n\n    .bento-badge-gold {\n      background: rgba(255, 182, 6, 0.2);\n      border: 1px solid rgba(255, 182, 6, 0.5);\n      color: #ffb606;\n      font-size: 0.74rem;\n      font-weight: 800;\n      padding: 5px 14px;\n      border-radius: var(--radius-pill);\n      display: inline-flex;\n      align-items: center;\n      gap: 6px;\n      margin-bottom: 16px;\n      text-transform: uppercase;\n    }\n\n    .bento-card-campus h3 {\n      font-size: 1.65rem;\n      font-weight: 800;\n      margin-bottom: 12px;\n      line-height: 1.25;\n    }\n\n    .bento-card-campus p {\n      color: #cbd5e1;\n      font-size: 0.92rem;\n      line-height: 1.6;\n      margin-bottom: 22px;\n      max-width: 490px;\n    }\n\n    .bento-service-badges-row {\n      display: flex;\n      gap: 10px;\n      flex-wrap: wrap;\n      margin-bottom: 25px;\n    }\n\n    .bento-srv-pill {\n      background: rgba(255, 255, 255, 0.1);\n      backdrop-filter: blur(6px);\n      border: 1px solid rgba(255, 255, 255, 0.2);\n      color: #ffffff;\n      font-size: 0.76rem;\n      font-weight: 600;\n      padding: 5px 12px;\n      border-radius: var(--radius-pill);\n      display: flex;\n      align-items: center;\n      gap: 6px;\n    }\n\n    .bento-col-right {\n      display: flex;\n      flex-direction: column;\n      gap: 24px;\n    }\n\n    \/* Bento 2: Masterclass en Vivo con Contador *\/\n    .bento-card-webinar {\n      border-left: 5px solid #00a2ff;\n      background: #ffffff;\n    }\n\n    .webinar-countdown-box {\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      background: #f0fdf4;\n      border: 1px solid #bbf7d0;\n      color: #15803d;\n      font-size: 0.76rem;\n      font-weight: 800;\n      padding: 5px 12px;\n      border-radius: var(--radius-pill);\n      margin-bottom: 12px;\n    }\n\n    .countdown-digits {\n      font-family: 'Space Grotesk', monospace;\n      font-weight: 700;\n      color: #047857;\n    }\n\n    \/* Bento 3: Libro T\u00e9cnico de APUs *\/\n    .bento-card-apus {\n      border-left: 5px solid #ea580c;\n      background: #ffffff;\n    }\n\n    .btn-bento-link {\n      display: inline-flex;\n      align-items: center;\n      gap: 7px;\n      font-size: 0.88rem;\n      font-weight: 700;\n      color: var(--primary-blue);\n      transition: var(--transition-smooth);\n      margin-top: 15px;\n    }\n\n    .btn-bento-link:hover {\n      color: #00a2ff;\n      gap: 12px;\n    }\n\n    \/* ========================================================\n       6. CENTRO DE VIDEO INTERACTIVO & PLAYLIST DIN\u00c1MICA\n       - Ambient Glow, Ecualizador en tiempo real y Filtros\n       ======================================================== *\/\n    .video-hub-section {\n      padding: 85px 20px;\n      background: linear-gradient(180deg, #f8fafc 0%, #eef2f6 100%);\n      border-top: 1px solid var(--border-subtle);\n      border-bottom: 1px solid var(--border-subtle);\n      position: relative;\n    }\n\n    .video-hub-container {\n      max-width: 1260px;\n      margin: 0 auto;\n    }\n\n    \/* Filtros por Categor\u00eda de Video *\/\n    .video-filter-bar {\n      display: flex;\n      justify-content: center;\n      gap: 10px;\n      flex-wrap: wrap;\n      margin-bottom: 30px;\n    }\n\n    .btn-video-tab {\n      background: #ffffff;\n      border: 1px solid var(--border-subtle);\n      color: #475569;\n      font-size: 0.8rem;\n      font-weight: 700;\n      padding: 7px 18px;\n      border-radius: var(--radius-pill);\n      cursor: pointer;\n      transition: var(--transition-smooth);\n    }\n\n    .btn-video-tab:hover, .btn-video-tab.active {\n      background: var(--primary-blue);\n      color: #ffffff;\n      border-color: var(--primary-blue);\n      box-shadow: 0 4px 12px rgba(1, 82, 166, 0.2);\n    }\n\n    .video-hub-grid {\n      display: grid;\n      grid-template-columns: 1.4fr 1fr;\n      gap: 32px;\n      align-items: center;\n    }\n\n    \/* Marco de Video con Ambient Glow *\/\n    .video-player-frame {\n      position: relative;\n      border-radius: var(--radius-xl);\n      overflow: hidden;\n      background: #040d21;\n      box-shadow: 0 25px 60px rgba(1, 82, 166, 0.28);\n      aspect-ratio: 16 \/ 9;\n      border: 1px solid rgba(255, 255, 255, 0.12);\n    }\n\n    .video-ambient-glow {\n      position: absolute;\n      inset: -20px;\n      background: radial-gradient(circle, rgba(0, 162, 255, 0.3) 0%, rgba(0,0,0,0) 70%);\n      z-index: -1;\n      filter: blur(25px);\n      transition: background 0.5s ease;\n    }\n\n    .video-player-frame video {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      display: block;\n    }\n\n    \/* Badge Superior con Ecualizador Animado *\/\n    .video-hub-status-bar {\n      position: absolute;\n      top: 16px;\n      left: 16px;\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      background: rgba(7, 23, 57, 0.85);\n      backdrop-filter: blur(8px);\n      padding: 5px 14px;\n      border-radius: var(--radius-pill);\n      border: 1px solid rgba(56, 189, 248, 0.35);\n      z-index: 2;\n    }\n\n    .video-tag-text {\n      color: #38bdf8;\n      font-size: 0.74rem;\n      font-weight: 800;\n    }\n\n    .equalizer-bars {\n      display: flex;\n      align-items: flex-end;\n      gap: 3px;\n      height: 12px;\n    }\n\n    .eq-bar {\n      width: 3px;\n      background: #00a2ff;\n      border-radius: 2px;\n      animation: eqPulse 1s infinite alternate ease-in-out;\n    }\n\n    .eq-bar:nth-child(1) { height: 40%; animation-delay: 0.1s; }\n    .eq-bar:nth-child(2) { height: 100%; animation-delay: 0.3s; }\n    .eq-bar:nth-child(3) { height: 65%; animation-delay: 0.2s; }\n    .eq-bar:nth-child(4) { height: 85%; animation-delay: 0.4s; }\n\n    @keyframes eqPulse {\n      0% { height: 25%; }\n      100% { height: 100%; }\n    }\n\n    \/* Playlist Vertical Enriquecida *\/\n    .video-playlist-column {\n      display: flex;\n      flex-direction: column;\n      gap: 14px;\n    }\n\n    .playlist-item {\n      display: flex;\n      align-items: center;\n      gap: 16px;\n      background: #ffffff;\n      padding: 14px 18px;\n      border-radius: var(--radius-lg);\n      border: 1px solid var(--border-subtle);\n      cursor: pointer;\n      box-shadow: var(--shadow-sm);\n      transition: var(--transition-smooth);\n      position: relative;\n    }\n\n    .playlist-item:hover {\n      border-color: #00a2ff;\n      transform: translateX(6px);\n      box-shadow: var(--shadow-md);\n    }\n\n    .playlist-item.active {\n      border-color: var(--primary-blue);\n      background: #f0f7ff;\n      box-shadow: 0 8px 20px rgba(1, 82, 166, 0.12);\n    }\n\n    .playlist-thumb-box {\n      position: relative;\n      width: 56px;\n      height: 56px;\n      border-radius: 14px;\n      overflow: hidden;\n      flex-shrink: 0;\n      border: 2px solid transparent;\n      transition: var(--transition-smooth);\n    }\n\n    .playlist-item.active .playlist-thumb-box {\n      border-color: #ef4444;\n      box-shadow: 0 0 12px rgba(239, 68, 68, 0.4);\n    }\n\n    .playlist-thumb-box img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n    }\n\n    .playlist-play-icon {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      color: #ffffff;\n      font-size: 0.8rem;\n      background: rgba(0, 0, 0, 0.6);\n      width: 24px;\n      height: 24px;\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    .playlist-texts h4 {\n      font-size: 0.92rem;\n      font-weight: 700;\n      color: var(--navy-deep);\n      margin-bottom: 3px;\n      line-height: 1.3;\n    }\n\n    .playlist-item.active .playlist-texts h4 {\n      color: #e11d48;\n    }\n\n    .playlist-meta-row {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      font-size: 0.74rem;\n      color: var(--text-muted);\n    }\n\n    .playlist-duration {\n      background: #e2e8f0;\n      color: #334155;\n      padding: 1px 6px;\n      border-radius: 4px;\n      font-weight: 600;\n    }\n\n    \/* ========================================================\n       7. TICKER MARQUEE DE TECNOLOG\u00cdA EN CONSTRUCCI\u00d3N\n       ======================================================== *\/\n    .tech-marquee-section {\n      background: #040d21;\n      padding: 24px 0;\n      overflow: hidden;\n      position: relative;\n      border-top: 1px solid rgba(255, 255, 255, 0.1);\n      border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n    }\n\n    .tech-marquee-title {\n      text-align: center;\n      color: #94a3b8;\n      font-size: 0.74rem;\n      font-weight: 700;\n      text-transform: uppercase;\n      letter-spacing: 1.5px;\n      margin-bottom: 12px;\n    }\n\n    .tech-marquee-track {\n      display: flex;\n      width: max-content;\n      animation: marqueeScroll 26s linear infinite;\n      gap: 18px;\n    }\n\n    .tech-marquee-track:hover {\n      animation-play-state: paused;\n    }\n\n    @keyframes marqueeScroll {\n      0% { transform: translateX(0); }\n      100% { transform: translateX(-50%); }\n    }\n\n    .tech-badge-item {\n      display: flex;\n      align-items: center;\n      gap: 9px;\n      background: rgba(255, 255, 255, 0.06);\n      border: 1px solid rgba(255, 255, 255, 0.12);\n      color: #e2e8f0;\n      padding: 8px 18px;\n      border-radius: var(--radius-pill);\n      font-size: 0.82rem;\n      font-weight: 600;\n      white-space: nowrap;\n      transition: var(--transition-smooth);\n    }\n\n    .tech-badge-item:hover {\n      background: rgba(0, 162, 255, 0.2);\n      border-color: #00a2ff;\n      color: #38bdf8;\n      transform: translateY(-2px);\n    }\n\n    .tech-badge-item i {\n      color: #ffb606;\n      font-size: 0.95rem;\n    }\n\n    \/* ========================================================\n       8. SECCI\u00d3N \"LOS N\u00daMEROS HABLAN\" (M\u00c9TRICAS OFICIALES)\n       ======================================================== *\/\n    .numeros-hablan-sec {\n      background: radial-gradient(circle at center, #071739 0%, #040d21 100%);\n      color: #ffffff;\n      padding: 80px 20px;\n      text-align: center;\n      position: relative;\n      overflow: hidden;\n    }\n\n    .numeros-hablan-title {\n      font-size: 2.3rem;\n      font-weight: 900;\n      color: #ffffff;\n      margin-bottom: 8px;\n    }\n\n    .numeros-hablan-divider {\n      width: 60px;\n      height: 4px;\n      background: #00a2ff;\n      margin: 0 auto 50px;\n      border-radius: 2px;\n    }\n\n    .numeros-hablan-grid {\n      max-width: 1100px;\n      margin: 0 auto;\n      display: grid;\n      grid-template-columns: repeat(4, 1fr);\n      gap: 30px;\n    }\n\n    .numero-item {\n      padding: 20px;\n      background: rgba(255, 255, 255, 0.04);\n      border: 1px solid rgba(255, 255, 255, 0.08);\n      border-radius: var(--radius-lg);\n      transition: var(--transition-smooth);\n    }\n\n    .numero-item:hover {\n      background: rgba(0, 162, 255, 0.1);\n      border-color: rgba(0, 162, 255, 0.4);\n      transform: translateY(-6px);\n    }\n\n    .numero-valor {\n      font-size: 3.2rem;\n      font-weight: 900;\n      line-height: 1;\n      margin: 14px 0 8px;\n      background: linear-gradient(135deg, #ffffff 30%, #38bdf8 100%);\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n      letter-spacing: -1px;\n      font-family: 'Space Grotesk', sans-serif;\n    }\n\n    .numero-label {\n      font-size: 0.95rem;\n      font-weight: 600;\n      color: #cbd5e1;\n      margin-bottom: 12px;\n    }\n\n    \/* ========================================================\n       9. CONFIANZA & M\u00c9TODOS DE PAGO (IMAGEN OFICIAL LSG)\n       ======================================================== *\/\n    .trust-payment-section {\n      padding: 60px 20px;\n      background: #ffffff;\n      border-bottom: 1px solid var(--border-subtle);\n      text-align: center;\n    }\n\n    .trust-container {\n      max-width: 1100px;\n      margin: 0 auto;\n    }\n\n    .trust-title {\n      font-size: 1.4rem;\n      font-weight: 800;\n      color: var(--navy-deep);\n      margin-bottom: 8px;\n    }\n\n    .trust-subtitle {\n      color: var(--text-muted);\n      font-size: 0.9rem;\n      margin-bottom: 25px;\n    }\n\n    .payment-methods-banner {\n      max-width: 720px;\n      margin: 0 auto;\n      filter: drop-shadow(0 4px 10px rgba(0,0,0,0.06));\n      border-radius: var(--radius-md);\n      transition: var(--transition-smooth);\n    }\n\n    .payment-methods-banner:hover {\n      transform: scale(1.02);\n    }\n\n    \/* ========================================================\n       10. PREGUNTAS FRECUENTES (FAQ ACORDE\u00d3N)\n       ======================================================== *\/\n    .faq-section {\n      padding: 80px 20px;\n      max-width: 900px;\n      margin: 0 auto;\n    }\n\n    .faq-accordion {\n      margin-top: 30px;\n      display: flex;\n      flex-direction: column;\n      gap: 14px;\n    }\n\n    .faq-item {\n      background: #ffffff;\n      border: 1px solid var(--border-subtle);\n      border-radius: var(--radius-md);\n      overflow: hidden;\n      box-shadow: var(--shadow-sm);\n      transition: var(--transition-smooth);\n    }\n\n    .faq-item:hover {\n      border-color: #cbd5e1;\n    }\n\n    .faq-trigger {\n      width: 100%;\n      background: none;\n      border: none;\n      padding: 18px 22px;\n      text-align: left;\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: 15px;\n      font-size: 1rem;\n      font-weight: 700;\n      color: var(--navy-deep);\n      cursor: pointer;\n      font-family: inherit;\n    }\n\n    .faq-trigger i {\n      font-size: 0.9rem;\n      color: var(--primary-blue);\n      transition: transform 0.3s ease;\n    }\n\n    .faq-item.active .faq-trigger i {\n      transform: rotate(180deg);\n    }\n\n    .faq-content {\n      max-height: 0;\n      overflow: hidden;\n      transition: max-height 0.35s cubic-bezier(0, 1, 0, 1);\n      padding: 0 22px;\n      color: var(--text-muted);\n      font-size: 0.92rem;\n      line-height: 1.6;\n    }\n\n    .faq-item.active .faq-content {\n      max-height: 500px;\n      padding-bottom: 20px;\n    }\n\n    \/* ========================================================\n       11. BANNER DE CONVERSI\u00d3N & FOOTER CORPORATIVO\n       ======================================================== *\/\n    .cta-banner-section {\n      background: linear-gradient(135deg, #002a8f 0%, #0152a6 100%);\n      color: #ffffff;\n      padding: 70px 20px;\n      text-align: center;\n      position: relative;\n      overflow: hidden;\n    }\n\n    .cta-banner-container {\n      max-width: 820px;\n      margin: 0 auto;\n      position: relative;\n      z-index: 2;\n    }\n\n    .cta-banner-container h2 {\n      font-size: 2.3rem;\n      font-weight: 900;\n      margin-bottom: 12px;\n      letter-spacing: -0.02em;\n    }\n\n    .cta-banner-container p {\n      font-size: 1.02rem;\n      color: #e2e8f0;\n      margin-bottom: 28px;\n      line-height: 1.6;\n    }\n\n    \n\n    \n\n    \n\n    \n\n    \n\n    \n\n    \n\n    \n\n    \/* Floating WhatsApp Button *\/\n    .floating-wsp-btn {\n      position: fixed;\n      bottom: 25px;\n      right: 25px;\n      background: #25d366;\n      color: #ffffff;\n      width: 58px;\n      height: 58px;\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 1.8rem;\n      box-shadow: 0 6px 25px rgba(37, 211, 102, 0.5);\n      z-index: 100;\n      transition: var(--transition-bounce);\n    }\n\n    .floating-wsp-btn:hover {\n      transform: scale(1.12) rotate(8deg);\n      box-shadow: 0 10px 30px rgba(37, 211, 102, 0.7);\n      color: #ffffff;\n    }\n\n    \/* Responsive *\/\n    @media (max-width: 992px) {\n      .hero-slider-wrap {\n        height: auto;\n        min-height: 500px;\n        max-height: none;\n      }\n      .hero-slide {\n        padding: 30px 5% 50px;\n        position: relative;\n        min-height: 500px;\n      }\n      .hero-slide:not(.active) {\n        position: absolute;\n      }\n      .slide-inner-grid {\n        flex-direction: column;\n        text-align: center;\n        gap: 25px;\n      }\n      .slide-title {\n        font-size: 2.1rem;\n      }\n      .slide-desc {\n        margin: 0 auto 20px;\n      }\n      .slide-actions {\n        justify-content: center;\n      }\n      .slide-visual-col {\n        justify-content: center;\n        width: 100%;\n      }\n      .hero-free-image-wrap {\n        max-width: 420px;\n        max-height: 400px;\n        margin: 0 auto;\n      }\n      .hero-free-img {\n        max-height: 380px;\n      }\n      .hero-presentation-card {\n        max-width: 100% !important;\n      }\n      .value-bar-container {\n        flex-direction: column;\n      }\n      .value-blue-side {\n        grid-template-columns: 1fr;\n      }\n      .value-white-side {\n        text-align: center;\n      }\n      .btn-wsp-cta {\n        margin: 0 auto;\n      }\n      .lab-container {\n        grid-template-columns: 1fr;\n        padding: 25px;\n      }\n      .bento-grid-3d {\n        grid-template-columns: 1fr;\n      }\n      .video-hub-grid {\n        grid-template-columns: 1fr;\n      }\n      .numeros-hablan-grid {\n        grid-template-columns: repeat(2, 1fr);\n      }\n      \n      \n    }\n\n    @media (max-width: 640px) {\n      \n      .slide-title {\n        font-size: 1.75rem;\n      }\n      .showcase-header-row {\n        flex-direction: column;\n        align-items: flex-start;\n      }\n      .numeros-hablan-grid {\n        grid-template-columns: 1fr;\n      }\n      \n      \n    }\n  \n    \/* Bot\u00f3n de Estilo Visual Wireframe *\/\n    .btn-3d-tool.active-wireframe {\n      background: #00a2ff;\n      border-color: #38bdf8;\n      color: #ffffff;\n      box-shadow: 0 0 12px rgba(0, 162, 255, 0.6);\n    }\n\n    \/* Hotspot Pins en el Canvas 3D *\/\n    .hotspot-tooltip-card {\n      position: absolute;\n      z-index: 20;\n      background: rgba(4, 13, 33, 0.94);\n      backdrop-filter: blur(12px);\n      -webkit-backdrop-filter: blur(12px);\n      border: 1px solid rgba(0, 162, 255, 0.45);\n      border-radius: var(--radius-md);\n      padding: 14px 16px;\n      max-width: 270px;\n      color: #ffffff;\n      box-shadow: 0 12px 35px rgba(0, 0, 0, 0.65), 0 0 20px rgba(0, 162, 255, 0.25);\n      display: none;\n      pointer-events: auto;\n      transform: translate(-50%, -115%);\n      transition: opacity 0.25s ease, transform 0.25s ease;\n    }\n\n    .hotspot-tooltip-card.active {\n      display: block;\n      animation: fadeInTooltip 0.25s ease forwards;\n    }\n\n    @keyframes fadeInTooltip {\n      from { opacity: 0; transform: translate(-50%, -105%); }\n      to { opacity: 1; transform: translate(-50%, -115%); }\n    }\n\n    .hotspot-tooltip-card::after {\n      content: '';\n      position: absolute;\n      bottom: -7px;\n      left: 50%;\n      transform: translateX(-50%);\n      border-width: 7px 7px 0;\n      border-style: solid;\n      border-color: rgba(4, 13, 33, 0.94) transparent transparent transparent;\n      display: block;\n      width: 0;\n    }\n\n    .hotspot-card-close {\n      position: absolute;\n      top: 6px;\n      right: 8px;\n      background: none;\n      border: none;\n      color: #94a3b8;\n      font-size: 0.85rem;\n      cursor: pointer;\n      padding: 2px 6px;\n    }\n\n    .hotspot-card-close:hover { color: #ffffff; }\n\n    .hotspot-card-badge {\n      display: inline-block;\n      font-size: 0.65rem;\n      font-weight: 800;\n      color: #38bdf8;\n      background: rgba(0, 162, 255, 0.15);\n      padding: 2px 8px;\n      border-radius: 4px;\n      margin-bottom: 6px;\n      border: 1px solid rgba(56, 189, 248, 0.3);\n    }\n\n    .hotspot-card-title {\n      font-size: 0.88rem;\n      font-weight: 800;\n      color: #ffffff;\n      margin-bottom: 4px;\n      line-height: 1.3;\n    }\n\n    .hotspot-card-desc {\n      font-size: 0.74rem;\n      color: #cbd5e1;\n      line-height: 1.4;\n      margin-bottom: 10px;\n    }\n\n    .btn-hotspot-action {\n      display: inline-flex;\n      align-items: center;\n      gap: 6px;\n      background: linear-gradient(135deg, #0152a6 0%, #00a2ff 100%);\n      color: #ffffff;\n      font-size: 0.72rem;\n      font-weight: 700;\n      padding: 5px 12px;\n      border-radius: var(--radius-pill);\n      transition: var(--transition-smooth);\n    }\n\n    .btn-hotspot-action:hover {\n      background: linear-gradient(135deg, #ff7800 0%, #ffb606 100%);\n      color: #ffffff;\n    }\n\n    \/* Barra de Progreso Continua de 3 Segundos del Carrusel *\/\n    .carousel-progress-track {\n      width: 100%;\n      max-width: 320px;\n      height: 4px;\n      background: rgba(1, 82, 166, 0.12);\n      border-radius: 10px;\n      margin: 16px auto 0;\n      overflow: hidden;\n      position: relative;\n    }\n\n    .carousel-progress-bar {\n      height: 100%;\n      width: 0%;\n      background: linear-gradient(90deg, #0152a6 0%, #00a2ff 50%, #ffb606 100%);\n      border-radius: 10px;\n      box-shadow: 0 0 10px rgba(0, 162, 255, 0.6);\n      transition: width 0.05s linear;\n    }\n\n    \/* Bot\u00f3n Directo de WhatsApp en el Footer de Tarjetas *\/\n    .btn-card-wsp {\n      width: 38px;\n      height: 38px;\n      flex-shrink: 0;\n      border-radius: var(--radius-pill);\n      background: linear-gradient(135deg, #25d366 0%, #128c7e 100%);\n      color: #ffffff;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 1.15rem;\n      box-shadow: 0 4px 10px rgba(37, 211, 102, 0.35);\n      transition: var(--transition-smooth);\n    }\n\n    .btn-card-wsp:hover {\n      background: linear-gradient(135deg, #20ba5a 0%, #0d6b60 100%);\n      color: #ffffff;\n      transform: translateY(-2px) scale(1.08);\n      box-shadow: 0 6px 16px rgba(37, 211, 102, 0.55);\n    }\n\n\n    \/* ========================================================\n       HERO SOCIAL PROOF & KEY METRICS CARD (SLIDE 1)\n       ======================================================== *\/\n    .hero-metrics-proof-card {\n      background: rgba(10, 25, 55, 0.88);\n      backdrop-filter: blur(20px);\n      -webkit-backdrop-filter: blur(20px);\n      border: 1px solid rgba(56, 189, 248, 0.28);\n      border-radius: var(--radius-lg);\n      padding: 18px 20px;\n      box-shadow: 0 20px 45px rgba(0, 0, 0, 0.55), inset 0 1px 0 rgba(255, 255, 255, 0.15);\n      display: flex;\n      flex-direction: column;\n      gap: 12px;\n      text-align: left;\n    }\n\n    .proof-card-header {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n      padding-bottom: 8px;\n    }\n\n    .proof-badge-glow {\n      font-size: 0.72rem;\n      font-weight: 700;\n      color: #38bdf8;\n      background: rgba(14, 165, 233, 0.15);\n      padding: 3px 10px;\n      border-radius: var(--radius-pill);\n      border: 1px solid rgba(56, 189, 248, 0.35);\n      display: inline-flex;\n      align-items: center;\n      gap: 6px;\n    }\n\n    .proof-main-stat-box {\n      background: linear-gradient(135deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.01));\n      border-radius: var(--radius-md);\n      padding: 10px 14px;\n      border: 1px solid rgba(255, 255, 255, 0.08);\n    }\n\n    .proof-stat-big {\n      font-size: 2.1rem;\n      font-weight: 900;\n      line-height: 1;\n      background: linear-gradient(135deg, #ffffff 0%, #38bdf8 60%, #00a2ff 100%);\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n      margin-bottom: 3px;\n    }\n\n    .proof-stat-title {\n      font-size: 0.85rem;\n      font-weight: 700;\n      color: #f1f5f9;\n      line-height: 1.2;\n    }\n\n    .proof-stat-sub {\n      font-size: 0.72rem;\n      color: #94a3b8;\n      margin-top: 2px;\n    }\n\n    .proof-grid-kpis {\n      display: grid;\n      grid-template-columns: repeat(2, 1fr);\n      gap: 8px;\n    }\n\n    .proof-kpi-item {\n      background: rgba(2, 13, 31, 0.6);\n      border: 1px solid rgba(255, 255, 255, 0.08);\n      border-radius: var(--radius-sm);\n      padding: 8px 10px;\n    }\n\n    .proof-kpi-item .kpi-num {\n      font-size: 0.95rem;\n      font-weight: 800;\n      color: #00d2ff;\n      line-height: 1.2;\n    }\n\n    .proof-kpi-item .kpi-lbl {\n      font-size: 0.66rem;\n      color: #cbd5e1;\n      margin-top: 2px;\n      line-height: 1.2;\n    }\n\n    .proof-trust-footer {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      border-top: 1px solid rgba(255, 255, 255, 0.08);\n      padding-top: 10px;\n    }\n\n    .proof-trust-avatars {\n      display: flex;\n      flex-shrink: 0;\n    }\n\n    .avatar-chip {\n      width: 26px;\n      height: 26px;\n      border-radius: 50%;\n      background: #0284c7;\n      color: #ffffff;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 0.68rem;\n      border: 2px solid #071739;\n      margin-right: -8px;\n    }\n    .avatar-chip:nth-child(2) { background: #0d9488; }\n    .avatar-chip:nth-child(3) { background: #ea580c; }\n\n    .proof-trust-txt {\n      font-size: 0.68rem;\n      color: #94a3b8;\n      line-height: 1.3;\n    }\n\n    .proof-trust-txt strong {\n      color: #e2e8f0;\n    }\n\n  \n    \/* ========================================================\n       THEMATIC CAROUSEL SLIDES (AUTOCAD CRIMSON, WEBINAR LIVE, APUS SILVER-BLUE)\n       ======================================================== *\/\n    \/* .overlay-autocad defined with high contrast above *\/\n\n    .overlay-apus-blue {\n      background: linear-gradient(90deg, rgba(2, 12, 32, 0.96) 0%, rgba(4, 25, 68, 0.90) 50%, rgba(0, 112, 243, 0.30) 85%, rgba(148, 163, 184, 0.18) 100%);\n    }\n\n    .title-autocad span {\n      background: linear-gradient(135deg, #ff2a55 0%, #fb7185 45%, #38bdf8 100%);\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n    }\n\n    .title-apus-blue span {\n      background: linear-gradient(135deg, #ffffff 0%, #93c5fd 40%, #00d2ff 100%);\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n    }\n\n    .btn-slide-autocad {\n      background: linear-gradient(135deg, #e11d48 0%, #be123c 100%);\n      color: #ffffff;\n      padding: 11px 26px;\n      border-radius: var(--radius-pill);\n      font-size: 0.9rem;\n      font-weight: 700;\n      box-shadow: 0 6px 20px rgba(225, 29, 72, 0.45);\n      transition: var(--transition-smooth);\n      display: inline-flex;\n      align-items: center;\n      gap: 9px;\n    }\n\n    .btn-slide-autocad:hover {\n      transform: translateY(-2px);\n      box-shadow: 0 10px 28px rgba(255, 42, 85, 0.65);\n      color: #ffffff;\n    }\n\n    .btn-slide-apus-blue {\n      background: linear-gradient(135deg, #0052cc 0%, #0070f3 50%, #00b4d8 100%);\n      color: #ffffff;\n      padding: 11px 26px;\n      border-radius: var(--radius-pill);\n      font-size: 0.9rem;\n      font-weight: 700;\n      box-shadow: 0 6px 20px rgba(0, 112, 243, 0.45);\n      transition: var(--transition-smooth);\n      display: inline-flex;\n      align-items: center;\n      gap: 9px;\n    }\n\n    .btn-slide-apus-blue:hover {\n      transform: translateY(-2px);\n      box-shadow: 0 10px 28px rgba(0, 180, 216, 0.65);\n      color: #ffffff;\n    }\n\n    .hero-pills-row {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 8px;\n      margin: 12px 0 16px 0;\n    }\n\n    .hero-feature-pill {\n      display: inline-flex;\n      align-items: center;\n      gap: 6px;\n      padding: 4px 11px;\n      border-radius: var(--radius-pill);\n      font-size: 0.73rem;\n      font-weight: 600;\n      background: rgba(255, 255, 255, 0.07);\n      backdrop-filter: blur(8px);\n      -webkit-backdrop-filter: blur(8px);\n      border: 1px solid rgba(255, 255, 255, 0.14);\n      color: #f1f5f9;\n    }\n\n    .hero-feature-pill i {\n      font-size: 0.76rem;\n    }\n\n    \/* Tarjeta H\u00edbrida de Presentaci\u00f3n LSG (Slide 1) *\/\n    .hero-presentation-card {\n      background: rgba(8, 20, 48, 0.88);\n      backdrop-filter: blur(20px);\n      -webkit-backdrop-filter: blur(20px);\n      border: 1px solid rgba(56, 189, 248, 0.32);\n      border-radius: var(--radius-lg);\n      padding: 14px;\n      width: 100%;\n      max-width: 370px;\n      box-shadow: 0 20px 50px rgba(0, 0, 0, 0.6), 0 0 25px rgba(0, 162, 255, 0.2);\n    }\n\n    .hero-card-rating-badge {\n      position: absolute;\n      top: 10px;\n      right: 10px;\n      background: rgba(7, 23, 57, 0.9);\n      backdrop-filter: blur(6px);\n      color: #f8fafc;\n      font-size: 0.72rem;\n      font-weight: 700;\n      padding: 4px 9px;\n      border-radius: var(--radius-pill);\n      border: 1px solid rgba(251, 191, 36, 0.4);\n      display: inline-flex;\n      align-items: center;\n      gap: 5px;\n    }\n\n    .card-trust-stat {\n      background: linear-gradient(135deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.01));\n      border: 1px solid rgba(255, 255, 255, 0.08);\n      border-radius: var(--radius-md);\n      padding: 8px 12px;\n      margin-bottom: 10px;\n      display: flex;\n      align-items: center;\n      gap: 12px;\n    }\n\n    .trust-stat-num {\n      font-size: 1.8rem;\n      font-weight: 900;\n      line-height: 1;\n      background: linear-gradient(135deg, #ffffff 0%, #38bdf8 60%, #00a2ff 100%);\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n    }\n\n    .trust-stat-lbl {\n      font-size: 0.72rem;\n      color: #cbd5e1;\n      line-height: 1.25;\n      font-weight: 600;\n    }\n\n    .trust-chips-row {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 6px;\n      margin-bottom: 8px;\n    }\n\n    .trust-chip {\n      background: rgba(2, 13, 31, 0.65);\n      border: 1px solid rgba(255, 255, 255, 0.09);\n      border-radius: var(--radius-sm);\n      padding: 6px 8px;\n      font-size: 0.66rem;\n      font-weight: 700;\n      color: #f1f5f9;\n      display: flex;\n      align-items: center;\n      gap: 5px;\n    }\n\n    .trust-strip-txt {\n      border-top: 1px solid rgba(255, 255, 255, 0.08);\n      padding-top: 8px;\n      font-size: 0.66rem;\n      color: #94a3b8;\n      line-height: 1.3;\n      display: flex;\n      align-items: center;\n      gap: 6px;\n    }\n\n    .trust-strip-txt strong {\n      color: #e2e8f0;\n    }\n\n  \n    \/* ========================================================\n       HERO FREE IMAGE SHOWCASE (UNRESTRICTED & HIGH-IMPACT)\n       ======================================================== *\/\n    .hero-free-image-wrap {\n      position: relative;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      max-width: 500px;\n      width: 100%;\n      height: 100%;\n      max-height: 480px;\n      transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);\n    }\n\n    .hero-free-img {\n      max-width: 100%;\n      max-height: 470px;\n      width: auto;\n      height: auto;\n      object-fit: contain;\n      border-radius: 18px;\n      box-shadow: 0 20px 50px rgba(0, 0, 0, 0.65), 0 0 30px rgba(0, 162, 255, 0.25);\n      border: 1px solid rgba(255, 255, 255, 0.18);\n      transition: transform 0.4s ease, box-shadow 0.4s ease;\n      display: block;\n    }\n\n    .hero-free-image-wrap:hover .hero-free-img {\n      transform: translateY(-6px) scale(1.02);\n      box-shadow: 0 28px 65px rgba(0, 0, 0, 0.75), 0 0 45px rgba(0, 162, 255, 0.45);\n    }\n\n    .hero-free-img.glow-autocad {\n      border-color: rgba(225, 29, 72, 0.4);\n      box-shadow: 0 20px 50px rgba(0, 0, 0, 0.7), 0 0 35px rgba(225, 29, 72, 0.35);\n    }\n\n    .hero-free-image-wrap:hover .hero-free-img.glow-autocad {\n      box-shadow: 0 28px 65px rgba(0, 0, 0, 0.8), 0 0 50px rgba(255, 42, 85, 0.55);\n    }\n\n    .hero-free-img.glow-webinar {\n      border-color: rgba(239, 68, 68, 0.4);\n      box-shadow: 0 20px 50px rgba(0, 0, 0, 0.7), 0 0 35px rgba(239, 68, 68, 0.35);\n    }\n\n    .hero-free-image-wrap:hover .hero-free-img.glow-webinar {\n      box-shadow: 0 28px 65px rgba(0, 0, 0, 0.8), 0 0 50px rgba(239, 68, 68, 0.55);\n    }\n\n    .hero-free-img.glow-apus {\n      border-color: rgba(0, 112, 243, 0.45);\n      box-shadow: 0 20px 50px rgba(0, 0, 0, 0.7), 0 0 35px rgba(0, 112, 243, 0.4);\n    }\n\n    .hero-free-image-wrap:hover .hero-free-img.glow-apus {\n      box-shadow: 0 28px 65px rgba(0, 0, 0, 0.8), 0 0 50px rgba(0, 180, 216, 0.6);\n    }\n\n    \/* Enlarge presentation card in Slide 1 *\/\n    .hero-presentation-card {\n      max-width: 440px !important;\n      padding: 18px 20px !important;\n    }\n    .hero-presentation-card .hero-card-img-wrap {\n      height: 200px !important;\n    }\n\/* ========================================================\n   BLINDAJE DE CONTRASTE TIPOGR\u00c1FICO CONTRA TEMAS ELEMENTOR\n   Garantiza t\u00edtulos siempre blancos y n\u00edtidos en fondos oscuros\n   ======================================================== *\/\n#lsg-landing-root .hero-slider-wrap h1,\n#lsg-landing-root .hero-slider-wrap h2,\n#lsg-landing-root .hero-slider-wrap h3,\n#lsg-landing-root .hero-slide h1,\n#lsg-landing-root .hero-slide h2,\n#lsg-landing-root .slide-title,\n#lsg-landing-root .slide-title.title-autocad,\n#lsg-landing-root .slide-title.title-apus-blue {\n  color: #ffffff !important;\n  -webkit-text-fill-color: initial !important;\n  text-shadow: 0 2px 14px rgba(0, 0, 0, 0.9) !important;\n}\n\n#lsg-landing-root .slide-title span {\n  background: linear-gradient(120deg, #38bdf8, #ffffff) !important;\n  -webkit-background-clip: text !important;\n  -webkit-text-fill-color: transparent !important;\n}\n\n#lsg-landing-root .slide-title.title-autocad span {\n  background: linear-gradient(90deg, #ff3366 0%, #ff758c 35%, #00e5ff 75%, #38bdf8 100%) !important;\n  -webkit-background-clip: text !important;\n  -webkit-text-fill-color: transparent !important;\n}\n\n#lsg-landing-root .slide-title.title-apus-blue span {\n  background: linear-gradient(135deg, #ffffff 0%, #93c5fd 40%, #00d2ff 100%) !important;\n  -webkit-background-clip: text !important;\n  -webkit-text-fill-color: transparent !important;\n}\n\n#lsg-landing-root .slide-desc {\n  color: #e2e8f0 !important;\n  text-shadow: 0 1px 8px rgba(0, 0, 0, 0.85) !important;\n}\n\n#lsg-landing-root .hero-feature-pill {\n  color: #f1f5f9 !important;\n}\n\n#lsg-landing-root .lab-header-block h2 {\n  color: #ffffff !important;\n}\n\n#lsg-landing-root .card-title-text {\n  color: #ffffff !important;\n}\n\n#lsg-landing-root .numeros-hablan-title {\n  color: #ffffff !important;\n}\n\n#lsg-landing-root .numero-label {\n  color: #cbd5e1 !important;\n}\n\n\n\/* ========================================================\n   SISTEMA RESPONSIVO PROFESIONAL LSG M\u00d3VIL (<= 768px)\n   EST\u00c1NDAR INTERBANK \/ ED-TECH\n   ======================================================== *\/\n@media (max-width: 768px) {\n  \/* 1. Hero Slider M\u00f3vil: Altura controlada, fondo oscuro uniforme *\/\n  #lsg-landing-root .hero-slider-wrap {\n    height: 520px !important;\n    min-height: 520px !important;\n    max-height: 520px !important;\n    position: relative !important;\n    overflow: hidden !important;\n    background: #071739 !important;\n  }\n\n  #lsg-landing-root .hero-slides-track {\n    height: 100% !important;\n  }\n\n  #lsg-landing-root .hero-slide {\n    height: 100% !important;\n    padding: 0 !important;\n  }\n\n  #lsg-landing-root .slide-bg-image {\n    opacity: 0.35 !important;\n    filter: blur(4px) !important;\n    transform: scale(1.02) !important;\n  }\n\n  #lsg-landing-root .slide-overlay,\n  #lsg-landing-root .overlay-institucional,\n  #lsg-landing-root .overlay-autocad,\n  #lsg-landing-root .overlay-webinar {\n    background: linear-gradient(180deg, rgba(4, 13, 33, 0.96) 0%, rgba(7, 23, 57, 0.94) 100%) !important;\n  }\n\n  #lsg-landing-root .slide-inner-grid {\n    grid-template-columns: 1fr !important;\n    gap: 12px !important;\n    padding: 24px 18px 70px !important;\n    height: 100% !important;\n    display: flex !important;\n    flex-direction: column !important;\n    justify-content: center !important;\n    box-sizing: border-box !important;\n    z-index: 5 !important;\n  }\n\n  #lsg-landing-root .slide-text-col {\n    padding: 0 !important;\n    background: transparent !important;\n    border: none !important;\n    box-shadow: none !important;\n    backdrop-filter: none !important;\n    -webkit-backdrop-filter: none !important;\n    display: flex !important;\n    flex-direction: column !important;\n    justify-content: center !important;\n    text-align: left !important;\n    max-width: 100% !important;\n  }\n\n  #lsg-landing-root .slide-badge {\n    font-size: 0.72rem !important;\n    padding: 4px 10px !important;\n    margin-bottom: 10px !important;\n    width: fit-content !important;\n    max-width: 100% !important;\n    white-space: nowrap !important;\n    overflow: hidden !important;\n    text-overflow: ellipsis !important;\n  }\n\n  #lsg-landing-root .slide-title {\n    font-size: 1.25rem !important;\n    line-height: 1.25 !important;\n    margin-bottom: 8px !important;\n    letter-spacing: -0.02em !important;\n    display: block !important;\n    overflow: visible !important;\n    white-space: normal !important;\n    -webkit-line-clamp: unset !important;\n    color: #ffffff !important;\n  }\n\n  #lsg-landing-root .slide-desc {\n    font-size: 0.82rem !important;\n    line-height: 1.42 !important;\n    margin-bottom: 12px !important;\n    color: #cbd5e1 !important;\n    max-width: 100% !important;\n    display: block !important;\n    overflow: visible !important;\n    text-overflow: clip !important;\n    white-space: normal !important;\n  }\n\n  #lsg-landing-root .hero-pills-row {\n    display: flex !important;\n    flex-wrap: wrap !important;\n    gap: 6px !important;\n    margin-bottom: 14px !important;\n  }\n\n  #lsg-landing-root .hero-feature-pill {\n    font-size: 0.70rem !important;\n    padding: 4px 8px !important;\n    background: rgba(255, 255, 255, 0.08) !important;\n    border-radius: 6px !important;\n    color: #f1f5f9 !important;\n  }\n\n  #lsg-landing-root .slide-actions {\n    display: flex !important;\n    flex-direction: row !important;\n    gap: 8px !important;\n    margin-bottom: 0 !important;\n    width: 100% !important;\n  }\n\n  #lsg-landing-root .btn-slide-primary,\n  #lsg-landing-root .btn-slide-autocad {\n    flex: 1 1 auto !important;\n    padding: 9px 12px !important;\n    font-size: 0.78rem !important;\n    justify-content: center !important;\n    text-align: center !important;\n    white-space: nowrap !important;\n  }\n\n  #lsg-landing-root .btn-slide-wsp {\n    flex: 0 0 auto !important;\n    padding: 9px 12px !important;\n    font-size: 0.78rem !important;\n    justify-content: center !important;\n  }\n\n  #lsg-landing-root .btn-slide-wsp span {\n    display: none !important;\n  }\n\n  #lsg-landing-root .btn-slide-wsp i {\n    font-size: 1.1rem !important;\n    margin: 0 !important;\n  }\n\n  #lsg-landing-root .hero-presentation-card,\n  #lsg-landing-root .hero-free-image-wrap {\n    display: none !important;\n  }\n\n  #lsg-landing-root .hero-slide[data-index=\"0\"] .slide-visual-col {\n    display: flex !important;\n    width: 100% !important;\n    margin-top: 10px !important;\n  }\n\n  #lsg-landing-root .hero-slide[data-index=\"0\"] .slide-visual-col::after {\n    content: \"\ud83d\udee1\ufe0f +15,000 Profesionales y Egresados Capacitados en Per\u00fa y Latinoam\u00e9rica\";\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 100%;\n    padding: 8px 14px;\n    background: rgba(1, 82, 166, 0.22);\n    border: 1px solid rgba(56, 189, 248, 0.35);\n    border-radius: 10px;\n    color: #e0f2fe;\n    font-size: 0.75rem;\n    font-weight: 600;\n    text-align: center;\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);\n  }\n\n  #lsg-landing-root .hero-slide[data-index=\"1\"] .slide-visual-col,\n  #lsg-landing-root .hero-slide[data-index=\"2\"] .slide-visual-col,\n  #lsg-landing-root .hero-slide[data-index=\"3\"] .slide-visual-col {\n    display: none !important;\n  }\n\n  #lsg-landing-root .hero-bottom-controls {\n    position: absolute !important;\n    bottom: 12px !important;\n    left: 50% !important;\n    transform: translateX(-50%) !important;\n    z-index: 10 !important;\n    display: inline-flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    gap: 8px !important;\n    background: rgba(4, 13, 33, 0.75) !important;\n    backdrop-filter: blur(10px) !important;\n    -webkit-backdrop-filter: blur(10px) !important;\n    padding: 4px 10px !important;\n    border-radius: 40px !important;\n    border: 1px solid rgba(255, 255, 255, 0.16) !important;\n    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35) !important;\n  }\n\n  #lsg-landing-root .hero-control-btn,\n  #lsg-landing-root .slider-dots-bar {\n    position: static !important;\n    transform: none !important;\n    margin: 0 !important;\n    left: auto !important;\n    right: auto !important;\n    top: auto !important;\n    bottom: auto !important;\n    background: transparent !important;\n    border: none !important;\n    box-shadow: none !important;\n    padding: 0 !important;\n  }\n\n  #lsg-landing-root .hero-control-btn {\n    width: 26px !important;\n    height: 26px !important;\n    font-size: 0.65rem !important;\n    border-radius: 50% !important;\n    background: rgba(255, 255, 255, 0.14) !important;\n    border: 1px solid rgba(255, 255, 255, 0.22) !important;\n    display: flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n  }\n\n  #lsg-landing-root .slider-dots-bar {\n    display: flex !important;\n    align-items: center !important;\n    gap: 6px !important;\n  }\n\n  #lsg-landing-root .slider-dot-btn,\n  #lsg-landing-root .slider-dot {\n    width: 6px !important;\n    height: 6px !important;\n  }\n\n  #lsg-landing-root .slider-dot-btn.active,\n  #lsg-landing-root .slider-dot.active {\n    width: 16px !important;\n  }\n\n  \/* 2. Barra de Propuesta de Valor M\u00f3vil *\/\n  #lsg-landing-root .value-bar-section {\n    margin-top: -15px !important;\n    padding: 0 12px !important;\n  }\n  #lsg-landing-root .value-blue-side {\n    padding: 18px 16px !important;\n    gap: 14px !important;\n    grid-template-columns: 1fr !important;\n  }\n  #lsg-landing-root .value-white-side {\n    padding: 20px 16px !important;\n    text-align: center !important;\n  }\n  #lsg-landing-root .btn-wsp-cta {\n    margin: 0 auto !important;\n  }\n\n  \/* 3. Secci\u00f3n 3D y Especialidades M\u00f3vil (Carril Deslizable App-Grade + Visor Compacto) *\/\n  #lsg-landing-root .interactive-3d-lab {\n    padding: 24px 12px 18px !important;\n  }\n  #lsg-landing-root .lab-container-8 {\n    padding: 16px 12px !important;\n  }\n  #lsg-landing-root .lab-header-block {\n    margin-bottom: 12px !important;\n  }\n  #lsg-landing-root .lab-header-block h2 {\n    font-size: 1.35rem !important;\n    line-height: 1.25 !important;\n    margin-bottom: 6px !important;\n    color: #ffffff !important;\n  }\n  #lsg-landing-root .lab-header-block p {\n    font-size: 0.78rem !important;\n    line-height: 1.4 !important;\n    margin-bottom: 8px !important;\n  }\n  #lsg-landing-root .lab-showcase-split {\n    display: flex !important;\n    flex-direction: column !important;\n    gap: 12px !important;\n  }\n  #lsg-landing-root .canvas-3d-stage {\n    order: 1 !important;\n    height: 250px !important;\n    max-height: 250px !important;\n    width: 100% !important;\n    margin-bottom: 4px !important;\n    border-radius: 14px !important;\n  }\n  #lsg-landing-root .canvas-hud-overlay {\n    font-size: 0.62rem !important;\n    padding: 5px 8px !important;\n    max-width: 210px !important;\n  }\n  #lsg-landing-root .canvas-interactive-alert {\n    font-size: 0.64rem !important;\n    padding: 3px 8px !important;\n  }\n  #lsg-landing-root .specialties-grid-2x4 {\n    order: 2 !important;\n    display: flex !important;\n    flex-direction: row !important;\n    flex-wrap: nowrap !important;\n    overflow-x: auto !important;\n    scroll-snap-type: x mandatory !important;\n    -webkit-overflow-scrolling: touch !important;\n    scrollbar-width: none !important;\n    gap: 10px !important;\n    padding: 4px 2px 10px 2px !important;\n    width: 100% !important;\n    box-sizing: border-box !important;\n  }\n  #lsg-landing-root .specialties-grid-2x4::-webkit-scrollbar {\n    display: none !important;\n  }\n  #lsg-landing-root .specialty-dynamic-card {\n    flex: 0 0 215px !important;\n    min-width: 215px !important;\n    max-width: 215px !important;\n    scroll-snap-align: start !important;\n    padding: 9px 11px !important;\n    min-height: 92px !important;\n    height: auto !important;\n    border-radius: 12px !important;\n  }\n  #lsg-landing-root .card-title-text {\n    font-size: 0.74rem !important;\n    line-height: 1.24 !important;\n    color: #ffffff !important;\n    display: -webkit-box !important;\n    -webkit-line-clamp: 2 !important;\n    -webkit-box-orient: vertical !important;\n    overflow: hidden !important;\n  }\n  #lsg-landing-root .soft-chip {\n    font-size: 0.60rem !important;\n    padding: 1px 4px !important;\n  }\n\n  \/* 4. Secci\u00f3n \"Los N\u00fameros Hablan\" M\u00f3vil (2 Columnas perfectas) *\/\n  #lsg-landing-root .numeros-hablan-sec {\n    padding: 45px 16px !important;\n  }\n  #lsg-landing-root .numeros-hablan-title {\n    font-size: 1.6rem !important;\n    color: #ffffff !important;\n    margin-bottom: 6px !important;\n  }\n  #lsg-landing-root .numeros-hablan-divider {\n    margin-bottom: 28px !important;\n  }\n  #lsg-landing-root .numeros-hablan-grid {\n    grid-template-columns: repeat(2, 1fr) !important;\n    gap: 12px !important;\n    max-width: 100% !important;\n  }\n  #lsg-landing-root .numero-item {\n    padding: 14px 10px !important;\n  }\n  #lsg-landing-root .numero-valor {\n    font-size: 2.2rem !important;\n    margin: 8px 0 4px !important;\n  }\n  #lsg-landing-root .numero-label {\n    font-size: 0.78rem !important;\n    color: #cbd5e1 !important;\n  }\n\n  \/* 5. Carril de Filtros de Categor\u00edas M\u00f3vil (Image 4) *\/\n  #lsg-landing-root .filter-carril-wrapper {\n    padding: 0 38px !important;\n    margin-bottom: 18px !important;\n  }\n  #lsg-landing-root .carril-nav-btn {\n    width: 32px !important;\n    height: 32px !important;\n    font-size: 0.72rem !important;\n    border: 1.5px solid #e2e8f0 !important;\n    box-shadow: 0 2px 8px rgba(1, 82, 166, 0.15) !important;\n    outline: none !important;\n  }\n  #lsg-landing-root .carril-nav-prev { left: 0 !important; }\n  #lsg-landing-root .carril-nav-next { right: 0 !important; }\n  #lsg-landing-root .category-filter-bar {\n    gap: 8px !important;\n    padding: 4px 2px 8px !important;\n    display: flex !important;\n    flex-wrap: nowrap !important;\n    overflow-x: auto !important;\n    -webkit-overflow-scrolling: touch !important;\n    scrollbar-width: none !important;\n  }\n  #lsg-landing-root .btn-cat-filter {\n    flex: 0 0 auto !important;\n    white-space: nowrap !important;\n    display: inline-flex !important;\n    align-items: center !important;\n    padding: 7px 16px !important;\n    font-size: 0.80rem !important;\n    border-radius: 30px !important;\n  }\n\n  \/* 6. Carrusel de Cursos M\u00f3vil: Encaje R\u00edgido de Im\u00e1genes y Desplazamiento *\/\n  #lsg-landing-root .cards-horizontal-viewport {\n    gap: 14px !important;\n    padding: 12px 6px 22px !important;\n    scroll-snap-type: x mandatory !important;\n    -webkit-overflow-scrolling: touch !important;\n  }\n  #lsg-landing-root .popout-card {\n    flex: 0 0 280px !important;\n    min-width: 280px !important;\n    max-width: 280px !important;\n    padding: 12px 12px 16px !important;\n    border-radius: 16px !important;\n    scroll-snap-align: start !important;\n  }\n  #lsg-landing-root .popout-figure-stage {\n    height: 165px !important;\n    min-height: 165px !important;\n    max-height: 165px !important;\n    margin: 0 0 12px 0 !important;\n    border-radius: 12px !important;\n  }\n  #lsg-landing-root .popout-img-cutout {\n    border-radius: 11px !important;\n  }\n  #lsg-landing-root .popout-card-title {\n    font-size: 0.96rem !important;\n    min-height: 42px !important;\n    line-height: 1.3 !important;\n  }\n  #lsg-landing-root .popout-card-desc {\n    font-size: 0.78rem !important;\n    min-height: 44px !important;\n    line-height: 1.4 !important;\n    margin-bottom: 10px !important;\n  }\n  #lsg-landing-root .btn-popout-cta {\n    padding: 8px 12px !important;\n    font-size: 0.76rem !important;\n  }\n  #lsg-landing-root .btn-card-wsp {\n    width: 36px !important;\n    height: 36px !important;\n    font-size: 1.05rem !important;\n  }\n}\n\n<\/style>\n\n<!-- ========================================================\n     CONTENEDOR DE AISLAMIENTO TOTAL LSG INGENIEROS\n     Protege el Header y Footer de WordPress contra interferencias de estilos\n     ======================================================== -->\n<div id=\"lsg-landing-root\" class=\"lsg-landing-root\">\n\n<!-- 1. HERO CARRUSEL COMPACTO & CON ELEMENTOS VISUALES REALES LSG -->\n  <section class=\"hero-slider-wrap\" id=\"heroSlider\">\n    <div class=\"hero-slides-track\">\n\n      <!-- SLIDE 1: INSTITUCIONAL LSG (Presentaci\u00f3n, Presencia en Obra & M\u00e9tricas Clave) -->\n      <div class=\"hero-slide active\" data-index=\"0\">\n        <div class=\"slide-bg-image\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1541888946425-d0fbb186156f?auto=format&fit=crop&w=1600&q=80');\"><\/div>\n        <div class=\"slide-overlay overlay-institucional\"><\/div>\n\n        <div class=\"slide-inner-grid\">\n          <div class=\"slide-text-col\">\n            <span class=\"slide-badge\">\n              <i class=\"fas fa-award\"><\/i> Capacitaci\u00f3n Especializada en Obra\n            <\/span>\n            <h1 class=\"slide-title\">La Educaci\u00f3n <span>Abre la Mente<\/span><\/h1>\n            <p class=\"slide-desc\">Dise\u00f1amos y ejecutamos programas acad\u00e9micos de acuerdo a la demanda del mercado laboral, formando ingenieros y profesionales preparados para liderar desaf\u00edos reales de construcci\u00f3n.<\/p>\n            \n            <div class=\"hero-pills-row\">\n              <span class=\"hero-feature-pill\"><i class=\"fas fa-check-circle\" style=\"color: #38bdf8;\"><\/i> +8 A\u00f1os Formando L\u00edderes<\/span>\n              <span class=\"hero-feature-pill\"><i class=\"fas fa-drafting-compass\" style=\"color: #22c55e;\"><\/i> 100% Casos Reales de Campo<\/span>\n              <span class=\"hero-feature-pill\"><i class=\"fas fa-qrcode\" style=\"color: #a855f7;\"><\/i> Certificaci\u00f3n Oficial con QR<\/span>\n            <\/div>\n\n            <div class=\"slide-actions\">\n              <a href=\"#cursos\" class=\"btn-slide-primary\">\n                <span>Explorar Cat\u00e1logo de Cursos<\/span>\n                <i class=\"fas fa-arrow-right\"><\/i>\n              <\/a>\n              <a href=\"https:\/\/api.whatsapp.com\/send?phone=51952349465&text=Hola,%20solicito%20asesor\u00eda%20sobre%20los%20programas%20de%20LSG%20Ingenieros\" target=\"_blank\" class=\"btn-slide-wsp\">\n                <i class=\"fab fa-whatsapp\"><\/i>\n                <span>Asesor\u00eda por WhatsApp<\/span>\n              <\/a>\n            <\/div>\n          <\/div>\n\n          <div class=\"slide-visual-col\">\n            <div class=\"hero-interactive-card hero-presentation-card\">\n              <div class=\"hero-card-img-wrap\" style=\"height: 180px;\">\n                <img src=\"https:\/\/lsgingenieros.net\/wp-content\/uploads\/2025\/09\/Diseno-sin-titulo-10.png\" alt=\"Ingeniero en Obra LSG\" fetchpriority=\"high\" decoding=\"async\" onerror=\"this.src='https:\/\/images.unsplash.com\/photo-1541888946425-d0fbb186156f?auto=format&fit=crop&w=700&q=80'\">\n                <span class=\"hero-card-floating-badge\"><i class=\"fas fa-shield-alt\"><\/i> Respaldo Oficial LSG<\/span>\n                <span class=\"hero-card-rating-badge\"><i class=\"fas fa-star\" style=\"color: #fbbf24;\"><\/i> 4.9 \/ 5 (2.4k+ rese\u00f1as)<\/span>\n              <\/div>\n\n              <div class=\"card-trust-stat\">\n                <span class=\"trust-stat-num\">+15,000<\/span>\n                <span class=\"trust-stat-lbl\">Profesionales y Egresados Capacitados en Per\u00fa y Latinoam\u00e9rica<\/span>\n              <\/div>\n\n              <div class=\"trust-chips-row\">\n                <div class=\"trust-chip\"><i class=\"fas fa-hard-hat\" style=\"color: #38bdf8;\"><\/i> +8 A\u00f1os Obra<\/div>\n                <div class=\"trust-chip\"><i class=\"fas fa-qrcode\" style=\"color: #22c55e;\"><\/i> C\u00f3digo QR<\/div>\n                <div class=\"trust-chip\"><i class=\"fas fa-cube\" style=\"color: #a855f7;\"><\/i> Casos Reales<\/div>\n              <\/div>\n\n              <div class=\"trust-strip-txt\">\n                <i class=\"fas fa-check-double\" style=\"color: #38bdf8;\"><\/i>\n                <span>Egresados en <strong>Prov\u00edas, MTC, Gobiernos Regionales y Constructoras<\/strong><\/span>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- SLIDE 2: ESPECIALIZACI\u00d3N AUTODESK AUTOCAD 2027 (BIM e IA) -->\n      <div class=\"hero-slide\" data-index=\"1\">\n        <div class=\"slide-bg-image\" style=\"background-image: url('https:\/\/lsgingenieros.net\/wp-content\/uploads\/2026\/09\/img_autodes.png');\"><\/div>\n        <div class=\"slide-overlay overlay-autocad\"><\/div>\n\n        <div class=\"slide-inner-grid\">\n          <div class=\"slide-text-col\">\n            <span class=\"slide-badge\" style=\"border-color: #e11d48; color: #fda4af; background: rgba(225, 29, 72, 0.14);\">\n              <i class=\"fas fa-microchip\" style=\"color: #ff2a55;\"><\/i> Especializaci\u00f3n Oficial \u2022 Inicio 14 Octubre\n            <\/span>\n            <h2 class=\"slide-title title-autocad\">Autodesk AutoCAD 2027 <span>(Dibujo T\u00e9cnico - Enfoque BIM & IA)<\/span><\/h2>\n            <p class=\"slide-desc\">Domina el dibujo t\u00e9cnico inteligente, modelado 2D\/3D, automatizaci\u00f3n con Inteligencia Artificial e integraci\u00f3n en flujos BIM bajo la gu\u00eda de instructores especialistas de la UNI.<\/p>\n            \n            <div class=\"hero-pills-row\">\n              <span class=\"hero-feature-pill\"><i class=\"fas fa-layer-group\" style=\"color: #ff2a55;\"><\/i> B\u00e1sico, Intermedio & Avanzado (3D, BIM e IA)<\/span>\n              <span class=\"hero-feature-pill\"><i class=\"fas fa-drafting-compass\" style=\"color: #38bdf8;\"><\/i> Planos: Arquitectura, Estructuras, IIEE e IISS<\/span>\n              <span class=\"hero-feature-pill\"><i class=\"fas fa-robot\" style=\"color: #a855f7;\"><\/i> Automatizaci\u00f3n con IA & Flujos BIM<\/span>\n              <span class=\"hero-feature-pill\"><i class=\"fas fa-user-tie\" style=\"color: #22c55e;\"><\/i> Instructores UNI & Autodesk<\/span>\n            <\/div>\n\n            <div class=\"slide-actions\">\n              <a href=\"#cursos\" class=\"btn-slide-autocad\">\n                <i class=\"fas fa-cube\"><\/i>\n                <span>Ver Especializaci\u00f3n AutoCAD<\/span>\n              <\/a>\n              <a href=\"https:\/\/api.whatsapp.com\/send?phone=51952349465&text=Hola,%20solicito%20informaci\u00f3n%20sobre%20la%20Especializaci\u00f3n%20en%20Autodesk%20AutoCAD%202027%20(BIM%20e%20IA)\" target=\"_blank\" class=\"btn-slide-wsp\">\n                <i class=\"fab fa-whatsapp\"><\/i>\n                <span>Consultar Asesor WhatsApp<\/span>\n              <\/a>\n            <\/div>\n          <\/div>\n\n          <div class=\"slide-visual-col\">\n            <div class=\"hero-free-image-wrap\">\n              <img decoding=\"async\" src=\"https:\/\/lsgingenieros.net\/wp-content\/uploads\/2026\/09\/img_autodes.png\" alt=\"Especialista en Autodesk AutoCAD 2027 (Dibujo T\u00e9cnico - Enfoque BIM & IA)\" class=\"hero-free-img glow-autocad\">\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- SLIDE 3: WEBINAR EN VIVO AUTODESK AUTOCAD 2027 (BIM e IA) -->\n      <div class=\"hero-slide\" data-index=\"2\">\n        <div class=\"slide-bg-image\" style=\"background-image: url('https:\/\/lsgingenieros.net\/wp-content\/uploads\/2026\/09\/img_webinae.png');\"><\/div>\n        <div class=\"slide-overlay overlay-webinar\"><\/div>\n\n        <div class=\"slide-inner-grid\">\n          <div class=\"slide-text-col\">\n            <span class=\"slide-badge badge-live-pulse\">\n              <i class=\"fas fa-broadcast-tower\"><\/i> Masterclass en VIVO \u2022 \u00a1Acceso Gratuito!\n            <\/span>\n            <h2 class=\"slide-title\">Webinar en VIVO: <span>AutoCAD 2027 (BIM e IA)<\/span><\/h2>\n            <p class=\"slide-desc\">Participa en nuestro Webinar en VIVO y conoce las herramientas de dise\u00f1o inteligente en entornos BIM e IA. Domina las funciones clave para la optimizaci\u00f3n de tus proyectos de ingenier\u00eda y construcci\u00f3n.<\/p>\n            \n            <div class=\"hero-pills-row\">\n              <span class=\"hero-feature-pill\"><i class=\"fas fa-calendar-check\" style=\"color: #f87171;\"><\/i> 14 de Octubre<\/span>\n              <span class=\"hero-feature-pill\"><i class=\"fas fa-video\" style=\"color: #38bdf8;\"><\/i> V\u00eda Google Meet<\/span>\n              <span class=\"hero-feature-pill\"><i class=\"fas fa-clock\" style=\"color: #fbbf24;\"><\/i> \ud83c\uddf5\ud83c\uddea\ud83c\udde8\ud83c\uddf4 8:30 PM | \ud83c\uddf2\ud83c\uddfd 7:30 PM | \ud83c\udde7\ud83c\uddf4 9:30 PM | \ud83c\udde8\ud83c\uddf1 10:30 PM<\/span>\n              <span class=\"hero-feature-pill\"><i class=\"fas fa-chalkboard-teacher\" style=\"color: #22c55e;\"><\/i> Ing. B. Lenin Soto (UNI) & Nicolas Contreras<\/span>\n            <\/div>\n\n            <div class=\"slide-actions\">\n              <a href=\"https:\/\/api.whatsapp.com\/send?phone=51952349465&text=Hola,%20deseo%20inscribirme%20al%20Webinar%20Gratuito%20en%20VIVO%20de%20Autodesk%20AutoCAD%202027%20(BIM%20e%20IA)\" target=\"_blank\" class=\"btn-slide-primary\">\n                <i class=\"fas fa-user-plus\"><\/i>\n                <span>Inscribirme Gratis (Cupos Limitados)<\/span>\n              <\/a>\n              <a href=\"https:\/\/lsgingenieros.net\/webinar-autodesk-autocad-2027\/\" target=\"_blank\" class=\"btn-slide-wsp\">\n                <i class=\"fas fa-external-link-alt\" style=\"color: #38bdf8;\"><\/i>\n                <span>Ver Detalles del Webinar<\/span>\n              <\/a>\n            <\/div>\n          <\/div>\n\n          <div class=\"slide-visual-col\">\n            <div class=\"hero-free-image-wrap\">\n              <img decoding=\"async\" src=\"https:\/\/lsgingenieros.net\/wp-content\/uploads\/2026\/09\/img_webinae.png\" alt=\"Webinar en VIVO: Autodesk AutoCAD 2027 (BIM e IA)\" class=\"hero-free-img glow-webinar\">\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- SLIDE 4: LIBRO T\u00c9CNICO DE APUS EN EDIFICACIONES 2025 \/ 2026 -->\n      <div class=\"hero-slide\" data-index=\"3\">\n        <div class=\"slide-bg-image\" style=\"background-image: url('https:\/\/lsgingenieros.net\/wp-content\/uploads\/2026\/09\/2025-LIBRO-APUS-STORIE.jpg');\"><\/div>\n        <div class=\"slide-overlay overlay-apus-blue\"><\/div>\n\n        <div class=\"slide-inner-grid\">\n          <div class=\"slide-text-col\">\n            <span class=\"slide-badge\" style=\"border-color: #0070f3; color: #93c5fd; background: rgba(0, 112, 243, 0.15);\">\n              <i class=\"fas fa-book-open\" style=\"color: #38bdf8;\"><\/i> Recurso Exclusivo LSG \u2022 Edici\u00f3n Oficial Digital\n            <\/span>\n            <h2 class=\"slide-title title-apus-blue\">Libro T\u00e9cnico <span>de APUs en Edificaciones<\/span><\/h2>\n            <p class=\"slide-desc\">La gu\u00eda imprescindible con m\u00e1s de 500 partidas analizadas, rendimientos reales de campo, hojas de c\u00e1lculo editables en Excel y base de datos exportable a S10 ERP para presupuestos de obra.<\/p>\n            \n            <div class=\"hero-pills-row\">\n              <span class=\"hero-feature-pill\"><i class=\"fas fa-user-edit\" style=\"color: #38bdf8;\"><\/i> Autor: Bladimir Lenin Soto Gomez<\/span>\n              <span class=\"hero-feature-pill\"><i class=\"fas fa-file-excel\" style=\"color: #22c55e;\"><\/i> +500 Plantillas Excel Editables<\/span>\n              <span class=\"hero-feature-pill\"><i class=\"fas fa-database\" style=\"color: #38bdf8;\"><\/i> Compatible con S10 ERP<\/span>\n              <span class=\"hero-feature-pill\"><i class=\"fas fa-building\" style=\"color: #e2e8f0;\"><\/i> Rendimientos Reales de Obra<\/span>\n            <\/div>\n\n            <div class=\"slide-actions\">\n              <a href=\"https:\/\/api.whatsapp.com\/send?phone=51952349465&text=Hola,%20deseo%20adquirir%20el%20Libro%20T\u00e9cnico%20Digital%20de%20APUs%20en%20Edificaciones%20(Edici\u00f3n%202025\/2026)\" target=\"_blank\" class=\"btn-slide-apus-blue\">\n                <i class=\"fas fa-download\"><\/i>\n                <span>Obtener Libro Digital APUs<\/span>\n              <\/a>\n              <a href=\"https:\/\/api.whatsapp.com\/send?phone=51952349465&text=Hola,%20deseo%20ver%20el%20temario%20y%20partidas%20del%20Libro%20T\u00e9cnico%20de%20APUs\" target=\"_blank\" class=\"btn-slide-wsp\">\n                <i class=\"fas fa-list-alt\"><\/i>\n                <span>Ver Partidas del Libro<\/span>\n              <\/a>\n            <\/div>\n          <\/div>\n\n          <div class=\"slide-visual-col\">\n            <div class=\"hero-free-image-wrap\">\n              <img decoding=\"async\" src=\"https:\/\/lsgingenieros.net\/wp-content\/uploads\/2026\/09\/2025-LIBRO-APUS-STORIE.jpg\" alt=\"Libro T\u00e9cnico de APUs en Edificaciones (Edici\u00f3n Oficial 2025\/2026)\" class=\"hero-free-img glow-apus\">\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n    <!-- Controles del Slider (Flechas a los lados en Desktop, Dock inferior en M\u00f3vil) -->\n    <div class=\"hero-bottom-controls\" id=\"heroControlsDock\">\n      <button type=\"button\" class=\"hero-control-btn btn-prev\" id=\"heroPrev\" aria-label=\"Diapositiva anterior\">\n        <i class=\"fas fa-chevron-left\"><\/i>\n      <\/button>\n      <div class=\"slider-dots-bar\" id=\"heroDotsBar\">\n        <button type=\"button\" class=\"slider-dot-btn active\" data-to=\"0\" aria-label=\"Diapositiva 1\"><\/button>\n        <button type=\"button\" class=\"slider-dot-btn\" data-to=\"1\" aria-label=\"Diapositiva 2\"><\/button>\n        <button type=\"button\" class=\"slider-dot-btn\" data-to=\"2\" aria-label=\"Diapositiva 3\"><\/button>\n        <button type=\"button\" class=\"slider-dot-btn\" data-to=\"3\" aria-label=\"Diapositiva 4\"><\/button>\n      <\/div>\n      <button type=\"button\" class=\"hero-control-btn btn-next\" id=\"heroNext\" aria-label=\"Siguiente diapositiva\">\n        <i class=\"fas fa-chevron-right\"><\/i>\n      <\/button>\n    <\/div>\n  <\/section>\n\n  <!-- ========================================================\n       2. BARRA DE PROPUESTA DE VALOR REAL (ESTILO LSG & BCP)\n       ======================================================== -->\n  <div class=\"value-bar-section\">\n    <div class=\"value-bar-container\">\n      \n      <!-- Lado Azul: Los 3 Pilares Oficiales de LSG -->\n      <div class=\"value-blue-side\">\n        <div class=\"value-pill-card\">\n          <div class=\"value-icon-box\">\n            <i class=\"fas fa-briefcase\"><\/i>\n          <\/div>\n          <h3>Experiencia en Campo<\/h3>\n          <p>Docentes activos en megaobras y expedientes t\u00e9cnicos<\/p>\n        <\/div>\n        \n        <div class=\"value-pill-card\">\n          <div class=\"value-icon-box\">\n            <i class=\"fas fa-laptop-code\"><\/i>\n          <\/div>\n          <h3>Educaci\u00f3n 100% en Vivo<\/h3>\n          <p>Clases interactivas y acceso de por vida al aula virtual<\/p>\n        <\/div>\n        \n        <div class=\"value-pill-card\">\n          <div class=\"value-icon-box\">\n            <i class=\"fas fa-stamp\"><\/i>\n          <\/div>\n          <h3>Certif\u00edcate con Respaldo<\/h3>\n          <p>Total validez oficial con c\u00f3digo QR y horas lectivas<\/p>\n        <\/div>\n      <\/div>\n\n      <!-- Lado Blanco: Llamado a la Acci\u00f3n Directo -->\n      <div class=\"value-white-side\">\n        <span class=\"value-tag\">Estudia a tu propio ritmo<\/span>\n        <h2>Impulsa tu carrera aprendiendo habilidades en alta demanda<\/h2>\n        <a href=\"https:\/\/api.whatsapp.com\/send?phone=51952349465&text=Hola,%20deseo%20asesor\u00eda%20sobre%20las%20capacitaciones%20de%20LSG\" target=\"_blank\" class=\"btn-wsp-cta\">\n          <i class=\"fab fa-whatsapp\" style=\"font-size: 1.15rem;\"><\/i>\n          <span>> EMPEZAR AHORA<\/span>\n        <\/a>\n      <\/div>\n\n    <\/div>\n  <\/div>\n\n    <!-- ========================================================\n       3. TRANSFORMANDO LA CONSTRUCCI\u00d3N DE LO DIGITAL A LO REAL\n       (8 ESPECIALIZACIONES OFICIALES & SIMULADOR 3D INTERACTIVO)\n       ======================================================== -->\n  <!-- ========================================================\n       3. TRANSFORMANDO LA CONSTRUCCI\u00d3N DE LO DIGITAL A LO REAL\n       (8 ESPECIALIZACIONES EN 2 COLUMNAS X 4 FILAS + VISOR 3D LATERAL)\n       ======================================================== -->\n  <section class=\"interactive-3d-lab\" id=\"lab3d\">\n    <div class=\"lab-container-8\">\n      <div class=\"lab-glow-orb\"><\/div>\n\n      <!-- Encabezado de la Secci\u00f3n -->\n      <div class=\"lab-header-block\">\n        <div class=\"lab-badge\"><i class=\"fas fa-cube\"><\/i> Innovaci\u00f3n y Simulaci\u00f3n Tridimensional<\/div>\n        <h2>Transformando la Construcci\u00f3n <span class=\"gradient-tech\">de lo Digital a lo Real<\/span><\/h2>\n        <p>Interact\u00faa en tiempo real con nuestras 8 especializaciones de \u00e9lite en ingenier\u00eda civil y edificaci\u00f3n. Selecciona un programa para explorar su modelo 3D con par\u00e1metros normativos en vivo.<\/p>\n      <\/div>\n\n      <!-- Contenedor Dividido: 8 Tarjetas a la Izquierda y Visor 3D a la Derecha -->\n      <div class=\"lab-showcase-split\">\n\n        <!-- Cuadr\u00edcula Din\u00e1mica de 8 Especializaciones: Columna de 2 y Fila de 4 -->\n        <div class=\"specialties-grid-2x4\" id=\"specialtiesGrid\">\n          \n          <!-- 01. Estructuras -->\n          <div class=\"specialty-dynamic-card active\" data-mode=\"estructuras\" id=\"card-estructuras\">\n            <div class=\"card-top-bar\">\n              <span class=\"card-num-badge\">01<\/span>\n              <div class=\"card-icon-bubble\"><i class=\"fas fa-drafting-compass\"><\/i><\/div>\n            <\/div>\n            <div class=\"card-title-text\">Especialista en Software de Estructuras en Edificaciones<\/div>\n            <div class=\"card-software-chips\">\n              <span class=\"soft-chip\">ETABS<\/span>\n              <span class=\"soft-chip\">SAFE<\/span>\n              <span class=\"soft-chip\">Alba\u00f1iler\u00eda<\/span>\n            <\/div>\n            <div class=\"card-timer-track\"><div class=\"card-timer-fill\" id=\"timer-estructuras\"><\/div><\/div>\n          <\/div>\n\n          <!-- 02. Costos BIM 5D -->\n          <div class=\"specialty-dynamic-card\" data-mode=\"costos\" id=\"card-costos\">\n            <div class=\"card-top-bar\">\n              <span class=\"card-num-badge\">02<\/span>\n              <div class=\"card-icon-bubble\"><i class=\"fas fa-calculator\"><\/i><\/div>\n            <\/div>\n            <div class=\"card-title-text\">Especialista en Costos y Presupuestos con Metodolog\u00eda BIM<\/div>\n            <div class=\"card-software-chips\">\n              <span class=\"soft-chip\">S10 ERP<\/span>\n              <span class=\"soft-chip\">Delphin Express<\/span>\n              <span class=\"soft-chip\">BIM 5D<\/span>\n            <\/div>\n            <div class=\"card-timer-track\"><div class=\"card-timer-fill\" id=\"timer-costos\"><\/div><\/div>\n          <\/div>\n\n          <!-- 03. Modelador BIM -->\n          <div class=\"specialty-dynamic-card\" data-mode=\"bim\" id=\"card-bim\">\n            <div class=\"card-top-bar\">\n              <span class=\"card-num-badge\">03<\/span>\n              <div class=\"card-icon-bubble\"><i class=\"fas fa-cubes\"><\/i><\/div>\n            <\/div>\n            <div class=\"card-title-text\">Especialista en Modelador BIM<\/div>\n            <div class=\"card-software-chips\">\n              <span class=\"soft-chip\">Revit Arq<\/span>\n              <span class=\"soft-chip\">Estructuras<\/span>\n              <span class=\"soft-chip\">MEP LOD 350<\/span>\n            <\/div>\n            <div class=\"card-timer-track\"><div class=\"card-timer-fill\" id=\"timer-bim\"><\/div><\/div>\n          <\/div>\n\n          <!-- 04. Civil 3D y Saneamiento -->\n          <div class=\"specialty-dynamic-card\" data-mode=\"civil3d\" id=\"card-civil3d\">\n            <div class=\"card-top-bar\">\n              <span class=\"card-num-badge\">04<\/span>\n              <div class=\"card-icon-bubble\"><i class=\"fas fa-road\"><\/i><\/div>\n            <\/div>\n            <div class=\"card-title-text\">Especialista en Civil 3D, Obras Civiles y Saneamiento<\/div>\n            <div class=\"card-software-chips\">\n              <span class=\"soft-chip\">Civil 3D<\/span>\n              <span class=\"soft-chip\">Canales<\/span>\n              <span class=\"soft-chip\">Redes Tuber\u00edas<\/span>\n            <\/div>\n            <div class=\"card-timer-track\"><div class=\"card-timer-fill\" id=\"timer-civil3d\"><\/div><\/div>\n          <\/div>\n\n          <!-- 05. IA en Construcci\u00f3n -->\n          <div class=\"specialty-dynamic-card\" data-mode=\"ia\" id=\"card-ia\">\n            <div class=\"card-top-bar\">\n              <span class=\"card-num-badge\">05<\/span>\n              <div class=\"card-icon-bubble\"><i class=\"fas fa-robot\"><\/i><\/div>\n            <\/div>\n            <div class=\"card-title-text\">Especialista en Inteligencia Artificial Aplicada a la Construcci\u00f3n<\/div>\n            <div class=\"card-software-chips\">\n              <span class=\"soft-chip\">IA Gesti\u00f3n<\/span>\n              <span class=\"soft-chip\">BIM + IA<\/span>\n              <span class=\"soft-chip\">Vision AI<\/span>\n            <\/div>\n            <div class=\"card-timer-track\"><div class=\"card-timer-fill\" id=\"timer-ia\"><\/div><\/div>\n          <\/div>\n\n          <!-- 06. Gesti\u00f3n de Proyectos -->\n          <div class=\"specialty-dynamic-card\" data-mode=\"gestion\" id=\"card-gestion\">\n            <div class=\"card-top-bar\">\n              <span class=\"card-num-badge\">06<\/span>\n              <div class=\"card-icon-bubble\"><i class=\"fas fa-chart-pie\"><\/i><\/div>\n            <\/div>\n            <div class=\"card-title-text\">Especialista en Gesti\u00f3n de Proyectos en la Construcci\u00f3n<\/div>\n            <div class=\"card-software-chips\">\n              <span class=\"soft-chip\">MS Project<\/span>\n              <span class=\"soft-chip\">Power BI<\/span>\n              <span class=\"soft-chip\">Curva S EVM<\/span>\n            <\/div>\n            <div class=\"card-timer-track\"><div class=\"card-timer-fill\" id=\"timer-gestion\"><\/div><\/div>\n          <\/div>\n\n          <!-- 07. Ejecutor y Residente -->\n          <div class=\"specialty-dynamic-card\" data-mode=\"ejecutor\" id=\"card-ejecutor\">\n            <div class=\"card-top-bar\">\n              <span class=\"card-num-badge\">07<\/span>\n              <div class=\"card-icon-bubble\"><i class=\"fas fa-hard-hat\"><\/i><\/div>\n            <\/div>\n            <div class=\"card-title-text\">Especialista en Ejecuci\u00f3n y Residencia de Obras<\/div>\n            <div class=\"card-software-chips\">\n              <span class=\"soft-chip\">Cuaderno Digital<\/span>\n              <span class=\"soft-chip\">Ley 32069<\/span>\n              <span class=\"soft-chip\">LPS<\/span>\n            <\/div>\n            <div class=\"card-timer-track\"><div class=\"card-timer-fill\" id=\"timer-ejecutor\"><\/div><\/div>\n          <\/div>\n\n          <!-- 08. Procesos Constructivos y BIM 4D -->\n          <div class=\"specialty-dynamic-card\" data-mode=\"procesos\" id=\"card-procesos\">\n            <div class=\"card-top-bar\">\n              <span class=\"card-num-badge\">08<\/span>\n              <div class=\"card-icon-bubble\"><i class=\"fas fa-vr-cardboard\"><\/i><\/div>\n            <\/div>\n            <div class=\"card-title-text\">Especialista en Procesos Constructivos y Lectura de Planos BIM 3D y 4D<\/div>\n            <div class=\"card-software-chips\">\n              <span class=\"soft-chip\">Simulaci\u00f3n 4D<\/span>\n              <span class=\"soft-chip\">VR<\/span>\n              <span class=\"soft-chip\">Planos BIM<\/span>\n            <\/div>\n            <div class=\"card-timer-track\"><div class=\"card-timer-fill\" id=\"timer-procesos\"><\/div><\/div>\n          <\/div>\n\n        <\/div>\n\n        <!-- Escenario Visual 3D Lateral (Derecha) -->\n        <div class=\"canvas-3d-stage\">\n          <canvas id=\"canvas3DNative\"><\/canvas>\n\n          <!-- Alerta \/ Notificaci\u00f3n de Interactividad -->\n          <div class=\"canvas-interactive-alert\">\n            <span class=\"alert-icon\"><i class=\"fas fa-hand-pointer\"><\/i><\/span>\n            <span><strong>Modo Interactivo:<\/strong> Arrastra en 360\u00b0 &bull; Toca Hotspots &bull; Rayos X<\/span>\n          <\/div>\n\n          <!-- HUD Telemetr\u00eda T\u00e9cnica -->\n          <div class=\"canvas-hud-overlay\" id=\"canvasHud\">\n            <div class=\"hud-stat-line\"><span class=\"hud-dot-active\"><\/span> <strong id=\"hudModelCode\">ETABS-SAFE-STRUCT-3D<\/strong> | 60 FPS NATIVO<\/div>\n            <div class=\"hud-stat-line\"><span>ESPECIALIDAD:<\/span> <span id=\"hudSpecialtyName\" style=\"color: #ffffff; font-weight: 700;\">Estructuras en Edificaciones<\/span><\/div>\n            <div class=\"hud-stat-line\"><span>PAR\u00c1METROS:<\/span> <span id=\"hudTelemetry\">Deriva: 0.0042 | f'c = 280 kg\/cm\u00b2 | ETABS 22<\/span><\/div>\n            <div class=\"hud-stat-line\"><span>ESTADO:<\/span> <span id=\"hudState\" style=\"color: #4ade80;\">CONFORME NORMA E.030 \/ E.060<\/span><\/div>\n          <\/div>\n\n          <!-- Tooltip Flotante de Hotspots de Inspecci\u00f3n -->\n          <div class=\"hotspot-tooltip-card\" id=\"hotspotTooltip\">\n            <button class=\"hotspot-card-close\" id=\"closeHotspotBtn\" aria-label=\"Cerrar\">&times;<\/button>\n            <span class=\"hotspot-card-badge\" id=\"hotspotNorm\">Normativa T\u00e9cnica<\/span>\n            <h4 class=\"hotspot-card-title\" id=\"hotspotTitle\">Componente de Ingenier\u00eda<\/h4>\n            <p class=\"hotspot-card-desc\" id=\"hotspotDesc\">Especificaci\u00f3n t\u00e9cnica y dimensionamiento normativo del elemento estructural.<\/p>\n            <a href=\"https:\/\/lsgingenieros.net\/cursos\/\" class=\"btn-hotspot-action\" id=\"hotspotLink\" target=\"_blank\">\n              Ver Curso Especializado <i class=\"fas fa-chevron-right\"><\/i>\n            <\/a>\n          <\/div>\n\n          <!-- Barra Inferior de Herramientas y Conversi\u00f3n -->\n          <div class=\"canvas-stage-bottom-bar\">\n            <div class=\"canvas-tools-group\">\n              <button class=\"btn-3d-tool\" id=\"btnResetCamera\" title=\"Reiniciar Vista 3D\"><i class=\"fas fa-redo\"><\/i><\/button>\n              <button class=\"btn-3d-tool\" id=\"btnToggleAutoRotate\" title=\"Pausar \/ Reanudar Rotaci\u00f3n\"><i class=\"fas fa-sync-alt\"><\/i><\/button>\n              <button class=\"btn-3d-tool\" id=\"btnToggleWireframe\" title=\"Alternar S\u00f3lido \/ Rayos X Wireframe\"><i class=\"fas fa-layer-group\"><\/i><\/button>\n              <button class=\"btn-3d-tool\" id=\"btnToggleAutoPlay\" title=\"Pausar \/ Reanudar Cambio Autom\u00e1tico\"><i class=\"fas fa-pause\"><\/i><\/button>\n            <\/div>\n\n            <div class=\"canvas-conversion-group\">\n              <a href=\"https:\/\/lsgingenieros.net\/producto\/especialidad-software-de-estructuras-en-edificaciones-2025-i\/\" class=\"btn-stage-action\" id=\"btnGoToSpecialty\" target=\"_blank\" rel=\"noopener noreferrer\">\n                <i class=\"fas fa-graduation-cap\"><\/i> <span id=\"btnStageActionText\">Ver Especializaci\u00f3n<\/span>\n              <\/a>\n              <a href=\"https:\/\/wa.me\/51952349465?text=Hola%20LSG%20Ingenieros,%20deseo%20informaci%C3%B3n%20sobre%20la%20Especialidad%20Software%20de%20Estructuras\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"btn-stage-wsp\" id=\"btnWspSpecialty\">\n                <i class=\"fab fa-whatsapp\"><\/i> <span>Consultar Asesor<\/span>\n              <\/a>\n            <\/div>\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"showcase-cards-section\" id=\"cursos\">\n    <div id=\"especialidades\"><\/div>\n    <div class=\"showcase-header\">\n      <div class=\"hero-badge\" style=\"display: inline-flex; align-items: center; justify-content: center; width: fit-content; margin: 0 auto 14px; background: rgba(1, 82, 166, 0.1); border-color: rgba(1, 82, 166, 0.25); color: var(--primary-blue);\">\n        <i class=\"fas fa-graduation-cap\"><\/i> Formaci\u00f3n T\u00e9cnica Integral 2025\n      <\/div>\n      <h2>Capac\u00edtate en lo que Exige el Sector Construcci\u00f3n<\/h2>\n      <p>Explora m\u00e1s de 24 programas y especialidades t\u00e9cnicas de campo actualizados a la <strong>Nueva Ley N.\u00ba 32069<\/strong>, metodolog\u00edas BIM y software l\u00edder en proyectos del sector p\u00fablico y privado.<\/p>\n    <\/div>\n\n    <!-- Carril Interactivo de Filtros de Categor\u00edas (Image 4) -->\n    <div class=\"filter-carril-wrapper\">\n      <button type=\"button\" class=\"carril-nav-btn carril-nav-prev\" id=\"filterCarrilPrev\" aria-label=\"Desplazar categor\u00edas a la izquierda\">\n        <i class=\"fas fa-chevron-left\"><\/i>\n      <\/button>\n      <div class=\"category-filter-bar\" id=\"categoryFilterBar\">\n      <button class=\"btn-cat-filter active\" data-filter=\"all\">\n        <i class=\"fas fa-th-large\"><\/i> Todos los Programas <span class=\"cat-count\">24<\/span>\n      <\/button>\n      <button class=\"btn-cat-filter\" data-filter=\"costos\">\n        <i class=\"fas fa-calculator\"><\/i> Costos & Libro APUs <span class=\"cat-count\">4<\/span>\n      <\/button>\n      <button class=\"btn-cat-filter\" data-filter=\"vial\">\n        <i class=\"fas fa-road\"><\/i> Vial & Topograf\u00eda <span class=\"cat-count\">4<\/span>\n      <\/button>\n      <button class=\"btn-cat-filter\" data-filter=\"bim\">\n        <i class=\"fas fa-cube\"><\/i> BIM & Coordinaci\u00f3n <span class=\"cat-count\">4<\/span>\n      <\/button>\n      <button class=\"btn-cat-filter\" data-filter=\"residencia\">\n        <i class=\"fas fa-hard-hat\"><\/i> Residencia & Ley 32069 <span class=\"cat-count\">4<\/span>\n      <\/button>\n      <button class=\"btn-cat-filter\" data-filter=\"estructuras\">\n        <i class=\"fas fa-building\"><\/i> Estructuras & Sismo <span class=\"cat-count\">4<\/span>\n      <\/button>\n      <button class=\"btn-cat-filter\" data-filter=\"productividad\">\n        <i class=\"fas fa-chart-line\"><\/i> Productividad & IA <span class=\"cat-count\">4<\/span>\n      <\/button>\n      <\/div>\n      <button type=\"button\" class=\"carril-nav-btn carril-nav-next\" id=\"filterCarrilNext\" aria-label=\"Desplazar categor\u00edas a la derecha\">\n        <i class=\"fas fa-chevron-right\"><\/i>\n      <\/button>\n    <\/div>\n\n    <!-- Carrusel Horizontal con Tarjetas Pop-Out -->\n    <div class=\"showcase-carousel-wrapper\">\n      <div class=\"cards-horizontal-viewport\" id=\"cardsViewport\">\n\n        <div class=\"popout-card\" data-category=\"costos\">\n          <div class=\"popout-figure-stage\">\n            <span class=\"popout-tag-badge\">Top #1 Ventas Per\u00fa<\/span>\n            <div class=\"popout-backdrop-halo\"><\/div>\n            <img src=\"https:\/\/lsgingenieros.net\/wp-content\/uploads\/2024\/12\/El-libro-APUS-Analisis-de-Precios-Unitarios-en-Edificaciones.jpg\" alt=\"Libro de An\u00e1lisis de Precios Unitarios (APUs) 2025\" class=\"popout-img-cutout\" loading=\"lazy\" decoding=\"async\">\n          <\/div>\n          <div class=\"popout-card-body\">\n            <h3 class=\"popout-card-title\">Libro de An\u00e1lisis de Precios Unitarios (APUs) 2025<\/h3>\n            <p class=\"popout-card-desc\">M\u00e1s de 500 partidas analizadas, rendimientos de mano de obra en campo, materiales y equipos con plantillas Excel y respaldos directos para S10.<\/p>\n            <div class=\"popout-card-pills\">\n              <span class=\"popout-soft-pill\">Libro F\u00edsico & Digital<\/span><span class=\"popout-soft-pill\">S10 ERP<\/span><span class=\"popout-soft-pill\">Excel Obra<\/span><span class=\"popout-soft-pill\">Rendimientos<\/span>\n            <\/div>\n            <div class=\"popout-card-footer\">\n              <a href=\"https:\/\/lsgingenieros.net\/producto\/libro-de-analisis-de-precio-unitario-apus\/\" class=\"btn-popout-cta\">Ver Libro de APUs <i class=\"fas fa-arrow-right\"><\/i><\/a>\n              <a href=\"https:\/\/wa.me\/51952349465?text=Hola%20LSG%20Ingenieros%2C%20deseo%20informaci%C3%B3n%20y%20promociones%20sobre%20el%20curso%20de%20Libro%20de%20An%C3%A1lisis%20de%20Precios%20Unitarios%20(APUs)%202025\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"btn-card-wsp\" title=\"Consultar por WhatsApp\"><i class=\"fab fa-whatsapp\"><\/i><\/a>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"popout-card\" data-category=\"costos\">\n          <div class=\"popout-figure-stage\">\n            <span class=\"popout-tag-badge\">Especialidad 2025-I<\/span>\n            <div class=\"popout-backdrop-halo\"><\/div>\n            <img src=\"https:\/\/lsgingenieros.net\/wp-content\/uploads\/2024\/11\/S10-Costos-y-Presupuestos.webp\" alt=\"Especialista en Costos y Presupuestos con Metodolog\u00eda BIM\" class=\"popout-img-cutout\" loading=\"lazy\" decoding=\"async\">\n          <\/div>\n          <div class=\"popout-card-body\">\n            <h3 class=\"popout-card-title\">Especialista en Costos y Presupuestos con Metodolog\u00eda BIM<\/h3>\n            <p class=\"popout-card-desc\">Formulaci\u00f3n integral de expedientes t\u00e9cnicos, interoperabilidad Revit-S10 para metrados 5D y f\u00f3rmulas polin\u00f3micas automatizadas.<\/p>\n            <div class=\"popout-card-pills\">\n              <span class=\"popout-soft-pill\">S10 ERP<\/span><span class=\"popout-soft-pill\">BIM 5D<\/span><span class=\"popout-soft-pill\">F\u00f3rmula Polin\u00f3mica<\/span><span class=\"popout-soft-pill\">Metrados 3D<\/span>\n            <\/div>\n            <div class=\"popout-card-footer\">\n              <a href=\"https:\/\/lsgingenieros.net\/producto\/especialista-en-costos-y-presupuestos-con-metodologia-bim-2025-i\/\" class=\"btn-popout-cta\">Ver Especialidad Costos <i class=\"fas fa-arrow-right\"><\/i><\/a>\n              <a href=\"https:\/\/wa.me\/51952349465?text=Hola%20LSG%20Ingenieros%2C%20deseo%20informaci%C3%B3n%20y%20promociones%20sobre%20el%20curso%20de%20Especialista%20en%20Costos%20y%20Presupuestos%20con%20Metodolog%C3%ADa%20BIM\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"btn-card-wsp\" title=\"Consultar por WhatsApp\"><i class=\"fab fa-whatsapp\"><\/i><\/a>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"popout-card\" data-category=\"costos\">\n          <div class=\"popout-figure-stage\">\n            <span class=\"popout-tag-badge\">Nuevo Lanzamiento<\/span>\n            <div class=\"popout-backdrop-halo\"><\/div>\n            <img src=\"https:\/\/lsgingenieros.net\/wp-content\/uploads\/2025\/05\/Delphin-Express-Costos-y-Presupuestos-Metodologia-BIM-400x200.jpeg\" alt=\"Delphin Express: Costos y Presupuestos con Metodolog\u00eda BIM 2025\" class=\"popout-img-cutout\" loading=\"lazy\" decoding=\"async\">\n          <\/div>\n          <div class=\"popout-card-body\">\n            <h3 class=\"popout-card-title\">Delphin Express: Costos y Presupuestos con Metodolog\u00eda BIM 2025<\/h3>\n            <p class=\"popout-card-desc\">Dominio integral del software Delphin Express para presupuestos por descomposici\u00f3n, an\u00e1lisis de insumos y vinculaci\u00f3n con modelos BIM.<\/p>\n            <div class=\"popout-card-pills\">\n              <span class=\"popout-soft-pill\">Delphin Express<\/span><span class=\"popout-soft-pill\">Costos BIM<\/span><span class=\"popout-soft-pill\">Insumos<\/span><span class=\"popout-soft-pill\">Cronogramas<\/span>\n            <\/div>\n            <div class=\"popout-card-footer\">\n              <a href=\"https:\/\/lsgingenieros.net\/courses\/delphin-express-costos-y-presupuestos-metodologia-bim-2025-i\/\" class=\"btn-popout-cta\">Ver Curso Delphin <i class=\"fas fa-arrow-right\"><\/i><\/a>\n              <a href=\"https:\/\/wa.me\/51952349465?text=Hola%20LSG%20Ingenieros%2C%20deseo%20informaci%C3%B3n%20y%20promociones%20sobre%20el%20curso%20de%20Delphin%20Express%3A%20Costos%20y%20Presupuestos%20con%20Metodolog%C3%ADa%20BIM%202025\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"btn-card-wsp\" title=\"Consultar por WhatsApp\"><i class=\"fab fa-whatsapp\"><\/i><\/a>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"popout-card\" data-category=\"costos\">\n          <div class=\"popout-figure-stage\">\n            <span class=\"popout-tag-badge\">Certificaci\u00f3n Oficial<\/span>\n            <div class=\"popout-backdrop-halo\"><\/div>\n            <img src=\"https:\/\/lsgingenieros.net\/wp-content\/uploads\/2026\/04\/PACK-PROCESO-CONSTRUCTIVO-Y-LECTURA-DE-PLANOS.png\" alt=\"Metrados en Edificaciones & Lectura de Planos de Obra\" class=\"popout-img-cutout\" loading=\"lazy\" decoding=\"async\">\n          <\/div>\n          <div class=\"popout-card-body\">\n            <h3 class=\"popout-card-title\">Metrados en Edificaciones & Lectura de Planos de Obra<\/h3>\n            <p class=\"popout-card-desc\">Cuantificaci\u00f3n estricta de partidas seg\u00fan la RD 073-2010\/VIVIENDA en arquitectura, estructuras, instalaciones sanitarias y el\u00e9ctricas.<\/p>\n            <div class=\"popout-card-pills\">\n              <span class=\"popout-soft-pill\">Norma Metrados<\/span><span class=\"popout-soft-pill\">Planos 2D\/3D<\/span><span class=\"popout-soft-pill\">Partidas<\/span><span class=\"popout-soft-pill\">Oficina T\u00e9cnica<\/span>\n            <\/div>\n            <div class=\"popout-card-footer\">\n              <a href=\"https:\/\/lsgingenieros.net\/cursos\/\" class=\"btn-popout-cta\">Ver Curso Metrados <i class=\"fas fa-arrow-right\"><\/i><\/a>\n              <a href=\"https:\/\/wa.me\/51952349465?text=Hola%20LSG%20Ingenieros%2C%20deseo%20informaci%C3%B3n%20y%20promociones%20sobre%20el%20curso%20de%20Metrados%20en%20Edificaciones%20%26%20Lectura%20de%20Planos%20de%20Obra\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"btn-card-wsp\" title=\"Consultar por WhatsApp\"><i class=\"fab fa-whatsapp\"><\/i><\/a>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"popout-card\" data-category=\"vial\">\n          <div class=\"popout-figure-stage\">\n            <span class=\"popout-tag-badge\">Especialista 2025<\/span>\n            <div class=\"popout-backdrop-halo\"><\/div>\n            <img src=\"https:\/\/lsgingenieros.net\/wp-content\/uploads\/2024\/09\/ESPECIALISTA-EN-AUTODESK-CIVIL-3D.jpg\" alt=\"Especialista en Autodesk Civil 3D 2025\" class=\"popout-img-cutout\" loading=\"lazy\" decoding=\"async\">\n          <\/div>\n          <div class=\"popout-card-body\">\n            <h3 class=\"popout-card-title\">Especialista en Autodesk Civil 3D 2025<\/h3>\n            <p class=\"popout-card-desc\">Dise\u00f1o geom\u00e9trico de carreteras bajo norma DG-2018, perfiles longitudinales, peraltes, sobreanchos y c\u00e1lculo de movimiento de tierras.<\/p>\n            <div class=\"popout-card-pills\">\n              <span class=\"popout-soft-pill\">Civil 3D 2025<\/span><span class=\"popout-soft-pill\">DG-2018<\/span><span class=\"popout-soft-pill\">Peraltes<\/span><span class=\"popout-soft-pill\">Mov. Tierras<\/span>\n            <\/div>\n            <div class=\"popout-card-footer\">\n              <a href=\"https:\/\/lsgingenieros.net\/producto\/especialista-en-autodesk-civil-3d-2024-iii\/\" class=\"btn-popout-cta\">Ver Especialista Civil 3D <i class=\"fas fa-arrow-right\"><\/i><\/a>\n              <a href=\"https:\/\/wa.me\/51952349465?text=Hola%20LSG%20Ingenieros%2C%20deseo%20informaci%C3%B3n%20y%20promociones%20sobre%20el%20curso%20de%20Especialista%20en%20Autodesk%20Civil%203D%202025\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"btn-card-wsp\" title=\"Consultar por WhatsApp\"><i class=\"fab fa-whatsapp\"><\/i><\/a>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"popout-card\" data-category=\"vial\">\n          <div class=\"popout-figure-stage\">\n            <span class=\"popout-tag-badge\">Obras Viales<\/span>\n            <div class=\"popout-backdrop-halo\"><\/div>\n            <img src=\"https:\/\/lsgingenieros.net\/wp-content\/uploads\/2024\/11\/Diseno-construccion-y-mantenimiento-de-corredores-viales.jpg\" alt=\"Dise\u00f1o, Construcci\u00f3n y Mantenimiento de Corredores Viales\" class=\"popout-img-cutout\" loading=\"lazy\" decoding=\"async\">\n          <\/div>\n          <div class=\"popout-card-body\">\n            <h3 class=\"popout-card-title\">Dise\u00f1o, Construcci\u00f3n y Mantenimiento de Corredores Viales<\/h3>\n            <p class=\"popout-card-desc\">Ingenier\u00eda de pavimentos r\u00edgidos y flexibles seg\u00fan AASHTO 93, drenaje transversal y longitudinal, alcantarillas y obras de arte viales.<\/p>\n            <div class=\"popout-card-pills\">\n              <span class=\"popout-soft-pill\">AASHTO 93<\/span><span class=\"popout-soft-pill\">Pavimentos<\/span><span class=\"popout-soft-pill\">Corredores Viales<\/span><span class=\"popout-soft-pill\">MTC<\/span>\n            <\/div>\n            <div class=\"popout-card-footer\">\n              <a href=\"https:\/\/lsgingenieros.net\/producto\/diseno-construccion-y-mantenimiento-de-corredores-viales-2024-ii\/\" class=\"btn-popout-cta\">Ver Corredores Viales <i class=\"fas fa-arrow-right\"><\/i><\/a>\n              <a href=\"https:\/\/wa.me\/51952349465?text=Hola%20LSG%20Ingenieros%2C%20deseo%20informaci%C3%B3n%20y%20promociones%20sobre%20el%20curso%20de%20Dise%C3%B1o%2C%20Construcci%C3%B3n%20y%20Mantenimiento%20de%20Corredores%20Viales\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"btn-card-wsp\" title=\"Consultar por WhatsApp\"><i class=\"fab fa-whatsapp\"><\/i><\/a>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"popout-card\" data-category=\"vial\">\n          <div class=\"popout-figure-stage\">\n            <span class=\"popout-tag-badge\">Obras Civiles<\/span>\n            <div class=\"popout-backdrop-halo\"><\/div>\n            <img src=\"https:\/\/lsgingenieros.net\/wp-content\/uploads\/2024\/11\/CIVIL-3D-Diseno-Geometrico-de-Carreteras.jpg\" alt=\"Civil 3D: Explanaciones, Plataformas y Movimiento de Tierras\" class=\"popout-img-cutout\" loading=\"lazy\" decoding=\"async\">\n          <\/div>\n          <div class=\"popout-card-body\">\n            <h3 class=\"popout-card-title\">Civil 3D: Explanaciones, Plataformas y Movimiento de Tierras<\/h3>\n            <p class=\"popout-card-desc\">Modelado de plataformas de corte y relleno, taludes, bermas, banquetas de estabilizaci\u00f3n, diques y canteras con grading avanzado.<\/p>\n            <div class=\"popout-card-pills\">\n              <span class=\"popout-soft-pill\">Grading Avanzado<\/span><span class=\"popout-soft-pill\">Plataformas<\/span><span class=\"popout-soft-pill\">Canteras<\/span><span class=\"popout-soft-pill\">Corte y Relleno<\/span>\n            <\/div>\n            <div class=\"popout-card-footer\">\n              <a href=\"https:\/\/lsgingenieros.net\/cursos\/\" class=\"btn-popout-cta\">Ver Curso Plataformas <i class=\"fas fa-arrow-right\"><\/i><\/a>\n              <a href=\"https:\/\/wa.me\/51952349465?text=Hola%20LSG%20Ingenieros%2C%20deseo%20informaci%C3%B3n%20y%20promociones%20sobre%20el%20curso%20de%20Civil%203D%3A%20Explanaciones%2C%20Plataformas%20y%20Movimiento%20de%20Tierras\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"btn-card-wsp\" title=\"Consultar por WhatsApp\"><i class=\"fab fa-whatsapp\"><\/i><\/a>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"popout-card\" data-category=\"vial\">\n          <div class=\"popout-figure-stage\">\n            <span class=\"popout-tag-badge\">Tecnolog\u00eda LiDAR<\/span>\n            <div class=\"popout-backdrop-halo\"><\/div>\n            <img src=\"https:\/\/lsgingenieros.net\/wp-content\/uploads\/2024\/11\/CIVIL-3D-2025-Topografia-y-parcelas.jpg\" alt=\"Topograf\u00eda con Drones, Sistemas LiDAR y Fotogrametr\u00eda\" class=\"popout-img-cutout\" loading=\"lazy\" decoding=\"async\">\n          <\/div>\n          <div class=\"popout-card-body\">\n            <h3 class=\"popout-card-title\">Topograf\u00eda con Drones, Sistemas LiDAR y Fotogrametr\u00eda<\/h3>\n            <p class=\"popout-card-desc\">Planificaci\u00f3n de vuelos RTK, procesamiento de ortomosaicos en Pix4D\/Metashape, nubes de puntos y Modelos Digitales de Elevaci\u00f3n (DEM).<\/p>\n            <div class=\"popout-card-pills\">\n              <span class=\"popout-soft-pill\">Drones RTK<\/span><span class=\"popout-soft-pill\">LiDAR 3D<\/span><span class=\"popout-soft-pill\">Pix4D<\/span><span class=\"popout-soft-pill\">Nube Puntos<\/span>\n            <\/div>\n            <div class=\"popout-card-footer\">\n              <a href=\"https:\/\/lsgingenieros.net\/cursos\/\" class=\"btn-popout-cta\">Ver Topograf\u00eda Drones <i class=\"fas fa-arrow-right\"><\/i><\/a>\n              <a href=\"https:\/\/wa.me\/51952349465?text=Hola%20LSG%20Ingenieros%2C%20deseo%20informaci%C3%B3n%20y%20promociones%20sobre%20el%20curso%20de%20Topograf%C3%ADa%20con%20Drones%2C%20Sistemas%20LiDAR%20y%20Fotogrametr%C3%ADa\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"btn-card-wsp\" title=\"Consultar por WhatsApp\"><i class=\"fab fa-whatsapp\"><\/i><\/a>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"popout-card\" data-category=\"bim\">\n          <div class=\"popout-figure-stage\">\n            <span class=\"popout-tag-badge\">Especialidad 2025-I<\/span>\n            <div class=\"popout-backdrop-halo\"><\/div>\n            <img src=\"https:\/\/lsgingenieros.net\/wp-content\/uploads\/2024\/12\/Especialidad-BIM-Manager.jpg\" alt=\"Especialidad BIM Manager 2025-I\" class=\"popout-img-cutout\" loading=\"lazy\" decoding=\"async\">\n          <\/div>\n          <div class=\"popout-card-body\">\n            <h3 class=\"popout-card-title\">Especialidad BIM Manager 2025-I<\/h3>\n            <p class=\"popout-card-desc\">Direcci\u00f3n y gobernanza de proyectos bajo el Plan BIM Per\u00fa y la norma ISO 19650. Redacci\u00f3n de PEB, roles BIM y matriz de informaci\u00f3n.<\/p>\n            <div class=\"popout-card-pills\">\n              <span class=\"popout-soft-pill\">ISO 19650<\/span><span class=\"popout-soft-pill\">Plan BIM Per\u00fa<\/span><span class=\"popout-soft-pill\">PEB<\/span><span class=\"popout-soft-pill\">LOD 400<\/span>\n            <\/div>\n            <div class=\"popout-card-footer\">\n              <a href=\"https:\/\/lsgingenieros.net\/producto\/especialidad-bim-manager-2025-i\/\" class=\"btn-popout-cta\">Ver BIM Manager <i class=\"fas fa-arrow-right\"><\/i><\/a>\n              <a href=\"https:\/\/wa.me\/51952349465?text=Hola%20LSG%20Ingenieros%2C%20deseo%20informaci%C3%B3n%20y%20promociones%20sobre%20el%20curso%20de%20Especialidad%20BIM%20Manager%202025-I\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"btn-card-wsp\" title=\"Consultar por WhatsApp\"><i class=\"fab fa-whatsapp\"><\/i><\/a>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"popout-card\" data-category=\"bim\">\n          <div class=\"popout-figure-stage\">\n            <span class=\"popout-tag-badge\">Taller Pr\u00e1ctico<\/span>\n            <div class=\"popout-backdrop-halo\"><\/div>\n            <img src=\"https:\/\/lsgingenieros.net\/wp-content\/uploads\/2025\/05\/Curso-Taller-de-Coordinador-BIM-400x200.jpeg\" alt=\"Taller de Coordinador BIM 2025-I\" class=\"popout-img-cutout\" loading=\"lazy\" decoding=\"async\">\n          <\/div>\n          <div class=\"popout-card-body\">\n            <h3 class=\"popout-card-title\">Taller de Coordinador BIM 2025-I<\/h3>\n            <p class=\"popout-card-desc\">Federaci\u00f3n de modelos multidisciplinarios, resoluci\u00f3n de interferencias en sesiones ICE y generaci\u00f3n de reportes BCF de coordinaci\u00f3n.<\/p>\n            <div class=\"popout-card-pills\">\n              <span class=\"popout-soft-pill\">Coordinador BIM<\/span><span class=\"popout-soft-pill\">Sesiones ICE<\/span><span class=\"popout-soft-pill\">BCF<\/span><span class=\"popout-soft-pill\">Interferencias<\/span>\n            <\/div>\n            <div class=\"popout-card-footer\">\n              <a href=\"https:\/\/lsgingenieros.net\/courses\/taller-de-coordinador-bim-2025-i\/\" class=\"btn-popout-cta\">Ver Coordinador BIM <i class=\"fas fa-arrow-right\"><\/i><\/a>\n              <a href=\"https:\/\/wa.me\/51952349465?text=Hola%20LSG%20Ingenieros%2C%20deseo%20informaci%C3%B3n%20y%20promociones%20sobre%20el%20curso%20de%20Taller%20de%20Coordinador%20BIM%202025-I\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"btn-card-wsp\" title=\"Consultar por WhatsApp\"><i class=\"fab fa-whatsapp\"><\/i><\/a>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"popout-card\" data-category=\"bim\">\n          <div class=\"popout-figure-stage\">\n            <span class=\"popout-tag-badge\">Clash Detection<\/span>\n            <div class=\"popout-backdrop-halo\"><\/div>\n            <img src=\"https:\/\/lsgingenieros.net\/wp-content\/uploads\/2026\/04\/Copia-de-Brochure-MEP-NAVISWORKS.png\" alt=\"Navisworks 2025-I: Coordinaci\u00f3n 4D y 5D\" class=\"popout-img-cutout\" loading=\"lazy\" decoding=\"async\">\n          <\/div>\n          <div class=\"popout-card-body\">\n            <h3 class=\"popout-card-title\">Navisworks 2025-I: Coordinaci\u00f3n 4D y 5D<\/h3>\n            <p class=\"popout-card-desc\">Detecci\u00f3n automatizada de colisiones espaciales, simulaci\u00f3n temporal del proceso constructivo en TimeLiner y control de avances.<\/p>\n            <div class=\"popout-card-pills\">\n              <span class=\"popout-soft-pill\">Navisworks 2025<\/span><span class=\"popout-soft-pill\">Clash Detective<\/span><span class=\"popout-soft-pill\">TimeLiner 4D<\/span><span class=\"popout-soft-pill\">Simulaci\u00f3n<\/span>\n            <\/div>\n            <div class=\"popout-card-footer\">\n              <a href=\"https:\/\/lsgingenieros.net\/courses\/navisworks-2025-i\/\" class=\"btn-popout-cta\">Ver Navisworks 2025 <i class=\"fas fa-arrow-right\"><\/i><\/a>\n              <a href=\"https:\/\/wa.me\/51952349465?text=Hola%20LSG%20Ingenieros%2C%20deseo%20informaci%C3%B3n%20y%20promociones%20sobre%20el%20curso%20de%20Navisworks%202025-I%3A%20Coordinaci%C3%B3n%204D%20y%205D\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"btn-card-wsp\" title=\"Consultar por WhatsApp\"><i class=\"fab fa-whatsapp\"><\/i><\/a>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"popout-card\" data-category=\"bim\">\n          <div class=\"popout-figure-stage\">\n            <span class=\"popout-tag-badge\">Cloud CDE<\/span>\n            <div class=\"popout-backdrop-halo\"><\/div>\n            <img src=\"https:\/\/lsgingenieros.net\/wp-content\/uploads\/2025\/05\/Curso-Autodesk-Construction-Cloud-400x200.jpeg\" alt=\"Autodesk Construction Cloud (ACC) 2025-I\" class=\"popout-img-cutout\" loading=\"lazy\" decoding=\"async\">\n          <\/div>\n          <div class=\"popout-card-body\">\n            <h3 class=\"popout-card-title\">Autodesk Construction Cloud (ACC) 2025-I<\/h3>\n            <p class=\"popout-card-desc\">Gesti\u00f3n documental en la nube con Autodesk Docs, gesti\u00f3n de campo con Build y entorno com\u00fan de datos (CDE) para obras p\u00fablicas.<\/p>\n            <div class=\"popout-card-pills\">\n              <span class=\"popout-soft-pill\">Autodesk Docs<\/span><span class=\"popout-soft-pill\">Build<\/span><span class=\"popout-soft-pill\">CDE Cloud<\/span><span class=\"popout-soft-pill\">Gesti\u00f3n RFI<\/span>\n            <\/div>\n            <div class=\"popout-card-footer\">\n              <a href=\"https:\/\/lsgingenieros.net\/courses\/autodesk-construction-cloud-2025-i\/\" class=\"btn-popout-cta\">Ver ACC Cloud <i class=\"fas fa-arrow-right\"><\/i><\/a>\n              <a href=\"https:\/\/wa.me\/51952349465?text=Hola%20LSG%20Ingenieros%2C%20deseo%20informaci%C3%B3n%20y%20promociones%20sobre%20el%20curso%20de%20Autodesk%20Construction%20Cloud%20(ACC)%202025-I\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"btn-card-wsp\" title=\"Consultar por WhatsApp\"><i class=\"fab fa-whatsapp\"><\/i><\/a>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"popout-card\" data-category=\"residencia\">\n          <div class=\"popout-figure-stage\">\n            <span class=\"popout-tag-badge\">Nueva Ley 32069 2025<\/span>\n            <div class=\"popout-backdrop-halo\"><\/div>\n            <img src=\"https:\/\/lsgingenieros.net\/wp-content\/uploads\/2025\/05\/Curso-Residente-y-Supervisor-de-Obras-Ley-general-N-32069-400x200.jpeg\" alt=\"Residencia y Supervisi\u00f3n de Obras P\u00fablicas \u2013 Ley N.\u00ba 32069\" class=\"popout-img-cutout\" loading=\"lazy\" decoding=\"async\">\n          <\/div>\n          <div class=\"popout-card-body\">\n            <h3 class=\"popout-card-title\">Residencia y Supervisi\u00f3n de Obras P\u00fablicas \u2013 Ley N.\u00ba 32069<\/h3>\n            <p class=\"popout-card-desc\">Capacitaci\u00f3n profunda ante la nueva Ley General de Contrataciones P\u00fablicas del Per\u00fa. Derechos, obligaciones, penalidades y valorizaciones.<\/p>\n            <div class=\"popout-card-pills\">\n              <span class=\"popout-soft-pill\">Ley N.\u00ba 32069<\/span><span class=\"popout-soft-pill\">Residencia<\/span><span class=\"popout-soft-pill\">Supervisi\u00f3n<\/span><span class=\"popout-soft-pill\">Contrataciones<\/span>\n            <\/div>\n            <div class=\"popout-card-footer\">\n              <a href=\"https:\/\/lsgingenieros.net\/courses\/residencia-y-supervision-de-obras-publicas-ley-n-o-32069-2025-i\/\" class=\"btn-popout-cta\">Ver Residencia 2025 <i class=\"fas fa-arrow-right\"><\/i><\/a>\n              <a href=\"https:\/\/wa.me\/51952349465?text=Hola%20LSG%20Ingenieros%2C%20deseo%20informaci%C3%B3n%20y%20promociones%20sobre%20el%20curso%20de%20Residencia%20y%20Supervisi%C3%B3n%20de%20Obras%20P%C3%BAblicas%20%E2%80%93%20Ley%20N.%C2%BA%2032069\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"btn-card-wsp\" title=\"Consultar por WhatsApp\"><i class=\"fab fa-whatsapp\"><\/i><\/a>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"popout-card\" data-category=\"residencia\">\n          <div class=\"popout-figure-stage\">\n            <span class=\"popout-tag-badge\">Reglamento Vigente<\/span>\n            <div class=\"popout-backdrop-halo\"><\/div>\n            <img src=\"https:\/\/lsgingenieros.net\/wp-content\/uploads\/2025\/05\/Curso-Cuaderno-de-Incidencias-Fisico-y-Digital-Nuevo-Reglamento-\u2013-Ley-N.o-32069-400x200.jpeg\" alt=\"Cuaderno de Incidencias F\u00edsico y Digital \u2013 Ley N.\u00ba 32069\" class=\"popout-img-cutout\" loading=\"lazy\" decoding=\"async\">\n          <\/div>\n          <div class=\"popout-card-body\">\n            <h3 class=\"popout-card-title\">Cuaderno de Incidencias F\u00edsico y Digital \u2013 Ley N.\u00ba 32069<\/h3>\n            <p class=\"popout-card-desc\">Procedimiento normativo para el registro de asientos, consultas al proyectista, solicitudes de adicionales y ampliaciones de plazo.<\/p>\n            <div class=\"popout-card-pills\">\n              <span class=\"popout-soft-pill\">Cuaderno Digital<\/span><span class=\"popout-soft-pill\">Asientos OSCE<\/span><span class=\"popout-soft-pill\">Ampliaciones<\/span><span class=\"popout-soft-pill\">Consultas<\/span>\n            <\/div>\n            <div class=\"popout-card-footer\">\n              <a href=\"https:\/\/lsgingenieros.net\/courses\/cuaderno-de-incidencias-fisico-y-digital-nuevo-reglamento-ley-n-o-32069-2025-i\/\" class=\"btn-popout-cta\">Ver Cuaderno de Obra <i class=\"fas fa-arrow-right\"><\/i><\/a>\n              <a href=\"https:\/\/wa.me\/51952349465?text=Hola%20LSG%20Ingenieros%2C%20deseo%20informaci%C3%B3n%20y%20promociones%20sobre%20el%20curso%20de%20Cuaderno%20de%20Incidencias%20F%C3%ADsico%20y%20Digital%20%E2%80%93%20Ley%20N.%C2%BA%2032069\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"btn-card-wsp\" title=\"Consultar por WhatsApp\"><i class=\"fab fa-whatsapp\"><\/i><\/a>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"popout-card\" data-category=\"residencia\">\n          <div class=\"popout-figure-stage\">\n            <span class=\"popout-tag-badge\">Liquidaci\u00f3n y Peritaje<\/span>\n            <div class=\"popout-backdrop-halo\"><\/div>\n            <img src=\"https:\/\/lsgingenieros.net\/wp-content\/uploads\/2024\/11\/Valorizacion-y-seguimiento-de-obras.webp\" alt=\"Valorizaciones, Liquidaciones y Adicionales de Obra\" class=\"popout-img-cutout\" loading=\"lazy\" decoding=\"async\">\n          <\/div>\n          <div class=\"popout-card-body\">\n            <h3 class=\"popout-card-title\">Valorizaciones, Liquidaciones y Adicionales de Obra<\/h3>\n            <p class=\"popout-card-desc\">Elaboraci\u00f3n de expedientes de valorizaci\u00f3n mensual, reajustes polin\u00f3micos K, mayores gastos generales y liquidaci\u00f3n final del contrato.<\/p>\n            <div class=\"popout-card-pills\">\n              <span class=\"popout-soft-pill\">Valorizaciones<\/span><span class=\"popout-soft-pill\">Liquidaciones<\/span><span class=\"popout-soft-pill\">F\u00f3rmulas K<\/span><span class=\"popout-soft-pill\">Adicionales<\/span>\n            <\/div>\n            <div class=\"popout-card-footer\">\n              <a href=\"https:\/\/lsgingenieros.net\/cursos\/\" class=\"btn-popout-cta\">Ver Valorizaciones <i class=\"fas fa-arrow-right\"><\/i><\/a>\n              <a href=\"https:\/\/wa.me\/51952349465?text=Hola%20LSG%20Ingenieros%2C%20deseo%20informaci%C3%B3n%20y%20promociones%20sobre%20el%20curso%20de%20Valorizaciones%2C%20Liquidaciones%20y%20Adicionales%20de%20Obra\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"btn-card-wsp\" title=\"Consultar por WhatsApp\"><i class=\"fab fa-whatsapp\"><\/i><\/a>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"popout-card\" data-category=\"residencia\">\n          <div class=\"popout-figure-stage\">\n            <span class=\"popout-tag-badge\">Estudios Definitivos<\/span>\n            <div class=\"popout-backdrop-halo\"><\/div>\n            <img src=\"https:\/\/lsgingenieros.net\/wp-content\/uploads\/2024\/11\/Expedientes-tecnicos-en-obras-publicas.jpg\" alt=\"Expedientes T\u00e9cnicos y Gesti\u00f3n de Inversiones con Invierte.pe\" class=\"popout-img-cutout\" loading=\"lazy\" decoding=\"async\">\n          <\/div>\n          <div class=\"popout-card-body\">\n            <h3 class=\"popout-card-title\">Expedientes T\u00e9cnicos y Gesti\u00f3n de Inversiones con Invierte.pe<\/h3>\n            <p class=\"popout-card-desc\">Formulaci\u00f3n de expedientes t\u00e9cnicos completos: memorias descriptivas, planos ejecutivos, especificaciones t\u00e9cnicas y formatos Invierte.pe.<\/p>\n            <div class=\"popout-card-pills\">\n              <span class=\"popout-soft-pill\">Invierte.pe<\/span><span class=\"popout-soft-pill\">Expediente T\u00e9cnico<\/span><span class=\"popout-soft-pill\">Estudios Definitivos<\/span><span class=\"popout-soft-pill\">OSCE<\/span>\n            <\/div>\n            <div class=\"popout-card-footer\">\n              <a href=\"https:\/\/lsgingenieros.net\/cursos\/\" class=\"btn-popout-cta\">Ver Expedientes T\u00e9cnicos <i class=\"fas fa-arrow-right\"><\/i><\/a>\n              <a href=\"https:\/\/wa.me\/51952349465?text=Hola%20LSG%20Ingenieros%2C%20deseo%20informaci%C3%B3n%20y%20promociones%20sobre%20el%20curso%20de%20Expedientes%20T%C3%A9cnicos%20y%20Gesti%C3%B3n%20de%20Inversiones%20con%20Invierte.pe\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"btn-card-wsp\" title=\"Consultar por WhatsApp\"><i class=\"fab fa-whatsapp\"><\/i><\/a>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"popout-card\" data-category=\"estructuras\">\n          <div class=\"popout-figure-stage\">\n            <span class=\"popout-tag-badge\">Especialidad 2025<\/span>\n            <div class=\"popout-backdrop-halo\"><\/div>\n            <img src=\"https:\/\/lsgingenieros.net\/wp-content\/uploads\/2024\/11\/ETABS-analisis-y-diseno.jpg\" alt=\"Especialidad Software de Estructuras en Edificaciones\" class=\"popout-img-cutout\" loading=\"lazy\" decoding=\"async\">\n          <\/div>\n          <div class=\"popout-card-body\">\n            <h3 class=\"popout-card-title\">Especialidad Software de Estructuras en Edificaciones<\/h3>\n            <p class=\"popout-card-desc\">An\u00e1lisis s\u00edsmico modal espectral bajo Norma E.030 con CYPECAD y ETABS. Dise\u00f1o de p\u00f3rticos de concreto armado y muros de ductilidad limitada.<\/p>\n            <div class=\"popout-card-pills\">\n              <span class=\"popout-soft-pill\">CYPECAD 2025<\/span><span class=\"popout-soft-pill\">ETABS<\/span><span class=\"popout-soft-pill\">Norma E.030<\/span><span class=\"popout-soft-pill\">Sismorresistencia<\/span>\n            <\/div>\n            <div class=\"popout-card-footer\">\n              <a href=\"https:\/\/lsgingenieros.net\/producto\/especialidad-software-de-estructuras-en-edificaciones-2025-i\/\" class=\"btn-popout-cta\">Ver Software Estructuras <i class=\"fas fa-arrow-right\"><\/i><\/a>\n              <a href=\"https:\/\/wa.me\/51952349465?text=Hola%20LSG%20Ingenieros%2C%20deseo%20informaci%C3%B3n%20y%20promociones%20sobre%20el%20curso%20de%20Especialidad%20Software%20de%20Estructuras%20en%20Edificaciones\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"btn-card-wsp\" title=\"Consultar por WhatsApp\"><i class=\"fab fa-whatsapp\"><\/i><\/a>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"popout-card\" data-category=\"estructuras\">\n          <div class=\"popout-figure-stage\">\n            <span class=\"popout-tag-badge\">Cimentaciones CSI<\/span>\n            <div class=\"popout-backdrop-halo\"><\/div>\n            <img src=\"https:\/\/lsgingenieros.net\/wp-content\/uploads\/2026\/04\/BROCHURE-REVIT-STRUCTURE.png\" alt=\"SAFE: An\u00e1lisis y Dise\u00f1o de Cimentaciones y Losas\" class=\"popout-img-cutout\" loading=\"lazy\" decoding=\"async\">\n          <\/div>\n          <div class=\"popout-card-body\">\n            <h3 class=\"popout-card-title\">SAFE: An\u00e1lisis y Dise\u00f1o de Cimentaciones y Losas<\/h3>\n            <p class=\"popout-card-desc\">Modelado y dise\u00f1o de zapatas aisladas, conectadas y plateas de cimentaci\u00f3n considerando la interacci\u00f3n suelo-estructura y balasto.<\/p>\n            <div class=\"popout-card-pills\">\n              <span class=\"popout-soft-pill\">SAFE 2025<\/span><span class=\"popout-soft-pill\">Plateas<\/span><span class=\"popout-soft-pill\">Zapatas Conectadas<\/span><span class=\"popout-soft-pill\">Suelo-Cimiento<\/span>\n            <\/div>\n            <div class=\"popout-card-footer\">\n              <a href=\"https:\/\/lsgingenieros.net\/cursos\/\" class=\"btn-popout-cta\">Ver Curso SAFE <i class=\"fas fa-arrow-right\"><\/i><\/a>\n              <a href=\"https:\/\/wa.me\/51952349465?text=Hola%20LSG%20Ingenieros%2C%20deseo%20informaci%C3%B3n%20y%20promociones%20sobre%20el%20curso%20de%20SAFE%3A%20An%C3%A1lisis%20y%20Dise%C3%B1o%20de%20Cimentaciones%20y%20Losas\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"btn-card-wsp\" title=\"Consultar por WhatsApp\"><i class=\"fab fa-whatsapp\"><\/i><\/a>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"popout-card\" data-category=\"estructuras\">\n          <div class=\"popout-figure-stage\">\n            <span class=\"popout-tag-badge\">Saneamiento ACI 350<\/span>\n            <div class=\"popout-backdrop-halo\"><\/div>\n            <img src=\"https:\/\/lsgingenieros.net\/wp-content\/uploads\/2024\/12\/CONTROL-DE-CALIDAD-DEL-CONCRETO-EN-OBRAS.jpg\" alt=\"Dise\u00f1o Estructural de Obras de Saneamiento y Reservorios\" class=\"popout-img-cutout\" loading=\"lazy\" decoding=\"async\">\n          <\/div>\n          <div class=\"popout-card-body\">\n            <h3 class=\"popout-card-title\">Dise\u00f1o Estructural de Obras de Saneamiento y Reservorios<\/h3>\n            <p class=\"popout-card-desc\">C\u00e1lculo y detallado estructural de reservorios apoyados y elevados, c\u00e1maras de bombeo y desarenadores bajo la estricta norma ACI 350.<\/p>\n            <div class=\"popout-card-pills\">\n              <span class=\"popout-soft-pill\">ACI 350<\/span><span class=\"popout-soft-pill\">Reservorios<\/span><span class=\"popout-soft-pill\">Estanqueidad<\/span><span class=\"popout-soft-pill\">Saneamiento<\/span>\n            <\/div>\n            <div class=\"popout-card-footer\">\n              <a href=\"https:\/\/lsgingenieros.net\/cursos\/\" class=\"btn-popout-cta\">Ver Estructuras Saneamiento <i class=\"fas fa-arrow-right\"><\/i><\/a>\n              <a href=\"https:\/\/wa.me\/51952349465?text=Hola%20LSG%20Ingenieros%2C%20deseo%20informaci%C3%B3n%20y%20promociones%20sobre%20el%20curso%20de%20Dise%C3%B1o%20Estructural%20de%20Obras%20de%20Saneamiento%20y%20Reservorios\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"btn-card-wsp\" title=\"Consultar por WhatsApp\"><i class=\"fab fa-whatsapp\"><\/i><\/a>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"popout-card\" data-category=\"estructuras\">\n          <div class=\"popout-figure-stage\">\n            <span class=\"popout-tag-badge\">Infraestructura Mayor<\/span>\n            <div class=\"popout-backdrop-halo\"><\/div>\n            <img src=\"https:\/\/lsgingenieros.net\/wp-content\/uploads\/2024\/12\/BIM-en-Infraestructura-Vial.jpg\" alt=\"Modelado y Dise\u00f1o de Puentes y Pasarelas Peatonales\" class=\"popout-img-cutout\" loading=\"lazy\" decoding=\"async\">\n          <\/div>\n          <div class=\"popout-card-body\">\n            <h3 class=\"popout-card-title\">Modelado y Dise\u00f1o de Puentes y Pasarelas Peatonales<\/h3>\n            <p class=\"popout-card-desc\">Dise\u00f1o estructural de puentes viga-losa, vigas postensadas y reticulados con SAP2000 y CSiBridge. Verificaci\u00f3n de sobrecarga HL-93.<\/p>\n            <div class=\"popout-card-pills\">\n              <span class=\"popout-soft-pill\">CSiBridge<\/span><span class=\"popout-soft-pill\">Puentes HL-93<\/span><span class=\"popout-soft-pill\">Postensado<\/span><span class=\"popout-soft-pill\">Estribos<\/span>\n            <\/div>\n            <div class=\"popout-card-footer\">\n              <a href=\"https:\/\/lsgingenieros.net\/cursos\/\" class=\"btn-popout-cta\">Ver Curso Puentes <i class=\"fas fa-arrow-right\"><\/i><\/a>\n              <a href=\"https:\/\/wa.me\/51952349465?text=Hola%20LSG%20Ingenieros%2C%20deseo%20informaci%C3%B3n%20y%20promociones%20sobre%20el%20curso%20de%20Modelado%20y%20Dise%C3%B1o%20de%20Puentes%20y%20Pasarelas%20Peatonales\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"btn-card-wsp\" title=\"Consultar por WhatsApp\"><i class=\"fab fa-whatsapp\"><\/i><\/a>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"popout-card\" data-category=\"productividad\">\n          <div class=\"popout-figure-stage\">\n            <span class=\"popout-tag-badge\">Lean Construction<\/span>\n            <div class=\"popout-backdrop-halo\"><\/div>\n            <img src=\"https:\/\/lsgingenieros.net\/wp-content\/uploads\/2025\/05\/Curso-Control-y-Seguimiento-de-Obra-con-BIM-Y-LPS-400x200.jpeg\" alt=\"Planeamiento y Programaci\u00f3n de Obras con BIM y LEAN (LPS)\" class=\"popout-img-cutout\" loading=\"lazy\" decoding=\"async\">\n          <\/div>\n          <div class=\"popout-card-body\">\n            <h3 class=\"popout-card-title\">Planeamiento y Programaci\u00f3n de Obras con BIM y LEAN (LPS)<\/h3>\n            <p class=\"popout-card-desc\">Implementaci\u00f3n del Last Planner System en campo: Plan Maestro, Lookahead 6 semanas, planes semanales y medici\u00f3n de causas de no cumplimiento.<\/p>\n            <div class=\"popout-card-pills\">\n              <span class=\"popout-soft-pill\">Last Planner<\/span><span class=\"popout-soft-pill\">Lean Construction<\/span><span class=\"popout-soft-pill\">PPC<\/span><span class=\"popout-soft-pill\">BIM 4D<\/span>\n            <\/div>\n            <div class=\"popout-card-footer\">\n              <a href=\"https:\/\/lsgingenieros.net\/courses\/planeamiento-y-programacion-de-obras-con-bim-y-lean-2025-i\/\" class=\"btn-popout-cta\">Ver BIM y LEAN <i class=\"fas fa-arrow-right\"><\/i><\/a>\n              <a href=\"https:\/\/wa.me\/51952349465?text=Hola%20LSG%20Ingenieros%2C%20deseo%20informaci%C3%B3n%20y%20promociones%20sobre%20el%20curso%20de%20Planeamiento%20y%20Programaci%C3%B3n%20de%20Obras%20con%20BIM%20y%20LEAN%20(LPS)\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"btn-card-wsp\" title=\"Consultar por WhatsApp\"><i class=\"fab fa-whatsapp\"><\/i><\/a>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"popout-card\" data-category=\"productividad\">\n          <div class=\"popout-figure-stage\">\n            <span class=\"popout-tag-badge\">Control de Proyectos<\/span>\n            <div class=\"popout-backdrop-halo\"><\/div>\n            <img src=\"https:\/\/lsgingenieros.net\/wp-content\/uploads\/2024\/11\/MS-PROJECT-control-y-seguimiento-de-obra.webp\" alt=\"Control y Seguimiento de Obra con MS Project & Curvas S\" class=\"popout-img-cutout\" loading=\"lazy\" decoding=\"async\">\n          <\/div>\n          <div class=\"popout-card-body\">\n            <h3 class=\"popout-card-title\">Control y Seguimiento de Obra con MS Project & Curvas S<\/h3>\n            <p class=\"popout-card-desc\">Monitoreo del cronograma y costos con la metodolog\u00eda de Valor Ganado (EVM). Generaci\u00f3n de Curvas S y c\u00e1lculo de indicadores CPI y SPI.<\/p>\n            <div class=\"popout-card-pills\">\n              <span class=\"popout-soft-pill\">MS Project<\/span><span class=\"popout-soft-pill\">Curva S<\/span><span class=\"popout-soft-pill\">Valor Ganado EVM<\/span><span class=\"popout-soft-pill\">L\u00ednea Base<\/span>\n            <\/div>\n            <div class=\"popout-card-footer\">\n              <a href=\"https:\/\/lsgingenieros.net\/cursos\/\" class=\"btn-popout-cta\">Ver Curso MS Project <i class=\"fas fa-arrow-right\"><\/i><\/a>\n              <a href=\"https:\/\/wa.me\/51952349465?text=Hola%20LSG%20Ingenieros%2C%20deseo%20informaci%C3%B3n%20y%20promociones%20sobre%20el%20curso%20de%20Control%20y%20Seguimiento%20de%20Obra%20con%20MS%20Project%20%26%20Curvas%20S\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"btn-card-wsp\" title=\"Consultar por WhatsApp\"><i class=\"fab fa-whatsapp\"><\/i><\/a>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"popout-card\" data-category=\"productividad\">\n          <div class=\"popout-figure-stage\">\n            <span class=\"popout-tag-badge\">Innovaci\u00f3n 2025-II<\/span>\n            <div class=\"popout-backdrop-halo\"><\/div>\n            <img src=\"https:\/\/lsgingenieros.net\/wp-content\/uploads\/2026\/09\/img_autodes.png\" alt=\"Inteligencia Artificial Aplicada a la Construcci\u00f3n 2025-II\" class=\"popout-img-cutout\" loading=\"lazy\" decoding=\"async\">\n          <\/div>\n          <div class=\"popout-card-body\">\n            <h3 class=\"popout-card-title\">Inteligencia Artificial Aplicada a la Construcci\u00f3n 2025-II<\/h3>\n            <p class=\"popout-card-desc\">Automatizaci\u00f3n de metrados, redacci\u00f3n de especificaciones t\u00e9cnicas con prompts de ingenier\u00eda, generaci\u00f3n de scripts LISP y an\u00e1lisis de riesgos.<\/p>\n            <div class=\"popout-card-pills\">\n              <span class=\"popout-soft-pill\">IA Construcci\u00f3n<\/span><span class=\"popout-soft-pill\">Prompts Obra<\/span><span class=\"popout-soft-pill\">Automatizaci\u00f3n<\/span><span class=\"popout-soft-pill\">LISP IA<\/span>\n            <\/div>\n            <div class=\"popout-card-footer\">\n              <a href=\"https:\/\/lsgingenieros.net\/producto\/ia-aplicada-a-la-construccion-2025-ii\/\" class=\"btn-popout-cta\">Ver Curso IA Construcci\u00f3n <i class=\"fas fa-arrow-right\"><\/i><\/a>\n              <a href=\"https:\/\/wa.me\/51952349465?text=Hola%20LSG%20Ingenieros%2C%20deseo%20informaci%C3%B3n%20y%20promociones%20sobre%20el%20curso%20de%20Inteligencia%20Artificial%20Aplicada%20a%20la%20Construcci%C3%B3n%202025-II\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"btn-card-wsp\" title=\"Consultar por WhatsApp\"><i class=\"fab fa-whatsapp\"><\/i><\/a>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"popout-card\" data-category=\"productividad\">\n          <div class=\"popout-figure-stage\">\n            <span class=\"popout-tag-badge\">Dibujo T\u00e9cnico 2025<\/span>\n            <div class=\"popout-backdrop-halo\"><\/div>\n            <img src=\"https:\/\/lsgingenieros.net\/wp-content\/uploads\/2024\/05\/Autodesk-AutoCAD-2025-Dibujo-Tecnico.jpg\" alt=\"Especialista AutoCAD 2025 & Rutinas AutoLISP para Obra\" class=\"popout-img-cutout\" loading=\"lazy\" decoding=\"async\">\n          <\/div>\n          <div class=\"popout-card-body\">\n            <h3 class=\"popout-card-title\">Especialista AutoCAD 2025 & Rutinas AutoLISP para Obra<\/h3>\n            <p class=\"popout-card-desc\">Elaboraci\u00f3n de planos ejecutivos para aprobaci\u00f3n municipal y expedientes t\u00e9cnicos. Programaci\u00f3n en AutoLISP para acelerar flujos de trabajo.<\/p>\n            <div class=\"popout-card-pills\">\n              <span class=\"popout-soft-pill\">AutoCAD 2025<\/span><span class=\"popout-soft-pill\">AutoLISP<\/span><span class=\"popout-soft-pill\">Planos Ejecutivos<\/span><span class=\"popout-soft-pill\">Dibujo T\u00e9cnico<\/span>\n            <\/div>\n            <div class=\"popout-card-footer\">\n              <a href=\"https:\/\/lsgingenieros.net\/producto\/esp-autodesk-autocad-2025-dibujo-tecnico-en-ingenieria-arquitectura-y-construccion-2024-ii\/\" class=\"btn-popout-cta\">Ver Curso AutoCAD <i class=\"fas fa-arrow-right\"><\/i><\/a>\n              <a href=\"https:\/\/wa.me\/51952349465?text=Hola%20LSG%20Ingenieros%2C%20deseo%20informaci%C3%B3n%20y%20promociones%20sobre%20el%20curso%20de%20Especialista%20AutoCAD%202025%20%26%20Rutinas%20AutoLISP%20para%20Obra\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"btn-card-wsp\" title=\"Consultar por WhatsApp\"><i class=\"fab fa-whatsapp\"><\/i><\/a>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Controles de Desplazamiento del Carrusel -->\n      <!-- Barra de Progreso Continua de 3 Segundos -->\n      <div class=\"carousel-progress-track\">\n        <div class=\"carousel-progress-bar\" id=\"carouselProgressBar\"><\/div>\n      <\/div>\n\n      <div class=\"carousel-floating-nav\">\n        <button class=\"btn-carousel-ctrl\" id=\"btnPrevCards\" aria-label=\"Anterior\">\n          <i class=\"fas fa-chevron-left\"><\/i>\n        <\/button>\n        <span class=\"carousel-status-indicator\" id=\"carouselStatusIndicator\">Desliza para ver m\u00e1s especialidades<\/span>\n        <button class=\"btn-carousel-ctrl\" id=\"btnNextCards\" aria-label=\"Siguiente\">\n          <i class=\"fas fa-chevron-right\"><\/i>\n        <\/button>\n      <\/div>\n    <\/div>\n  <\/section>\n\n<section class=\"bento-section\" id=\"ecosistema\">\n    <div class=\"section-header-bcp\">\n      <span class=\"bcp-pill-badge\"><i class=\"fas fa-layer-group\"><\/i> Modalidades y Servicios<\/span>\n      <h2>El Ecosistema Formativo de LSG Ingenieros<\/h2>\n      <p>Todo el soporte t\u00e9cnico, recursos descargables y plataformas que acompa\u00f1an tu desarrollo antes, durante y despu\u00e9s de clases.<\/p>\n    <\/div>\n\n    <div class=\"bento-grid-3d\">\n      \n      <!-- Bento 1: Aula Virtual 24\/7 & Membres\u00eda LSG -->\n      <div class=\"bento-card bento-card-campus\">\n        <div class=\"bento-campus-bg-visual\"><\/div>\n        \n        <div>\n          <span class=\"bento-badge-gold\"><i class=\"fas fa-university\"><\/i> Plataforma Propia<\/span>\n          <div class=\"bento-campus-content\">\n            <h3>Aula Virtual 24\/7 & Membres\u00eda LSG<\/h3>\n            <p>Acceso permanente de por vida a las grabaciones en alta definici\u00f3n de todas las sesiones en vivo, repositorio de plantillas editables, foros t\u00e9cnicos y actualizaci\u00f3n continua de materiales.<\/p>\n            <div class=\"bento-service-badges-row\">\n              <span class=\"bento-srv-pill\"><i class=\"fas fa-play-circle\"><\/i> Clases Grabadas HD<\/span>\n              <span class=\"bento-srv-pill\"><i class=\"fas fa-cloud-download-alt\"><\/i> Archivos Editables<\/span>\n              <span class=\"bento-srv-pill\"><i class=\"fas fa-infinity\"><\/i> Acceso Ilimitado<\/span>\n              <span class=\"bento-srv-pill\"><i class=\"fas fa-headset\"><\/i> Soporte Docente<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <a href=\"https:\/\/lsgingenieros.net\/cursos\/\" class=\"btn-slide-primary\" style=\"align-self: flex-start; z-index: 2;\">\n          <span>Conocer el Aula Virtual<\/span>\n          <i class=\"fas fa-arrow-right\"><\/i>\n        <\/a>\n      <\/div>\n\n      <!-- Columna Derecha con 2 Bentos Complementarios -->\n      <div class=\"bento-col-right\">\n        \n        <!-- Bento 2: Masterclass en Vivo con Contador -->\n        <div class=\"bento-card bento-card-webinar\">\n          <div>\n            <div class=\"webinar-countdown-box\">\n              <i class=\"fas fa-broadcast-tower\"><\/i>\n              <span>PR\u00d3XIMO WEBINAR:<\/span>\n              <span class=\"countdown-digits\" id=\"liveCountdown\">03d 14h 25m<\/span>\n            <\/div>\n            <h3 style=\"font-size: 1.3rem; font-weight: 800; color: #002a8f; margin-bottom: 8px;\">Masterclasses Gratuitas en Vivo<\/h3>\n            <p style=\"font-size: 0.88rem; color: var(--text-muted); line-height: 1.55;\">\n              Ponencias peri\u00f3dicas sin costo para la comunidad de ingenieros sobre control de calidad, normativas de obra y novedades tecnol\u00f3gicas.\n            <\/p>\n          <\/div>\n          <a href=\"https:\/\/api.whatsapp.com\/send?phone=51952349465&text=Hola,%20deseo%20inscribirme%20a%20la%20pr\u00f3xima%20Masterclass%20Gratuita\" target=\"_blank\" class=\"btn-bento-link\">\n            <span>Inscribirme a la Masterclass Gratis<\/span> <i class=\"fas fa-arrow-right\"><\/i>\n          <\/a>\n        <\/div>\n\n        <!-- Bento 3: Publicaciones T\u00e9cnicas & Libro de APUs -->\n        <div class=\"bento-card bento-card-apus\">\n          <div>\n            <span style=\"font-size: 0.72rem; font-weight: 700; color: #ea580c; text-transform: uppercase; letter-spacing: 0.8px; margin-bottom: 6px; display: inline-block;\">\n              <i class=\"fas fa-file-excel\"><\/i> Herramientas Listas para Obra\n            <\/span>\n            <h3 style=\"font-size: 1.3rem; font-weight: 800; color: #002a8f; margin-bottom: 8px;\">Libro T\u00e9cnico de APUs & Plantillas<\/h3>\n            <p style=\"font-size: 0.88rem; color: var(--text-muted); line-height: 1.55;\">\n              M\u00e1s de 500 partidas analizadas, rendimientos reales y hojas de c\u00e1lculo editables en Excel + base de datos exportable a S10 ERP.\n            <\/p>\n          <\/div>\n          <a href=\"https:\/\/api.whatsapp.com\/send?phone=51952349465&text=Hola,%20deseo%20informaci\u00f3n%20del%20Libro%20T\u00e9cnico%20de%20APUs\" target=\"_blank\" class=\"btn-bento-link\" style=\"color: #ea580c;\">\n            <span>Solicitar Libro de APUs<\/span> <i class=\"fas fa-arrow-right\"><\/i>\n          <\/a>\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n  <!-- ========================================================\n       6. CENTRO DE VIDEO INTERACTIVO & PLAYLIST DIN\u00c1MICA\n       - Con Ambient Glow, Ecualizador en Vivo y Selector de Temas\n       ======================================================== -->\n  <section class=\"video-hub-section\" id=\"videohub\">\n    <div class=\"video-hub-container\">\n      \n      <div class=\"section-header-bcp\" style=\"margin-bottom: 25px;\">\n        <span class=\"bcp-pill-badge\"><i class=\"fas fa-video\"><\/i> Experiencia Audiovisual<\/span>\n        <h2>Conoce M\u00e1s sobre la Experiencia LSG<\/h2>\n        <p>Observa c\u00f3mo se desarrollan nuestras clases, el manejo de software t\u00e9cnico en vivo y la interacci\u00f3n con ingenieros en ejercicio.<\/p>\n      <\/div>\n\n      <!-- Barra de Filtros \/ Canales de Video -->\n      <div class=\"video-filter-bar\">\n        <button class=\"btn-video-tab active\" data-channel=\"all\">Todos los Videos<\/button>\n        <button class=\"btn-video-tab\" data-channel=\"institucional\">Institucional<\/button>\n        <button class=\"btn-video-tab\" data-channel=\"bim\">BIM & Revit<\/button>\n        <button class=\"btn-video-tab\" data-channel=\"costos\">Costos & APUs<\/button>\n        <button class=\"btn-video-tab\" data-channel=\"vial\">Obras Viales<\/button>\n      <\/div>\n\n      <div class=\"video-hub-grid\">\n        \n        <!-- Reproductor Principal con Ambient Glow -->\n        <div class=\"video-player-frame\">\n          <div class=\"video-ambient-glow\" id=\"videoAmbientGlow\"><\/div>\n          \n          <div class=\"video-hub-status-bar\">\n            <span class=\"video-tag-text\" id=\"videoCurrentTag\"><i class=\"fas fa-play\"><\/i> Video Institucional<\/span>\n            <div class=\"equalizer-bars\">\n              <span class=\"eq-bar\"><\/span>\n              <span class=\"eq-bar\"><\/span>\n              <span class=\"eq-bar\"><\/span>\n              <span class=\"eq-bar\"><\/span>\n            <\/div>\n          <\/div>\n\n          <video id=\"hubMainVideo\" controls playsinline poster=\"https:\/\/lsgingenieros.net\/wp-content\/uploads\/2025\/09\/Diseno-sin-titulo-10.png\">\n            <source src=\"https:\/\/lsgingenieros.net\/wp-content\/uploads\/2025\/09\/0d46af5a-fef4-4fc0-92e4-c23abeed95bc.mp4-1.mp4\" type=\"video\/mp4\">\n            Tu navegador no soporta video HTML5.\n          <\/video>\n        <\/div>\n\n        <!-- Playlist Vertical Din\u00e1mica -->\n        <div class=\"video-playlist-column\" id=\"videoPlaylistColumn\">\n          \n          <div class=\"playlist-item active\" data-channel=\"institucional\" data-video=\"https:\/\/lsgingenieros.net\/wp-content\/uploads\/2025\/09\/0d46af5a-fef4-4fc0-92e4-c23abeed95bc.mp4-1.mp4\" data-tag=\"Video Institucional\" data-glow=\"rgba(0, 162, 255, 0.4)\">\n            <div class=\"playlist-thumb-box\">\n              <img src=\"https:\/\/lsgingenieros.net\/wp-content\/uploads\/2025\/09\/Diseno-sin-titulo-10.png\" alt=\"Presentaci\u00f3n LSG\" loading=\"lazy\" decoding=\"async\">\n              <div class=\"playlist-play-icon\"><i class=\"fas fa-play\"><\/i><\/div>\n            <\/div>\n            <div class=\"playlist-texts\">\n              <h4>La Educaci\u00f3n Abre la Mente<\/h4>\n              <div class=\"playlist-meta-row\">\n                <span class=\"playlist-duration\"><i class=\"fas fa-clock\"><\/i> 02:40 min<\/span>\n                <span>Campus Oficial LSG<\/span>\n              <\/div>\n            <\/div>\n          <\/div>\n\n          <div class=\"playlist-item\" data-channel=\"bim\" data-video=\"https:\/\/lsgingenieros.net\/wp-content\/uploads\/2025\/09\/0d46af5a-fef4-4fc0-92e4-c23abeed95bc.mp4-1.mp4\" data-tag=\"Masterclass BIM\" data-glow=\"rgba(20, 184, 166, 0.4)\">\n            <div class=\"playlist-thumb-box\">\n              <img src=\"https:\/\/lsgingenieros.net\/wp-content\/uploads\/2026\/09\/img_webinae.png\" alt=\"Masterclass BIM\" loading=\"lazy\" decoding=\"async\">\n              <div class=\"playlist-play-icon\"><i class=\"fas fa-play\"><\/i><\/div>\n            <\/div>\n            <div class=\"playlist-texts\">\n              <h4>Coordinaci\u00f3n BIM & Revit en Obra<\/h4>\n              <div class=\"playlist-meta-row\">\n                <span class=\"playlist-duration\"><i class=\"fas fa-clock\"><\/i> 45:15 min<\/span>\n                <span>Sesi\u00f3n Demostrativa<\/span>\n              <\/div>\n            <\/div>\n          <\/div>\n\n          <div class=\"playlist-item\" data-channel=\"costos\" data-video=\"https:\/\/lsgingenieros.net\/wp-content\/uploads\/2025\/09\/0d46af5a-fef4-4fc0-92e4-c23abeed95bc.mp4-1.mp4\" data-tag=\"Costos & APUs\" data-glow=\"rgba(249, 115, 22, 0.4)\">\n            <div class=\"playlist-thumb-box\">\n              <img decoding=\"async\" src=\"https:\/\/lsgingenieros.net\/wp-content\/uploads\/2024\/11\/S10-Costos-y-Presupuestos.webp\" alt=\"Costos y S10\">\n              <div class=\"playlist-play-icon\"><i class=\"fas fa-play\"><\/i><\/div>\n            <\/div>\n            <div class=\"playlist-texts\">\n              <h4>An\u00e1lisis de Precios Unitarios (APUs)<\/h4>\n              <div class=\"playlist-meta-row\">\n                <span class=\"playlist-duration\"><i class=\"fas fa-clock\"><\/i> 38:50 min<\/span>\n                <span>Manejo de S10 ERP<\/span>\n              <\/div>\n            <\/div>\n          <\/div>\n\n          <div class=\"playlist-item\" data-channel=\"vial\" data-video=\"https:\/\/lsgingenieros.net\/wp-content\/uploads\/2025\/09\/0d46af5a-fef4-4fc0-92e4-c23abeed95bc.mp4-1.mp4\" data-tag=\"Dise\u00f1o Vial\" data-glow=\"rgba(14, 165, 233, 0.4)\">\n            <div class=\"playlist-thumb-box\">\n              <img src=\"https:\/\/lsgingenieros.net\/wp-content\/uploads\/2024\/09\/ESPECIALISTA-EN-AUTODESK-CIVIL-3D.jpg\" alt=\"Civil 3D\" loading=\"lazy\" decoding=\"async\">\n              <div class=\"playlist-play-icon\"><i class=\"fas fa-play\"><\/i><\/div>\n            <\/div>\n            <div class=\"playlist-texts\">\n              <h4>Dise\u00f1o Geom\u00e9trico Vial con Civil 3D<\/h4>\n              <div class=\"playlist-meta-row\">\n                <span class=\"playlist-duration\"><i class=\"fas fa-clock\"><\/i> 52:10 min<\/span>\n                <span>Alineamiento y Peralte<\/span>\n              <\/div>\n            <\/div>\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n  <!-- ========================================================\n       7. SOFTWARE & TECH STACK MARQUEE ANIMADO\n       ======================================================== -->\n  <section class=\"tech-marquee-section\" id=\"software\">\n    <div class=\"tech-marquee-title\">Software de Ingenier\u00eda y Gesti\u00f3n T\u00e9cnica en Construcci\u00f3n<\/div>\n    <div class=\"tech-marquee-track\">\n      <div class=\"tech-badge-item\"><i class=\"fas fa-cube\"><\/i> Autodesk Revit 2025<\/div>\n      <div class=\"tech-badge-item\"><i class=\"fas fa-road\"><\/i> AutoCAD Civil 3D<\/div>\n      <div class=\"tech-badge-item\"><i class=\"fas fa-calculator\"><\/i> Sistema S10 ERP<\/div>\n      <div class=\"tech-badge-item\"><i class=\"fas fa-cubes\"><\/i> Navisworks Manage<\/div>\n      <div class=\"tech-badge-item\"><i class=\"fas fa-building\"><\/i> CYPECAD 2025<\/div>\n      <div class=\"tech-badge-item\"><i class=\"fas fa-vector-square\"><\/i> CSI ETABS 22<\/div>\n      <div class=\"tech-badge-item\"><i class=\"fas fa-microchip\"><\/i> IA para AutoCAD<\/div>\n      <div class=\"tech-badge-item\"><i class=\"fas fa-tasks\"><\/i> MS Project Professional<\/div>\n      <div class=\"tech-badge-item\"><i class=\"fas fa-file-excel\"><\/i> Libro T\u00e9cnico APUs<\/div>\n      <div class=\"tech-badge-item\"><i class=\"fas fa-drafting-compass\"><\/i> Robot Structural<\/div>\n      <!-- Duplicado para loop infinito continuo -->\n      <div class=\"tech-badge-item\"><i class=\"fas fa-cube\"><\/i> Autodesk Revit 2025<\/div>\n      <div class=\"tech-badge-item\"><i class=\"fas fa-road\"><\/i> AutoCAD Civil 3D<\/div>\n      <div class=\"tech-badge-item\"><i class=\"fas fa-calculator\"><\/i> Sistema S10 ERP<\/div>\n      <div class=\"tech-badge-item\"><i class=\"fas fa-cubes\"><\/i> Navisworks Manage<\/div>\n      <div class=\"tech-badge-item\"><i class=\"fas fa-building\"><\/i> CYPECAD 2025<\/div>\n      <div class=\"tech-badge-item\"><i class=\"fas fa-vector-square\"><\/i> CSI ETABS 22<\/div>\n      <div class=\"tech-badge-item\"><i class=\"fas fa-microchip\"><\/i> IA para AutoCAD<\/div>\n      <div class=\"tech-badge-item\"><i class=\"fas fa-tasks\"><\/i> MS Project Professional<\/div>\n      <div class=\"tech-badge-item\"><i class=\"fas fa-file-excel\"><\/i> Libro T\u00e9cnico APUs<\/div>\n      <div class=\"tech-badge-item\"><i class=\"fas fa-drafting-compass\"><\/i> Robot Structural<\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ========================================================\n       8. SECCI\u00d3N \"LOS N\u00daMEROS HABLAN\" (M\u00c9TRICAS OFICIALES)\n       ======================================================== -->\n  <section class=\"numeros-hablan-sec\" id=\"stats\">\n    <h2 class=\"numeros-hablan-title\">Los N\u00fameros Hablan<\/h2>\n    <div class=\"numeros-hablan-divider\"><\/div>\n\n    <div class=\"numeros-hablan-grid\">\n      \n      <div class=\"numero-item\">\n        <i class=\"fas fa-user-graduate\" style=\"font-size: 2rem; color: #38bdf8;\"><\/i>\n        <div class=\"numero-valor\" data-target=\"10\" data-suffix=\"K+\">10K+<\/div>\n        <div class=\"numero-label\">Estudiantes matriculados<\/div>\n        <div style=\"width: 40px; height: 2px; background: rgba(255,255,255,0.3); margin: 0 auto;\"><\/div>\n      <\/div>\n\n      <div class=\"numero-item\">\n        <i class=\"fas fa-clock\" style=\"font-size: 2rem; color: #38bdf8;\"><\/i>\n        <div class=\"numero-valor\" data-target=\"50\" data-suffix=\"K+\">50K+<\/div>\n        <div class=\"numero-label\">Horas de capacitaci\u00f3n<\/div>\n        <div style=\"width: 40px; height: 2px; background: rgba(255,255,255,0.3); margin: 0 auto;\"><\/div>\n      <\/div>\n\n      <div class=\"numero-item\">\n        <i class=\"fas fa-award\" style=\"font-size: 2rem; color: #38bdf8;\"><\/i>\n        <div class=\"numero-valor\" data-target=\"60\" data-suffix=\"K+\">60K+<\/div>\n        <div class=\"numero-label\">Alumnos egresados<\/div>\n        <div style=\"width: 40px; height: 2px; background: rgba(255,255,255,0.3); margin: 0 auto;\"><\/div>\n      <\/div>\n\n      <div class=\"numero-item\">\n        <i class=\"fas fa-thumbs-up\" style=\"font-size: 2rem; color: #38bdf8;\"><\/i>\n        <div class=\"numero-valor\" data-target=\"98\" data-suffix=\"%\">98%<\/div>\n        <div class=\"numero-label\">Aplicabilidad en obra<\/div>\n        <div style=\"width: 40px; height: 2px; background: rgba(255,255,255,0.3); margin: 0 auto;\"><\/div>\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n  <!-- ========================================================\n       9. CONFIANZA & M\u00c9TODOS DE PAGO (IMAGEN OFICIAL LSG)\n       ======================================================== -->\n  <section class=\"trust-payment-section\">\n    <div class=\"trust-container\">\n      <h3 class=\"trust-title\">Facilidades de Pago Seguras y Flexibles<\/h3>\n      <p class=\"trust-subtitle\">Aceptamos todos los medios de pago bancarios y digitales en Per\u00fa y el extranjero<\/p>\n      <img decoding=\"async\" src=\"https:\/\/lsgingenieros.net\/wp-content\/uploads\/2025\/01\/METODOS-DE-PAGO.png\" alt=\"M\u00e9todos de Pago LSG: BCP, Interbank, BBVA, Yape, Plin, Visa, MasterCard\" class=\"payment-methods-banner\" onerror=\"this.style.display='none'\">\n    <\/div>\n  <\/section>\n\n  <!-- ========================================================\n       10. PREGUNTAS FRECUENTES (FAQ ACORDE\u00d3N)\n       ======================================================== -->\n  <section class=\"faq-section\" id=\"faq\">\n    <div class=\"section-header-bcp\">\n      <span class=\"bcp-pill-badge\"><i class=\"fas fa-question\"><\/i> Resuelve tus Dudas<\/span>\n      <h2>Preguntas Frecuentes<\/h2>\n      <p>Todo lo que necesitas saber sobre nuestra metodolog\u00eda institucional, certificados y modalidades de estudio.<\/p>\n    <\/div>\n\n    <div class=\"faq-accordion\">\n      \n      <div class=\"faq-item active\">\n        <button class=\"faq-trigger\">\n          <span>\u00bfLas clases en vivo quedan grabadas en el aula virtual?<\/span>\n          <i class=\"fas fa-chevron-down\"><\/i>\n        <\/button>\n        <div class=\"faq-content\">\n          <p>S\u00ed, absolutamente. Cada sesi\u00f3n en vivo se sube en alta resoluci\u00f3n al Aula Virtual de LSG Ingenieros dentro de las 2 horas posteriores al t\u00e9rmino de la clase. Los estudiantes inscritos cuentan con acceso permanente e ilimitado para repasar a su propio ritmo.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"faq-item\">\n        <button class=\"faq-trigger\">\n          <span>\u00bfQu\u00e9 validez tienen los certificados emitidos por LSG Ingenieros?<\/span>\n          <i class=\"fas fa-chevron-down\"><\/i>\n        <\/button>\n        <div class=\"faq-content\">\n          <p>Nuestros diplomas cuentan con c\u00f3digo QR \u00fanico de verificaci\u00f3n digital, acreditaci\u00f3n de horas lectivas y firma t\u00e9cnica. Tienen total validez curricular para concursos p\u00fablicos (OSCE, MTC, ministerios) y empresas privadas en todo el Per\u00fa y Latinoam\u00e9rica.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"faq-item\">\n        <button class=\"faq-trigger\">\n          <span>\u00bfC\u00f3mo puedo adquirir el Libro T\u00e9cnico de An\u00e1lisis de Precios Unitarios (APUs)?<\/span>\n          <i class=\"fas fa-chevron-down\"><\/i>\n        <\/button>\n        <div class=\"faq-content\">\n          <p>Puedes solicitarlo directamente a trav\u00e9s del bot\u00f3n de WhatsApp en la secci\u00f3n del libro o en nuestra tienda online. Incluye las plantillas formuladas en Excel, rendimientos reales de campo y la base de datos exportable a S10 ERP.<\/p>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n<!-- Bot\u00f3n Flotante de WhatsApp -->\n  <a href=\"https:\/\/api.whatsapp.com\/send?phone=51952349465&text=Hola,%20deseo%20asesor\u00eda%20sobre%20los%20cursos%20de%20LSG\" target=\"_blank\" class=\"floating-wsp-btn\" title=\"Contactar por WhatsApp\">\n    <i class=\"fab fa-whatsapp\"><\/i>\n  <\/a>\n <!-- ========================================================\n       JAVASCRIPT: 3D CANVAS DIN\u00c1MICO (4 NICHOS), CARROUSEL & HUB\n       ======================================================== -->\n\n<\/div>\n<!-- FIN CONTENEDOR DE AISLAMIENTO TOTAL LSG -->\n\n<script>\nfunction initLsgEngine() {\n  const root = document.getElementById('lsg-landing-root') || document;\n  const heroSlider = root.querySelector('#heroSlider');\n  const canvas3D = root.querySelector('#canvas3DNative');\n\n  \/\/ Si los elementos a\u00fan no se han insertado en el DOM (Elementor \/ WP diferido), reintentar\n  if (!heroSlider && !canvas3D) {\n    if (!window._lsgRetryCount) window._lsgRetryCount = 0;\n    if (window._lsgRetryCount < 15) {\n      window._lsgRetryCount++;\n      setTimeout(initLsgEngine, 200);\n    }\n    return;\n  }\n\n  if (window.lsgEngineInitialized) return;\n  window.lsgEngineInitialized = true;\n  window.lsgEngineLoaded = true;\n\n      \/\/ ==========================================\n      \/\/ 1. HERO SLIDER COMPACTO\n      \/\/ ==========================================\n      const slides = root.querySelectorAll('.hero-slide');\n      const dots = root.querySelectorAll('.slider-dot-btn');\n      const prevBtn = root.querySelector('#heroPrev');\n      const nextBtn = root.querySelector('#heroNext');\n      const sliderWrap = root.querySelector('#heroSlider');\n\n      let currentSlide = 0;\n      const totalSlides = slides.length;\n      const slideDuration = 6000;\n      let heroTimer = null;\n      let isHoveredHero = false;\n\n      function goToSlide(index) {\n        if (!slides || slides.length === 0) return;\n        if (slides[currentSlide]) slides[currentSlide].classList.remove('active');\n        if (dots && dots[currentSlide]) dots[currentSlide].classList.remove('active');\n\n        currentSlide = (index + totalSlides) % totalSlides;\n\n        if (slides[currentSlide]) slides[currentSlide].classList.add('active');\n        if (dots && dots[currentSlide]) dots[currentSlide].classList.add('active');\n      }\n\n      function nextSlide() { goToSlide(currentSlide + 1); }\n      function prevSlide() { goToSlide(currentSlide - 1); }\n\n      function startHeroTimer() {\n        if (heroTimer) clearInterval(heroTimer);\n        heroTimer = setInterval(() => {\n          if (!isHoveredHero) nextSlide();\n        }, slideDuration);\n      }\n\n      if (nextBtn) nextBtn.addEventListener('click', () => { nextSlide(); startHeroTimer(); });\n      if (prevBtn) prevBtn.addEventListener('click', () => { prevSlide(); startHeroTimer(); });\n\n      dots.forEach(dot => {\n        dot.addEventListener('click', () => {\n          const targetIdx = parseInt(dot.getAttribute('data-to'));\n          goToSlide(targetIdx);\n          startHeroTimer();\n        });\n      });\n\n      if (sliderWrap) {\n        sliderWrap.addEventListener('mouseenter', () => { isHoveredHero = true; });\n        sliderWrap.addEventListener('mouseleave', () => { isHoveredHero = false; });\n        let heroTouchX = 0;\n        sliderWrap.addEventListener('touchstart', (e) => { \n          if (e.touches && e.touches.length > 0) heroTouchX = e.touches[0].clientX; \n        }, { passive: true });\n        sliderWrap.addEventListener('touchend', (e) => { \n          if (e.changedTouches && e.changedTouches.length > 0) { \n            const diffX = heroTouchX - e.changedTouches[0].clientX; \n            if (Math.abs(diffX) > 40) { \n              if (diffX > 0) nextSlide(); \n              else prevSlide(); \n              startHeroTimer(); \n            } \n          } \n        }, { passive: true });\n      }\n\n      startHeroTimer();\n\n\n\n                  \/\/ ==========================================\n      \/\/ 3. MOTOR 3D PROCEDURAL NATIVO (8 ESPECIALIZACIONES OFICIALES LSG INGENIEROS)\n      \/\/ ==========================================\n      (function init8Specialties3DEngine() {\n        const canvas = document.getElementById('canvas3DNative');\n        const container = document.querySelector('.canvas-3d-stage');\n        const hotspotTooltip = document.getElementById('hotspotTooltip');\n        const closeHotspotBtn = document.getElementById('closeHotspotBtn');\n        const hotspotNorm = document.getElementById('hotspotNorm');\n        const hotspotTitle = document.getElementById('hotspotTitle');\n        const hotspotDesc = document.getElementById('hotspotDesc');\n        const hotspotLink = document.getElementById('hotspotLink');\n        const btnToggleWireframe = document.getElementById('btnToggleWireframe');\n        const btnResetCamera = document.getElementById('btnResetCamera');\n        const btnToggleAutoRotate = document.getElementById('btnToggleAutoRotate');\n        const btnToggleAutoPlay = document.getElementById('btnToggleAutoPlay');\n        const btnGoToSpecialty = document.getElementById('btnGoToSpecialty');\n        const btnWspSpecialty = document.getElementById('btnWspSpecialty');\n        const btnStageActionText = document.getElementById('btnStageActionText');\n        const hudModelCode = document.getElementById('hudModelCode');\n        const hudSpecialtyName = document.getElementById('hudSpecialtyName');\n        const hudTelemetry = document.getElementById('hudTelemetry');\n        const hudState = document.getElementById('hudState');\n\n        if (!canvas || !container) return;\n\n        const ctx = canvas.getContext('2d');\n        let width = 0, height = 0, cx = 0, cy = 0;\n\n        function resizeCanvas() {\n          const rect = container.getBoundingClientRect();\n          width = rect.width || container.clientWidth || 700;\n          height = rect.height || container.clientHeight || 480;\n          if (width < 200) width = 700;\n          if (height < 200) height = 480;\n          const dpr = Math.min(window.devicePixelRatio || 1, 2);\n          canvas.width = width * dpr;\n          canvas.height = height * dpr;\n          canvas.style.width = width + 'px';\n          canvas.style.height = height + 'px';\n          ctx.setTransform(1, 0, 0, 1, 0, 0);\n          ctx.scale(dpr, dpr);\n          cx = width \/ 2;\n          cy = height \/ 2;\n        }\n        resizeCanvas();\n        window.addEventListener('resize', resizeCanvas);\n        if (typeof ResizeObserver !== 'undefined' && container) {\n          try { new ResizeObserver(() => resizeCanvas()).observe(container); } catch(e) {}\n        }\n\n        \/\/ Variables de Rotaci\u00f3n y C\u00e1mara\n        let rotX = 0.35;\n        let rotY = 0.55;\n        let autoRotate = true;\n        let isWireframeMode = false;\n        let isDragging = false;\n        let prevMouseX = 0, prevMouseY = 0;\n        let currentMode = 'estructuras';\n        let animClock = 0;\n        let activeHotspotProjected = [];\n\n        const fov = 440;\n        const cameraDist = 46;\n\n        function project3D(x, y, z) {\n          const cosY = Math.cos(rotY), sinY = Math.sin(rotY);\n          const x1 = x * cosY + z * sinY;\n          const z1 = -x * sinY + z * cosY;\n\n          const cosX = Math.cos(rotX), sinX = Math.sin(rotX);\n          const y2 = y * cosX - z1 * sinX;\n          const z2 = y * sinX + z1 * cosX + cameraDist;\n\n          const scale = fov \/ Math.max(z2, 10);\n          return {\n            x: cx + x1 * scale,\n            y: cy - y2 * scale,\n            z: z2,\n            scale: scale\n          };\n        }\n\n        \/\/ Datos Oficiales de las 8 Especializaciones\n        const specialtiesData = {\n          estructuras: {\n            title: \"Especialista en Software de Estructuras en Edificaciones\",\n            code: \"ETABS-SAFE-STRUCT-3D\",\n            nameShort: \"Software de Estructuras en Edificaciones\",\n            telemetry: \"Deriva s\u00edsmica: 0.0042 | f\\'c = 280 kg\/cm\u00b2 | ETABS 22\",\n            state: \"CONFORME NORMA E.030 \/ E.060\",\n            url: \"https:\/\/lsgingenieros.net\/producto\/especialidad-software-de-estructuras-en-edificaciones-2025-i\/\",\n            wspText: \"Hola LSG Ingenieros, deseo informaci\u00f3n y promociones sobre la Especialidad Software de Estructuras en Edificaciones\",\n            hotspots: [\n              {\n                x: -6, y: -7.5, z: -5,\n                badge: \"Norma E.050 \/ E.060\",\n                title: \"Cimentaci\u00f3n y Zapata Z-01\",\n                desc: \"Dimensionamiento de zapatas aisladas conectadas con presiones admisibles q_adm = 2.8 kg\/cm\u00b2.\",\n                url: \"https:\/\/lsgingenieros.net\/producto\/especialidad-software-de-estructuras-en-edificaciones-2025-i\/\"\n              },\n              {\n                x: 0, y: 3, z: 0,\n                badge: \"Norma Sismorresistente E.030\",\n                title: \"P\u00f3rtico R\u00edgido & Deriva de Piso\",\n                desc: \"Control de distorsi\u00f3n inel\u00e1stica de entrepiso bajo sismo severo (deriva m\u00e1xima 0.0042 < 0.007).\",\n                url: \"https:\/\/lsgingenieros.net\/producto\/especialidad-software-de-estructuras-en-edificaciones-2025-i\/\"\n              },\n              {\n                x: 6, y: 7.5, z: 5,\n                badge: \"ETABS v22 \/ SAFE\",\n                title: \"Envolvente de Momentos & Acero\",\n                desc: \"Dise\u00f1o por capacidad ante cargas combinadas con redistribuci\u00f3n pl\u00e1stica en zonas de confinamiento.\",\n                url: \"https:\/\/lsgingenieros.net\/producto\/especialidad-software-de-estructuras-en-edificaciones-2025-i\/\"\n              }\n            ]\n          },\n          costos: {\n            title: \"Especialista en Costos y Presupuestos con Metodolog\u00eda BIM\",\n            code: \"S10-DELPHIN-BIM5D\",\n            nameShort: \"Costos y Presupuestos con Metodolog\u00eda BIM\",\n            telemetry: \"Metrados 5D Automatizados | Costo Total: S\/. 1,845,200 | S10 ERP\",\n            state: \"CONFORME NORMA T\u00c9CNICA METRADOS\",\n            url: \"https:\/\/lsgingenieros.net\/producto\/especialista-en-costos-y-presupuestos-con-metodologia-bim-2025-i\/\",\n            wspText: \"Hola LSG Ingenieros, deseo informaci\u00f3n y promociones sobre la Especialidad Costos y Presupuestos con Metodolog\u00eda BIM\",\n            hotspots: [\n              {\n                x: -5, y: -4, z: -4,\n                badge: \"S10 ERP \/ Libro APUs\",\n                title: \"Partida Concreto F\\'c=280\",\n                desc: \"An\u00e1lisis de Precio Unitario con rendimiento de cuadrilla de 22.5 m\u00b3\/d\u00eda y costo por m\u00b3 auditado.\",\n                url: \"https:\/\/lsgingenieros.net\/producto\/especialista-en-costos-y-presupuestos-con-metodologia-bim-2025-i\/\"\n              },\n              {\n                x: 0, y: 1, z: 0,\n                badge: \"Delphin Express \/ BIM 5D\",\n                title: \"Cuant\u00eda de Acero y Metrados 5D\",\n                desc: \"Extracci\u00f3n autom\u00e1tica de longitudes y pesos de armadura a partir de las familias param\u00e9tricas de Revit.\",\n                url: \"https:\/\/lsgingenieros.net\/producto\/especialista-en-costos-y-presupuestos-con-metodologia-bim-2025-i\/\"\n              },\n              {\n                x: 8, y: 4, z: 0,\n                badge: \"Presupuesto Ejecutado\",\n                title: \"Panel de Valorizaci\u00f3n Acumulada\",\n                desc: \"Control din\u00e1mico de f\u00f3rmulas polin\u00f3micas e \u00edndices unificados de precios del INEI.\",\n                url: \"https:\/\/lsgingenieros.net\/producto\/especialista-en-costos-y-presupuestos-con-metodologia-bim-2025-i\/\"\n              }\n            ]\n          },\n          bim: {\n            title: \"Especialista en Modelador BIM\",\n            code: \"REVIT-BIM-LOD350\",\n            nameShort: \"Modelador BIM (Arquitectura, Estructuras y MEP)\",\n            telemetry: \"ISO 19650 | LOD 350 | Detecci\u00f3n de Interferencias: 0 Clashes\",\n            state: \"CONFORME GU\u00cdA BIM PER\u00da\",\n            url: \"https:\/\/lsgingenieros.net\/producto\/pack-modelador-bim-2025-i\/\",\n            wspText: \"Hola LSG Ingenieros, deseo informaci\u00f3n y promociones sobre el Pack Modelador BIM\",\n            hotspots: [\n              {\n                x: -4, y: 5, z: -4,\n                badge: \"Revit Architecture\",\n                title: \"Envolvente Param\u00e9trica\",\n                desc: \"Muros cortina, tabiquer\u00eda y vanos coordinados bajo est\u00e1ndares de codificaci\u00f3n BIM unificada.\",\n                url: \"https:\/\/lsgingenieros.net\/producto\/pack-modelador-bim-2025-i\/\"\n              },\n              {\n                x: 3, y: -2, z: 2,\n                badge: \"Revit MEP LOD 350\",\n                title: \"Instalaci\u00f3n Sanitaria y Ductos\",\n                desc: \"Trazado 3D de tuber\u00edas con pendientes reglamentarias y cajas de registro sin colisiones espaciales.\",\n                url: \"https:\/\/lsgingenieros.net\/producto\/pack-modelador-bim-2025-i\/\"\n              },\n              {\n                x: 0, y: 2, z: 0,\n                badge: \"Navisworks Manage\",\n                title: \"Radar Clash Detection\",\n                desc: \"Auditor\u00eda de interferencias espaciales multidisciplinarias en fase previa a la construcci\u00f3n en obra.\",\n                url: \"https:\/\/lsgingenieros.net\/producto\/pack-modelador-bim-2025-i\/\"\n              }\n            ]\n          },\n          civil3d: {\n            title: \"Especialista en Civil 3D, Obras Civiles y Saneamiento\",\n            code: \"CIVIL3D-SANEAMIENTO-3D\",\n            nameShort: \"Civil 3D, Obras Civiles y Saneamiento\",\n            telemetry: \"Manual MTC DG-2018 | Peralte: 6.2% | Buzones B-01 a B-14\",\n            state: \"CONFORME DG-2018 \/ MTC\",\n            url: \"https:\/\/lsgingenieros.net\/producto\/experto-en-civil-3d-obras-civiles-y-saneamiento-2024-iii\/\",\n            wspText: \"Hola LSG Ingenieros, deseo informaci\u00f3n y promociones sobre la Especialidad Civil 3D Obras Civiles y Saneamiento\",\n            hotspots: [\n              {\n                x: -7, y: 2, z: 4,\n                badge: \"Manual MTC DG-2018\",\n                title: \"Calzada Peraltada en Curva\",\n                desc: \"Dise\u00f1o geom\u00e9trico de carretera con peralte p = 6.2% y curvas de transici\u00f3n espiral-clotoide.\",\n                url: \"https:\/\/lsgingenieros.net\/producto\/experto-en-civil-3d-obras-civiles-y-saneamiento-2024-iii\/\"\n              },\n              {\n                x: 4, y: -4, z: -3,\n                badge: \"Norma OS.070 Saneamiento\",\n                title: \"Zanja & Buz\u00f3n B-01\",\n                desc: \"L\u00ednea colectora de alcantarillado con tuber\u00eda PVC-UF \u00d8 200mm y pendiente para autolimpieza hidr\u00e1ulica.\",\n                url: \"https:\/\/lsgingenieros.net\/producto\/experto-en-civil-3d-obras-civiles-y-saneamiento-2024-iii\/\"\n              },\n              {\n                x: 0, y: 6, z: 0,\n                badge: \"Civil 3D 2025\",\n                title: \"Talud de Corte y Plataforma\",\n                desc: \"Balance de masas con diagrama de Br\u00fcckner y secciones transversales autom\u00e1ticas cada 20 m.\",\n                url: \"https:\/\/lsgingenieros.net\/producto\/experto-en-civil-3d-obras-civiles-y-saneamiento-2024-iii\/\"\n              }\n            ]\n          },\n          ia: {\n            title: \"Especialista en Inteligencia Artificial Aplicada a la Construcci\u00f3n\",\n            code: \"AI-VISION-CONSTRUCTION-3D\",\n            nameShort: \"Inteligencia Artificial Aplicada a la Construcci\u00f3n\",\n            telemetry: \"Red Neuronal Convolucional | Detecci\u00f3n de Riesgos: 98.4% | NLP Obra\",\n            state: \"ALGORITMO PREDICTIVO ACTIVO\",\n            url: \"https:\/\/lsgingenieros.net\/producto\/ia-aplicada-a-la-construccion-2025-ii\/\",\n            wspText: \"Hola LSG Ingenieros, deseo informaci\u00f3n y promociones sobre IA Aplicada a la Construcci\u00f3n\",\n            hotspots: [\n              {\n                x: -4, y: 5, z: 0,\n                badge: \"Deep Learning & BIM\",\n                title: \"Red Neuronal Predictiva\",\n                desc: \"Modelos neuronales entrenados para anticipar sobrecostos y cuellos de botella en cronogramas de obra.\",\n                url: \"https:\/\/lsgingenieros.net\/producto\/ia-aplicada-a-la-construccion-2025-ii\/\"\n              },\n              {\n                x: 4, y: -2, z: 3,\n                badge: \"Computer Vision\",\n                title: \"Sensor de Visi\u00f3n por Computadora\",\n                desc: \"Reconocimiento autom\u00e1tico de cuadrillas, uso de EPPs y avance f\u00edsico real mediante c\u00e1maras fijas y drones.\",\n                url: \"https:\/\/lsgingenieros.net\/producto\/ia-aplicada-a-la-construccion-2025-ii\/\"\n              },\n              {\n                x: 0, y: 0, z: -5,\n                badge: \"Automatizaci\u00f3n Python\",\n                title: \"Scripting de Automatizaci\u00f3n\",\n                desc: \"Generaci\u00f3n autom\u00e1tica de metrados, reportes de obra y planos de detalle conectados a modelos BIM.\",\n                url: \"https:\/\/lsgingenieros.net\/producto\/ia-aplicada-a-la-construccion-2025-ii\/\"\n              }\n            ]\n          },\n          gestion: {\n            title: \"Especialista en Gesti\u00f3n de Proyectos en la Construcci\u00f3n\",\n            code: \"PROJECT-MGMT-POWERBI-4D\",\n            nameShort: \"Gesti\u00f3n de Proyectos en la Construcci\u00f3n\",\n            telemetry: \"PMBOK 7 & EVM | CPI: 1.06 (Bajo Costo) | SPI: 1.04 (Adelantado)\",\n            state: \"CONTROL EVM EN L\u00cdNEA BASE\",\n            url: \"https:\/\/lsgingenieros.net\/producto\/especialista-en-gestion-de-proyectos-en-la-construccion-2025-ii\/\",\n            wspText: \"Hola LSG Ingenieros, deseo informaci\u00f3n y promociones sobre la Especialidad Gesti\u00f3n de Proyectos en la Construcci\u00f3n\",\n            hotspots: [\n              {\n                x: -5, y: -2, z: -2,\n                badge: \"Valor Ganado EVM\",\n                title: \"Curva S Tridimensional\",\n                desc: \"Comparativa tridimensional entre el Valor Planificado (PV), Valor Ganado (EV) y Costo Real (AC).\",\n                url: \"https:\/\/lsgingenieros.net\/producto\/especialista-en-gestion-de-proyectos-en-la-construccion-2025-ii\/\"\n              },\n              {\n                x: 6, y: 2, z: 2,\n                badge: \"Power BI Proyectos\",\n                title: \"Indicadores de Desempe\u00f1o\",\n                desc: \"Monitoreo en tiempo real del CPI = 1.06 (ahorro presupuestal) y SPI = 1.04 (adelanto en plazo contractual).\",\n                url: \"https:\/\/lsgingenieros.net\/producto\/especialista-en-gestion-de-proyectos-en-la-construccion-2025-ii\/\"\n              },\n              {\n                x: 0, y: 6, z: 0,\n                badge: \"MS Project Pro\",\n                title: \"Hito Contractual & Ruta Cr\u00edtica\",\n                desc: \"Secuencia l\u00f3gica de actividades vinculadas con ruta cr\u00edtica (CPM) y gesti\u00f3n activa de holguras.\",\n                url: \"https:\/\/lsgingenieros.net\/producto\/especialista-en-gestion-de-proyectos-en-la-construccion-2025-ii\/\"\n              }\n            ]\n          },\n          ejecutor: {\n            title: \"Especialista en Ejecuci\u00f3n y Residencia de Obras\",\n            code: \"RESIDENCIA-OBRA-CRANE-3D\",\n            nameShort: \"Ejecuci\u00f3n y Residencia de Obras\",\n            telemetry: \"Ley de Contrataciones N.\u00ba 32069 | Izaje Gr\u00faa Torre | PPC: 89%\",\n            state: \"OBRA EN FASE ACTIVA\",\n            url: \"https:\/\/lsgingenieros.net\/producto\/especialidad-ejecutor-de-obras-2025-i\/\",\n            wspText: \"Hola LSG Ingenieros, deseo informaci\u00f3n y promociones sobre la Especialidad Ejecutor de Obras\",\n            hotspots: [\n              {\n                x: 0, y: 8, z: 0,\n                badge: \"Seguridad G.050\",\n                title: \"Gr\u00faa Torre y Maniobra de Izaje\",\n                desc: \"Pluma de 45 m con sistema de limitaci\u00f3n de carga para montaje seguro de vigas prefabricadas.\",\n                url: \"https:\/\/lsgingenieros.net\/producto\/especialidad-ejecutor-de-obras-2025-i\/\"\n              },\n              {\n                x: -6, y: -4, z: -4,\n                badge: \"Ley N.\u00ba 32069 \/ OSCE\",\n                title: \"Frente de Vaciado & Probetas\",\n                desc: \"Control de ensayos de compresi\u00f3n a los 7 y 28 d\u00edas y protocolizaci\u00f3n en cuaderno de obra digital.\",\n                url: \"https:\/\/lsgingenieros.net\/producto\/especialidad-ejecutor-de-obras-2025-i\/\"\n              },\n              {\n                x: 5, y: -5, z: 5,\n                badge: \"Last Planner System\",\n                title: \"Acopio y Liberaci\u00f3n de Restricciones\",\n                desc: \"Coordinaci\u00f3n diaria de cuadrillas, liberaci\u00f3n de subrasantes y porcentaje del plan cumplido (PPC 89%).\",\n                url: \"https:\/\/lsgingenieros.net\/producto\/especialidad-ejecutor-de-obras-2025-i\/\"\n              }\n            ]\n          },\n          procesos: {\n            title: \"Especialista en Procesos Constructivos y Lectura de Planos BIM 3D y 4D\",\n            code: \"BIM4D-EXPLODED-VR-3D\",\n            nameShort: \"Procesos Constructivos y Lectura de Planos BIM 3D y 4D\",\n            telemetry: \"Secuencia Constructiva 4D | Planos Despiezados | VR Navisworks\",\n            state: \"DESPIECE 4D ACTIVO\",\n            url: \"https:\/\/lsgingenieros.net\/producto\/experto-en-procesos-constructivos-y-lectura-de-planos-con-enfoque-bim-3d-y-4d-2025-i\/\",\n            wspText: \"Hola LSG Ingenieros, deseo informaci\u00f3n y promociones sobre Procesos Constructivos y Lectura de Planos BIM 3D y 4D\",\n            hotspots: [\n              {\n                x: 0, y: -6, z: 0,\n                badge: \"Fase 1: Cimentaci\u00f3n\",\n                title: \"Lectura de Planos de Zapatas\",\n                desc: \"Interpretaci\u00f3n de detalles de armado estructural, cortes transversales y tablas de ganchos s\u00edsmicos.\",\n                url: \"https:\/\/lsgingenieros.net\/producto\/experto-en-procesos-constructivos-y-lectura-de-planos-con-enfoque-bim-3d-y-4d-2025-i\/\"\n              },\n              {\n                x: 0, y: 1, z: 0,\n                badge: \"BIM 4D Exploded View\",\n                title: \"Simulaci\u00f3n de Secuencia 4D\",\n                desc: \"Despiece axonom\u00e9trico temporal que muestra el orden constructivo exacto entre encofrado y vaciado.\",\n                url: \"https:\/\/lsgingenieros.net\/producto\/experto-en-procesos-constructivos-y-lectura-de-planos-con-enfoque-bim-3d-y-4d-2025-i\/\"\n              },\n              {\n                x: 6, y: 5, z: -3,\n                badge: \"Realidad Virtual \/ AR\",\n                title: \"Holograma de Planos Ejecutivos\",\n                desc: \"Proyecci\u00f3n hologr\u00e1fica de planos de arquitectura y distribuci\u00f3n sobre el modelo 3D en escala real.\",\n                url: \"https:\/\/lsgingenieros.net\/producto\/experto-en-procesos-constructivos-y-lectura-de-planos-con-enfoque-bim-3d-y-4d-2025-i\/\"\n              }\n            ]\n          }\n        };\n\n        const modeKeys = ['estructuras', 'costos', 'bim', 'civil3d', 'ia', 'gestion', 'ejecutor', 'procesos'];\n\n        \/\/ Funci\u00f3n para cambiar de especialidad y modelo 3D\n        function setSpecialtyMode(mode) {\n          if (!specialtiesData[mode]) return;\n          currentMode = mode;\n\n          \/\/ Actualizar tarjetas en el grid\n          document.querySelectorAll('.specialty-dynamic-card').forEach(card => {\n            const cardMode = card.getAttribute('data-mode');\n            if (cardMode === mode) {\n              card.classList.add('active');\n              if (window.innerWidth <= 768 && !isUserHovering) {\n                const parent = card.parentElement;\n                if (parent && parent.scrollWidth > parent.clientWidth) {\n                  const cardLeft = card.offsetLeft;\n                  const parentWidth = parent.clientWidth;\n                  const cardWidth = card.clientWidth;\n                  parent.scrollTo({\n                    left: Math.max(0, cardLeft - (parentWidth \/ 2) + (cardWidth \/ 2)),\n                    behavior: 'smooth'\n                  });\n                }\n              }\n            } else {\n              card.classList.remove('active');\n              const fill = card.querySelector('.card-timer-fill');\n              if (fill) fill.style.width = '0%';\n            }\n          });\n\n          \/\/ Actualizar datos en HUD y botones de conversi\u00f3n\n          const data = specialtiesData[mode];\n          if (hudModelCode) hudModelCode.textContent = data.code;\n          if (hudSpecialtyName) hudSpecialtyName.textContent = data.nameShort;\n          if (hudTelemetry) hudTelemetry.textContent = data.telemetry;\n          if (hudState) hudState.textContent = data.state;\n\n          if (btnGoToSpecialty) {\n            btnGoToSpecialty.href = data.url;\n            if (btnStageActionText) btnStageActionText.textContent = \"Ver \" + data.nameShort;\n          }\n          if (btnWspSpecialty) {\n            btnWspSpecialty.href = \"https:\/\/wa.me\/51952349465?text=\" + encodeURIComponent(data.wspText);\n          }\n\n          \/\/ Ocultar tooltip previo\n          if (hotspotTooltip) hotspotTooltip.classList.remove('active');\n        }\n\n        \/\/ ==========================================\n        \/\/ SISTEMA DE AUTO-SWITCH (4 SEGUNDOS) CON BARRA DE PROGRESO\n        \/\/ ==========================================\n        let isAutoCycleRunning = true;\n        let isUserHovering = false;\n        let cycleElapsed = 0;\n        const cycleDuration = 4000; \/\/ 4 segundos\n        const tickInterval = 50;\n\n        setInterval(() => {\n          if (!isAutoCycleRunning || isUserHovering) return;\n\n          cycleElapsed += tickInterval;\n          const currentCard = document.getElementById('card-' + currentMode);\n          if (currentCard) {\n            const fill = currentCard.querySelector('.card-timer-fill');\n            if (fill) {\n              const pct = Math.min(100, (cycleElapsed \/ cycleDuration) * 100);\n              fill.style.width = pct + '%';\n            }\n          }\n\n          if (cycleElapsed >= cycleDuration) {\n            cycleElapsed = 0;\n            const idx = modeKeys.indexOf(currentMode);\n            const nextIdx = (idx + 1) % modeKeys.length;\n            setSpecialtyMode(modeKeys[nextIdx]);\n          }\n        }, tickInterval);\n\n        \/\/ Pausa inteligente al interactuar con las tarjetas o el visor 3D\n        const specialtiesGrid = document.getElementById('specialtiesGrid');\n        if (specialtiesGrid) {\n          specialtiesGrid.addEventListener('mouseenter', () => { isUserHovering = true; });\n          specialtiesGrid.addEventListener('mouseleave', () => { isUserHovering = false; });\n          specialtiesGrid.addEventListener('touchstart', () => { isUserHovering = true; }, { passive: true });\n          specialtiesGrid.addEventListener('touchend', () => { \n            setTimeout(() => { isUserHovering = false; }, 3000); \n          }, { passive: true });\n        }\n        if (container) {\n          container.addEventListener('mouseenter', () => { isUserHovering = true; });\n          container.addEventListener('mouseleave', () => { isUserHovering = false; });\n        }\n\n        \/\/ Clic manual en cada una de las 8 tarjetas\n        document.querySelectorAll('.specialty-dynamic-card').forEach(card => {\n          card.addEventListener('click', () => {\n            const mode = card.getAttribute('data-mode');\n            cycleElapsed = 0;\n            setSpecialtyMode(mode);\n          });\n        });\n\n        \/\/ Controles de C\u00e1mara y Herramientas 3D\n        if (btnResetCamera) {\n          btnResetCamera.addEventListener('click', () => {\n            rotX = 0.35;\n            rotY = 0.55;\n          });\n        }\n        if (btnToggleAutoRotate) {\n          btnToggleAutoRotate.addEventListener('click', () => {\n            autoRotate = !autoRotate;\n            btnToggleAutoRotate.style.color = autoRotate ? '#38bdf8' : '#64748b';\n          });\n        }\n        if (btnToggleWireframe) {\n          btnToggleWireframe.addEventListener('click', () => {\n            isWireframeMode = !isWireframeMode;\n            btnToggleWireframe.classList.toggle('active-wireframe', isWireframeMode);\n          });\n        }\n        if (btnToggleAutoPlay) {\n          btnToggleAutoPlay.addEventListener('click', () => {\n            isAutoCycleRunning = !isAutoCycleRunning;\n            btnToggleAutoPlay.innerHTML = isAutoCycleRunning ? '<i class=\"fas fa-pause\"><\/i>' : '<i class=\"fas fa-play\"><\/i>';\n            btnToggleAutoPlay.style.color = isAutoCycleRunning ? '#38bdf8' : '#eab308';\n          });\n        }\n        if (closeHotspotBtn && hotspotTooltip) {\n          closeHotspotBtn.addEventListener('click', () => {\n            hotspotTooltip.classList.remove('active');\n          });\n        }\n\n        \/\/ Detecci\u00f3n de Arrastre y Clic en Hotspots\n        let clickStartX = 0, clickStartY = 0;\n\n        canvas.addEventListener('mousedown', (e) => {\n          isDragging = true;\n          prevMouseX = e.clientX;\n          prevMouseY = e.clientY;\n          clickStartX = e.clientX;\n          clickStartY = e.clientY;\n        });\n\n        window.addEventListener('mouseup', (e) => {\n          if (!isDragging) return;\n          isDragging = false;\n\n          const dist = Math.hypot(e.clientX - clickStartX, e.clientY - clickStartY);\n          if (dist < 8) {\n            const rect = canvas.getBoundingClientRect();\n            const clickX = e.clientX - rect.left;\n            const clickY = e.clientY - rect.top;\n\n            let clickedHotspot = null;\n            for (const h of activeHotspotProjected) {\n              if (Math.hypot(clickX - h.p.x, clickY - h.p.y) <= 18) {\n                clickedHotspot = h.data;\n                break;\n              }\n            }\n\n            if (clickedHotspot && hotspotTooltip) {\n              hotspotNorm.innerText = clickedHotspot.badge;\n              hotspotTitle.innerText = clickedHotspot.title;\n              hotspotDesc.innerText = clickedHotspot.desc;\n              hotspotLink.href = clickedHotspot.url;\n              hotspotTooltip.style.left = Math.min(rect.width - 240, Math.max(20, clickX - 110)) + 'px';\n              hotspotTooltip.style.top = Math.min(rect.height - 180, Math.max(60, clickY - 140)) + 'px';\n              hotspotTooltip.classList.add('active');\n            } else if (hotspotTooltip && !e.target.closest('#hotspotTooltip')) {\n              hotspotTooltip.classList.remove('active');\n            }\n          }\n        });\n\n        canvas.addEventListener('mousemove', (e) => {\n          if (!isDragging) return;\n          const deltaX = e.clientX - prevMouseX;\n          const deltaY = e.clientY - prevMouseY;\n          prevMouseX = e.clientX;\n          prevMouseY = e.clientY;\n          rotY += deltaX * 0.008;\n          rotX = Math.max(-0.8, Math.min(1.1, rotX + deltaY * 0.008));\n        });\n\n        \/\/ Soporte T\u00e1ctil para M\u00f3viles\n        canvas.addEventListener('touchstart', (e) => {\n          if (e.touches.length === 1) {\n            isDragging = true;\n            prevMouseX = e.touches[0].clientX;\n            prevMouseY = e.touches[0].clientY;\n            clickStartX = prevMouseX;\n            clickStartY = prevMouseY;\n          }\n        }, { passive: true });\n\n        canvas.addEventListener('touchend', (e) => {\n          isDragging = false;\n        });\n\n        canvas.addEventListener('touchmove', (e) => {\n          if (!isDragging || e.touches.length !== 1) return;\n          const deltaX = e.touches[0].clientX - prevMouseX;\n          const deltaY = e.touches[0].clientY - prevMouseY;\n          prevMouseX = e.touches[0].clientX;\n          prevMouseY = e.touches[0].clientY;\n          rotY += deltaX * 0.01;\n          rotX = Math.max(-0.8, Math.min(1.1, rotX + deltaY * 0.01));\n        }, { passive: true });\n\n        \/\/ ==========================================\n        \/\/ FUNCIONES DE DIBUJO PROCEDURAL 3D\n        \/\/ ==========================================\n\n        function drawLine3D(p1, p2, color, lineWidth = 1, isDashed = false) {\n          ctx.beginPath();\n          ctx.strokeStyle = color;\n          ctx.lineWidth = lineWidth;\n          if (isDashed) ctx.setLineDash([4, 4]); else ctx.setLineDash([]);\n          ctx.moveTo(p1.x, p1.y);\n          ctx.lineTo(p2.x, p2.y);\n          ctx.stroke();\n          ctx.setLineDash([]);\n        }\n\n        function drawBox3D(x, y, z, w, h, d, faceColor, edgeColor, isWire = false) {\n          const hw = w \/ 2, hh = h \/ 2, hd = d \/ 2;\n          const p = [\n            project3D(x - hw, y - hh, z - hd),\n            project3D(x + hw, y - hh, z - hd),\n            project3D(x + hw, y + hh, z - hd),\n            project3D(x - hw, y + hh, z - hd),\n            project3D(x - hw, y - hh, z + hd),\n            project3D(x + hw, y - hh, z + hd),\n            project3D(x + hw, y + hh, z + hd),\n            project3D(x - hw, y + hh, z + hd)\n          ];\n\n          const faces = [\n            [0, 1, 2, 3], \/\/ Front\n            [5, 4, 7, 6], \/\/ Back\n            [4, 0, 3, 7], \/\/ Left\n            [1, 5, 6, 2], \/\/ Right\n            [3, 2, 6, 7], \/\/ Top\n            [4, 5, 1, 0]  \/\/ Bottom\n          ];\n\n          faces.forEach(f => {\n            ctx.beginPath();\n            ctx.moveTo(p[f[0]].x, p[f[0]].y);\n            ctx.lineTo(p[f[1]].x, p[f[1]].y);\n            ctx.lineTo(p[f[2]].x, p[f[2]].y);\n            ctx.lineTo(p[f[3]].x, p[f[3]].y);\n            ctx.closePath();\n            if (!isWire) {\n              ctx.fillStyle = faceColor;\n              ctx.fill();\n            }\n            ctx.strokeStyle = edgeColor;\n            ctx.lineWidth = isWire ? 1.4 : 1;\n            ctx.stroke();\n          });\n        }\n\n        function drawGrid3D(size = 20, step = 4, y = -8) {\n          ctx.strokeStyle = isWireframeMode ? 'rgba(56, 189, 248, 0.4)' : 'rgba(56, 189, 248, 0.22)';\n          ctx.lineWidth = 1;\n          for (let i = -size; i <= size; i += step) {\n            const p1 = project3D(i, y, -size);\n            const p2 = project3D(i, y, size);\n            drawLine3D(p1, p2, ctx.strokeStyle, 1);\n            const p3 = project3D(-size, y, i);\n            const p4 = project3D(size, y, i);\n            drawLine3D(p3, p4, ctx.strokeStyle, 1);\n          }\n        }\n\n        \/\/ ==========================================\n        \/\/ RENDERIZADO DE CADA UNO DE LOS 8 MODELOS\n        \/\/ ==========================================\n\n        \/\/ 1. ESTRUCTURAS: P\u00f3rtico sismorresistente con oscilaci\u00f3n y momentos flectores\n        function renderEstructuras(clock) {\n          drawGrid3D(18, 4, -8);\n          const sway = Math.sin(clock * 3.5) * 1.6;\n          const cols = [\n            { x: -6, z: -5 }, { x: 6, z: -5 },\n            { x: -6, z: 5 }, { x: 6, z: 5 }\n          ];\n\n          \/\/ Zapatas de Cimentaci\u00f3n\n          cols.forEach(c => {\n            const zapColor = isWireframeMode ? 'rgba(56, 189, 248, 0.08)' : 'rgba(71, 85, 105, 0.6)';\n            const zapEdge = isWireframeMode ? '#38bdf8' : 'rgba(148, 163, 184, 0.8)';\n            drawBox3D(c.x, -7.5, c.z, 3.2, 1.2, 3.2, zapColor, zapEdge, isWireframeMode);\n          });\n\n          \/\/ 3 Niveles de Pisos y Columnas Oscilantes\n          const levels = [-2, 3, 8];\n          levels.forEach((lvlY, lvlIdx) => {\n            const lvlSway = sway * ((lvlIdx + 1) \/ 3);\n            const slabColor = isWireframeMode ? 'rgba(56, 189, 248, 0.05)' : 'rgba(14, 165, 233, 0.18)';\n            const slabEdge = isWireframeMode ? '#38bdf8' : '#00a2ff';\n            drawBox3D(lvlSway, lvlY, 0, 15, 0.8, 12, slabColor, slabEdge, isWireframeMode);\n\n            \/\/ Vigas de Conexi\u00f3n y Curvas de Momento Flector\n            const pLeft = project3D(-6 + lvlSway, lvlY, 0);\n            const pRight = project3D(6 + lvlSway, lvlY, 0);\n            drawLine3D(pLeft, pRight, '#38bdf8', 2);\n\n            \/\/ Curva parab\u00f3lica de momento flector en la viga central\n            const pMid = project3D(lvlSway, lvlY - 1.2, 0);\n            ctx.beginPath();\n            ctx.strokeStyle = 'rgba(244, 63, 94, 0.85)';\n            ctx.lineWidth = 1.5;\n            ctx.moveTo(pLeft.x, pLeft.y);\n            ctx.quadraticCurveTo(pMid.x, pMid.y, pRight.x, pRight.y);\n            ctx.stroke();\n          });\n\n          \/\/ Columnas Verticales con Deformada S\u00edsmica\n          cols.forEach(c => {\n            const bot = project3D(c.x, -7, c.z);\n            const top = project3D(c.x + sway, 8, c.z);\n            drawLine3D(bot, top, isWireframeMode ? '#38bdf8' : '#38bdf8', 3);\n          });\n        }\n\n        \/\/ 2. COSTOS: Simulaci\u00f3n 5D de Metrados Volum\u00e9tricos y Gr\u00e1fico de Presupuesto\n        function renderCostos(clock) {\n          drawGrid3D(18, 4, -8);\n          const growth = (Math.sin(clock * 2) + 1) \/ 2; \/\/ 0 a 1\n\n          \/\/ 4 Partidas Volum\u00e9tricas Creciendo\n          const items = [\n            { x: -7, z: -4, w: 3, h: 2 + growth * 4, d: 3, col: 'rgba(249, 115, 22, 0.7)', edge: '#f97316', label: 'Excavaci\u00f3n' },\n            { x: -2, z: -4, w: 3.5, h: 3 + growth * 5, d: 3.5, col: 'rgba(16, 185, 129, 0.65)', edge: '#10b981', label: 'Zapatas' },\n            { x: 3, z: -4, w: 2.2, h: 4 + growth * 7, d: 2.2, col: 'rgba(14, 165, 233, 0.65)', edge: '#0ea5e9', label: 'Columnas' },\n            { x: 8, z: -4, w: 4, h: 1 + growth * 2, d: 4, col: 'rgba(168, 85, 247, 0.65)', edge: '#a855f7', label: 'Losa 5D' }\n          ];\n\n          items.forEach(it => {\n            const itY = -8 + it.h \/ 2;\n            const face = isWireframeMode ? 'rgba(56, 189, 248, 0.06)' : it.col;\n            const edge = isWireframeMode ? '#38bdf8' : it.edge;\n            drawBox3D(it.x, itY, it.z, it.w, it.h, it.d, face, edge, isWireframeMode);\n\n            \/\/ Etiqueta flotante de metrado\n            const tagPos = project3D(it.x, itY + it.h \/ 2 + 1, it.z);\n            ctx.fillStyle = '#ffffff';\n            ctx.font = '10px Space Grotesk, sans-serif';\n            ctx.textAlign = 'center';\n            ctx.fillText(it.label, tagPos.x, tagPos.y);\n          });\n\n          \/\/ Gr\u00e1fico 3D Flotante de Presupuesto en Soles (EVM)\n          const barX = 0, barY = 5, barZ = 5;\n          const baseTag = project3D(barX, barY + 2.5, barZ);\n          ctx.fillStyle = '#38bdf8';\n          ctx.font = 'bold 11px Space Grotesk, sans-serif';\n          ctx.fillText('Control de Costos S10 \/ Delphin (S\/.)', baseTag.x, baseTag.y);\n\n          for (let b = 0; b < 4; b++) {\n            const bh = 1.5 + Math.sin(clock * 2 + b) * 0.8 + b * 0.6;\n            drawBox3D(-4.5 + b * 3, barY, barZ, 1.4, bh, 1.4, 'rgba(56, 189, 248, 0.6)', '#38bdf8', isWireframeMode);\n          }\n        }\n\n        \/\/ 3. BIM: Edificio LOD 350 con Arquitectura, Estructura, MEP y Clash Radar\n        function renderBIM(clock) {\n          drawGrid3D(18, 4, -8);\n\n          \/\/ Estructura & Losas\n          for (let f = 0; f < 3; f++) {\n            const y = -6 + f * 5;\n            const slabColor = isWireframeMode ? 'rgba(56, 189, 248, 0.05)' : 'rgba(71, 85, 105, 0.7)';\n            drawBox3D(0, y, 0, 14, 0.8, 12, slabColor, '#38bdf8', isWireframeMode);\n\n            \/\/ Columnas de Nivel\n            [[-5.5, -4.5], [5.5, -4.5], [-5.5, 4.5], [5.5, 4.5]].forEach(([cx, cz]) => {\n              drawBox3D(cx, y + 2.5, cz, 1, 4.2, 1, 'rgba(100, 116, 139, 0.6)', '#00a2ff', isWireframeMode);\n            });\n          }\n\n          \/\/ Red MEP Sanitaria (Tuber\u00edas Azules con 90\u00b0)\n          const pipeY = -3;\n          const pipeColor = '#00f0ff';\n          drawLine3D(project3D(-6, pipeY, 2), project3D(0, pipeY, 2), pipeColor, 3);\n          drawLine3D(project3D(0, pipeY, 2), project3D(0, pipeY, -3), pipeColor, 3);\n          drawLine3D(project3D(0, pipeY, -3), project3D(6, pipeY, -3), pipeColor, 3);\n\n          \/\/ Bandeja El\u00e9ctrica (Conducto Naranja)\n          const ductY = 2;\n          const ductColor = '#ff9900';\n          drawLine3D(project3D(-5, ductY, -2), project3D(5, ductY, -2), ductColor, 3);\n          drawLine3D(project3D(2, ductY, -2), project3D(2, ductY, 3), ductColor, 3);\n\n          \/\/ Anillo Radar de Clash Detection\n          const radarAngle = clock * 2.5;\n          const radarRadius = 7.5;\n          ctx.beginPath();\n          ctx.strokeStyle = 'rgba(56, 189, 248, 0.8)';\n          ctx.lineWidth = 1.5;\n          for (let a = 0; a <= Math.PI * 2; a += 0.3) {\n            const px = Math.cos(a) * radarRadius;\n            const pz = Math.sin(a) * radarRadius;\n            const p = project3D(px, pipeY + 0.5, pz);\n            if (a === 0) ctx.moveTo(p.x, p.y); else ctx.lineTo(p.x, p.y);\n          }\n          ctx.closePath();\n          ctx.stroke();\n\n          \/\/ Haz giratorio del radar\n          const scanP = project3D(Math.cos(radarAngle) * radarRadius, pipeY + 0.5, Math.sin(radarAngle) * radarRadius);\n          const centerP = project3D(0, pipeY + 0.5, 0);\n          drawLine3D(centerP, scanP, '#22c55e', 2);\n        }\n\n        \/\/ 4. CIVIL 3D: Corredor vial en curva con zanja de alcantarillado y buzones\n        function renderCivil3D(clock) {\n          drawGrid3D(22, 5, -8);\n\n          \/\/ Corredor Vial Curvo Peraltado\n          const curvePts = [];\n          for (let i = -14; i <= 14; i += 2) {\n            const t = i \/ 14;\n            const rx = i * 1.1;\n            const rz = Math.sin(t * Math.PI) * 7;\n            const ry = -6 + Math.sin(t * 2) * 1.5;\n            const bank = t * 1.2; \/\/ Peralte\n            curvePts.push({\n              center: project3D(rx, ry, rz),\n              left: project3D(rx - 3, ry + bank, rz),\n              right: project3D(rx + 3, ry - bank, rz)\n            });\n          }\n\n          \/\/ Dibujar cinta asfaltada\n          for (let j = 0; j < curvePts.length - 1; j++) {\n            const c1 = curvePts[j];\n            const c2 = curvePts[j + 1];\n            ctx.beginPath();\n            ctx.moveTo(c1.left.x, c1.left.y);\n            ctx.lineTo(c1.right.x, c1.right.y);\n            ctx.lineTo(c2.right.x, c2.right.y);\n            ctx.lineTo(c2.left.x, c2.left.y);\n            ctx.closePath();\n            ctx.fillStyle = isWireframeMode ? 'rgba(56, 189, 248, 0.08)' : 'rgba(30, 41, 59, 0.85)';\n            ctx.fill();\n            ctx.strokeStyle = isWireframeMode ? '#38bdf8' : '#0ea5e9';\n            ctx.lineWidth = 1;\n            ctx.stroke();\n\n            \/\/ L\u00ednea de carril central\n            drawLine3D(c1.center, c2.center, '#fbbf24', 1.5, true);\n          }\n\n          \/\/ Zanja de Saneamiento y Buzones (Subterr\u00e1neo)\n          const trenchY = -7.5;\n          const b1 = project3D(-7, trenchY, 4);\n          const b2 = project3D(6, trenchY, -4);\n          drawLine3D(b1, b2, '#06b6d4', 3); \/\/ Tuber\u00eda\n\n          \/\/ 2 Buzones de Concreto Cil\u00edndricos\n          drawBox3D(-7, trenchY + 1.2, 4, 2, 2.4, 2, 'rgba(148, 163, 184, 0.5)', '#38bdf8', isWireframeMode);\n          drawBox3D(6, trenchY + 1.2, -4, 2, 2.4, 2, 'rgba(148, 163, 184, 0.5)', '#38bdf8', isWireframeMode);\n\n          \/\/ Veh\u00edculo de Telemetr\u00eda Movi\u00e9ndose\n          const carT = (Math.sin(clock * 1.5) + 1) \/ 2;\n          const carIdx = Math.min(curvePts.length - 1, Math.floor(carT * (curvePts.length - 1)));\n          const carP = curvePts[carIdx].center;\n          ctx.beginPath();\n          ctx.arc(carP.x, carP.y - 6, 5, 0, Math.PI * 2);\n          ctx.fillStyle = '#ef4444';\n          ctx.fill();\n          ctx.strokeStyle = '#ffffff';\n          ctx.lineWidth = 1.5;\n          ctx.stroke();\n        }\n\n        \/\/ 5. IA: Red Neuronal Hologr\u00e1fica 3D + Visi\u00f3n por Computadora en Obra\n        function renderIA(clock) {\n          drawGrid3D(18, 4, -8);\n\n          \/\/ Maqueta del edificio en wireframe\n          drawBox3D(0, -4, 0, 12, 8, 10, 'rgba(15, 23, 42, 0.4)', 'rgba(56, 189, 248, 0.3)', true);\n\n          \/\/ Capas de la Red Neuronal (Entrada, Oculta, Salida)\n          const layers = [\n            { x: -6, count: 4, color: '#3b82f6' },\n            { x: 0, count: 5, color: '#06b6d4' },\n            { x: 6, count: 3, color: '#10b981' }\n          ];\n\n          const nodes = [];\n          layers.forEach((l, lIdx) => {\n            const stepY = 12 \/ (l.count + 1);\n            for (let n = 0; n < l.count; n++) {\n              const ny = 7 - (n + 1) * stepY + Math.sin(clock * 2 + n + lIdx) * 0.3;\n              const nz = Math.cos(clock + n) * 2;\n              const p = project3D(l.x, ny, nz);\n              nodes.push({ p, lIdx, color: l.color });\n            }\n          });\n\n          \/\/ Conexiones sin\u00e1pticas entre capas\n          for (let i = 0; i < nodes.length; i++) {\n            for (let j = i + 1; j < nodes.length; j++) {\n              if (nodes[j].lIdx === nodes[i].lIdx + 1) {\n                const alpha = (Math.sin(clock * 3 + i + j) + 1) \/ 2 * 0.5 + 0.2;\n                drawLine3D(nodes[i].p, nodes[j].p, `rgba(56, 189, 248, ${alpha})`, 1);\n              }\n            }\n          }\n\n          \/\/ Dibujar Nodos con halo brillante\n          nodes.forEach(node => {\n            ctx.beginPath();\n            ctx.arc(node.p.x, node.p.y, 4, 0, Math.PI * 2);\n            ctx.fillStyle = node.color;\n            ctx.fill();\n            ctx.strokeStyle = '#ffffff';\n            ctx.lineWidth = 1;\n            ctx.stroke();\n          });\n\n          \/\/ Cono de Visi\u00f3n por Computadora (C\u00e1mara de Escaneo de Obra)\n          const camOrigin = project3D(0, 9, 7);\n          const targets = [\n            project3D(-4, -7, -3),\n            project3D(4, -7, -3),\n            project3D(4, -7, 4),\n            project3D(-4, -7, 4)\n          ];\n          targets.forEach(t => {\n            drawLine3D(camOrigin, t, 'rgba(56, 189, 248, 0.45)', 1, true);\n          });\n        }\n\n        \/\/ 6. GESTI\u00d3N: Curva S 3D Volum\u00e9trica, Hitos Contractuales y Tablero EVM\n        function renderGestion(clock) {\n          drawGrid3D(18, 4, -8);\n\n          \/\/ Ejes de la Curva S (Tiempo X vs Avance Y vs Costo Z)\n          const origin = project3D(-8, -7, -4);\n          const endX = project3D(8, -7, -4);\n          const endY = project3D(-8, 7, -4);\n          drawLine3D(origin, endX, '#94a3b8', 2);\n          drawLine3D(origin, endY, '#94a3b8', 2);\n\n          \/\/ 3 Curvas en el espacio (PV Planificado, EV Ganado, AC Real)\n          const curves = [\n            { col: '#00a2ff', factor: 1.0, label: 'PV' },\n            { col: '#10b981', factor: 1.05, label: 'EV' },\n            { col: '#f59e0b', factor: 0.96, label: 'AC' }\n          ];\n\n          curves.forEach(c => {\n            let prevP = null;\n            for (let step = 0; step <= 16; step++) {\n              const t = step \/ 16;\n              const x = -8 + step;\n              \/\/ Ecuaci\u00f3n sigmoide de Curva S: 1 \/ (1 + e^-k(t-0.5))\n              const sCurve = 1 \/ (1 + Math.exp(-6 * (t - 0.5)));\n              const y = -7 + sCurve * 12 * c.factor;\n              const z = -4 + Math.sin(t * Math.PI) * 2;\n              const pt = project3D(x, y, z);\n              if (prevP) {\n                drawLine3D(prevP, pt, c.col, 2.5);\n              }\n              prevP = pt;\n            }\n          });\n\n          \/\/ Pir\u00e1mide de Hitos Contractuales Flotantes\n          for (let h = 0; h < 3; h++) {\n            const hx = -4 + h * 4;\n            const hy = -6 + h * 4;\n            const hp = project3D(hx, hy, 2);\n            ctx.beginPath();\n            ctx.arc(hp.x, hp.y, 6, 0, Math.PI * 2);\n            ctx.fillStyle = '#fbbf24';\n            ctx.fill();\n            ctx.strokeStyle = '#ffffff';\n            ctx.lineWidth = 1.5;\n            ctx.stroke();\n\n            \/\/ Etiqueta del hito\n            ctx.fillStyle = '#ffffff';\n            ctx.font = '9px Space Grotesk, sans-serif';\n            ctx.fillText('Hito ' + (h + 1), hp.x + 10, hp.y + 3);\n          }\n\n          \/\/ Indicadores de Desempe\u00f1o EVM\n          const kpiP = project3D(6, 6, 0);\n          ctx.fillStyle = '#38bdf8';\n          ctx.font = 'bold 11px Space Grotesk, sans-serif';\n          ctx.fillText('EVM: CPI = 1.06 | SPI = 1.04', kpiP.x, kpiP.y);\n        }\n\n        \/\/ 7. EJECUTOR: Gr\u00faa Torre 3D Giratoria, Izaje y Obra Activa\n        function renderEjecutor(clock) {\n          drawGrid3D(20, 5, -8);\n\n          \/\/ Estructura en Construcci\u00f3n\n          drawBox3D(-5, -3, 0, 8, 10, 8, 'rgba(30, 41, 59, 0.65)', '#0ea5e9', isWireframeMode);\n\n          \/\/ M\u00e1stil Vertical de la Gr\u00faa Torre\n          const craneX = 5, craneZ = -2;\n          const mastBase = project3D(craneX, -8, craneZ);\n          const mastTop = project3D(craneX, 9, craneZ);\n          drawLine3D(mastBase, mastTop, '#f59e0b', 3.5);\n\n          \/\/ Celos\u00eda del M\u00e1stil\n          for (let my = -7; my < 9; my += 2) {\n            const p1 = project3D(craneX - 0.7, my, craneZ);\n            const p2 = project3D(craneX + 0.7, my + 1.5, craneZ);\n            drawLine3D(p1, p2, '#d97706', 1.2);\n          }\n\n          \/\/ Pluma Horizontal Giratoria\n          const craneAngle = clock * 1.2;\n          const jibLen = 11;\n          const counterJibLen = 4;\n\n          const jibEnd = project3D(\n            craneX + Math.cos(craneAngle) * jibLen,\n            9,\n            craneZ + Math.sin(craneAngle) * jibLen\n          );\n          const counterEnd = project3D(\n            craneX - Math.cos(craneAngle) * counterJibLen,\n            9,\n            craneZ - Math.sin(craneAngle) * counterJibLen\n          );\n          drawLine3D(counterEnd, jibEnd, '#fbbf24', 3);\n\n          \/\/ Carro de la pluma y cable de izaje\n          const trolleyDist = 6 + Math.sin(clock * 1.5) * 3;\n          const trolleyPos = project3D(\n            craneX + Math.cos(craneAngle) * trolleyDist,\n            9,\n            craneZ + Math.sin(craneAngle) * trolleyDist\n          );\n          const hookY = 2 + Math.cos(clock * 1.5) * 2;\n          const hookPos = project3D(\n            craneX + Math.cos(craneAngle) * trolleyDist,\n            hookY,\n            craneZ + Math.sin(craneAngle) * trolleyDist\n          );\n          drawLine3D(trolleyPos, hookPos, '#e2e8f0', 1.5);\n\n          \/\/ Viga Prefabricada Izada en el Gancho\n          drawBox3D(\n            craneX + Math.cos(craneAngle) * trolleyDist,\n            hookY - 0.8,\n            craneZ + Math.sin(craneAngle) * trolleyDist,\n            4, 0.7, 0.7,\n            'rgba(245, 158, 11, 0.85)', '#ffffff', isWireframeMode\n          );\n        }\n\n        \/\/ 8. PROCESOS: Despiece Axonom\u00e9trico 4D (Exploded View) y Planos Hologr\u00e1ficos\n        function renderProcesos(clock) {\n          drawGrid3D(18, 4, -8);\n\n          \/\/ Separaci\u00f3n vertical de niveles (Exploded 4D View)\n          const explodeOffset = (Math.sin(clock * 1.8) + 1) \/ 2 * 2.5; \/\/ 0 a 2.5\n\n          \/\/ Nivel 0: Cimentaci\u00f3n\n          drawBox3D(0, -7.5, 0, 14, 1.2, 11, 'rgba(71, 85, 105, 0.6)', '#38bdf8', isWireframeMode);\n\n          \/\/ Nivel 1: Piso 1\n          const y1 = -3 + explodeOffset;\n          drawBox3D(0, y1, 0, 13, 1, 10, 'rgba(14, 165, 233, 0.4)', '#00a2ff', isWireframeMode);\n          \/\/ Muros Nivel 1\n          drawBox3D(-4, y1 + 1.5, 0, 0.6, 2, 8, 'rgba(255, 255, 255, 0.2)', '#38bdf8', isWireframeMode);\n          drawBox3D(4, y1 + 1.5, 0, 0.6, 2, 8, 'rgba(255, 255, 255, 0.2)', '#38bdf8', isWireframeMode);\n\n          \/\/ Nivel 2: Piso 2\n          const y2 = 2 + explodeOffset * 2;\n          drawBox3D(0, y2, 0, 13, 1, 10, 'rgba(16, 185, 129, 0.4)', '#10b981', isWireframeMode);\n\n          \/\/ Nivel 3: Techo \/ Azotea\n          const y3 = 6 + explodeOffset * 3;\n          drawBox3D(0, y3, 0, 14, 0.8, 11, 'rgba(168, 85, 247, 0.4)', '#a855f7', isWireframeMode);\n\n          \/\/ L\u00edneas de Proyecci\u00f3n de Montaje (Gu\u00edas 4D)\n          [[-6, -5], [6, -5], [-6, 5], [6, 5]].forEach(([gx, gz]) => {\n            const pBot = project3D(gx, -7, gz);\n            const pTop = project3D(gx, y3, gz);\n            drawLine3D(pBot, pTop, 'rgba(56, 189, 248, 0.35)', 1, true);\n          });\n\n          \/\/ L\u00e1mina de Plano Arquitect\u00f3nico Flotante Hologr\u00e1fico\n          const sheetY = 0;\n          const s1 = project3D(9, sheetY - 3, -4);\n          const s2 = project3D(9, sheetY + 4, -4);\n          const s3 = project3D(9, sheetY + 4, 4);\n          const s4 = project3D(9, sheetY - 3, 4);\n\n          ctx.beginPath();\n          ctx.moveTo(s1.x, s1.y);\n          ctx.lineTo(s2.x, s2.y);\n          ctx.lineTo(s3.x, s3.y);\n          ctx.lineTo(s4.x, s4.y);\n          ctx.closePath();\n          ctx.fillStyle = 'rgba(6, 182, 212, 0.08)';\n          ctx.fill();\n          ctx.strokeStyle = '#06b6d4';\n          ctx.lineWidth = 1.5;\n          ctx.stroke();\n\n          \/\/ L\u00edneas de dibujo del plano hologr\u00e1fico\n          drawLine3D(project3D(9, sheetY, -3), project3D(9, sheetY, 3), '#38bdf8', 1);\n          drawLine3D(project3D(9, sheetY - 2, 0), project3D(9, sheetY + 3, 0), '#38bdf8', 1);\n        }\n\n        \/\/ ==========================================\n        \/\/ DIBUJO DE HOTSPOTS\n        \/\/ ==========================================\n        function renderHotspots(clock) {\n          activeHotspotProjected = [];\n          const curData = specialtiesData[currentMode];\n          if (!curData || !curData.hotspots) return;\n\n          curData.hotspots.forEach(h => {\n            const p = project3D(h.x, h.y, h.z);\n            activeHotspotProjected.push({ p, data: h });\n\n            const pulse = (Math.sin(clock * 4) + 1) \/ 2;\n            const radius = 6 + pulse * 4;\n\n            \/\/ Anillo pulsante\n            ctx.beginPath();\n            ctx.arc(p.x, p.y, radius, 0, Math.PI * 2);\n            ctx.strokeStyle = `rgba(56, 189, 248, ${0.8 - pulse * 0.6})`;\n            ctx.lineWidth = 1.5;\n            ctx.stroke();\n\n            \/\/ Punto central s\u00f3lido\n            ctx.beginPath();\n            ctx.arc(p.x, p.y, 4, 0, Math.PI * 2);\n            ctx.fillStyle = '#38bdf8';\n            ctx.fill();\n            ctx.strokeStyle = '#ffffff';\n            ctx.lineWidth = 1.5;\n            ctx.stroke();\n          });\n        }\n\n        \/\/ ==========================================\n        \/\/ BUCLE PRINCIPAL DE ANIMACI\u00d3N A 60 FPS\n        \/\/ ==========================================\n        function animate() {\n          requestAnimationFrame(animate);\n\n          if (container && container.clientWidth > 0 && Math.abs(container.clientWidth - width) > 10) {\n            resizeCanvas();\n          }\n\n          animClock += 0.03;\n          if (autoRotate && !isDragging) {\n            rotY += 0.005;\n          }\n\n          ctx.clearRect(0, 0, width, height);\n\n          \/\/ Fondo espacial sutil\n          const bgGrad = ctx.createRadialGradient(cx, cy, 20, cx, cy, width \/ 1.4);\n          bgGrad.addColorStop(0, '#0a1d42');\n          bgGrad.addColorStop(1, '#020612');\n          ctx.fillStyle = bgGrad;\n          ctx.fillRect(0, 0, width, height);\n\n          \/\/ Ejecutar render seg\u00fan el modelo activo\n          switch (currentMode) {\n            case 'estructuras':\n              renderEstructuras(animClock);\n              break;\n            case 'costos':\n              renderCostos(animClock);\n              break;\n            case 'bim':\n              renderBIM(animClock);\n              break;\n            case 'civil3d':\n              renderCivil3D(animClock);\n              break;\n            case 'ia':\n              renderIA(animClock);\n              break;\n            case 'gestion':\n              renderGestion(animClock);\n              break;\n            case 'ejecutor':\n              renderEjecutor(animClock);\n              break;\n            case 'procesos':\n              renderProcesos(animClock);\n              break;\n          }\n\n          \/\/ Dibujar Hotspots encima de la geometr\u00eda\n          renderHotspots(animClock);\n        }\n\n        \/\/ Inicializar con la primera especialidad (estructuras)\n        setSpecialtyMode('estructuras');\n        animate();\n      })();\n\n\n      \/\/ ==========================================\n      \/\/ 4. CARRUSEL: FILTROS CON CARRIL INTERACTIVO & AUTO-SCROLL\n      \/\/ ==========================================\n      const cardsViewport = root.querySelector('#cardsViewport');\n      const btnPrevCards = root.querySelector('#btnPrevCards');\n      const btnNextCards = root.querySelector('#btnNextCards');\n      const categoryBtns = root.querySelectorAll('.btn-cat-filter');\n      const popoutCards = root.querySelectorAll('.popout-card');\n      const carouselIndicator = root.querySelector('#carouselStatusIndicator');\n      const carouselProgressBar = root.querySelector('#carouselProgressBar');\n\n      \/\/ Controles del Carril de Filtros de Categor\u00edas (Image 4)\n      const filterCarrilPrev = root.querySelector('#filterCarrilPrev');\n      const filterCarrilNext = root.querySelector('#filterCarrilNext');\n      const categoryFilterBar = root.querySelector('#categoryFilterBar') || root.querySelector('.category-filter-bar');\n\n      if (filterCarrilPrev && categoryFilterBar) {\n        filterCarrilPrev.addEventListener('click', (e) => {\n          e.preventDefault();\n          categoryFilterBar.scrollBy({ left: -260, behavior: 'smooth' });\n          filterCarrilPrev.blur();\n        });\n      }\n      if (filterCarrilNext && categoryFilterBar) {\n        filterCarrilNext.addEventListener('click', (e) => {\n          e.preventDefault();\n          categoryFilterBar.scrollBy({ left: 260, behavior: 'smooth' });\n          filterCarrilNext.blur();\n        });\n      }\n\n      \/\/ Filtrado Din\u00e1mico por Categor\u00edas con auto-centrado en el carril\n      categoryBtns.forEach(btn => {\n        btn.addEventListener('click', () => {\n          categoryBtns.forEach(b => b.classList.remove('active'));\n          btn.classList.add('active');\n\n          \/\/ Auto-centrar la opci\u00f3n activa en el carril de categor\u00edas\n          btn.scrollIntoView({ behavior: 'smooth', inline: 'center', block: 'nearest' });\n\n          const filter = btn.getAttribute('data-filter');\n          let visibleCount = 0;\n\n          popoutCards.forEach(card => {\n            const cardCat = card.getAttribute('data-category');\n            if (filter === 'all' || cardCat === filter) {\n              card.classList.remove('hidden');\n              visibleCount++;\n            } else {\n              card.classList.add('hidden');\n            }\n          });\n\n          if (cardsViewport) cardsViewport.scrollTo({ left: 0, behavior: 'smooth' });\n          if (carouselIndicator) {\n            carouselIndicator.innerText = `Mostrando ${visibleCount} programas especializados`;\n          }\n          currentElapsed = 0;\n          if (carouselProgressBar) carouselProgressBar.style.width = '0%';\n        });\n      });\n\n      \/\/ Navegaci\u00f3n Manual por Flechas\n      if (cardsViewport && btnPrevCards && btnNextCards) {\n        btnPrevCards.addEventListener('click', () => {\n          cardsViewport.scrollBy({ left: -344, behavior: 'smooth' });\n          currentElapsed = 0;\n          if (carouselProgressBar) carouselProgressBar.style.width = '0%';\n        });\n\n        btnNextCards.addEventListener('click', () => {\n          cardsViewport.scrollBy({ left: 344, behavior: 'smooth' });\n          currentElapsed = 0;\n          if (carouselProgressBar) carouselProgressBar.style.width = '0%';\n        });\n      }\n\n      \/\/ Animaci\u00f3n Continua de la Barra de Progreso y Desplazamiento cada 3 Segundos\n      let currentElapsed = 0;\n      const totalDuration = 3000; \/\/ 3 segundos exactos\n      const intervalTick = 50; \/\/ Cada 50ms actualiza la barra\n      let isCarouselPaused = false;\n\n      setInterval(() => {\n        if (isCarouselPaused || !cardsViewport) return;\n\n        currentElapsed += intervalTick;\n        const pct = Math.min(100, (currentElapsed \/ totalDuration) * 100);\n        if (carouselProgressBar) {\n          carouselProgressBar.style.width = `${pct}%`;\n        }\n\n        if (currentElapsed >= totalDuration) {\n          currentElapsed = 0;\n          if (carouselProgressBar) carouselProgressBar.style.width = '0%';\n\n          const scrollStep = 344;\n          const maxScroll = cardsViewport.scrollWidth - cardsViewport.clientWidth;\n\n          if (cardsViewport.scrollLeft >= maxScroll - 20) {\n            cardsViewport.scrollTo({ left: 0, behavior: 'smooth' });\n          } else {\n            cardsViewport.scrollBy({ left: scrollStep, behavior: 'smooth' });\n          }\n        }\n      }, intervalTick);\n\n      \/\/ Pausa Inteligente al pasar el cursor o tocar en m\u00f3viles\n      if (cardsViewport) {\n        cardsViewport.addEventListener('mouseenter', () => { isCarouselPaused = true; });\n        cardsViewport.addEventListener('mouseleave', () => { isCarouselPaused = false; });\n        cardsViewport.addEventListener('touchstart', () => { isCarouselPaused = true; }, { passive: true });\n        cardsViewport.addEventListener('touchend', () => { isCarouselPaused = false; });\n      }\n\n      \/\/ ==========================================\n      \/\/ 5. VIDEO HUB PLAYLIST & AMBIENT GLOW\n      \/\/ ==========================================\n      try {\n        const playlistItems = root.querySelectorAll('.playlist-item');\n        const hubMainVideo = root.querySelector('hubMainVideo');\n        const videoCurrentTag = root.querySelector('videoCurrentTag');\n        const videoAmbientGlow = root.querySelector('videoAmbientGlow');\n        const videoFilterTabs = root.querySelectorAll('.btn-video-tab');\n\n        playlistItems.forEach(item => {\n          item.addEventListener('click', () => {\n            playlistItems.forEach(i => i.classList.remove('active'));\n            item.classList.add('active');\n\n            const videoSrc = item.getAttribute('data-video');\n            const videoTag = item.getAttribute('data-tag');\n            const glowColor = item.getAttribute('data-glow') || 'rgba(0, 162, 255, 0.4)';\n            const thumbImg = item.querySelector('img');\n\n            if (videoCurrentTag) {\n              videoCurrentTag.innerHTML = `<i class=\"fas fa-play-circle\" style=\"color: #ef4444;\"><\/i> ${videoTag}`;\n            }\n            if (videoAmbientGlow) {\n              videoAmbientGlow.style.background = `radial-gradient(circle, ${glowColor} 0%, rgba(0,0,0,0) 70%)`;\n            }\n            if (hubMainVideo) {\n              if (thumbImg && thumbImg.src) {\n                hubMainVideo.poster = thumbImg.src;\n              }\n              if (videoSrc) {\n                hubMainVideo.src = videoSrc;\n                hubMainVideo.load();\n                const playPromise = hubMainVideo.play();\n                if (playPromise !== undefined) {\n                  playPromise.catch(e => {\n                    \/\/ Autoplay prevenido por pol\u00edtica de navegador - interacci\u00f3n lista\n                    console.log('Video play deferred until manual user play gesture:', e);\n                  });\n                }\n              }\n            }\n          });\n        });\n\n        videoFilterTabs.forEach(tab => {\n          tab.addEventListener('click', () => {\n            videoFilterTabs.forEach(t => t.classList.remove('active'));\n            tab.classList.add('active');\n            const channel = tab.getAttribute('data-channel');\n\n            playlistItems.forEach(item => {\n              const itemChannel = item.getAttribute('data-channel');\n              if (channel === 'all' || itemChannel === channel) {\n                item.style.display = 'flex';\n              } else {\n                item.style.display = 'none';\n              }\n            });\n          });\n        });\n\n        \/\/ Interacci\u00f3n para los Badges de Software en el Marquee\n        const techBadges = root.querySelectorAll('.tech-badge-item');\n        const techCategoryMap = {\n          'Autodesk Revit 2025': 'bim',\n          'Navisworks Manage': 'bim',\n          'AutoCAD Civil 3D': 'vial',\n          'Sistema S10 ERP': 'costos',\n          'Libro T\u00e9cnico APUs': 'costos',\n          'CYPECAD 2025': 'estructuras',\n          'CSI ETABS 22': 'estructuras',\n          'Robot Structural': 'estructuras',\n          'IA para AutoCAD': 'ia',\n          'MS Project Professional': 'residencia'\n        };\n\n        techBadges.forEach(badge => {\n          badge.addEventListener('click', () => {\n            const text = badge.innerText.trim();\n            const targetCategory = techCategoryMap[text] || 'all';\n\n            \/\/ Desplazar suavemente a la secci\u00f3n de cursos\n            const cursosSec = document.getElementById('cursos');\n            if (cursosSec) {\n              cursosSec.scrollIntoView({ behavior: 'smooth' });\n            }\n\n            \/\/ Activar la pesta\u00f1a correspondiente en el cat\u00e1logo\n            const matchingTab = document.querySelector(`.btn-cat-filter[data-filter=\"${targetCategory}\"]`) || document.querySelector(`.btn-filter-pill[data-filter=\"${targetCategory}\"]`);\n            if (matchingTab) {\n              matchingTab.click();\n            }\n          });\n        });\n      } catch (errVideo) {\n        console.error('Error inicializando Video Hub o Tech Badges:', errVideo);\n      }\n\n      \/\/ ==========================================\n      \/\/ 6. CONTADOR REGRESIVO EN TIEMPO REAL\n      \/\/ ==========================================\n      const countdownEl = root.querySelector('liveCountdown');\n      if (countdownEl) {\n        const now = new Date();\n        const targetDate = new Date();\n        targetDate.setDate(now.getDate() + ((4 + 7 - now.getDay()) % 7 || 7));\n        targetDate.setHours(20, 0, 0, 0);\n\n        function updateCountdown() {\n          const current = new Date().getTime();\n          const distance = targetDate.getTime() - current;\n\n          if (distance > 0) {\n            const days = Math.floor(distance \/ (1000 * 60 * 60 * 24));\n            const hours = Math.floor((distance % (1000 * 60 * 60 * 24)) \/ (1000 * 60 * 60));\n            const minutes = Math.floor((distance % (1000 * 60 * 60)) \/ (1000 * 60));\n            const seconds = Math.floor((distance % (1000 * 60)) \/ 1000);\n\n            countdownEl.textContent = `${String(days).padStart(2, '0')}d ${String(hours).padStart(2, '0')}h ${String(minutes).padStart(2, '0')}m ${String(seconds).padStart(2, '0')}s`;\n          }\n        }\n        updateCountdown();\n        setInterval(updateCountdown, 1000);\n      }\n\n      \/\/ ==========================================\n      \/\/ 7. ACORDE\u00d3N DE PREGUNTAS FRECUENTES\n      \/\/ ==========================================\n      const faqItems = root.querySelectorAll('.faq-item');\n      faqItems.forEach(item => {\n        const trigger = item.querySelector('.faq-trigger');\n        if (trigger) {\n          trigger.addEventListener('click', () => {\n            const isActive = item.classList.contains('active');\n            faqItems.forEach(i => i.classList.remove('active'));\n            if (!isActive) item.classList.add('active');\n          });\n        }\n      });\n\n      \/\/ ==========================================\n      \/\/ 8. CONTADORES ANIMADOS \"LOS N\u00daMEROS HABLAN\"\n      \/\/ ==========================================\n      const counters = root.querySelectorAll('.numero-valor');\n      let animated = false;\n\n      function startCounters() {\n        if (animated) return;\n        animated = true;\n\n        counters.forEach(counter => {\n          const target = parseInt(counter.getAttribute('data-target') || '0', 10);\n          const suffix = counter.getAttribute('data-suffix') || '';\n          if (!target) return;\n          let current = 0;\n          const steps = 30;\n          const increment = Math.max(1, Math.ceil(target \/ steps));\n          counter.textContent = '0' + suffix;\n          const interval = setInterval(() => {\n            current += increment;\n            if (current >= target) {\n              counter.textContent = target + suffix;\n              clearInterval(interval);\n            } else {\n              counter.textContent = current + suffix;\n            }\n          }, 35);\n        });\n      }\n\n      const statsSection = root.querySelector('#stats') || root.querySelector('.numeros-hablan-sec');\n      if (statsSection && 'IntersectionObserver' in window) {\n        const observer = new IntersectionObserver((entries) => {\n          entries.forEach(entry => {\n            if (entry.isIntersecting) {\n              startCounters();\n              observer.unobserve(entry.target);\n            }\n          });\n        }, { threshold: 0.15 });\n        observer.observe(statsSection);\n      } else {\n        setTimeout(startCounters, 800);\n      }\n\n      \/\/ Fallback de seguridad garantizado\n      setTimeout(startCounters, 2000);\n    }\n\n\/\/ Exposici\u00f3n global para depuraci\u00f3n o inicio manual\nwindow.initLsgEngine = initLsgEngine;\n\n\/\/ Ejecuci\u00f3n segura y compatible con WordPress (WPCode), Elementor y Navegadores\nif (document.readyState === 'loading') {\n  document.addEventListener('DOMContentLoaded', initLsgEngine);\n} else {\n  initLsgEngine();\n}\nwindow.addEventListener('load', initLsgEngine);\nif (window.jQuery) {\n  window.jQuery(document).ready(initLsgEngine);\n  window.jQuery(window).on('elementor\/frontend\/init', initLsgEngine);\n}\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Capacitaci\u00f3n Especializada en Obra La Educaci\u00f3n Abre la Mente Dise\u00f1amos y ejecutamos programas acad\u00e9micos de acuerdo a la demanda del [&hellip;]<\/p>\n","protected":false},"author":135,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","_thinkrank_schema_form_data":"","_thinkrank_selected_schema_type":"","_thinkrank_additional_schemas":"","_thinkrank_canonical_url":"","_thinkrank_og_title":"","_thinkrank_og_description":"","_thinkrank_og_image":"","_thinkrank_twitter_title":"","_thinkrank_twitter_description":"","_thinkrank_twitter_image":"","_thinkrank_imported_from":"","_thinkrank_focus_keywords":[],"_thinkrank_focus_keyword":"","_thinkrank_robots_meta_enabled":0,"_thinkrank_robots_meta":"","_thinkrank_advanced_robots_meta":"","_thinkrank_primary_category":0,"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","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":"disabled","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"enabled","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":"","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-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":"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":""},"mobile":{"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":""}},"footnotes":"","_members_access_role":[],"_members_access_error":""},"class_list":["post-850","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,"trp-custom-language-flag":false,"woocommerce_thumbnail":false,"woocommerce_single":false,"woocommerce_gallery_thumbnail":false},"uagb_author_info":{"display_name":"Lsg Autor","author_link":"https:\/\/lsgingenieros.net\/es\/author\/lsglenin24\/"},"uagb_comment_info":0,"uagb_excerpt":"Capacitaci\u00f3n Especializada en Obra La Educaci\u00f3n Abre la Mente Dise\u00f1amos y ejecutamos programas acad\u00e9micos de acuerdo a la demanda del [&hellip;]","rttpg_featured_image_url":null,"rttpg_author":{"display_name":"Lsg Autor","author_link":"https:\/\/lsgingenieros.net\/es\/author\/lsglenin24\/"},"rttpg_comment":0,"rttpg_category":null,"rttpg_excerpt":"Capacitaci\u00f3n Especializada en Obra La Educaci\u00f3n Abre la Mente Dise\u00f1amos y ejecutamos programas acad\u00e9micos de acuerdo a la demanda del [&hellip;]","_links":{"self":[{"href":"https:\/\/lsgingenieros.net\/es\/wp-json\/wp\/v2\/pages\/850","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lsgingenieros.net\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lsgingenieros.net\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lsgingenieros.net\/es\/wp-json\/wp\/v2\/users\/135"}],"replies":[{"embeddable":true,"href":"https:\/\/lsgingenieros.net\/es\/wp-json\/wp\/v2\/comments?post=850"}],"version-history":[{"count":63,"href":"https:\/\/lsgingenieros.net\/es\/wp-json\/wp\/v2\/pages\/850\/revisions"}],"predecessor-version":[{"id":16309,"href":"https:\/\/lsgingenieros.net\/es\/wp-json\/wp\/v2\/pages\/850\/revisions\/16309"}],"wp:attachment":[{"href":"https:\/\/lsgingenieros.net\/es\/wp-json\/wp\/v2\/media?parent=850"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}