{"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\/en\/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\/en\/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 [&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\/en\/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\/en\/wp-json\/wp\/v2\/pages\/2543"}],"collection":[{"href":"https:\/\/praxisneurological.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/praxisneurological.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/praxisneurological.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/praxisneurological.com\/en\/wp-json\/wp\/v2\/comments?post=2543"}],"version-history":[{"count":1,"href":"https:\/\/praxisneurological.com\/en\/wp-json\/wp\/v2\/pages\/2543\/revisions"}],"predecessor-version":[{"id":2544,"href":"https:\/\/praxisneurological.com\/en\/wp-json\/wp\/v2\/pages\/2543\/revisions\/2544"}],"wp:attachment":[{"href":"https:\/\/praxisneurological.com\/en\/wp-json\/wp\/v2\/media?parent=2543"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}