{"id":2543,"date":"2026-01-26T17:51:28","date_gmt":"2026-01-26T17:51:28","guid":{"rendered":"https:\/\/praxisneurological.com\/?page_id=2543"},"modified":"2026-01-26T17:54:47","modified_gmt":"2026-01-26T17:54:47","slug":"home-en","status":"publish","type":"page","link":"https:\/\/praxisneurological.com\/ja\/home-en\/","title":{"rendered":"Anatomical models"},"content":{"rendered":"<!DOCTYPE html>\n<html lang=\"en\" 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 | Hyperrealistic Surgical Simulation<\/title>\n    \n    <!-- Fonts: Poppins -->\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=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: ['\"Poppins\"', 'sans-serif'],\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: 'Poppins', sans-serif !important;\n            color: #334155;\n            line-height: 1.5;\n            width: 100%;\n            position: relative;\n            z-index: 1;\n            background-color: #ffffff;\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\">Benefits<\/a>\n                        <a href=\"#comparativa\" class=\"text-sm font-medium text-brand-text hover:text-brand-primary transition-all duration-300 !no-underline\">Comparison<\/a>\n                        <a href=\"#talleres\" class=\"text-sm font-medium text-brand-text hover:text-brand-primary transition-all duration-300 !no-underline\">Workshops<\/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\">Contact<\/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()\">Benefits<\/a>\n                <a href=\"#comparativa\" class=\"text-base font-medium text-brand-text block py-2 !no-underline\" onclick=\"toggleMobileMenu()\">Comparison<\/a>\n                <a href=\"#talleres\" class=\"text-base font-medium text-brand-text block py-2 !no-underline\" onclick=\"toggleMobileMenu()\">Workshops<\/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()\">Contact<\/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                    Hyperrealistic <br>\n                    <span class=\"text-gradient-blue\">Simulation<\/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                    Cranial and spinal anatomical models engineered for high-precision neurosurgical training. Where biology meets engineering.\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                        Request Demo\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                        View Catalog\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\">Whole Brain<\/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\">Compatible<\/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\">Realistic Texture<\/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 High-fidelity bone reproduction.<\/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\">Internal visualization of critical structures.<\/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\">Neurovascular anatomy and cranial nerves.<\/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\">Arterial complexity for advanced simulation.<\/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\">Training in clipping and crisis management.<\/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                                Practice with Real Instruments\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                        Engineered for <br> <span class=\"text-brand-techBlue\">real medical training<\/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                        At <span class=\"font-bold text-brand-primary\">Praxis Neurological<\/span>, we redefine the simulation standard. Our models eliminate unwanted biological variability, offering a standardized, clean, and technically superior platform.\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                            Support for real instrumentation (Drills, Clamps).\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                            Tactile fidelity in drilling and cutting.\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\">Comparison with Training Alternatives<\/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                    Swipe for more\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\">Parameter<\/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\">Cadaveric Specimen<\/th>\n                                <th class=\"p-6 text-sm font-semibold uppercase tracking-wider text-center w-1\/5 opacity-60\">Other Synthetics<\/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                                    Whole Anatomy (Non-fragmented)\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                                    End-to-End Surgery\n                                    <p class=\"text-xs font-normal text-brand-muted mt-1\">From incision to closure (no fragments)<\/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\">Repeatable Use \/ Durability<\/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 \/ Neuronavigation Compatibility<\/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\">Customizable Pathologies (Tumors\/Aneurysms)<\/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\">Immediate Availability<\/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\">Simplified Logistics &#038; Ethics<\/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\">Technical <span class=\"text-brand-techBlue\">Specifications<\/span><\/h2>\n                    <p class=\"mt-2 text-brand-muted\">Breakdown of system capabilities.<\/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\">Whole Anatomy<\/h3>\n                    <p class=\"text-brand-text text-sm leading-relaxed flex-grow\">\n                        Praxis Neurological models reproduce the complete anatomy of the skull and spine, including bone structures, sulci, arteries, nerves, and relevant tissues. This anatomical integrity allows for a precise understanding of true spatial relationships, impossible with fragmented models.\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\">End-to-End Surgery<\/h3>\n                    <p class=\"text-brand-text text-sm leading-relaxed flex-grow\">\n                        Designed to enable the complete execution of a surgical procedure, from initial approach to closure. This allows for training on real surgical workflows using standard clinical instrumentation, replicating operating room conditions.\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\">Durable Reusability<\/h3>\n                    <p class=\"text-brand-text text-sm leading-relaxed flex-grow\">\n                        Materials and manufacturing processes allow for multiple training sessions without significant loss of anatomical fidelity. A sustainable solution for continuous education and recurrent training programs.\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 Compatibility<\/h3>\n                    <p class=\"text-brand-text text-sm leading-relaxed flex-grow\">\n                        Models can be scanned in real CT equipment, generating images comparable to a real patient. Facilitates pre-surgical planning and accurate anatomical correlation.\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\">Customizable Pathologies<\/h3>\n                    <p class=\"text-brand-text text-sm leading-relaxed flex-grow\">\n                        Specific pathologies defined by the physician or institution can be incorporated to simulate real clinical scenarios. Ideal for preparing complex surgeries and repeating high-difficulty procedures.\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\">Immediate Availability<\/h3>\n                    <p class=\"text-brand-text text-sm leading-relaxed flex-grow\">\n                        Manufactured models eliminate legal, ethical, or logistical limitations associated with cadaveric material. Allows for academic planning without dependence on external availability.\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\">Simplified Logistics &#038; Ethics<\/h3>\n                    <p class=\"text-brand-text text-sm leading-relaxed flex-grow\">\n                        The use of anatomical models eliminates biological risks and significantly reduces legal and biosafety requirements. Furthermore, it simplifies storage, transport, and implementation in hospitals, universities, and simulation centers.\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                        Compatible with <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-brand-primary to-brand-techBlue\">CT &#038; Neuronavigation<\/span>\n                    <\/h2>\n                    <p class=\"text-lg text-brand-text leading-relaxed\">\n                        Our models are radiopaque and visible on CT (Computed Tomography) and MRI equipment, generating images identical to a real patient. We also include digital DICOM files ready for upload to any neuronavigation system, enabling fusion, trajectory planning, and high-fidelity practice.\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                        Workshops &#038; <br><span class=\"text-brand-techBlue\">Masterclasses<\/span>\n                    <\/h2>\n                    <p class=\"text-lg text-brand-text mb-6 leading-relaxed\">\n                        The full experience. We offer turnkey workshops for hospitals and universities.\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\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\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\">Experience <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-cyan-400 via-blue-500 to-indigo-500\">Praxis Neurological<\/span><\/h2>\n                <p class=\"text-blue-100\/70 mt-6 text-lg max-w-2xl mx-auto\">Feel total immersion in the surgical environment through our technology.<\/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\">Microsurgery Simulation<\/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\">Precision in every detail<\/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 World Congress\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>April 15\u201318, 2026<\/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>Tulum, Mexico<\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"pt-4\">\n                        <a href=\"https:\/\/praxisneurological.com\/ja\/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                            More Event Info\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\">Direct Sales &#038; Customization<\/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> Start Conversation\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 | Hyperrealistic Surgical Simulation Benefits Comparison Workshops WFSE26 Contact Benefits Comparison Workshops WFSE26 Contact Medical Innovation Hyperrealistic Simulation Cranial and spinal anatomical models engineered for high-precision neurosurgical training. Where biology meets engineering. Request Demo View Catalog Whole Brain MRI Compatible Realistic Texture Whole Skull 1:1 High-fidelity bone reproduction. Sagittal View Internal visualization of critical structures. Brain, Arteries &#038; Nerves Neurovascular anatomy and cranial nerves. Vascular Architecture Arterial complexity for advanced simulation. Aneurysm Approach Training in clipping and crisis management. Practice with Real Instruments Engineered for real medical training At Praxis Neurological, we redefine the simulation standard. Our models eliminate unwanted biological variability, offering a standardized, clean, and technically [&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\/ja\/author\/praxisneurologicalgmail-com\/"},"uagb_comment_info":0,"uagb_excerpt":"Praxis Neurological | Hyperrealistic Surgical Simulation Benefits Comparison Workshops WFSE26 Contact Benefits Comparison Workshops WFSE26 Contact Medical Innovation Hyperrealistic Simulation Cranial and spinal anatomical models engineered for high-precision neurosurgical training. Where biology meets engineering. Request Demo View Catalog Whole Brain MRI Compatible Realistic Texture Whole Skull 1:1 High-fidelity bone reproduction. Sagittal View Internal visualization of&hellip;","_links":{"self":[{"href":"https:\/\/praxisneurological.com\/ja\/wp-json\/wp\/v2\/pages\/2543"}],"collection":[{"href":"https:\/\/praxisneurological.com\/ja\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/praxisneurological.com\/ja\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/praxisneurological.com\/ja\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/praxisneurological.com\/ja\/wp-json\/wp\/v2\/comments?post=2543"}],"version-history":[{"count":1,"href":"https:\/\/praxisneurological.com\/ja\/wp-json\/wp\/v2\/pages\/2543\/revisions"}],"predecessor-version":[{"id":2544,"href":"https:\/\/praxisneurological.com\/ja\/wp-json\/wp\/v2\/pages\/2543\/revisions\/2544"}],"wp:attachment":[{"href":"https:\/\/praxisneurological.com\/ja\/wp-json\/wp\/v2\/media?parent=2543"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}