{"id":2551,"date":"2026-01-26T18:35:05","date_gmt":"2026-01-26T18:35:05","guid":{"rendered":"https:\/\/praxisneurological.com\/?page_id=2551"},"modified":"2026-01-26T18:35:06","modified_gmt":"2026-01-26T18:35:06","slug":"home-co","status":"publish","type":"page","link":"https:\/\/praxisneurological.com\/ca\/home-co\/","title":{"rendered":"\uacc4 \ud558\uc774\uc5d4\ub4dc \ub450\uac1c\uace8 \ubc0f \ucc99\ucd94 \ubaa8\ub378\uc744 \uacbd"},"content":{"rendered":"<!DOCTYPE html>\n<html lang=\"ko\" class=\"scroll-smooth\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Praxis Neurological | \ucd08\uc2e4\uac10\ud615 \uc218\uc220 \uc2dc\ubbac\ub808\uc774\uc158<\/title>\n    \n    <!-- Fonts: Poppins (English) & Noto Sans KR (Korean) -->\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+KR:wght@300;400;500;700;900&#038;family=Poppins:wght@300;400;500;600;700;800&#038;display=swap\" rel=\"stylesheet\">\n    \n    <!-- Tailwind CSS -->\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    \n    <!-- Lucide Icons -->\n    <script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\n\n    <!-- Tailwind Custom Config -->\n    <script>\n        tailwind.config = {\n            important: '#praxis-site-root',\n            theme: {\n                extend: {\n                    colors: {\n                        brand: {\n                            base: '#ffffff',\n                            surface: '#f8fafc',\n                            primary: '#0f2a44',\n                            accent: '#1abc9c',\n                            blueLight: '#e0f2fe',\n                            techBlue: '#0ea5e9',\n                            text: '#334155',\n                            muted: '#64748b'\n                        }\n                    },\n                    fontFamily: {\n                        sans: ['\"Noto Sans KR\"', '\"Poppins\"', 'sans-serif'], \/\/ Korean Font Priority\n                    },\n                    boxShadow: {\n                        'soft': '0 20px 40px -15px rgba(15, 42, 68, 0.1)',\n                        'glow': '0 0 20px rgba(14, 165, 233, 0.2)',\n                        'floating': '0 10px 40px -10px rgba(15, 42, 68, 0.15)',\n                    },\n                    backgroundImage: {\n                        'grid-pattern': \"radial-gradient(circle, rgba(15, 42, 68, 0.08) 1px, transparent 1px)\",\n                        'scan-line': \"linear-gradient(to bottom, transparent, rgba(14, 165, 233, 0.3), transparent)\",\n                    },\n                    animation: {\n                        'pulse-slow': 'pulse 5s cubic-bezier(0.4, 0, 0.6, 1) infinite',\n                        'float': 'float 6s ease-in-out infinite',\n                        'scan': 'scan 3s linear infinite',\n                    },\n                    keyframes: {\n                        float: {\n                            '0%, 100%': { transform: 'translateY(0)' },\n                            '50%': { transform: 'translateY(-20px)' },\n                        },\n                        scan: {\n                            '0%': { transform: 'translateY(-100%)' },\n                            '100%': { transform: 'translateY(100%)' },\n                        }\n                    }\n                }\n            }\n        }\n    <\/script>\n\n    <style>\n        \/* Safe Namespace *\/\n        #praxis-site-root {\n            font-family: 'Noto Sans KR', 'Poppins', sans-serif !important;\n            color: #334155;\n            line-height: 1.6;\n            width: 100%;\n            position: relative;\n            z-index: 1;\n            background-color: #ffffff;\n            word-break: keep-all; \/* Critical for Korean text wrapping *\/\n        }\n\n        #praxis-site-root *, #praxis-site-root *::before, #praxis-site-root *::after {\n            box-sizing: border-box;\n        }\n\n        #praxis-site-root img {\n            display: inline-block;\n            max-width: 100%;\n            height: auto;\n        }\n\n        #praxis-site-root .lucide {\n            width: 1.5rem;\n            height: 1.5rem;\n            display: inline-block;\n            vertical-align: middle;\n        }\n\n        \/* Forced Colors *\/\n        #praxis-site-root .text-brand-primary { color: #0f2a44 !important; }\n        #praxis-site-root .text-brand-techBlue { color: #0ea5e9 !important; }\n        #praxis-site-root .bg-brand-primary { background-color: #0f2a44 !important; }\n        \n        #praxis-site-root .bg-brand-primary h1,\n        #praxis-site-root .bg-brand-primary h2,\n        #praxis-site-root .bg-brand-primary h3,\n        #praxis-site-root .bg-brand-primary p,\n        #praxis-site-root .bg-brand-primary span:not(.text-brand-techBlue),\n        #praxis-site-root .bg-brand-primary li,\n        #praxis-site-root footer,\n        #praxis-site-root footer p,\n        #praxis-site-root .text-white {\n            color: #ffffff !important;\n        }\n        #praxis-site-root .text-transparent { color: transparent !important; }\n        #praxis-site-root .main-logo { height: 40px !important; width: auto !important; max-width: none !important; }\n        #praxis-site-root .footer-logo { height: 48px !important; width: auto !important; }\n\n        \/* --- ROBUST 3D FLIP LOGIC --- *\/\n        #praxis-site-root .perspective-container {\n            perspective: 1000px;\n            z-index: 20;\n        }\n        \n        #praxis-site-root .flip-inner {\n            position: relative;\n            width: 100%;\n            height: 100%;\n            transition: transform 0.8s;\n            transform-style: preserve-3d;\n            -webkit-transform-style: preserve-3d; \/* iOS Support *\/\n        }\n        \n        #praxis-site-root .flip-inner.is-flipped {\n            transform: rotateY(180deg);\n        }\n\n        \/* Card Faces *\/\n        #praxis-site-root .flip-front,\n        #praxis-site-root .flip-back {\n            position: absolute;\n            width: 100%;\n            height: 100%;\n            -webkit-backface-visibility: hidden; \n            backface-visibility: hidden;       \n            top: 0;\n            left: 0;\n            border-radius: 1rem;\n            overflow: hidden;\n            background-color: white; \n        }\n\n        \/* Front Face *\/\n        #praxis-site-root .flip-front {\n            z-index: 2;\n            transform: rotateY(0deg);\n        }\n\n        \/* Back Face *\/\n        #praxis-site-root .flip-back {\n            transform: rotateY(180deg);\n            z-index: 1;\n        }\n\n        #praxis-site-root .slide-hidden { opacity: 0; pointer-events: none; z-index: 0; position: absolute; }\n        #praxis-site-root .slide-active { opacity: 1; pointer-events: auto; z-index: 10; position: absolute; }\n\n        \/* Video Styles *\/\n        #praxis-site-root .video-container {\n            position: relative;\n            border-radius: 1rem;\n            overflow: hidden;\n            box-shadow: 0 0 20px rgba(14, 165, 233, 0.15);\n            transition: all 0.5s ease;\n            cursor: pointer;\n            z-index: 10;\n        }\n        \n        #praxis-site-root #video-modal {\n            display: none; opacity: 0; transition: opacity 0.3s ease;\n            position: fixed; top: 0; left: 0; width: 100%; height: 100%;\n            z-index: 99999;\n        }\n        #praxis-site-root #video-modal.active { display: flex; opacity: 1; }\n\n        \/* Buttons *\/\n        #praxis-site-root a.btn-tech,\n        #praxis-site-root a.btn-cta-reset {\n            text-decoration: none !important;\n            display: inline-flex !important;\n            align-items: center;\n            justify-content: center;\n            border-bottom: none !important;\n            line-height: 1.2 !important;\n            box-sizing: border-box !important;\n        }\n        #praxis-site-root a.text-white { color: #ffffff !important; }\n        #praxis-site-root a.text-brand-primary { color: #0f2a44 !important; }\n        #praxis-site-root a.btn-tech:hover,\n        #praxis-site-root a.btn-cta-reset:hover {\n            text-decoration: none !important;\n            opacity: 0.95;\n            transform: translateY(-2px);\n        }\n    <\/style>\n<\/head>\n\n<body>\n\n<!-- Root Container -->\n<div id=\"praxis-site-root\">\n\n    <!-- Navigation -->\n    <nav class=\"fixed w-full z-[100] transition-all duration-300 glass-light border-b border-gray-100 top-0 left-0\" id=\"navbar\">\n        <div class=\"max-w-7xl mx-auto px-6 lg:px-8\">\n            <div class=\"flex items-center justify-between h-20\">\n                <div class=\"flex-shrink-0 flex items-center\">\n                    <img decoding=\"async\" src=\"https:\/\/praxisneurological.com\/wp-content\/uploads\/2024\/06\/cropped-PRAXIS-NEUROLOGICAL-logo-azul-scaled-1.webp\" alt=\"Praxis Neurological\" class=\"main-logo\">\n                <\/div>\n                <div class=\"hidden md:block\">\n                    <div class=\"ml-10 flex items-baseline space-x-8\">\n                        <a href=\"#beneficios\" class=\"text-sm font-medium text-brand-text hover:text-brand-primary transition-all duration-300 !no-underline\">\uc81c\ud488\ud2b9\uc9d5<\/a>\n                        <a href=\"#comparativa\" class=\"text-sm font-medium text-brand-text hover:text-brand-primary transition-all duration-300 !no-underline\">\ube44\uad50\ubd84\uc11d<\/a>\n                        <a href=\"#talleres\" class=\"text-sm font-medium text-brand-text hover:text-brand-primary transition-all duration-300 !no-underline\">\uc6cc\ud06c\uc20d<\/a>\n                        <a href=\"#wfse26\" class=\"text-sm font-medium text-brand-text hover:text-brand-primary transition-all duration-300 !no-underline\">WFSE26<\/a>\n                        <a href=\"#contacto\" class=\"px-6 py-2 rounded-full bg-brand-primary text-white text-sm font-semibold hover:bg-brand-primary\/90 hover:shadow-lg transition-all shadow-md !no-underline\">\ubb38\uc758\ud558\uae30<\/a>\n                    <\/div>\n                <\/div>\n                <div class=\"md:hidden\">\n                    <button id=\"mobile-menu-btn\" class=\"text-brand-primary focus:outline-none p-2\">\n                        <i data-lucide=\"menu\" class=\"w-8 h-8\"><\/i>\n                    <\/button>\n                <\/div>\n            <\/div>\n        <\/div>\n        <div id=\"mobile-menu\" class=\"hidden md:hidden bg-white border-t border-gray-100 absolute w-full left-0 top-20 shadow-lg z-50\">\n            <div class=\"px-6 py-4 space-y-4 flex flex-col\">\n                <a href=\"#beneficios\" class=\"text-base font-medium text-brand-text block py-2 !no-underline\" onclick=\"toggleMobileMenu()\">\uc81c\ud488\ud2b9\uc9d5<\/a>\n                <a href=\"#comparativa\" class=\"text-base font-medium text-brand-text block py-2 !no-underline\" onclick=\"toggleMobileMenu()\">\ube44\uad50\ubd84\uc11d<\/a>\n                <a href=\"#talleres\" class=\"text-base font-medium text-brand-text block py-2 !no-underline\" onclick=\"toggleMobileMenu()\">\uc6cc\ud06c\uc20d<\/a>\n                <a href=\"#wfse26\" class=\"text-base font-medium text-brand-text block py-2 !no-underline\" onclick=\"toggleMobileMenu()\">WFSE26<\/a>\n                <a href=\"#contacto\" class=\"text-base font-medium text-brand-techBlue font-bold block py-2 !no-underline\" onclick=\"toggleMobileMenu()\">\ubb38\uc758\ud558\uae30<\/a>\n            <\/div>\n        <\/div>\n    <\/nav>\n\n    <!-- Hero Section -->\n    <header class=\"relative bg-white min-h-screen flex items-center justify-center overflow-hidden pt-24 lg:pt-20\">\n        <div class=\"absolute inset-0 bg-tech-grid z-0\"><\/div>\n        <div class=\"absolute inset-0 bg-gradient-to-br from-white via-white to-brand-blueLight\/30 z-0\"><\/div>\n        \n        <div class=\"absolute top-1\/4 left-1\/4 w-96 h-96 bg-brand-techBlue\/5 rounded-full blur-[80px] animate-pulse-slow\"><\/div>\n        <div class=\"absolute bottom-0 right-0 w-[300px] lg:w-[600px] h-[300px] lg:h-[600px] bg-brand-primary\/5 rounded-full blur-[100px]\"><\/div>\n\n        <div class=\"relative z-10 max-w-7xl mx-auto px-6 lg:px-8 py-12 lg:py-24 grid lg:grid-cols-2 gap-12 lg:gap-16 items-center\">\n            \n            <div class=\"space-y-6 lg:space-y-8 animate-float text-center lg:text-left\" style=\"animation-duration: 8s;\">\n                <div class=\"inline-flex items-center gap-2 px-4 py-1.5 rounded-full bg-brand-primary\/5 border border-brand-primary\/10 text-brand-primary text-xs font-bold tracking-widest uppercase backdrop-blur-sm\">\n                    <span class=\"relative flex h-2 w-2\">\n                      <span class=\"animate-ping absolute inline-flex h-full w-full rounded-full bg-brand-techBlue opacity-75\"><\/span>\n                      <span class=\"relative inline-flex rounded-full h-2 w-2 bg-brand-techBlue\"><\/span>\n                    <\/span>\n                    Medical Innovation\n                <\/div>\n                \n                <h1 class=\"text-4xl lg:text-7xl font-bold leading-tight text-brand-primary\">\n                    \ud55c\uacc4\ub97c \ub118\uc5b4\uc11c\ub294 <br>\n                    <span class=\"text-gradient-blue\">\ucd08\uc2e4\uac10 \uc2dc\ubbac\ub808\uc774\uc158<\/span>\n                <\/h1>\n                \n                <p class=\"text-base lg:text-xl text-brand-muted max-w-xl mx-auto lg:mx-0 leading-relaxed lg:border-l-4 border-brand-primary lg:pl-6\">\n                    \uc0dd\ubb3c\ud559\uacfc \uacf5\ud559\uc758 \uc644\ubcbd\ud55c \uacb0\ud569. \uc2e0\uacbd\uc678\uacfc \uc804\ubb38\uc758\ub97c \uc704\ud574 \uc124\uacc4\ub41c \ud558\uc774\uc5d4\ub4dc \ub450\uac1c\uace8 \ubc0f \ucc99\ucd94 \ubaa8\ub378\uc744 \uacbd\ud5d8\ud558\uc138\uc694.\n                <\/p>\n\n                <div class=\"flex flex-col sm:flex-row gap-4 pt-4 justify-center lg:justify-start\">\n                    <a href=\"#contacto\" class=\"btn-tech group flex items-center justify-center gap-3 px-8 py-4 bg-brand-primary text-white rounded-lg font-bold text-lg shadow-floating hover:shadow-xl transition-all transform hover:-translate-y-1\">\n                        \ub370\ubaa8 \uc2e0\uccad\ud558\uae30\n                        <i data-lucide=\"zap\" class=\"w-5 h-5 text-blue-400 drop-shadow-[0_0_8px_rgba(96,165,250,0.8)] group-hover:text-white transition-colors\"><\/i>\n                    <\/a>\n                    <a href=\"#contacto\" class=\"btn-tech flex items-center justify-center gap-3 px-8 py-4 border border-brand-muted\/30 text-brand-text rounded-lg font-semibold text-lg hover:border-brand-primary hover:text-brand-primary transition-all bg-white\">\n                        \uce74\ud0c8\ub85c\uadf8 \ubcf4\uae30\n                    <\/a>\n                <\/div>\n\n                <!-- Stats Section -->\n                <div class=\"grid grid-cols-3 gap-2 lg:gap-6 pt-8 border-t border-gray-200 text-center lg:text-left\">\n                    <div class=\"group\">\n                        <div class=\"flex items-center justify-center lg:justify-start gap-2 mb-1\">\n                            <i data-lucide=\"brain\" class=\"w-6 h-6 lg:w-8 lg:h-8 text-brand-primary group-hover:scale-110 transition-transform\"><\/i>\n                        <\/div>\n                        <p class=\"text-[10px] lg:text-xs text-brand-muted uppercase tracking-wider font-bold\">\uc644\ubcbd\ud55c \ub1cc \uad6c\uc870<\/p>\n                    <\/div>\n                    <div class=\"group\">\n                         <div class=\"flex items-center justify-center lg:justify-start gap-2 mb-1\">\n                            <i data-lucide=\"scan-line\" class=\"w-6 h-6 lg:w-8 lg:h-8 text-brand-primary group-hover:scale-110 transition-transform\"><\/i>\n                            <span class=\"text-xl lg:text-2xl font-bold text-brand-primary\">MRI<\/span>\n                        <\/div>\n                        <p class=\"text-[10px] lg:text-xs text-brand-muted uppercase tracking-wider font-bold\">\uc644\ubcbd \ud638\ud658<\/p>\n                    <\/div>\n                    <div class=\"group\">\n                        <div class=\"flex items-center justify-center lg:justify-start gap-2 mb-1\">\n                             <i data-lucide=\"fingerprint\" class=\"w-6 h-6 lg:w-8 lg:h-8 text-brand-primary group-hover:scale-110 transition-transform\"><\/i>\n                        <\/div>\n                        <p class=\"text-[10px] lg:text-xs text-brand-muted uppercase tracking-wider font-bold\">\uc2e4\uc81c \uac19\uc740 \uc9c8\uac10<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <!-- Hero Carousel with FLIP Logic -->\n            <div class=\"relative flex justify-center w-full perspective-container\">\n                <div class=\"relative w-full max-w-sm lg:max-w-md aspect-[4\/5] rounded-2xl shadow-floating cursor-pointer group select-none\" onclick=\"toggleFlip(this)\">\n                    <div id=\"hero-carousel\" class=\"absolute inset-0 w-full h-full\">\n                        \n                        <!-- Slide 1: Skull -->\n                        <div class=\"carousel-slide slide-active absolute inset-0 w-full h-full transition-opacity duration-1000 ease-in-out\">\n                            <div class=\"flip-inner relative w-full h-full\">\n                                <!-- Front Face (Info + Image) -->\n                                <div class=\"flip-front\">\n                                    <div class=\"absolute top-0 left-0 w-full h-1\/2 bg-scan-line animate-scan z-20 opacity-40 pointer-events-none\"><\/div>\n                                    <div class=\"absolute top-4 right-4 z-30 pointer-events-none\">\n                                        <span class=\"flex h-8 w-8 relative items-center justify-center\">\n                                          <span class=\"animate-ping absolute inline-flex h-full w-full rounded-full bg-white opacity-40\"><\/span>\n                                          <span class=\"relative inline-flex rounded-full h-3 w-3 bg-white shadow-glow\"><\/span>\n                                        <\/span>\n                                    <\/div>\n                                    <img decoding=\"async\" src=\"https:\/\/praxisneurological.com\/wp-content\/uploads\/2026\/01\/Craneo-scaled.webp\" class=\"absolute inset-0 w-full h-full object-cover opacity-90\">\n                                    <div class=\"absolute inset-0 p-6 flex flex-col justify-between z-10 bg-gradient-to-t from-white\/90 via-transparent to-transparent\">\n                                        <div class=\"flex justify-between items-start\">\n                                            <div class=\"bg-white\/90 backdrop-blur p-2 rounded-lg shadow-sm\"><i data-lucide=\"skull\" class=\"text-brand-primary w-6 h-6\"><\/i><\/div>\n                                        <\/div>\n                                        <div class=\"bg-white\/90 backdrop-blur p-4 rounded-xl border border-white shadow-lg\">\n                                            <h3 class=\"text-brand-primary font-bold text-lg\">Whole Skull<\/h3>\n                                            <div class=\"flex gap-2 mt-2\">\n                                                <span class=\"h-1 w-8 bg-brand-techBlue rounded-full\"><\/span><span class=\"h-1 w-4 bg-gray-300 rounded-full\"><\/span><span class=\"h-1 w-2 bg-gray-300 rounded-full\"><\/span>\n                                            <\/div>\n                                            <p class=\"text-xs text-brand-muted mt-2 font-mono\">1:1 \ube44\uc728\uc758 \ucd08\uc815\ubc00 \uace8\uaca9 \uc7ac\ud604.<\/p>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                                <!-- Back Face (Image Only) -->\n                                <div class=\"flip-back bg-white\">\n                                    <img decoding=\"async\" src=\"https:\/\/praxisneurological.com\/wp-content\/uploads\/2026\/01\/Craneo-scaled.webp\" class=\"absolute inset-0 w-full h-full object-cover\">\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                        <!-- Slide 2: Sagittal View -->\n                        <div class=\"carousel-slide slide-hidden absolute inset-0 w-full h-full transition-opacity duration-1000 ease-in-out\">\n                            <div class=\"flip-inner relative w-full h-full\">\n                                <div class=\"flip-front\">\n                                    <div class=\"absolute top-0 left-0 w-full h-1\/2 bg-scan-line animate-scan z-20 opacity-40 pointer-events-none\"><\/div>\n                                    <div class=\"absolute top-4 right-4 z-30 pointer-events-none\">\n                                        <span class=\"flex h-8 w-8 relative items-center justify-center\">\n                                          <span class=\"animate-ping absolute inline-flex h-full w-full rounded-full bg-white opacity-40\"><\/span>\n                                          <span class=\"relative inline-flex rounded-full h-3 w-3 bg-white shadow-glow\"><\/span>\n                                        <\/span>\n                                    <\/div>\n                                    <img decoding=\"async\" src=\"https:\/\/praxisneurological.com\/wp-content\/uploads\/2026\/01\/Corte-sagital-scaled.webp\" class=\"absolute inset-0 w-full h-full object-cover opacity-90\">\n                                    <div class=\"absolute inset-0 p-6 flex flex-col justify-between z-10 bg-gradient-to-t from-white\/90 via-transparent to-transparent\">\n                                        <div class=\"flex justify-between items-start\">\n                                            <div class=\"bg-white\/90 backdrop-blur p-2 rounded-lg shadow-sm\"><i data-lucide=\"layers\" class=\"text-brand-primary w-6 h-6\"><\/i><\/div>\n                                        <\/div>\n                                        <div class=\"bg-white\/90 backdrop-blur p-4 rounded-xl border border-white shadow-lg\">\n                                            <h3 class=\"text-brand-primary font-bold text-lg\">Sagittal View<\/h3>\n                                            <div class=\"flex gap-2 mt-2\">\n                                                <span class=\"h-1 w-6 bg-brand-techBlue rounded-full\"><\/span><span class=\"h-1 w-6 bg-brand-techBlue rounded-full\"><\/span><span class=\"h-1 w-2 bg-gray-300 rounded-full\"><\/span>\n                                            <\/div>\n                                            <p class=\"text-xs text-brand-muted mt-2 font-mono\">\ub0b4\ubd80 \ud575\uc2ec \uad6c\uc870\uc758 \uc9c1\uad00\uc801 \uc2dc\uac01\ud654.<\/p>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"flip-back bg-white\">\n                                    <img decoding=\"async\" src=\"https:\/\/praxisneurological.com\/wp-content\/uploads\/2026\/01\/Corte-sagital-scaled.webp\" class=\"absolute inset-0 w-full h-full object-cover\">\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                        <!-- Slide 3: Brain -->\n                        <div class=\"carousel-slide slide-hidden absolute inset-0 w-full h-full transition-opacity duration-1000 ease-in-out\">\n                            <div class=\"flip-inner relative w-full h-full\">\n                                <div class=\"flip-front\">\n                                    <div class=\"absolute top-0 left-0 w-full h-1\/2 bg-scan-line animate-scan z-20 opacity-40 pointer-events-none\"><\/div>\n                                    <div class=\"absolute top-4 right-4 z-30 pointer-events-none\">\n                                        <span class=\"flex h-8 w-8 relative items-center justify-center\">\n                                          <span class=\"animate-ping absolute inline-flex h-full w-full rounded-full bg-white opacity-40\"><\/span>\n                                          <span class=\"relative inline-flex rounded-full h-3 w-3 bg-white shadow-glow\"><\/span>\n                                        <\/span>\n                                    <\/div>\n                                    <img decoding=\"async\" src=\"https:\/\/praxisneurological.com\/wp-content\/uploads\/2026\/01\/Cerebro-con-arterias-y-nervioss-scaled.webp\" class=\"absolute inset-0 w-full h-full object-cover opacity-90\">\n                                    <div class=\"absolute inset-0 p-6 flex flex-col justify-between z-10 bg-gradient-to-t from-white\/90 via-transparent to-transparent\">\n                                        <div class=\"flex justify-between items-start\">\n                                            <div class=\"bg-white\/90 backdrop-blur p-2 rounded-lg shadow-sm\"><i data-lucide=\"brain-circuit\" class=\"text-brand-primary w-6 h-6\"><\/i><\/div>\n                                        <\/div>\n                                        <div class=\"bg-white\/90 backdrop-blur p-4 rounded-xl border border-white shadow-lg\">\n                                            <h3 class=\"text-brand-primary font-bold text-lg\">Brain, Arteries &#038; Nerves<\/h3>\n                                            <div class=\"flex gap-2 mt-2\">\n                                                <span class=\"h-1 w-10 bg-brand-techBlue rounded-full\"><\/span><span class=\"h-1 w-2 bg-gray-300 rounded-full\"><\/span>\n                                            <\/div>\n                                            <p class=\"text-xs text-brand-muted mt-2 font-mono\">\ub1cc\ud608\uad00\uacfc \uc2e0\uacbd\uc758 \uc815\uad50\ud55c \ud574\ubd80\ud559.<\/p>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"flip-back bg-white\">\n                                    <img decoding=\"async\" src=\"https:\/\/praxisneurological.com\/wp-content\/uploads\/2026\/01\/Cerebro-con-arterias-y-nervioss-scaled.webp\" class=\"absolute inset-0 w-full h-full object-cover\">\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                        <!-- Slide 4: Vascular Architecture -->\n                        <div class=\"carousel-slide slide-hidden absolute inset-0 w-full h-full transition-opacity duration-1000 ease-in-out\">\n                             <div class=\"flip-inner relative w-full h-full\">\n                                <div class=\"flip-front\">\n                                    <div class=\"absolute top-0 left-0 w-full h-1\/2 bg-scan-line animate-scan z-20 opacity-40 pointer-events-none\"><\/div>\n                                    <div class=\"absolute top-4 right-4 z-30 pointer-events-none\">\n                                        <span class=\"flex h-8 w-8 relative items-center justify-center\">\n                                          <span class=\"animate-ping absolute inline-flex h-full w-full rounded-full bg-white opacity-40\"><\/span>\n                                          <span class=\"relative inline-flex rounded-full h-3 w-3 bg-white shadow-glow\"><\/span>\n                                        <\/span>\n                                    <\/div>\n                                    <img decoding=\"async\" src=\"https:\/\/praxisneurological.com\/wp-content\/uploads\/2026\/01\/Arquitectura-Vascular-Cerebral-scaled.webp\" class=\"absolute inset-0 w-full h-full object-cover opacity-90\">\n                                    <div class=\"absolute inset-0 p-6 flex flex-col justify-between z-10 bg-gradient-to-t from-white\/90 via-transparent to-transparent\">\n                                        <div class=\"flex justify-between items-start\">\n                                            <div class=\"bg-white\/90 backdrop-blur p-2 rounded-lg shadow-sm\"><i data-lucide=\"activity\" class=\"text-brand-primary w-6 h-6\"><\/i><\/div>\n                                        <\/div>\n                                        <div class=\"bg-white\/90 backdrop-blur p-4 rounded-xl border border-white shadow-lg\">\n                                            <h3 class=\"text-brand-primary font-bold text-lg\">Vascular Architecture<\/h3>\n                                            <div class=\"flex gap-2 mt-2\">\n                                                <span class=\"h-1 w-4 bg-brand-techBlue rounded-full\"><\/span><span class=\"h-1 w-8 bg-brand-techBlue rounded-full\"><\/span>\n                                            <\/div>\n                                            <p class=\"text-xs text-brand-muted mt-2 font-mono\">\uace0\ub09c\ub3c4 \ud6c8\ub828\uc744 \uc704\ud55c \ubcf5\uc7a1\ud55c \ud608\uad00 \uad6c\uc870.<\/p>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"flip-back bg-white\">\n                                    <img decoding=\"async\" src=\"https:\/\/praxisneurological.com\/wp-content\/uploads\/2026\/01\/Arquitectura-Vascular-Cerebral-scaled.webp\" class=\"absolute inset-0 w-full h-full object-cover\">\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                         <!-- Slide 5: Approach -->\n                         <div class=\"carousel-slide slide-hidden absolute inset-0 w-full h-full transition-opacity duration-1000 ease-in-out\">\n                             <div class=\"flip-inner relative w-full h-full\">\n                                <div class=\"flip-front\">\n                                    <div class=\"absolute top-0 left-0 w-full h-1\/2 bg-scan-line animate-scan z-20 opacity-40 pointer-events-none\"><\/div>\n                                    <div class=\"absolute top-4 right-4 z-30 pointer-events-none\">\n                                        <span class=\"flex h-8 w-8 relative items-center justify-center\">\n                                          <span class=\"animate-ping absolute inline-flex h-full w-full rounded-full bg-white opacity-40\"><\/span>\n                                          <span class=\"relative inline-flex rounded-full h-3 w-3 bg-white shadow-glow\"><\/span>\n                                        <\/span>\n                                    <\/div>\n                                    <img decoding=\"async\" src=\"https:\/\/praxisneurological.com\/wp-content\/uploads\/2026\/01\/Aboradje-para-aneurismas-scaled.webp\" class=\"absolute inset-0 w-full h-full object-cover opacity-90\">\n                                    <div class=\"absolute inset-0 p-6 flex flex-col justify-between z-10 bg-gradient-to-t from-white\/90 via-transparent to-transparent\">\n                                        <div class=\"flex justify-between items-start\">\n                                            <div class=\"bg-white\/90 backdrop-blur p-2 rounded-lg shadow-sm\"><i data-lucide=\"scalpel\" class=\"text-brand-techBlue w-6 h-6\"><\/i><\/div>\n                                        <\/div>\n                                        <div class=\"bg-white\/90 backdrop-blur p-4 rounded-xl border border-white shadow-lg\">\n                                            <h3 class=\"text-brand-primary font-bold text-lg\">Aneurysm Approach<\/h3>\n                                            <div class=\"flex gap-2 mt-2\">\n                                                <span class=\"h-1 w-full bg-brand-techBlue rounded-full\"><\/span>\n                                            <\/div>\n                                            <p class=\"text-xs text-brand-muted mt-2 font-mono\">\ud074\ub9ac\ud551(Clipping) \ubc0f \uc704\uae30 \uad00\ub9ac \uc2e4\uc804 \ud6c8\ub828.<\/p>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"flip-back bg-white\">\n                                    <img decoding=\"async\" src=\"https:\/\/praxisneurological.com\/wp-content\/uploads\/2026\/01\/Aboradje-para-aneurismas-scaled.webp\" class=\"absolute inset-0 w-full h-full object-cover\">\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                    <\/div>\n                    <div class=\"absolute bottom-0 left-0 h-1 bg-brand-techBlue z-20 animate-loading-bar\" style=\"width: 0%; transition: width 5s linear;\"><\/div>\n                <\/div>\n                <div class=\"absolute -right-4 -bottom-4 w-full h-full max-w-sm lg:max-w-md border border-brand-primary\/10 rounded-2xl -z-10 bg-brand-surface\"><\/div>\n            <\/div>\n        <\/div>\n    <\/header>\n\n    <!-- Intro Section -->\n    <section class=\"py-16 lg:py-24 bg-brand-surface relative border-y border-gray-100\" id=\"beneficios\">\n        <div class=\"max-w-7xl mx-auto px-6 lg:px-8\">\n            <div class=\"grid lg:grid-cols-2 gap-12 lg:gap-16 items-center\">\n                <div class=\"relative order-2 lg:order-1 group\">\n                    <div class=\"absolute -inset-1 bg-gradient-to-r from-brand-techBlue to-brand-primary rounded-2xl blur opacity-20 group-hover:opacity-40 transition duration-1000\"><\/div>\n                    <div class=\"relative rounded-2xl overflow-hidden bg-white border border-gray-200 aspect-video flex items-center justify-center shadow-lg\">\n                         <img decoding=\"async\" src=\"https:\/\/praxisneurological.com\/wp-content\/uploads\/2026\/01\/20250321_104314-scaled.webp\" class=\"absolute inset-0 w-full h-full object-cover hover:scale-105 transition-transform duration-700\">\n                         <div class=\"absolute bottom-4 left-4 bg-brand-primary\/90 backdrop-blur px-4 py-2 rounded-lg border border-white\/10 shadow-lg\">\n                            <p class=\"text-xs font-bold text-white flex items-center gap-2\">\n                                <i data-lucide=\"microscope\" class=\"w-4 h-4 text-brand-techBlue\"><\/i>\n                                \uc2e4\uc81c \uc218\uc220 \uae30\uad6c \uc0ac\uc6a9 \uac00\ub2a5\n                            <\/p>\n                         <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"order-1 lg:order-2 space-y-6 text-center lg:text-left\">\n                    <h2 class=\"text-3xl lg:text-4xl font-bold text-brand-primary\">\n                        \ub9ac\uc5bc\ud55c \uc758\ub8cc \ud6c8\ub828, <br> <span class=\"text-brand-techBlue\">\uadf8 \uae30\uc900\uc744 \ubc14\uafb8\ub2e4<\/span>\n                    <\/h2>\n                    <div class=\"h-1 w-20 bg-brand-primary rounded-full mx-auto lg:mx-0\"><\/div>\n                    <p class=\"text-lg text-brand-text leading-relaxed\">\n                        <span class=\"font-bold text-brand-primary\">Praxis Neurological<\/span>\uc740 \uc2dc\ubbac\ub808\uc774\uc158\uc758 \ud45c\uc900\uc744 \uc7ac\uc815\ub9bd\ud569\ub2c8\ub2e4. \ubd88\ud544\uc694\ud55c \uc0dd\ubb3c\ud559\uc801 \ubcc0\uc218\ub97c \uc81c\uac70\ud558\uace0, \uac00\uc7a5 \ud45c\uc900\ud654\ub418\uace0 \uae30\uc220\uc801\uc73c\ub85c \uc644\ubcbd\ud55c \ud6c8\ub828 \ud658\uacbd\uc744 \uc81c\uacf5\ud569\ub2c8\ub2e4.\n                    <\/p>\n                    <ul class=\"space-y-4 font-light text-brand-text inline-block text-left\">\n                        <li class=\"flex items-center gap-3\">\n                            <div class=\"w-8 h-8 rounded-full bg-brand-primary\/10 flex items-center justify-center text-brand-primary shadow-sm flex-shrink-0\"><i data-lucide=\"check\" class=\"w-5 h-5\"><\/i><\/div>\n                            \ub4dc\ub9b4, \ud074\ub7a8\ud504 \ub4f1 \uc2e4\uc81c \uc218\uc220 \uc7a5\ube44 \ud638\ud658\n                        <\/li>\n                        <li class=\"flex items-center gap-3\">\n                            <div class=\"w-8 h-8 rounded-full bg-brand-primary\/10 flex items-center justify-center text-brand-primary shadow-sm flex-shrink-0\"><i data-lucide=\"check\" class=\"w-5 h-5\"><\/i><\/div>\n                            \ub4dc\ub9b4\ub9c1 \ubc0f \uc808\uc0ad \uc2dc \uc2e4\uc81c\uc640 \ub3d9\uc77c\ud55c \ud585\ud2f1 \ud53c\ub4dc\ubc31\n                        <\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Comparison Table -->\n    <section class=\"py-16 lg:py-24 bg-white relative\" id=\"comparativa\">\n        <div class=\"absolute inset-0 bg-tech-grid opacity-30 pointer-events-none\"><\/div>\n        <div class=\"max-w-5xl mx-auto px-6 lg:px-8 relative z-10\">\n            <div class=\"text-center mb-12 max-w-3xl mx-auto\">\n                <span class=\"text-brand-techBlue font-bold tracking-widest uppercase text-xs\">Technical Benchmark<\/span>\n                <h2 class=\"text-3xl lg:text-4xl font-bold text-brand-primary mt-3\">\uae30\uc874 \ud6c8\ub828 \ubc29\uc2dd\uacfc\uc758 \ube44\uad50 \ubd84\uc11d<\/h2>\n            <\/div>\n            \n            <!-- Mobile Scroll Hint -->\n            <div class=\"md:hidden text-center mb-4\">\n                <div class=\"inline-flex items-center gap-2 px-4 py-2 bg-blue-50 text-brand-techBlue rounded-full text-xs font-bold uppercase tracking-wide animate-pulse\">\n                    <i data-lucide=\"arrow-left\" class=\"w-3 h-3\"><\/i>\n                    \uc606\uc73c\ub85c \ubc00\uc5b4\ubcf4\uae30\n                    <i data-lucide=\"arrow-right\" class=\"w-3 h-3\"><\/i>\n                <\/div>\n            <\/div>\n\n            <div class=\"overflow-hidden rounded-2xl border border-gray-200 bg-white shadow-floating\">\n                <div class=\"overflow-x-auto\">\n                    <table class=\"w-full text-left border-collapse min-w-[600px]\">\n                        <thead>\n                            <tr class=\"bg-gray-50 text-brand-muted border-b border-gray-200\">\n                                <th class=\"p-6 text-sm font-semibold uppercase tracking-wider w-1\/3\">\ube44\uad50 \ud56d\ubaa9<\/th>\n                                <th class=\"p-6 text-sm font-bold uppercase tracking-wider text-center text-brand-primary w-1\/4 relative bg-blue-50\/50\">\n                                    <div class=\"absolute top-0 left-0 w-full h-1 bg-brand-primary\"><\/div>\n                                    Praxis Tech\n                                <\/th>\n                                <th class=\"p-6 text-sm font-semibold uppercase tracking-wider text-center w-1\/5 opacity-60\">\uce74\ub370\ubc14 (Cadaver)<\/th>\n                                <th class=\"p-6 text-sm font-semibold uppercase tracking-wider text-center w-1\/5 opacity-60\">\ud0c0\uc0ac \ud569\uc131 \ubaa8\ud615<\/th>\n                            <\/tr>\n                        <\/thead>\n                        <tbody class=\"divide-y divide-gray-100 text-brand-text\">\n                            <!-- 1. WHOLE ANATOMY -->\n                            <tr class=\"hover:bg-blue-50\/30 transition-colors group\">\n                                <td class=\"p-5 font-bold text-brand-primary\">\n                                    \uc644\ubcbd\ud55c \ud574\ubd80\ud559\uc801 \uad6c\uc870\n                                <\/td>\n                                <td class=\"p-5 text-center bg-blue-50\/30\"><i data-lucide=\"check-circle-2\" class=\"inline w-6 h-6 text-brand-primary fill-blue-100\"><\/i><\/td>\n                                <td class=\"p-5 text-center\"><i data-lucide=\"check\" class=\"inline w-5 h-5 text-gray-400\"><\/i><\/td>\n                                <td class=\"p-5 text-center\"><i data-lucide=\"x\" class=\"inline w-5 h-5 text-red-300\"><\/i><\/td>\n                            <\/tr>\n\n                            <!-- 2. END-TO-END SURGERY -->\n                            <tr class=\"hover:bg-blue-50\/30 transition-colors group\">\n                                <td class=\"p-5 font-medium text-brand-primary border-l-4 border-brand-techBlue\">\n                                    \uc218\uc220 \uc804 \uacfc\uc815 \uc2dc\ubbac\ub808\uc774\uc158\n                                    <p class=\"text-xs font-normal text-brand-muted mt-1\">\uc808\uac1c\ubd80\ud130 \ubd09\ud569\uae4c\uc9c0 (End-to-End)<\/p>\n                                <\/td>\n                                <td class=\"p-5 text-center bg-blue-50\/30\"><i data-lucide=\"check-circle-2\" class=\"inline w-6 h-6 text-brand-primary fill-blue-100\"><\/i><\/td>\n                                <td class=\"p-5 text-center\"><i data-lucide=\"check\" class=\"inline w-5 h-5 text-gray-400\"><\/i><\/td>\n                                <td class=\"p-5 text-center\"><i data-lucide=\"x\" class=\"inline w-5 h-5 text-red-300\"><\/i><\/td>\n                            <\/tr>\n                            \n                            <!-- 3. DURABLE REUSABILITY -->\n                            <tr class=\"hover:bg-blue-50\/30 transition-colors group\">\n                                <td class=\"p-5 font-medium text-brand-primary\">\ubc18\uc601\uad6c\uc801 \ub0b4\uad6c\uc131 (\ubc18\ubcf5 \ud6c8\ub828)<\/td>\n                                <td class=\"p-5 text-center bg-blue-50\/30\"><i data-lucide=\"check-circle-2\" class=\"inline w-6 h-6 text-brand-primary fill-blue-100\"><\/i><\/td>\n                                <td class=\"p-5 text-center\"><i data-lucide=\"x\" class=\"inline w-5 h-5 text-red-300\"><\/i><\/td>\n                                <td class=\"p-5 text-center\"><i data-lucide=\"check\" class=\"inline w-5 h-5 text-gray-400\"><\/i><\/td>\n                            <\/tr>\n\n                            <!-- 4. CT \/ NEURONAVIGATION -->\n                            <tr class=\"hover:bg-blue-50\/30 transition-colors group\">\n                                <td class=\"p-5 font-medium text-brand-primary\">CT \/ \ub274\ub85c\ub0b4\ube44\uac8c\uc774\uc158 \uc5f0\ub3d9<\/td>\n                                <td class=\"p-5 text-center bg-blue-50\/30\"><i data-lucide=\"check-circle-2\" class=\"inline w-6 h-6 text-brand-primary fill-blue-100\"><\/i><\/td>\n                                <td class=\"p-5 text-center\"><i data-lucide=\"check\" class=\"inline w-5 h-5 text-gray-400\"><\/i><\/td>\n                                <td class=\"p-5 text-center\"><i data-lucide=\"x\" class=\"inline w-5 h-5 text-red-300\"><\/i><\/td>\n                            <\/tr>\n\n                            <!-- 5. CUSTOMIZABLE PATHOLOGIES -->\n                            <tr class=\"hover:bg-blue-50\/30 transition-colors group\">\n                                <td class=\"p-5 font-medium text-brand-primary\">\uc9c8\ud658\ubcc4 \ub9de\ucda4 \ucee4\uc2a4\ud130\ub9c8\uc774\uc9d5<\/td>\n                                <td class=\"p-5 text-center bg-blue-50\/30\"><i data-lucide=\"check-circle-2\" class=\"inline w-6 h-6 text-brand-primary fill-blue-100\"><\/i><\/td>\n                                <td class=\"p-5 text-center\"><i data-lucide=\"x\" class=\"inline w-5 h-5 text-red-300\"><\/i><\/td>\n                                <td class=\"p-5 text-center\"><i data-lucide=\"x\" class=\"inline w-5 h-5 text-red-300\"><\/i><\/td>\n                            <\/tr>\n\n                            <!-- 6. IMMEDIATE AVAILABILITY -->\n                             <tr class=\"hover:bg-blue-50\/30 transition-colors group\">\n                                <td class=\"p-5 font-medium text-brand-primary\">\uc989\uc2dc \uc218\uae09 \uac00\ub2a5<\/td>\n                                <td class=\"p-5 text-center bg-blue-50\/30\"><i data-lucide=\"check-circle-2\" class=\"inline w-6 h-6 text-brand-primary fill-blue-100\"><\/i><\/td>\n                                <td class=\"p-5 text-center\"><i data-lucide=\"x\" class=\"inline w-5 h-5 text-red-300\"><\/i><\/td>\n                                <td class=\"p-5 text-center\"><i data-lucide=\"check\" class=\"inline w-5 h-5 text-gray-400\"><\/i><\/td>\n                            <\/tr>\n\n                            <!-- 7. SIMPLIFIED LOGISTICS -->\n                             <tr class=\"hover:bg-blue-50\/30 transition-colors group\">\n                                <td class=\"p-5 font-medium text-brand-primary\">\uac04\ud3b8\ud55c \ubcf4\uad00 \ubc0f \uc724\ub9ac\uc801 \ubb38\uc81c \uc5c6\uc74c<\/td>\n                                <td class=\"p-5 text-center bg-blue-50\/30\"><i data-lucide=\"check-circle-2\" class=\"inline w-6 h-6 text-brand-primary fill-blue-100\"><\/i><\/td>\n                                <td class=\"p-5 text-center\"><i data-lucide=\"x\" class=\"inline w-5 h-5 text-red-300\"><\/i><\/td>\n                                <td class=\"p-5 text-center\"><i data-lucide=\"check\" class=\"inline w-5 h-5 text-gray-400\"><\/i><\/td>\n                            <\/tr>\n                        <\/tbody>\n                    <\/table>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Detail Cards -->\n    <section class=\"py-16 lg:py-24 bg-brand-surface relative overflow-hidden\">\n        <div class=\"max-w-7xl mx-auto px-6 lg:px-8 relative z-10\">\n            <div class=\"mb-12 flex flex-col lg:flex-row lg:items-end justify-between\">\n                <div>\n                    <h2 class=\"text-3xl font-bold text-brand-primary\">\uc0c1\uc138 \uc2a4\ud399 <span class=\"text-brand-techBlue\">(Specifications)<\/span><\/h2>\n                    <p class=\"mt-2 text-brand-muted\">Praxis Neurological \ubaa8\ub378\uc758 \ud575\uc2ec \uae30\ub2a5 \ubd84\uc11d<\/p>\n                <\/div>\n            <\/div>\n            \n            <!-- Grid Updated for 7 Cards -->\n            <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6 auto-rows-auto\">\n                \n                <!-- 1. Whole Anatomy -->\n                <div class=\"glass-card p-8 rounded-xl relative group bg-white h-full flex flex-col\">\n                    <div class=\"w-12 h-12 bg-blue-50 rounded-lg flex items-center justify-center text-brand-primary mb-6 group-hover:bg-brand-primary group-hover:text-white transition-all duration-300 shadow-sm\">\n                        <i data-lucide=\"brain\" class=\"w-6 h-6\"><\/i>\n                    <\/div>\n                    <h3 class=\"font-bold text-lg text-brand-primary mb-3\">\ub514\ud14c\uc77c\uc758 \ucc28\uc774\uac00 \uae30\uc220\uc758 \ucc28\uc774<\/h3>\n                    <p class=\"text-brand-text text-sm leading-relaxed flex-grow\">\n                        \ubf08, \ub1cc \uc8fc\ub984, \ud608\uad00, \uc2e0\uacbd\uae4c\uc9c0. \ub2e8\uc21c \ubaa8\ud615\uc774 \uc544\ub2d9\ub2c8\ub2e4. \ub450\uac1c\uace8\uacfc \ucc99\ucd94\uc758 \ubaa8\ub4e0 \ud574\ubd80\ud559\uc801 \uad6c\uc870\ub97c \uc644\ubcbd\ud558\uac8c \uc7ac\ud604\ud558\uc5ec, \uc2e4\uc81c \uc218\uc220 \ud658\uacbd\uacfc \ub3d9\uc77c\ud55c \uacf5\uac04\uac10\uc744 \uc775\ud790 \uc218 \uc788\ub294 \uc720\uc77c\ud55c \uc194\ub8e8\uc158\uc785\ub2c8\ub2e4.\n                    <\/p>\n                <\/div>\n\n                <!-- 2. End-to-End Surgery -->\n                <div class=\"glass-card p-8 rounded-xl relative group bg-white h-full flex flex-col\">\n                    <div class=\"w-12 h-12 bg-blue-50 rounded-lg flex items-center justify-center text-brand-primary mb-6 group-hover:bg-brand-primary group-hover:text-white transition-all duration-300 shadow-sm\">\n                        <i data-lucide=\"scissors\" class=\"w-6 h-6\"><\/i>\n                    <\/div>\n                    <h3 class=\"font-bold text-lg text-brand-primary mb-3\">\uc808\uac1c\ubd80\ud130 \ubd09\ud569\uae4c\uc9c0<\/h3>\n                    <p class=\"text-brand-text text-sm leading-relaxed flex-grow\">\n                        \ud53c\ubd80 \uc808\uac1c, \uc811\uadfc(Approach), \ub4dc\ub9b4\ub9c1, \uadf8\ub9ac\uace0 \ucd5c\uc885 \ubd09\ud569\uae4c\uc9c0. \ubaa8\ub4e0 \uc218\uc220 \uacfc\uc815\uc744 \ub04a\uae40 \uc5c6\uc774 \uc5f0\uc2b5\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc2e4\uc81c \uc218\uc220\uc2e4\uc758 \uae34\uc7a5\uac10 \uadf8\ub300\ub85c, \uc644\ubcbd\ud55c \uc2dc\ubbac\ub808\uc774\uc158\uc744 \uacbd\ud5d8\ud558\uc138\uc694.\n                    <\/p>\n                <\/div>\n\n                <!-- 3. Durable Reusability -->\n                <div class=\"glass-card p-8 rounded-xl relative group bg-white h-full flex flex-col\">\n                    <div class=\"w-12 h-12 bg-blue-50 rounded-lg flex items-center justify-center text-brand-primary mb-6 group-hover:bg-brand-primary group-hover:text-white transition-all duration-300 shadow-sm\">\n                        <i data-lucide=\"refresh-ccw\" class=\"w-6 h-6\"><\/i>\n                    <\/div>\n                    <h3 class=\"font-bold text-lg text-brand-primary mb-3\">\uc555\ub3c4\uc801\uc778 \ub0b4\uad6c\uc131<\/h3>\n                    <p class=\"text-brand-text text-sm leading-relaxed flex-grow\">\n                        \ud2b9\uc218 \uc18c\uc7ac\uc640 \uacf5\uc815\uc73c\ub85c \uc81c\uc791\ub418\uc5b4 \ubc18\ubcf5 \ud6c8\ub828\uc5d0\ub3c4 \uc27d\uac8c \uc190\uc0c1\ub418\uc9c0 \uc54a\uc2b5\ub2c8\ub2e4. \ube44\uc6a9 \ud6a8\uc728\uc801\uc778 \uc9c0\uc18d\uc801 \uad50\uc721 \ud504\ub85c\uadf8\ub7a8\uc744 \uc704\ud55c \ucd5c\uace0\uc758 \uc120\ud0dd\uc785\ub2c8\ub2e4.\n                    <\/p>\n                <\/div>\n\n                <!-- 4. CT Compatibility -->\n                 <div class=\"glass-card p-8 rounded-xl relative group bg-white h-full flex flex-col\">\n                    <div class=\"w-12 h-12 bg-blue-50 rounded-lg flex items-center justify-center text-brand-primary mb-6 group-hover:bg-brand-primary group-hover:text-white transition-all duration-300 shadow-sm\">\n                        <i data-lucide=\"scan-line\" class=\"w-6 h-6\"><\/i>\n                    <\/div>\n                    <h3 class=\"font-bold text-lg text-brand-primary mb-3\">CT \ud638\ud658 \ubc0f \uc2a4\uce94 \uac00\ub2a5<\/h3>\n                    <p class=\"text-brand-text text-sm leading-relaxed flex-grow\">\n                        \uc2e4\uc81c CT \uc7a5\ube44\ub85c \ucd2c\uc601 \uc2dc \ud658\uc790\uc640 \ub3d9\uc77c\ud55c \uc774\ubbf8\uc9c0\ub97c \uc5bb\uc744 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc218\uc220 \uc804 \uacc4\ud68d(Pre-surgical planning) \uc218\ub9bd\uacfc \uc601\uc0c1 \uae30\ubc18 \uad50\uc721\uc5d0 \ucd5c\uc801\ud654\ub418\uc5b4 \uc788\uc2b5\ub2c8\ub2e4.\n                    <\/p>\n                <\/div>\n\n                <!-- 5. Customizable Pathologies -->\n                <div class=\"glass-card p-8 rounded-xl relative group bg-white h-full flex flex-col\">\n                    <div class=\"w-12 h-12 bg-blue-50 rounded-lg flex items-center justify-center text-brand-primary mb-6 group-hover:bg-brand-primary group-hover:text-white transition-all duration-300 shadow-sm\">\n                        <i data-lucide=\"file-plus-2\" class=\"w-6 h-6\"><\/i>\n                    <\/div>\n                    <h3 class=\"font-bold text-lg text-brand-primary mb-3\">\ubcd1\ubcc0 \ub9de\ucda4 \ucee4\uc2a4\ud130\ub9c8\uc774\uc9d5<\/h3>\n                    <p class=\"text-brand-text text-sm leading-relaxed flex-grow\">\n                        \uc885\uc591, \ub3d9\ub9e5\ub958 \ub4f1 \ud2b9\uc815 \uc9c8\ud658 \ucf00\uc774\uc2a4\ub97c \ubaa8\ub378\uc5d0 \uadf8\ub300\ub85c \uad6c\ud604\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uace0\ub09c\ub3c4 \uc218\uc220\uc744 \uc55e\ub450\uace0 \ub9ac\ud5c8\uc124\uc774 \ud544\uc694\ud560 \ub54c, \uac00\uc7a5 \uc644\ubcbd\ud55c \ud30c\ud2b8\ub108\uac00 \ub418\uc5b4\ub4dc\ub9bd\ub2c8\ub2e4.\n                    <\/p>\n                <\/div>\n\n                <!-- 6. Immediate Availability -->\n                <div class=\"glass-card p-8 rounded-xl relative group bg-white h-full flex flex-col\">\n                    <div class=\"w-12 h-12 bg-blue-50 rounded-lg flex items-center justify-center text-brand-primary mb-6 group-hover:bg-brand-primary group-hover:text-white transition-all duration-300 shadow-sm\">\n                        <i data-lucide=\"zap\" class=\"w-6 h-6\"><\/i>\n                    <\/div>\n                    <h3 class=\"font-bold text-lg text-brand-primary mb-3\">\uae30\ub2e4\ub9bc \uc5c6\ub294 \uc989\uc2dc \uc218\uae09<\/h3>\n                    <p class=\"text-brand-text text-sm leading-relaxed flex-grow\">\n                        \uce74\ub370\ubc14 \uc218\uae09\uc758 \ubc95\uc801, \uc724\ub9ac\uc801, \ubb3c\ub958\uc801 \ud55c\uacc4\uc5d0\uc11c \ubc97\uc5b4\ub098\uc138\uc694. \uc6d0\ud558\ub294 \uc2dc\uae30\uc5d0 \uc989\uc2dc \ubaa8\ub378\uc744 \uacf5\uae09\ubc1b\uc544 \uad50\uc721 \uc77c\uc815\uc744 \ucc28\uc9c8 \uc5c6\uc774 \uc9c4\ud589\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.\n                    <\/p>\n                <\/div>\n\n                <!-- 7. Simplified Logistics -->\n                <div class=\"glass-card p-8 rounded-xl relative group bg-white h-full flex flex-col xl:col-span-2\">\n                    <div class=\"w-12 h-12 bg-blue-50 rounded-lg flex items-center justify-center text-brand-primary mb-6 group-hover:bg-brand-primary group-hover:text-white transition-all duration-300 shadow-sm\">\n                        <i data-lucide=\"shield-check\" class=\"w-6 h-6\"><\/i>\n                    <\/div>\n                    <h3 class=\"font-bold text-lg text-brand-primary mb-3\">\uac04\uc18c\ud654\ub41c \ubb3c\ub958\uc640 \uad00\ub9ac<\/h3>\n                    <p class=\"text-brand-text text-sm leading-relaxed flex-grow\">\n                        \uc0dd\ubb3c\ud559\uc801 \uc704\ud5d8 \uc694\uc18c(Biohazard)\uac00 \uc804\ud600 \uc5c6\uc5b4 \ubcc4\ub3c4\uc758 \ud2b9\uc218 \ubcf4\uad00 \uc2dc\uc124\uc774 \ud544\uc694\ud558\uc9c0 \uc54a\uc2b5\ub2c8\ub2e4. \ubcd1\uc6d0, \ub300\ud559, \uc2dc\ubbac\ub808\uc774\uc158 \uc13c\ud130 \uc5b4\ub514\ub4e0 \uac04\ud3b8\ud558\uac8c \uc6b4\uc1a1\ud558\uace0 \ubcf4\uad00\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.\n                    <\/p>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Imaging Section -->\n    <section class=\"py-16 lg:py-24 bg-white relative overflow-hidden\">\n        <div class=\"max-w-7xl mx-auto px-6 lg:px-8 relative z-10\">\n            <div class=\"grid lg:grid-cols-2 gap-12 lg:gap-16 items-center\">\n                <div class=\"space-y-6 text-center lg:text-left\">\n                    <div class=\"inline-flex items-center gap-2 text-brand-techBlue text-xs font-bold tracking-widest uppercase\">\n                        <i data-lucide=\"layers\" class=\"w-4 h-4\"><\/i>\n                        Digital Integration\n                    <\/div>\n                    <h2 class=\"text-3xl lg:text-4xl font-bold text-brand-primary\">\n                        CT\uc640 \ub0b4\ube44\uac8c\uc774\uc158, <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-brand-primary to-brand-techBlue\">\uc644\ubcbd\ud558\uac8c \uc5f0\ub3d9\ub429\ub2c8\ub2e4<\/span>\n                    <\/h2>\n                    <p class=\"text-lg text-brand-text leading-relaxed\">\n                        \ubaa8\ub4e0 \ubaa8\ub378\uc740 \ubc29\uc0ac\uc120 \ubd88\ud22c\uacfc\uc131(Radiopaque) \uc18c\uc7ac\ub85c \uc81c\uc791\ub418\uc5b4 CT \ubc0f MRI \ucd2c\uc601\uc774 \uac00\ub2a5\ud558\uba70, \uc2e4\uc81c \ud658\uc790\uc640 \ub3d9\uc77c\ud55c \uc601\uc0c1\uc744 \uc81c\uacf5\ud569\ub2c8\ub2e4. \ub610\ud55c, DICOM \ud30c\uc77c\uc744 \uc81c\uacf5\ud558\uc5ec \ub274\ub85c\ub0b4\ube44\uac8c\uc774\uc158 \uc2dc\uc2a4\ud15c\uc5d0 \uc989\uc2dc \uc5c5\ub85c\ub4dc\ud558\uace0 \uacbd\ub85c \uacc4\ud68d(Trajectory planning) \ubc0f \uc815\ubc00 \uc218\uc220 \ud6c8\ub828\uc744 \uc218\ud589\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.\n                    <\/p>\n                    <div class=\"flex flex-wrap gap-4 pt-4 justify-center lg:justify-start\">\n                        <div class=\"px-4 py-2 bg-gray-50 border border-gray-200 rounded text-sm text-brand-muted font-mono shadow-sm\">.DICOM<\/div>\n                        <div class=\"px-4 py-2 bg-gray-50 border border-gray-200 rounded text-sm text-brand-muted font-mono shadow-sm\">.STL<\/div>\n                        <div class=\"px-4 py-2 bg-gray-50 border border-gray-200 rounded text-sm text-brand-muted font-mono shadow-sm\">.OBJ<\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"relative px-4 lg:px-0\">\n                    <div class=\"relative rounded-xl overflow-hidden shadow-floating border border-gray-100 aspect-square bg-black group\">\n                         <img decoding=\"async\" src=\"https:\/\/praxisneurological.com\/wp-content\/uploads\/2026\/01\/doctor-looking-ct-scan-scaled.webp\" class=\"absolute inset-0 w-full h-full object-cover opacity-90 mix-blend-normal\">\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Workshops Section -->\n    <section class=\"py-16 lg:py-24 bg-brand-surface\" id=\"talleres\">\n        <div class=\"max-w-7xl mx-auto px-6 lg:px-8\">\n            <div class=\"grid lg:grid-cols-2 gap-12 lg:gap-16 items-center\">\n                <div class=\"relative order-2 lg:order-1\">\n                    <div class=\"grid grid-cols-2 gap-3\">\n                        <div class=\"space-y-3 mt-8\">\n                            <div class=\"rounded-lg overflow-hidden border border-gray-200 h-32 lg:h-40 relative group shadow-sm\">\n                                <img decoding=\"async\" src=\"https:\/\/praxisneurological.com\/wp-content\/uploads\/2026\/01\/20250321_104144-scaled.webp\" class=\"w-full h-full object-cover grayscale group-hover:grayscale-0 transition-all duration-500\">\n                            <\/div>\n                            <div class=\"rounded-lg overflow-hidden border border-gray-200 h-40 lg:h-56 relative group shadow-sm\">\n                                <img decoding=\"async\" src=\"https:\/\/praxisneurological.com\/wp-content\/uploads\/2026\/01\/20250321_110610-scaled.webp\" class=\"w-full h-full object-cover grayscale group-hover:grayscale-0 transition-all duration-500\">\n                            <\/div>\n                        <\/div>\n                        <div class=\"space-y-3\">\n                            <div class=\"rounded-lg overflow-hidden border border-gray-200 h-40 lg:h-56 relative group shadow-sm\">\n                                <img decoding=\"async\" src=\"https:\/\/praxisneurological.com\/wp-content\/uploads\/2026\/01\/20250322_132538-scaled.webp\" class=\"w-full h-full object-cover grayscale group-hover:grayscale-0 transition-all duration-500\">\n                            <\/div>\n                            <div class=\"rounded-lg overflow-hidden border border-gray-200 h-32 lg:h-40 relative group shadow-sm\">\n                                <img decoding=\"async\" src=\"https:\/\/praxisneurological.com\/wp-content\/uploads\/2026\/01\/20250322_124615-scaled.webp\" class=\"w-full h-full object-cover grayscale group-hover:grayscale-0 transition-all duration-500\">\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"order-1 lg:order-2 text-center lg:text-left\">\n                    <h2 class=\"text-3xl lg:text-4xl font-bold text-brand-primary mb-6\">\n                        \ub2e8\uc21c \ub0a9\ud488\uc774 \uc544\ub2d9\ub2c8\ub2e4 <br><span class=\"text-brand-techBlue\">\uc6cc\ud06c\uc20d\uae4c\uc9c0 \ucc45\uc784\uc9d1\ub2c8\ub2e4<\/span>\n                    <\/h2>\n                    <p class=\"text-lg text-brand-text mb-6 leading-relaxed\">\n                        \ubcd1\uc6d0\uacfc \ub300\ud559\uc744 \uc704\ud55c \uc62c\uc778\uc6d0(Turnkey) \uc6cc\ud06c\uc20d \uc194\ub8e8\uc158\uc744 \uc81c\uacf5\ud569\ub2c8\ub2e4.\n                    <\/p>\n                    <ul class=\"space-y-3 mb-8 inline-block text-left\">\n                        <li class=\"flex items-center gap-2 text-brand-muted\">\n                            <span class=\"w-1.5 h-1.5 bg-brand-primary rounded-full\"><\/span>\n                            Skull base approaches (\ub450\uac1c\uc800 \uc811\uadfc\ubc95)\n                        <\/li>\n                        <li class=\"flex items-center gap-2 text-brand-muted\">\n                            <span class=\"w-1.5 h-1.5 bg-brand-primary rounded-full\"><\/span>\n                            Complex spine instrumentation (\uace0\ub09c\ub3c4 \ucc99\ucd94 \uc218\uc220)\n                        <\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Experience Video Gallery -->\n    <section class=\"py-24 bg-brand-primary relative overflow-hidden text-white\" id=\"experiencia\">\n        <div class=\"max-w-7xl mx-auto px-6 lg:px-8 relative z-10 text-center\">\n            <div class=\"mb-16\">\n                <span class=\"text-brand-techBlue font-bold tracking-[0.2em] uppercase text-sm\">Real Practice<\/span>\n                <!-- TITLE WITH TECH GRADIENT -->\n                <h2 class=\"text-4xl lg:text-6xl font-bold mt-4 tracking-tight\"><span class=\"text-transparent bg-clip-text bg-gradient-to-r from-cyan-400 via-blue-500 to-indigo-500\">Praxis Neurological<\/span>\uc744 \uacbd\ud5d8\ud558\uc138\uc694<\/h2>\n                <p class=\"text-blue-100\/70 mt-6 text-lg max-w-2xl mx-auto\">\uae00\ub85c\ubc8c \uc758\ub8cc\uc9c4\uc774 \uc778\uc815\ud55c Praxis\ub9cc\uc758 \uc555\ub3c4\uc801\uc778 \ubab0\uc785\uac10\uc744 \ud655\uc778\ud574\ubcf4\uc138\uc694.<\/p>\n            <\/div>\n            <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-8 lg:gap-12\">\n                <div class=\"video-container group\" onclick=\"openVideoModal('https:\/\/praxisneurological.com\/wp-content\/uploads\/2026\/01\/Praxis-Neurological-experience-2.mp4')\">\n                    <div class=\"absolute inset-0 flex items-center justify-center z-20 pointer-events-none\">\n                        <span class=\"flex h-16 w-16 relative items-center justify-center\">\n                          <span class=\"animate-ping absolute inline-flex h-full w-full rounded-full bg-white opacity-40\"><\/span>\n                          <span class=\"relative inline-flex rounded-full h-10 w-10 bg-white shadow-glow items-center justify-center\">\n                                <i data-lucide=\"play\" class=\"w-5 h-5 text-brand-primary ml-0.5\"><\/i>\n                          <\/span>\n                        <\/span>\n                    <\/div>\n                    <video class=\"w-full h-full object-cover aspect-video\" autoplay muted loop playsinline>\n                        <source src=\"https:\/\/praxisneurological.com\/wp-content\/uploads\/2026\/01\/Praxis-Neurological-experience-2.mp4\" type=\"video\/mp4\">\n                    <\/video>\n                    <div class=\"absolute inset-0 bg-gradient-to-t from-brand-primary\/80 via-transparent to-transparent opacity-70\"><\/div>\n                    <div class=\"absolute bottom-6 left-6 text-left\">\n                        <div class=\"px-3 py-1 bg-brand-techBlue text-white text-[10px] font-bold uppercase tracking-wider rounded-sm mb-2 w-fit\">Workshop<\/div>\n                        <!-- FORCED WHITE TEXT -->\n                        <h4 class=\"font-bold text-xl text-white\">\ubbf8\uc138\uc218\uc220(Microsurgery) \uc2dc\ubbac\ub808\uc774\uc158<\/h4>\n                    <\/div>\n                <\/div>\n                <div class=\"video-container group\" onclick=\"openVideoModal('https:\/\/praxisneurological.com\/wp-content\/uploads\/2026\/01\/Praxis-Neurological-experience.mp4')\">\n                    <div class=\"absolute inset-0 flex items-center justify-center z-20 pointer-events-none\">\n                        <span class=\"flex h-16 w-16 relative items-center justify-center\">\n                          <span class=\"animate-ping absolute inline-flex h-full w-full rounded-full bg-white opacity-40\"><\/span>\n                          <span class=\"relative inline-flex rounded-full h-10 w-10 bg-white shadow-glow items-center justify-center\">\n                                <i data-lucide=\"play\" class=\"w-5 h-5 text-brand-primary ml-0.5\"><\/i>\n                          <\/span>\n                        <\/span>\n                    <\/div>\n                    <video class=\"w-full h-full object-cover aspect-video\" autoplay muted loop playsinline>\n                        <source src=\"https:\/\/praxisneurological.com\/wp-content\/uploads\/2026\/01\/Praxis-Neurological-experience.mp4\" type=\"video\/mp4\">\n                    <\/video>\n                    <div class=\"absolute inset-0 bg-gradient-to-t from-brand-primary\/80 via-transparent to-transparent opacity-70\"><\/div>\n                    <div class=\"absolute bottom-6 left-6 text-left\">\n                        <div class=\"px-3 py-1 bg-brand-techBlue text-white text-[10px] font-bold uppercase tracking-wider rounded-sm mb-2 w-fit\">Precision<\/div>\n                         <!-- FORCED WHITE TEXT -->\n                         <h4 class=\"font-bold text-xl text-white\">\uc624\ucc28 \uc5c6\ub294 \uc815\ubc00\ud568<\/h4>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- WFSE26 Banner Section -->\n    <section class=\"py-24 bg-brand-surface relative overflow-hidden\" id=\"wfse26\">\n        <div class=\"max-w-7xl mx-auto px-6 lg:px-8 relative z-10\">\n            <div class=\"flex flex-col lg:flex-row items-center gap-12 lg:gap-20\">\n                <div class=\"w-full lg:w-1\/3 flex justify-center\">\n                    <div class=\"relative group\">\n                        <img decoding=\"async\" src=\"https:\/\/praxisneurological.com\/wp-content\/uploads\/2025\/12\/WFSE26-LOGO-TRANS.jpg.webp\" \n                             alt=\"WFSE26 Logo\" \n                             class=\"relative w-64 lg:w-80 h-auto object-contain transition-transform duration-500 hover:scale-105\">\n                    <\/div>\n                <\/div>\n                <div class=\"w-full lg:w-2\/3 text-center lg:text-left space-y-6\">\n                    <div class=\"inline-flex items-center gap-2 px-3 py-1 rounded-full bg-brand-primary text-white text-[10px] font-bold uppercase tracking-widest\">\n                        Global Event 2026\n                    <\/div>\n                    <h2 class=\"text-3xl lg:text-5xl font-extrabold text-brand-primary leading-tight\">\n                        World Congress of Endoscopic <br class=\"hidden lg:block\"> Spine Surgery &#038; MISS\n                    <\/h2>\n                    <h3 class=\"text-2xl lg:text-3xl font-semibold text-brand-techBlue\">\n                        WFSE26 \uc138\uacc4 \ucc99\ucd94\ub0b4\uc2dc\uacbd \ud559\ud68c\n                    <\/h3>\n                    <div class=\"flex flex-col sm:flex-row items-center justify-center lg:justify-start gap-4 lg:gap-8 text-brand-muted font-medium py-2\">\n                        <div class=\"flex items-center gap-2\">\n                            <i data-lucide=\"calendar\" class=\"w-5 h-5 text-brand-techBlue\"><\/i>\n                            <span>2026\ub144 4\uc6d4 15\uc77c \u2013 18\uc77c<\/span>\n                        <\/div>\n                        <div class=\"flex items-center gap-2\">\n                            <i data-lucide=\"map-pin\" class=\"w-5 h-5 text-brand-techBlue\"><\/i>\n                            <span>\uba55\uc2dc\ucf54 \ud234\ub8f8 (Tulum, Mexico)<\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"pt-4\">\n                        <a href=\"https:\/\/praxisneurological.com\/ca\/wfse26\/\" target=\"_blank\" class=\"btn-tech px-10 py-5 bg-brand-primary text-white rounded-full font-bold text-lg shadow-floating hover:shadow-xl transition-all transform hover:-translate-y-1 inline-flex items-center gap-3\" rel=\"noopener\">\n                            \ud559\ud68c \uc0c1\uc138 \uc815\ubcf4 \ubcf4\uae30\n                            <i data-lucide=\"external-link\" class=\"w-5 h-5\"><\/i>\n                        <\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- CTA Section -->\n    <section class=\"py-16 lg:py-24 bg-brand-primary relative overflow-hidden text-center\" id=\"contacto\">\n        <div class=\"absolute inset-0 bg-gradient-to-t from-black\/20 to-transparent\"><\/div>\n        <div class=\"max-w-4xl mx-auto px-6 relative z-10\">\n            <h2 class=\"text-3xl lg:text-5xl font-bold text-white mb-6\">\ub2e4\uc774\ub809\ud2b8 \uad6c\ub9e4 \ubc0f \ub9de\ucda4 \uc81c\uc791<\/h2>\n            <a href=\"https:\/\/wa.me\/525580338882?text=Hello%2C%20I%E2%80%99m%20reaching%20out%20from%20the%20website.%20I%20would%20like%20to%20receive%20more%20information.%20Thank%20you\" target=\"_blank\" class=\"px-10 py-5 bg-white text-brand-primary rounded-full font-bold text-lg hover:shadow-lg transition-all inline-flex items-center gap-3\" rel=\"noopener\">\n                <i data-lucide=\"message-circle\"><\/i> \uc0c1\ub2f4 \uc2dc\uc791\ud558\uae30\n            <\/a>\n        <\/div>\n    <\/section>\n\n    <!-- Footer -->\n    <footer class=\"bg-slate-900 border-t border-slate-800 py-12 text-sm text-slate-400\">\n        <div class=\"max-w-7xl mx-auto px-6 lg:px-8 flex flex-col md:flex-row justify-between items-center gap-6 text-center\">\n            <img decoding=\"async\" src=\"https:\/\/praxisneurological.com\/wp-content\/uploads\/2024\/08\/PRAXIS-NEUROLOGICAL-logo-blanco-2048x1012.png\" alt=\"Logo\" class=\"footer-logo opacity-80\">\n            <p>&copy; 2026 Praxis Neurological.<\/p>\n        <\/div>\n    <\/footer>\n\n    <!-- Video Modal -->\n    <div id=\"video-modal\" class=\"fixed inset-0 z-[100] bg-black\/95 flex items-center justify-center p-4 lg:p-12\">\n        <button onclick=\"closeVideoModal()\" class=\"absolute top-6 right-6 text-white hover:text-brand-techBlue transition-colors\">\n            <i data-lucide=\"x\" class=\"w-10 h-10\"><\/i>\n        <\/button>\n        <div class=\"w-full max-w-6xl aspect-video rounded-xl overflow-hidden shadow-2xl bg-black border border-white\/10\">\n            <video id=\"modal-video-player\" class=\"w-full h-full\" controls>\n                <source id=\"modal-video-source\" src=\"\" type=\"video\/mp4\">\n            <\/video>\n        <\/div>\n    <\/div>\n\n<\/div>\n\n    <!-- Scripts -->\n    <script>\n        function initLucide() {\n            if (typeof lucide !== 'undefined' && lucide.createIcons) {\n                lucide.createIcons();\n            }\n        }\n\n        initLucide();\n        document.addEventListener('DOMContentLoaded', initLucide);\n        window.addEventListener('load', initLucide);\n        setTimeout(initLucide, 500);\n        setTimeout(initLucide, 1500);\n\n        const navbar = document.getElementById('navbar');\n        if (navbar) {\n            window.addEventListener('scroll', () => {\n                if (window.scrollY > 20) {\n                    navbar.classList.add('shadow-card');\n                    navbar.style.background = 'rgba(255, 255, 255, 0.95)';\n                } else {\n                    navbar.classList.remove('shadow-card');\n                    navbar.style.background = 'rgba(255, 255, 255, 0.85)';\n                }\n            });\n        }\n\n        const mobileMenuBtn = document.getElementById('mobile-menu-btn');\n        const mobileMenu = document.getElementById('mobile-menu');\n        function toggleMobileMenu() { \n            if(mobileMenu) mobileMenu.classList.toggle('hidden'); \n        }\n        if(mobileMenuBtn) mobileMenuBtn.addEventListener('click', toggleMobileMenu);\n\n        \/\/ L\u00f3gica del Carrusel con FLIP\n        const slides = document.querySelectorAll('#praxis-site-root .carousel-slide');\n        let currentSlide = 0;\n        const totalSlides = slides.length;\n        const progressBar = document.querySelector('#praxis-site-root .animate-loading-bar');\n        \n        function toggleFlip(container) {\n            \/\/ Encuentra el 'flip-inner' activo y le alterna la clase is-flipped\n            const inner = container.querySelector('.slide-active .flip-inner');\n            if(inner) inner.classList.toggle('is-flipped');\n        }\n\n        function showSlide(index) {\n            slides.forEach((slide, i) => {\n                const inner = slide.querySelector('.flip-inner');\n                \/\/ Reseteamos el flip al cambiar de slide para que siempre empiece de frente\n                if(inner) inner.classList.remove('is-flipped');\n                \n                slide.classList.toggle('slide-active', i === index);\n                slide.classList.toggle('slide-hidden', i !== index);\n            });\n            if(progressBar) {\n                progressBar.style.transition = 'none';\n                progressBar.style.width = '0%';\n                setTimeout(() => {\n                    progressBar.style.transition = 'width 5s linear';\n                    progressBar.style.width = '100%';\n                }, 50);\n            }\n        }\n\n        if(totalSlides > 0) {\n            setInterval(() => {\n                currentSlide = (currentSlide + 1) % totalSlides;\n                showSlide(currentSlide);\n            }, 5000);\n            showSlide(0);\n        }\n\n        \/\/ Modal Video\n        const modal = document.getElementById('video-modal');\n        const videoPlayer = document.getElementById('modal-video-player');\n        const videoSource = document.getElementById('modal-video-source');\n        \n        function openVideoModal(src) {\n            if(videoSource && videoPlayer && modal) {\n                videoSource.src = src;\n                videoPlayer.load();\n                modal.classList.add('active');\n                videoPlayer.play();\n            }\n        }\n        function closeVideoModal() {\n            if(modal && videoPlayer) {\n                modal.classList.remove('active');\n                videoPlayer.pause();\n            }\n        }\n    <\/script>\n<\/body>\n<\/html>","protected":false},"excerpt":{"rendered":"<p>Praxis Neurological | \ucd08\uc2e4\uac10\ud615 \uc218\uc220 \uc2dc\ubbac\ub808\uc774\uc158 \uc81c\ud488\ud2b9\uc9d5 \ube44\uad50\ubd84\uc11d \uc6cc\ud06c\uc20d WFSE26 \ubb38\uc758\ud558\uae30 \uc81c\ud488\ud2b9\uc9d5 \ube44\uad50\ubd84\uc11d \uc6cc\ud06c\uc20d WFSE26 \ubb38\uc758\ud558\uae30 Medical Innovation \ud55c\uacc4\ub97c \ub118\uc5b4\uc11c\ub294 \ucd08\uc2e4\uac10 \uc2dc\ubbac\ub808\uc774\uc158 \uc0dd\ubb3c\ud559\uacfc \uacf5\ud559\uc758 \uc644\ubcbd\ud55c \uacb0\ud569. \uc2e0\uacbd\uc678\uacfc \uc804\ubb38\uc758\ub97c \uc704\ud574 \uc124\uacc4\ub41c \ud558\uc774\uc5d4\ub4dc \ub450\uac1c\uace8 \ubc0f \ucc99\ucd94 \ubaa8\ub378\uc744 \uacbd\ud5d8\ud558\uc138\uc694. \ub370\ubaa8 \uc2e0\uccad\ud558\uae30 \uce74\ud0c8\ub85c\uadf8 \ubcf4\uae30 \uc644\ubcbd\ud55c \ub1cc \uad6c\uc870 MRI \uc644\ubcbd \ud638\ud658 \uc2e4\uc81c \uac19\uc740 \uc9c8\uac10 Whole Skull 1:1 \ube44\uc728\uc758 \ucd08\uc815\ubc00 \uace8\uaca9 [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","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":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","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":""},"aioseo_notices":[],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"trp-custom-language-flag":false},"uagb_author_info":{"display_name":"praxisneurological@gmail.com","author_link":"https:\/\/praxisneurological.com\/ca\/author\/praxisneurologicalgmail-com\/"},"uagb_comment_info":0,"uagb_excerpt":"Praxis Neurological | \ucd08\uc2e4\uac10\ud615 \uc218\uc220 \uc2dc\ubbac\ub808\uc774\uc158 \uc81c\ud488\ud2b9\uc9d5 \ube44\uad50\ubd84\uc11d \uc6cc\ud06c\uc20d WFSE26 \ubb38\uc758\ud558\uae30 \uc81c\ud488\ud2b9\uc9d5 \ube44\uad50\ubd84\uc11d \uc6cc\ud06c\uc20d WFSE26 \ubb38\uc758\ud558\uae30 Medical Innovation \ud55c\uacc4\ub97c \ub118\uc5b4\uc11c\ub294 \ucd08\uc2e4\uac10 \uc2dc\ubbac\ub808\uc774\uc158 \uc0dd\ubb3c\ud559\uacfc \uacf5\ud559\uc758 \uc644\ubcbd\ud55c \uacb0\ud569. \uc2e0\uacbd\uc678\uacfc \uc804\ubb38\uc758\ub97c \uc704\ud574 \uc124\uacc4\ub41c \ud558\uc774\uc5d4\ub4dc \ub450\uac1c\uace8 \ubc0f \ucc99\ucd94 \ubaa8\ub378\uc744 \uacbd\ud5d8\ud558\uc138\uc694. \ub370\ubaa8 \uc2e0\uccad\ud558\uae30 \uce74\ud0c8\ub85c\uadf8 \ubcf4\uae30 \uc644\ubcbd\ud55c \ub1cc \uad6c\uc870 MRI \uc644\ubcbd \ud638\ud658 \uc2e4\uc81c \uac19\uc740 \uc9c8\uac10 Whole Skull 1:1 \ube44\uc728\uc758 \ucd08\uc815\ubc00 \uace8\uaca9&hellip;","_links":{"self":[{"href":"https:\/\/praxisneurological.com\/ca\/wp-json\/wp\/v2\/pages\/2551"}],"collection":[{"href":"https:\/\/praxisneurological.com\/ca\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/praxisneurological.com\/ca\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/praxisneurological.com\/ca\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/praxisneurological.com\/ca\/wp-json\/wp\/v2\/comments?post=2551"}],"version-history":[{"count":2,"href":"https:\/\/praxisneurological.com\/ca\/wp-json\/wp\/v2\/pages\/2551\/revisions"}],"predecessor-version":[{"id":2553,"href":"https:\/\/praxisneurological.com\/ca\/wp-json\/wp\/v2\/pages\/2551\/revisions\/2553"}],"wp:attachment":[{"href":"https:\/\/praxisneurological.com\/ca\/wp-json\/wp\/v2\/media?parent=2551"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}