{"id":13,"date":"2025-12-24T19:54:19","date_gmt":"2025-12-24T19:54:19","guid":{"rendered":"https:\/\/institutomedicoprivado.ar\/imp\/?page_id=13"},"modified":"2025-12-26T19:53:47","modified_gmt":"2025-12-26T19:53:47","slug":"contacto","status":"publish","type":"page","link":"https:\/\/institutomedicoprivado.ar\/imp\/contacto\/","title":{"rendered":"contacto"},"content":{"rendered":"<nav class=\"imp-navbar\">\n        <div class=\"navbar-container\">\n            <!-- Logo -->\n            <a href=\"https:\/\/institutomedicoprivado.ar\/imp\" class=\"navbar-logo\">\n                <img decoding=\"async\" src=\"https:\/\/institutomedicoprivado.ar\/imp\/wp-content\/uploads\/2025\/12\/logo-1.png\" alt=\"Logo Instituto M\u00e9dico Privado\">\n            <\/a>\n\n            <!-- Men\u00fa Desktop -->\n            <ul class=\"navbar-links\">\n                <li><a href=\"https:\/\/institutomedicoprivado.ar\/imp\/servicios\/\">Servicios<\/a><\/li>\n                <li><a href=\"https:\/\/institutomedicoprivado.ar\/imp\/turnos\/\">Equipo M\u00e9dico<\/a><\/li>\n                <li><a href=\"https:\/\/institutomedicoprivado.ar\/imp\/turnos\">Turnos Online<\/a><\/li>\n\t\t\t\t <li><a href=\"https:\/\/institutomedicoprivado.ar\/imp\/derivaciones\">Derivaciones<\/a><\/li>\n                <li><a href=\"https:\/\/institutomedicoprivado.ar\/imp\/contacto\">Contacto<\/a><\/li>\n            <\/ul>\n\n            <!-- CTA Desktop -->\n            <div class=\"navbar-cta\">\n                <a href=\"https:\/\/institutomedicoprivado.ar\/imp\/contacto\" class=\"cta-button\">\n                    <i class=\"fas fa-phone-alt\"><\/i> Emergencias 24hs\n                <\/a>\n            <\/div>\n\n            <!-- Men\u00fa Mobile -->\n            <div class=\"mobile-menu-toggle\">\n                <button class=\"hamburger\">\n                    <span class=\"hamburger-line\"><\/span>\n                    <span class=\"hamburger-line\"><\/span>\n                    <span class=\"hamburger-line\"><\/span>\n                <\/button>\n            <\/div>\n        <\/div>\n\n        <!-- Men\u00fa Mobile Content -->\n        <div class=\"mobile-menu\">\n            <div class=\"mobile-menu-header\">\n                <div class=\"mobile-logo\">\n                    <img decoding=\"async\" src=\"https:\/\/institutomedicoprivado.com.ar\/wp-content\/uploads\/2023\/11\/imp_logo-1.svg\" alt=\"Logo Instituto M\u00e9dico Privado\">\n                <\/div>\n                <button class=\"mobile-close\">\n                    <span class=\"close-icon\">&times;<\/span>\n                <\/button>\n            <\/div>\n            \n            <div class=\"mobile-menu-content\">\n                <ul class=\"mobile-nav-links\">\n                    <li>\n                        <a href=\"https:\/\/institutomedicoprivado.ar\/imp\/servicios\">\n                            <i class=\"fas fa-heartbeat\"><\/i>\n                            <span>Servicios<\/span>\n                        <\/a>\n                    <\/li>\n                    <li>\n                        <a href=\"https:\/\/institutomedicoprivado.ar\/imp\/turnos\">\n                            <i class=\"fas fa-user-md\"><\/i>\n                            <span>Equipo M\u00e9dico<\/span>\n                        <\/a>\n                    <\/li>\n                    <li>\n                        <a href=\"https:\/\/institutomedicoprivado.ar\/imp\/turnos\">\n                            <i class=\"fas fa-calendar-check\"><\/i>\n                            <span>Turnos Online<\/span>\n                        <\/a>\n                    <\/li>\n                    <li>\n                        <a href=\"https:\/\/institutomedicoprivado.ar\/imp\/derivaciones\">\n                            <i class=\"fas fa-ambulance\"><\/i>\n                            <span>Derivaciones<\/span>\n                        <\/a>\n                    <\/li>\n                    <li>\n                        <a href=\"https:\/\/institutomedicoprivado.ar\/imp\/contacto\">\n                            <i class=\"fas fa-envelope\"><\/i>\n                            <span>Contacto<\/span>\n                        <\/a>\n                    <\/li>\n                <\/ul>\n                \n                <div class=\"mobile-cta\">\n                    <a href=\"https:\/\/institutomedicoprivado.ar\/imp\/contacto\" class=\"mobile-cta-button\">\n                        <i class=\"fas fa-phone-alt\"><\/i> Emergencias 24hs\n                    <\/a>\n                <\/div>\n                \n                <div class=\"mobile-social\">\n                    <a href=\"https:\/\/www.facebook.com\/InstitutoMedicoPrivadoCatamarca\" class=\"social-icon\"><i class=\"fab fa-facebook-f\"><\/i><\/a>\n                    <a href=\"https:\/\/www.instagram.com\/impcatamarca\/\" class=\"social-icon\"><i class=\"fab fa-instagram\"><\/i><\/a>\n\n                <\/div>\n            <\/div>\n        <\/div>\n        \n        <!-- Overlay para cuando el men\u00fa est\u00e1 abierto -->\n        <div class=\"mobile-overlay\"><\/div>\n    <\/nav>\n\n    <style>\n        \/* Importar tipograf\u00edas Montserrat y Lato *\/\n        @import url(\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700&family=Lato:wght@400;700&display=swap\");\n\n        \/* Variables de paleta Instituto M\u00e9dico Privado *\/\n        :root {\n            --imp-verde: #86BC00;\n            --imp-gris: #6D7A79;\n            --imp-blanco: #FFFFFF;\n            --imp-gris-claro: #E9ECEC;\n            --imp-gris-oscuro: #4a5654;\n            --transition-duration: 0.3s;\n            --easing: cubic-bezier(0.4, 0, 0.2, 1);\n            --font-montserrat: \"Montserrat\", sans-serif;\n            --font-lato: \"Lato\", sans-serif;\n        }\n\n        \/* Estilos generales del navbar *\/\n        .imp-navbar {\n            position: fixed;\n            top: 0;\n            left: 0;\n            right: 0;\n            z-index: 1000;\n            background: rgba(255, 255, 255, 0.98);\n            backdrop-filter: blur(10px);\n            box-shadow: 0 2px 15px rgba(109, 122, 121, 0.1);\n            padding: 1rem 0;\n            transition: all var(--transition-duration) var(--easing);\n            font-family: var(--font-lato);\n        }\n\n        .navbar-container {\n            max-width: 1400px;\n            margin: 0 auto;\n            padding: 0 2rem;\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n        }\n\n        \/* Logo *\/\n        .navbar-logo img {\n            height: 75px;\n            width: auto;\n            transition: transform var(--transition-duration) var(--easing);\n        }\n\n        .navbar-logo:hover img {\n            transform: scale(1.03);\n        }\n\n        \/* Men\u00fa Desktop *\/\n        .navbar-links {\n            display: flex;\n            gap: 2.5rem;\n            list-style: none;\n            margin: 0;\n            padding: 0;\n        }\n\n        .navbar-links a {\n            color: var(--imp-gris);\n            text-decoration: none;\n            font-family: var(--font-montserrat);\n            font-weight: 600;\n            font-size: 0.95rem;\n            letter-spacing: 0.5px;\n            text-transform: uppercase;\n            position: relative;\n            padding: 0.5rem 0;\n            transition: color var(--transition-duration) var(--easing);\n        }\n\n        .navbar-links a::after {\n            content: \"\";\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            width: 0;\n            height: 2px;\n            background: var(--imp-verde);\n            transition: width var(--transition-duration) var(--easing);\n        }\n\n        .navbar-links a:hover {\n            color: var(--imp-verde);\n        }\n\n        .navbar-links a:hover::after {\n            width: 100%;\n        }\n\n        \/* Bot\u00f3n CTA Desktop *\/\n        .cta-button {\n            background: var(--imp-verde);\n            color: var(--imp-blanco);\n            padding: 0.75rem 1.8rem;\n            border-radius: 50px;\n            text-decoration: none;\n            font-family: var(--font-montserrat);\n            font-weight: 600;\n            font-size: 0.95rem;\n            letter-spacing: 0.5px;\n            text-transform: uppercase;\n            display: inline-flex;\n            align-items: center;\n            gap: 10px;\n            transition: all var(--transition-duration) var(--easing);\n            box-shadow: 0 4px 15px rgba(134, 188, 0, 0.25);\n            border: 2px solid var(--imp-verde);\n        }\n\n        .cta-button:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 6px 20px rgba(134, 188, 0, 0.35);\n            background: var(--imp-blanco);\n            color: var(--imp-verde);\n        }\n\n        .cta-button i {\n            font-size: 1rem;\n        }\n\n        \/* Bot\u00f3n hamburguesa *\/        \n        .mobile-menu-toggle {\n            display: none;\n            position: relative;\n            z-index: 1002;\n        }\n\n        .hamburger {\n            background: transparent;\n            border: none;\n            cursor: pointer;\n            padding: 0.5rem;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            align-items: center;\n        }\n\n        .hamburger-line {\n            display: block;\n            width: 28px;\n            height: 3px;\n            background: var(--imp-gris);\n            margin: 3px 0;\n            border-radius: 3px;\n            transition: all var(--transition-duration) var(--easing);\n        }\n\n        .hamburger:hover .hamburger-line {\n            background: var(--imp-verde);\n        }\n\n        \/* VERSI\u00d3N M\u00d3VIL DEL MEN\u00da *\/\n        .mobile-menu {\n            position: fixed;\n            top: 0;\n            right: -100%;\n            bottom: 0;\n            width: 85%;\n            max-width: 350px;\n            height: 100vh;\n            background: var(--imp-blanco);\n            z-index: 9999;\n            transition: right var(--transition-duration) var(--easing);\n            box-shadow: -5px 0 25px rgba(109, 122, 121, 0.15);\n            display: flex;\n            flex-direction: column;\n            overflow-y: auto;\n            font-family: var(--font-lato);\n        }\n\n        .mobile-menu.active {\n            right: 0;\n        }\n\n        \/* Encabezado del men\u00fa m\u00f3vil *\/\n        .mobile-menu-header {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            padding: 20px;\n            border-bottom: 2px solid var(--imp-gris-claro);\n            position: sticky;\n            top: 0;\n            background: var(--imp-blanco);\n            z-index: 2;\n        }\n\n        .mobile-logo img {\n            height: 35px;\n            width: auto;\n        }\n\n        .mobile-close {\n            background: var(--imp-gris-claro);\n            border: none;\n            cursor: pointer;\n            width: 38px;\n            height: 38px;\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            transition: all 0.3s ease;\n        }\n\n        .mobile-close:hover {\n            background: var(--imp-verde);\n        }\n\n        .close-icon {\n            font-size: 26px;\n            color: var(--imp-gris);\n            line-height: 1;\n            font-family: var(--font-lato);\n        }\n\n        \/* Contenido del men\u00fa m\u00f3vil *\/\n        .mobile-menu-content {\n            padding: 25px 20px;\n            display: flex;\n            flex-direction: column;\n            flex-grow: 1;\n            overflow-y: auto;\n        }\n\n        .mobile-nav-links {\n            list-style: none;\n            padding: 0;\n            margin: 0 0 30px 0;\n        }\n\n        .mobile-nav-links li {\n            margin-bottom: 12px;\n        }\n\n        .mobile-nav-links a {\n            display: flex;\n            align-items: center;\n            color: var(--imp-gris);\n            text-decoration: none;\n            font-family: var(--font-montserrat);\n            font-size: 1rem;\n            font-weight: 600;\n            letter-spacing: 0.3px;\n            text-transform: uppercase;\n            padding: 14px 16px;\n            border-radius: 12px;\n            transition: all 0.3s ease;\n            border: 1px solid transparent;\n        }\n\n        .mobile-nav-links a:hover {\n            background-color: var(--imp-gris-claro);\n            color: var(--imp-verde);\n            border-color: var(--imp-verde);\n        }\n\n        .mobile-nav-links i {\n            font-size: 1.25rem;\n            width: 26px;\n            margin-right: 15px;\n            color: var(--imp-verde);\n        }\n\n        \/* CTA m\u00f3vil *\/\n        .mobile-cta {\n            margin: auto 0 25px 0;\n            padding: 15px 0;\n        }\n\n        .mobile-cta-button {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 10px;\n            width: 100%;\n            padding: 16px 20px;\n            background: var(--imp-verde);\n            color: var(--imp-blanco);\n            text-decoration: none;\n            font-family: var(--font-montserrat);\n            font-weight: 600;\n            letter-spacing: 0.5px;\n            text-transform: uppercase;\n            border-radius: 50px;\n            text-align: center;\n            box-shadow: 0 4px 12px rgba(134, 188, 0, 0.25);\n            transition: all 0.3s ease;\n            border: 2px solid var(--imp-verde);\n        }\n\n        .mobile-cta-button:hover {\n            background: var(--imp-blanco);\n            color: var(--imp-verde);\n            transform: translateY(-2px);\n            box-shadow: 0 6px 15px rgba(134, 188, 0, 0.35);\n        }\n\n        \/* Iconos sociales *\/\n        .mobile-social {\n            display: flex;\n            justify-content: center;\n            gap: 15px;\n            margin-top: 10px;\n        }\n\n        .social-icon {\n            width: 42px;\n            height: 42px;\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            background-color: var(--imp-gris-claro);\n            color: var(--imp-gris);\n            transition: all 0.3s ease;\n            border: 2px solid transparent;\n        }\n\n        .social-icon:hover {\n            background-color: var(--imp-verde);\n            color: var(--imp-blanco);\n            transform: translateY(-3px);\n            border-color: var(--imp-verde);\n        }\n\n        \/* Overlay para cuando el men\u00fa est\u00e1 abierto *\/\n        .mobile-overlay {\n            position: fixed;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: rgba(109, 122, 121, 0.5);\n            z-index: 1004;\n            opacity: 0;\n            visibility: hidden;\n            transition: all 0.3s ease;\n            backdrop-filter: blur(3px);\n        }\n\n        .mobile-overlay.active {\n            opacity: 1;\n            visibility: visible;\n        }\n\n        \/* Scroll Effect *\/\n        .scrolled {\n            padding: 0.6rem 0;\n            backdrop-filter: blur(12px);\n            background: rgba(255, 255, 255, 1);\n            box-shadow: 0 3px 20px rgba(109, 122, 121, 0.15);\n        }\n\n        \/* Responsive *\/\n        @media (max-width: 1024px) {\n            .navbar-links,\n            .navbar-cta {\n                display: none;\n            }\n\n            .mobile-menu-toggle {\n                display: block;\n            }\n        }\n\n        \/* Ajustes adicionales para m\u00f3viles peque\u00f1os *\/\n        @media (max-width: 480px) {\n            .navbar-container {\n                padding: 0 1rem;\n            }\n            \n            .mobile-menu {\n                width: 100%;\n                max-width: none;\n            }\n\n            .navbar-logo img {\n                height: 38px;\n            }\n        }\n\n        \/* Mejoras de accesibilidad y hover states *\/\n        @media (prefers-reduced-motion: reduce) {\n            * {\n                animation-duration: 0.01ms !important;\n                animation-iteration-count: 1 !important;\n                transition-duration: 0.01ms !important;\n            }\n        }\n    <\/style>\n\n    <script>\n        document.addEventListener(\"DOMContentLoaded\", function() {\n            \/\/ Elementos del DOM\n            const hamburger = document.querySelector(\".hamburger\");\n            const mobileMenu = document.querySelector(\".mobile-menu\");\n            const mobileClose = document.querySelector(\".mobile-close\");\n            const mobileOverlay = document.querySelector(\".mobile-overlay\");\n            const mobileLinks = document.querySelectorAll(\".mobile-nav-links a, .mobile-cta-button\");\n            \n            \/\/ Funci\u00f3n para abrir el men\u00fa\n            function openMenu() {\n                mobileMenu.classList.add(\"active\");\n                mobileOverlay.classList.add(\"active\");\n                document.body.style.overflow = \"hidden\";\n                \n                \/\/ Asegurarse de que el men\u00fa est\u00e9 en la parte superior\n                window.scrollTo(0, 0);\n                \n                \/\/ Restablecer la posici\u00f3n de scroll del men\u00fa m\u00f3vil\n                mobileMenu.scrollTop = 0;\n            }\n            \n            \/\/ Funci\u00f3n para cerrar el men\u00fa\n            function closeMenu() {\n                mobileMenu.classList.remove(\"active\");\n                mobileOverlay.classList.remove(\"active\");\n                document.body.style.overflow = \"\";\n            }\n            \n            \/\/ Eventos para abrir\/cerrar men\u00fa\n            hamburger.addEventListener(\"click\", openMenu);\n            mobileClose.addEventListener(\"click\", closeMenu);\n            mobileOverlay.addEventListener(\"click\", closeMenu);\n            \n            \/\/ Cerrar el men\u00fa cuando se hace clic en un enlace\n            mobileLinks.forEach(link => {\n                link.addEventListener(\"click\", () => {\n                    closeMenu();\n                    \n                    \/\/ Si es un enlace interno, realizar scroll suave\n                    const href = link.getAttribute(\"href\");\n                    if (href.includes(\"#\") && !href.startsWith(\"http\")) {\n                        const targetId = href.split(\"#\")[1];\n                        if (targetId) {\n                            const targetElement = document.getElementById(targetId);\n                            if (targetElement) {\n                                setTimeout(() => {\n                                    targetElement.scrollIntoView({\n                                        behavior: \"smooth\",\n                                        block: \"start\"\n                                    });\n                                }, 300);\n                            }\n                        }\n                    }\n                });\n            });\n\n            \/\/ Efecto de scroll en la Navbar\n            window.addEventListener(\"scroll\", () => {\n                const navbar = document.querySelector(\".imp-navbar\");\n                if (window.scrollY > 50) {\n                    navbar.classList.add(\"scrolled\");\n                } else {\n                    navbar.classList.remove(\"scrolled\");\n                }\n            });\n            \n            \/\/ Asegurarse que FontAwesome est\u00e9 cargado\n            if (!document.getElementById(\"font-awesome-css\")) {\n                const fontAwesome = document.createElement(\"link\");\n                fontAwesome.id = \"font-awesome-css\";\n                fontAwesome.rel = \"stylesheet\";\n                fontAwesome.href = \"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/5.15.4\/css\/all.min.css\";\n                document.head.appendChild(fontAwesome);\n            }\n        });\n    <\/script>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-alpha-channel-opacity has-background\" style=\"background-color:#ffffff00;color:#ffffff00\"\/>\n\n\n    \n    <style>\n        @import url(\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700;800&family=Lato:wght@400;700&display=swap\");\n        @import url(\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/5.15.4\/css\/all.min.css\");\n\n        :root {\n            --imp-verde: #86BC00;\n            --imp-gris: #6D7A79;\n            --imp-blanco: #FFFFFF;\n            --imp-gris-claro: #E9ECEC;\n            --imp-gris-oscuro: #4a5654;\n            --font-montserrat: \"Montserrat\", sans-serif;\n            --font-lato: \"Lato\", sans-serif;\n        }\n\n        .imp-contacto-section {\n            position: relative;\n            padding: 100px 20px;\n            background: linear-gradient(135deg, rgba(255, 255, 255, 0.98) 0%, rgba(233, 236, 236, 0.95) 100%);\n            overflow: hidden;\n        }\n\n        .imp-contacto-section::before {\n            content: '';\n            position: absolute;\n            inset: 0;\n            background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'\/%3E%3C\/svg%3E\");\n            opacity: 0.03;\n            mix-blend-mode: overlay;\n            pointer-events: none;\n        }\n\n        .imp-contacto-decorations {\n            position: absolute;\n            inset: 0;\n            pointer-events: none;\n            overflow: hidden;\n        }\n\n        .imp-contacto-decoration-circle {\n            position: absolute;\n            border-radius: 50%;\n            background: radial-gradient(circle, rgba(134, 188, 0, 0.15), transparent 70%);\n            filter: blur(50px);\n            animation: floatContacto 25s ease-in-out infinite;\n        }\n\n        .imp-contacto-circle-1 {\n            width: 500px;\n            height: 500px;\n            top: -150px;\n            right: -150px;\n            animation-delay: 0s;\n        }\n\n        .imp-contacto-circle-2 {\n            width: 400px;\n            height: 400px;\n            bottom: -100px;\n            left: -100px;\n            animation-delay: 8s;\n        }\n\n        .imp-contacto-circle-3 {\n            width: 350px;\n            height: 350px;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            animation-delay: 16s;\n        }\n\n        @keyframes floatContacto {\n            0%, 100% {\n                transform: translate(0, 0) scale(1);\n            }\n            33% {\n                transform: translate(40px, -40px) scale(1.15);\n            }\n            66% {\n                transform: translate(-40px, 40px) scale(0.85);\n            }\n        }\n\n        .imp-contacto-container {\n            position: relative;\n            z-index: 10;\n            max-width: 1200px;\n            margin: 0 auto;\n        }\n\n        .imp-contacto-header {\n            text-align: center;\n            margin-bottom: 70px;\n        }\n\n        .imp-contacto-badge {\n            display: inline-flex;\n            align-items: center;\n            gap: 10px;\n            padding: 14px 28px;\n            background: rgba(255, 255, 255, 0.95);\n            border: 2px solid var(--imp-verde);\n            border-radius: 50px;\n            color: var(--imp-verde);\n            font-family: var(--font-montserrat);\n            font-weight: 600;\n            font-size: 0.95rem;\n            margin-bottom: 30px;\n            box-shadow: 0 10px 40px rgba(134, 188, 0, 0.25);\n            backdrop-filter: blur(10px);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .imp-contacto-badge::before {\n            content: '';\n            position: absolute;\n            inset: -2px;\n            background: linear-gradient(45deg, transparent, rgba(134, 188, 0, 0.3), transparent);\n            border-radius: 50px;\n            animation: shimmerContacto 3s linear infinite;\n            z-index: -1;\n        }\n\n        @keyframes shimmerContacto {\n            0% {\n                transform: translateX(-100%) rotate(45deg);\n            }\n            100% {\n                transform: translateX(200%) rotate(45deg);\n            }\n        }\n\n        .imp-contacto-badge i {\n            font-size: 1.15rem;\n            animation: pulseContacto 2s ease-in-out infinite;\n        }\n\n        @keyframes pulseContacto {\n            0%, 100% { transform: scale(1); }\n            50% { transform: scale(1.12); }\n        }\n\n        .imp-contacto-title {\n            font-family: var(--font-montserrat);\n            font-weight: 800;\n            font-size: clamp(2.2rem, 5.5vw, 4rem);\n            line-height: 1.2;\n            color: var(--imp-gris);\n            margin-bottom: 25px;\n            letter-spacing: -1.5px;\n            background: linear-gradient(135deg, var(--imp-gris) 0%, var(--imp-gris-oscuro) 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            filter: drop-shadow(0 2px 8px rgba(255, 255, 255, 0.9));\n        }\n\n        .imp-contacto-subtitle {\n            font-family: var(--font-lato);\n            font-size: clamp(1.05rem, 2vw, 1.25rem);\n            line-height: 1.8;\n            color: var(--imp-gris);\n            max-width: 700px;\n            margin: 0 auto;\n            text-shadow: 0 1px 2px rgba(255, 255, 255, 0.9);\n        }\n\n        .imp-contacto-content {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n            gap: 30px;\n            margin-bottom: 50px;\n        }\n\n        \/* Tarjetas de contacto *\/\n        .imp-contacto-card {\n            background: rgba(255, 255, 255, 0.95);\n            border-radius: 24px;\n            padding: 40px 35px;\n            border: 2px solid transparent;\n            box-shadow: 0 10px 40px rgba(109, 122, 121, 0.15);\n            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n            backdrop-filter: blur(10px);\n            position: relative;\n            overflow: hidden;\n            text-align: center;\n        }\n\n        .imp-contacto-card::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 5px;\n            background: linear-gradient(90deg, var(--imp-verde), #a0d420);\n            transform: scaleX(0);\n            transform-origin: left;\n            transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n        }\n\n        .imp-contacto-card:hover {\n            transform: translateY(-10px) scale(1.02);\n            border-color: var(--imp-verde);\n            box-shadow: 0 20px 60px rgba(134, 188, 0, 0.3);\n        }\n\n        .imp-contacto-card:hover::before {\n            transform: scaleX(1);\n        }\n\n        .imp-contacto-icon-wrapper {\n            width: 90px;\n            height: 90px;\n            background: linear-gradient(135deg, var(--imp-verde), #a0d420);\n            border-radius: 24px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin: 0 auto 25px;\n            box-shadow: 0 15px 40px rgba(134, 188, 0, 0.4),\n                        0 0 0 3px rgba(255, 255, 255, 0.3) inset;\n            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n            position: relative;\n        }\n\n        .imp-contacto-card:hover .imp-contacto-icon-wrapper {\n            transform: scale(1.15) rotate(8deg);\n            box-shadow: 0 20px 50px rgba(134, 188, 0, 0.5),\n                        0 0 0 3px rgba(255, 255, 255, 0.5) inset;\n        }\n\n        .imp-contacto-icon-wrapper i {\n            font-size: 2.2rem;\n            color: var(--imp-blanco);\n            filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2));\n        }\n\n        .imp-contacto-card-title {\n            font-family: var(--font-montserrat);\n            font-weight: 700;\n            font-size: 1.4rem;\n            color: var(--imp-gris);\n            margin-bottom: 15px;\n            line-height: 1.3;\n        }\n\n        .imp-contacto-card-phone {\n            font-family: var(--font-montserrat);\n            font-weight: 700;\n            font-size: 1.5rem;\n            color: var(--imp-verde);\n            margin-bottom: 15px;\n            letter-spacing: 0.5px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 10px;\n        }\n\n        .imp-contacto-card-phone i {\n            font-size: 1.2rem;\n            animation: ringPhone 2s ease-in-out infinite;\n        }\n\n        @keyframes ringPhone {\n            0%, 100% { transform: rotate(0deg); }\n            10%, 30% { transform: rotate(-15deg); }\n            20%, 40% { transform: rotate(15deg); }\n            50% { transform: rotate(0deg); }\n        }\n\n        .imp-contacto-card-text {\n            font-family: var(--font-lato);\n            font-size: 1rem;\n            line-height: 1.7;\n            color: var(--imp-gris);\n            opacity: 0.8;\n            margin-bottom: 25px;\n        }\n\n        .imp-contacto-link {\n            display: inline-flex;\n            align-items: center;\n            gap: 12px;\n            padding: 16px 32px;\n            background: linear-gradient(135deg, var(--imp-verde), #a0d420);\n            color: var(--imp-blanco);\n            border: 2px solid var(--imp-verde);\n            border-radius: 50px;\n            font-family: var(--font-montserrat);\n            font-weight: 600;\n            font-size: 1rem;\n            text-decoration: none;\n            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n            box-shadow: 0 10px 30px rgba(134, 188, 0, 0.3);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .imp-contacto-link::before {\n            content: '';\n            position: absolute;\n            inset: 0;\n            background: linear-gradient(110deg, transparent 25%, rgba(255, 255, 255, 0.3) 50%, transparent 75%);\n            transform: translateX(-100%);\n            transition: transform 0.6s;\n        }\n\n        .imp-contacto-link:hover::before {\n            transform: translateX(100%);\n        }\n\n        .imp-contacto-link:hover {\n            background: var(--imp-blanco);\n            color: var(--imp-verde);\n            transform: scale(1.05);\n            box-shadow: 0 15px 40px rgba(134, 188, 0, 0.4);\n        }\n\n        .imp-contacto-link i {\n            font-size: 1.2rem;\n            transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n        }\n\n        .imp-contacto-link:hover i {\n            transform: rotate(15deg) scale(1.2);\n        }\n\n        \/* Secci\u00f3n de Mapa y Direcci\u00f3n *\/\n        .imp-contacto-mapa-section {\n            margin-top: 50px;\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 30px;\n            align-items: stretch;\n        }\n\n        .imp-contacto-direccion-card {\n            background: rgba(255, 255, 255, 0.95);\n            border-radius: 24px;\n            padding: 50px 40px;\n            border: 2px solid var(--imp-gris-claro);\n            box-shadow: 0 10px 40px rgba(109, 122, 121, 0.15);\n            backdrop-filter: blur(10px);\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n        }\n\n        .imp-direccion-icon {\n            width: 80px;\n            height: 80px;\n            background: linear-gradient(135deg, var(--imp-verde), #a0d420);\n            border-radius: 20px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin-bottom: 25px;\n            box-shadow: 0 15px 40px rgba(134, 188, 0, 0.4);\n        }\n\n        .imp-direccion-icon i {\n            font-size: 2rem;\n            color: var(--imp-blanco);\n        }\n\n        .imp-direccion-title {\n            font-family: var(--font-montserrat);\n            font-weight: 700;\n            font-size: 1.8rem;\n            color: var(--imp-gris);\n            margin-bottom: 20px;\n        }\n\n        .imp-direccion-text {\n            font-family: var(--font-lato);\n            font-size: 1.15rem;\n            line-height: 1.8;\n            color: var(--imp-gris);\n            margin-bottom: 15px;\n        }\n\n        .imp-direccion-text strong {\n            color: var(--imp-verde);\n            font-weight: 700;\n        }\n\n        .imp-direccion-link {\n            display: inline-flex;\n            align-items: center;\n            gap: 12px;\n            padding: 16px 32px;\n            background: linear-gradient(135deg, var(--imp-verde), #a0d420);\n            color: var(--imp-blanco);\n            border: 2px solid var(--imp-verde);\n            border-radius: 50px;\n            font-family: var(--font-montserrat);\n            font-weight: 600;\n            font-size: 1rem;\n            text-decoration: none;\n            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n            box-shadow: 0 10px 30px rgba(134, 188, 0, 0.3);\n            margin-top: 10px;\n            width: fit-content;\n        }\n\n        .imp-direccion-link:hover {\n            background: var(--imp-blanco);\n            color: var(--imp-verde);\n            transform: scale(1.05);\n            box-shadow: 0 15px 40px rgba(134, 188, 0, 0.4);\n        }\n\n        .imp-contacto-mapa-wrapper {\n            background: rgba(255, 255, 255, 0.95);\n            border-radius: 24px;\n            overflow: hidden;\n            border: 2px solid var(--imp-gris-claro);\n            box-shadow: 0 10px 40px rgba(109, 122, 121, 0.15);\n            position: relative;\n            min-height: 450px;\n        }\n\n        .imp-contacto-mapa-wrapper iframe {\n            width: 100%;\n            height: 100%;\n            min-height: 450px;\n            border: none;\n            display: block;\n        }\n\n        \/* Redes sociales *\/\n        .imp-contacto-redes {\n            background: rgba(255, 255, 255, 0.95);\n            border-radius: 24px;\n            padding: 50px 40px;\n            border: 2px solid var(--imp-gris-claro);\n            box-shadow: 0 10px 40px rgba(109, 122, 121, 0.15);\n            backdrop-filter: blur(10px);\n            text-align: center;\n            margin-top: 50px;\n        }\n\n        .imp-contacto-redes-title {\n            font-family: var(--font-montserrat);\n            font-weight: 700;\n            font-size: 1.8rem;\n            color: var(--imp-gris);\n            margin-bottom: 15px;\n        }\n\n        .imp-contacto-redes-subtitle {\n            font-family: var(--font-lato);\n            font-size: 1.05rem;\n            line-height: 1.7;\n            color: var(--imp-gris);\n            opacity: 0.8;\n            margin-bottom: 40px;\n        }\n\n        .imp-redes-buttons {\n            display: flex;\n            gap: 20px;\n            justify-content: center;\n            flex-wrap: wrap;\n        }\n\n        .imp-red-social-btn {\n            display: inline-flex;\n            align-items: center;\n            gap: 12px;\n            padding: 18px 35px;\n            border-radius: 50px;\n            font-family: var(--font-montserrat);\n            font-weight: 600;\n            font-size: 1.05rem;\n            text-decoration: none;\n            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n            border: 2px solid;\n            position: relative;\n            overflow: hidden;\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n        }\n\n        .imp-red-social-btn::before {\n            content: '';\n            position: absolute;\n            inset: 0;\n            background: linear-gradient(110deg, transparent 25%, rgba(255, 255, 255, 0.2) 50%, transparent 75%);\n            transform: translateX(-100%);\n            transition: transform 0.6s;\n        }\n\n        .imp-red-social-btn:hover::before {\n            transform: translateX(100%);\n        }\n\n        .imp-red-social-btn i {\n            font-size: 1.4rem;\n            transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n        }\n\n        .imp-red-social-btn:hover i {\n            transform: rotate(10deg) scale(1.15);\n        }\n\n        \/* Instagram *\/\n        .imp-red-instagram {\n            background: linear-gradient(135deg, #E4405F, #F77737, #FCAF45);\n            color: var(--imp-blanco);\n            border-color: #E4405F;\n            box-shadow: 0 10px 40px rgba(228, 64, 95, 0.35);\n        }\n\n        .imp-red-instagram:hover {\n            background: var(--imp-blanco);\n            color: #E4405F;\n            transform: translateY(-5px) scale(1.05);\n            box-shadow: 0 20px 50px rgba(228, 64, 95, 0.45);\n        }\n\n        \/* Facebook *\/\n        .imp-red-facebook {\n            background: linear-gradient(135deg, #1877F2, #42A5F5);\n            color: var(--imp-blanco);\n            border-color: #1877F2;\n            box-shadow: 0 10px 40px rgba(24, 119, 242, 0.35);\n        }\n\n        .imp-red-facebook:hover {\n            background: var(--imp-blanco);\n            color: #1877F2;\n            transform: translateY(-5px) scale(1.05);\n            box-shadow: 0 20px 50px rgba(24, 119, 242, 0.45);\n        }\n\n        \/* Info adicional *\/\n        .imp-contacto-info-extra {\n            margin-top: 50px;\n            text-align: center;\n            padding: 30px;\n            background: rgba(134, 188, 0, 0.08);\n            border-radius: 20px;\n            border: 2px solid rgba(134, 188, 0, 0.2);\n        }\n\n        .imp-contacto-info-extra p {\n            font-family: var(--font-lato);\n            font-size: 1.05rem;\n            color: var(--imp-gris);\n            margin: 0;\n            line-height: 1.7;\n        }\n\n        .imp-contacto-info-extra strong {\n            color: var(--imp-verde);\n            font-weight: 700;\n        }\n\n        \/* Responsive *\/\n        @media (max-width: 1024px) {\n            .imp-contacto-section {\n                padding: 80px 20px;\n            }\n\n            .imp-contacto-content {\n                gap: 25px;\n            }\n\n            .imp-contacto-mapa-section {\n                grid-template-columns: 1fr;\n            }\n        }\n\n        @media (max-width: 768px) {\n            .imp-contacto-section {\n                padding: 70px 15px;\n            }\n\n            .imp-contacto-content {\n                grid-template-columns: 1fr;\n                gap: 20px;\n            }\n\n            .imp-contacto-mapa-section {\n                grid-template-columns: 1fr;\n                gap: 20px;\n            }\n\n            .imp-redes-buttons {\n                flex-direction: column;\n                gap: 15px;\n            }\n\n            .imp-red-social-btn {\n                width: 100%;\n                justify-content: center;\n            }\n\n            .imp-contacto-redes {\n                padding: 40px 25px;\n            }\n\n            .imp-contacto-direccion-card {\n                padding: 40px 30px;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .imp-contacto-section {\n                padding: 60px 15px;\n            }\n\n            .imp-contacto-card {\n                padding: 30px 25px;\n            }\n\n            .imp-contacto-icon-wrapper {\n                width: 75px;\n                height: 75px;\n            }\n\n            .imp-contacto-icon-wrapper i {\n                font-size: 1.8rem;\n            }\n\n            .imp-contacto-card-phone {\n                font-size: 1.2rem;\n            }\n\n            .imp-contacto-link {\n                padding: 14px 28px;\n                font-size: 0.95rem;\n                width: 100%;\n                justify-content: center;\n            }\n\n            .imp-red-social-btn {\n                padding: 16px 30px;\n                font-size: 0.95rem;\n            }\n\n            .imp-contacto-direccion-card {\n                padding: 35px 25px;\n            }\n\n            .imp-direccion-link {\n                width: 100%;\n                justify-content: center;\n            }\n        }\n\n        @media (prefers-reduced-motion: reduce) {\n            .imp-contacto-section *,\n            .imp-contacto-section *::before,\n            .imp-contacto-section *::after {\n                animation-duration: 0.01ms !important;\n                animation-iteration-count: 1 !important;\n                transition-duration: 0.01ms !important;\n            }\n        }\n    <\/style>\n\n    <section class=\"imp-contacto-section\" id=\"contacto\">\n        <div class=\"imp-contacto-decorations\">\n            <div class=\"imp-contacto-decoration-circle imp-contacto-circle-1\"><\/div>\n            <div class=\"imp-contacto-decoration-circle imp-contacto-circle-2\"><\/div>\n            <div class=\"imp-contacto-decoration-circle imp-contacto-circle-3\"><\/div>\n        <\/div>\n\n        <div class=\"imp-contacto-container\">\n            <div class=\"imp-contacto-header\">\n                <div class=\"imp-contacto-badge\">\n                    <i class=\"fas fa-headset\"><\/i>\n                    <span>Estamos para ayudarte<\/span>\n                <\/div>\n                <h2 class=\"imp-contacto-title\">Contactanos<\/h2>\n                <p class=\"imp-contacto-subtitle\">\n                    Nuestro equipo est\u00e1 disponible para atenderte. Comunicate con nosotros por el medio que prefieras\n                <\/p>\n            <\/div>\n\n            <div class=\"imp-contacto-content\">\n                <!-- WhatsApp -->\n                <div class=\"imp-contacto-card\">\n                    <div class=\"imp-contacto-icon-wrapper\">\n                        <i class=\"fab fa-whatsapp\"><\/i>\n                    <\/div>\n                    <h3 class=\"imp-contacto-card-title\">WhatsApp<\/h3>\n                    <div class=\"imp-contacto-card-phone\">\n                        <i class=\"fab fa-whatsapp\"><\/i>\n                        <span>383 490-0843<\/span>\n                    <\/div>\n                    <p class=\"imp-contacto-card-text\">\n                        Chate\u00e1 con nosotros y obten\u00e9 respuestas r\u00e1pidas a tus consultas\n                    <\/p>\n                    <a href=\"https:\/\/wa.me\/5493834900843\" class=\"imp-contacto-link\" target=\"_blank\" rel=\"noopener noreferrer\">\n                        <i class=\"fab fa-whatsapp\"><\/i>\n                        <span>Enviar Mensaje<\/span>\n                    <\/a>\n                <\/div>\n\n                <!-- Tel\u00e9fono -->\n                <div class=\"imp-contacto-card\">\n                    <div class=\"imp-contacto-icon-wrapper\">\n                        <i class=\"fas fa-phone-alt\"><\/i>\n                    <\/div>\n                    <h3 class=\"imp-contacto-card-title\">Llamadas<\/h3>\n                    <div class=\"imp-contacto-card-phone\">\n                        <i class=\"fas fa-phone-alt\"><\/i>\n                        <span>0383 442-2672<\/span>\n                    <\/div>\n                    <p class=\"imp-contacto-card-text\">\n                        Comunicate directamente con nuestra central telef\u00f3nica\n                    <\/p>\n                    <a href=\"tel:+5493834422672\" class=\"imp-contacto-link\">\n                        <i class=\"fas fa-phone-alt\"><\/i>\n                        <span>Llamar Ahora<\/span>\n                    <\/a>\n                <\/div>\n\n                <!-- Guardia 24h -->\n                <div class=\"imp-contacto-card\">\n                    <div class=\"imp-contacto-icon-wrapper\">\n                        <i class=\"fas fa-ambulance\"><\/i>\n                    <\/div>\n                    <h3 class=\"imp-contacto-card-title\">Guardia 24 Horas<\/h3>\n                    <div class=\"imp-contacto-card-phone\">\n                        <i class=\"fas fa-hospital\"><\/i>\n                        <span>0383 442-2672<\/span>\n                    <\/div>\n                    <p class=\"imp-contacto-card-text\">\n                        Atenci\u00f3n de urgencias y emergencias todos los d\u00edas del a\u00f1o\n                    <\/p>\n                    <a href=\"tel:+5493834422672\" class=\"imp-contacto-link\">\n                        <i class=\"fas fa-hospital\"><\/i>\n                        <span>Emergencias<\/span>\n                    <\/a>\n                <\/div>\n            <\/div>\n\n            <!-- Secci\u00f3n Mapa y Direcci\u00f3n -->\n            <div class=\"imp-contacto-mapa-section\">\n                <!-- Direcci\u00f3n -->\n                <div class=\"imp-contacto-direccion-card\">\n                    <div class=\"imp-direccion-icon\">\n                        <i class=\"fas fa-map-marker-alt\"><\/i>\n                    <\/div>\n                    <h3 class=\"imp-direccion-title\">Nuestra Ubicaci\u00f3n<\/h3>\n                    <p class=\"imp-direccion-text\">\n                        <strong>Instituto M\u00e9dico Privado Catamarca<\/strong>\n                    <\/p>\n                    <p class=\"imp-direccion-text\">\n                       Sarmiento 375, K4700 San Fernando del Valle de Catamarca, Catamarca\n                    <\/p>\n                    <p class=\"imp-direccion-text\">\n                        C\u00f3digo Postal: K4700\n                    <\/p>\n                    <a href=\"https:\/\/maps.app.goo.gl\/V8c3ZjHB4Em5cLcC8\" class=\"imp-direccion-link\" target=\"_blank\" rel=\"noopener noreferrer\">\n                        <i class=\"fas fa-directions\"><\/i>\n                        <span>C\u00f3mo Llegar<\/span>\n                    <\/a>\n                <\/div>\n\n                <!-- Mapa -->\n                <div class=\"imp-contacto-mapa-wrapper\">\n                    <iframe \n                        src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3507.4652626226753!2d-65.7799655!3d-28.465531799999994!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x942428bedc3ecc5d%3A0x62d0563aa10f284f!2sInstituto%20Medico%20Privado!5e0!3m2!1sen!2sar!4v1762518421058!5m2!1sen!2sar\"\n                        allowfullscreen=\"\" \n                        loading=\"lazy\" \n                        referrerpolicy=\"no-referrer-when-downgrade\"\n                        title=\"Ubicaci\u00f3n Instituto M\u00e9dico Privado Catamarca\">\n                    <\/iframe>\n                <\/div>\n            <\/div>\n\n            <!-- Redes Sociales -->\n            <div class=\"imp-contacto-redes\">\n                <h3 class=\"imp-contacto-redes-title\">Seguinos en Redes Sociales<\/h3>\n                <p class=\"imp-contacto-redes-subtitle\">\n                    Mantente informado sobre novedades, consejos de salud y promociones\n                <\/p>\n                <div class=\"imp-redes-buttons\">\n                    <a href=\"https:\/\/www.instagram.com\/impcatamarca\" class=\"imp-red-social-btn imp-red-instagram\" target=\"_blank\" rel=\"noopener noreferrer\">\n                        <i class=\"fab fa-instagram\"><\/i>\n                        <span>Instagram<\/span>\n                    <\/a>\n                    <a href=\"https:\/\/www.facebook.com\/InstitutoMedicoPrivadoCatamarca\" class=\"imp-red-social-btn imp-red-facebook\" target=\"_blank\" rel=\"noopener noreferrer\">\n                        <i class=\"fab fa-facebook-f\"><\/i>\n                        <span>Facebook<\/span>\n                    <\/a>\n                <\/div>\n            <\/div>\n\n            <!-- Info adicional -->\n            <div class=\"imp-contacto-info-extra\">\n                <p>\n                    <i class=\"fas fa-clock\" style=\"color: var(--imp-verde); margin-right: 8px;\"><\/i>\n                    <strong>Guardia disponible 24\/7<\/strong> | Atenci\u00f3n de urgencias las 24 horas, los 365 d\u00edas del a\u00f1o\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    \n\n\n    \n    <style>\n        @import url(\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700&family=Inter:wght@400;500;600&display=swap\");\n        @import url(\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/5.15.4\/css\/all.min.css\");\n\n        :root {\n            --imp-verde: #86BC00;\n            --imp-verde-hover: #a0d420;\n            --imp-gris: #6D7A79;\n            --imp-blanco: #FFFFFF;\n            --imp-gris-claro: #E9ECEC;\n            --imp-gris-oscuro: #1a2928;\n            --imp-negro: #0f1615;\n            --font-montserrat: \"Montserrat\", sans-serif;\n            --font-inter: \"Inter\", sans-serif;\n        }\n\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        \/* Footer Container *\/\n        .imp-footer {\n            position: relative;\n            background: linear-gradient(180deg, #1a2928 0%, #0f1615 100%);\n            color: var(--imp-blanco);\n            font-family: var(--font-inter);\n        }\n\n        \/* Subtle Background Pattern *\/\n        .imp-footer::before {\n            content: '';\n            position: absolute;\n            inset: 0;\n            background-image: \n                linear-gradient(90deg, rgba(134, 188, 0, 0.03) 1px, transparent 1px),\n                linear-gradient(rgba(134, 188, 0, 0.03) 1px, transparent 1px);\n            background-size: 50px 50px;\n            opacity: 0.5;\n            pointer-events: none;\n        }\n\n        \/* Main Footer Content *\/\n        .imp-footer-main {\n            position: relative;\n            z-index: 10;\n            max-width: 1280px;\n            margin: 0 auto;\n            padding: 80px 24px 60px;\n        }\n\n        .imp-footer-grid {\n            display: grid;\n            grid-template-columns: 2.5fr 1.5fr 1.5fr 2fr;\n            gap: 60px;\n            margin-bottom: 60px;\n        }\n\n        \/* Brand Column *\/\n        .imp-footer-brand {\n            display: flex;\n            flex-direction: column;\n            gap: 24px;\n        }\n\n        .imp-footer-logo-container {\n            display: inline-block;\n        }\n\n        .imp-footer-logo {\n            width: 200px;\n            height: auto;\n            filter: brightness(0) invert(1);\n            transition: all 0.3s ease;\n        }\n\n        .imp-footer-logo:hover {\n            filter: brightness(0) invert(1) drop-shadow(0 4px 12px rgba(134, 188, 0, 0.4));\n        }\n\n        .imp-footer-tagline {\n            font-size: 1rem;\n            line-height: 1.7;\n            color: rgba(255, 255, 255, 0.7);\n            max-width: 350px;\n        }\n\n        .imp-footer-certification {\n            display: inline-flex;\n            align-items: center;\n            gap: 12px;\n            padding: 14px 20px;\n            background: rgba(134, 188, 0, 0.1);\n            border: 1px solid rgba(134, 188, 0, 0.2);\n            border-radius: 8px;\n            transition: all 0.3s ease;\n            max-width: fit-content;\n        }\n\n        .imp-footer-certification:hover {\n            background: rgba(134, 188, 0, 0.15);\n            border-color: rgba(134, 188, 0, 0.3);\n        }\n\n        .imp-footer-cert-icon {\n            font-size: 1.5rem;\n            color: var(--imp-verde);\n        }\n\n        .imp-footer-cert-text {\n            font-family: var(--font-montserrat);\n            font-weight: 600;\n            font-size: 0.875rem;\n            color: var(--imp-verde);\n            letter-spacing: 0.3px;\n        }\n\n        \/* Column Headers *\/\n        .imp-footer-column h3 {\n            font-family: var(--font-montserrat);\n            font-weight: 600;\n            font-size: 0.875rem;\n            color: var(--imp-blanco);\n            text-transform: uppercase;\n            letter-spacing: 1px;\n            margin-bottom: 24px;\n            position: relative;\n            padding-bottom: 12px;\n        }\n\n        .imp-footer-column h3::after {\n            content: '';\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            width: 32px;\n            height: 2px;\n            background: var(--imp-verde);\n        }\n\n        \/* Links *\/\n        .imp-footer-links {\n            list-style: none;\n            display: flex;\n            flex-direction: column;\n            gap: 14px;\n        }\n\n        .imp-footer-links li a {\n            display: inline-flex;\n            align-items: center;\n            gap: 10px;\n            font-size: 0.9375rem;\n            color: rgba(255, 255, 255, 0.65);\n            text-decoration: none;\n            transition: all 0.25s ease;\n            position: relative;\n        }\n\n        .imp-footer-links li a::before {\n            content: '';\n            width: 4px;\n            height: 4px;\n            background: var(--imp-verde);\n            border-radius: 50%;\n            opacity: 0;\n            transform: translateX(-8px);\n            transition: all 0.25s ease;\n        }\n\n        .imp-footer-links li a:hover {\n            color: var(--imp-verde);\n            transform: translateX(4px);\n        }\n\n        .imp-footer-links li a:hover::before {\n            opacity: 1;\n            transform: translateX(0);\n        }\n\n        \/* Contact Items *\/\n        .imp-footer-contact {\n            display: flex;\n            flex-direction: column;\n            gap: 20px;\n        }\n\n        .imp-contact-item {\n            display: flex;\n            gap: 16px;\n            padding: 16px;\n            background: rgba(255, 255, 255, 0.03);\n            border-radius: 8px;\n            border: 1px solid rgba(255, 255, 255, 0.08);\n            transition: all 0.3s ease;\n        }\n\n        .imp-contact-item:hover {\n            background: rgba(134, 188, 0, 0.08);\n            border-color: rgba(134, 188, 0, 0.2);\n            transform: translateY(-2px);\n        }\n\n        .imp-contact-icon {\n            width: 44px;\n            height: 44px;\n            background: linear-gradient(135deg, var(--imp-verde) 0%, var(--imp-verde-hover) 100%);\n            border-radius: 8px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            flex-shrink: 0;\n        }\n\n        .imp-contact-icon i {\n            font-size: 1.125rem;\n            color: var(--imp-blanco);\n        }\n\n        .imp-contact-details {\n            flex: 1;\n            display: flex;\n            flex-direction: column;\n            gap: 4px;\n        }\n\n        .imp-contact-label {\n            font-family: var(--font-montserrat);\n            font-weight: 600;\n            font-size: 0.75rem;\n            color: rgba(255, 255, 255, 0.5);\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n        }\n\n        .imp-contact-value {\n            font-size: 0.9375rem;\n            color: rgba(255, 255, 255, 0.85);\n            line-height: 1.5;\n        }\n\n        .imp-contact-value a {\n            color: inherit;\n            text-decoration: none;\n            transition: color 0.25s ease;\n        }\n\n        .imp-contact-value a:hover {\n            color: var(--imp-verde);\n        }\n\n        \/* Social Media *\/\n        .imp-footer-social {\n            display: flex;\n            gap: 10px;\n            margin-top: 28px;\n        }\n\n        .imp-social-link {\n            width: 42px;\n            height: 42px;\n            border-radius: 8px;\n            background: rgba(255, 255, 255, 0.06);\n            border: 1px solid rgba(255, 255, 255, 0.1);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            color: rgba(255, 255, 255, 0.7);\n            text-decoration: none;\n            transition: all 0.3s ease;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .imp-social-link::before {\n            content: '';\n            position: absolute;\n            inset: 0;\n            background: linear-gradient(135deg, var(--imp-verde), var(--imp-verde-hover));\n            opacity: 0;\n            transition: opacity 0.3s ease;\n        }\n\n        .imp-social-link i {\n            font-size: 1.125rem;\n            position: relative;\n            z-index: 1;\n            transition: transform 0.3s ease;\n        }\n\n        .imp-social-link:hover {\n            border-color: var(--imp-verde);\n            transform: translateY(-4px);\n            box-shadow: 0 8px 16px rgba(134, 188, 0, 0.25);\n        }\n\n        .imp-social-link:hover::before {\n            opacity: 1;\n        }\n\n        .imp-social-link:hover i {\n            color: var(--imp-blanco);\n            transform: scale(1.1);\n        }\n\n        \/* Footer Bottom *\/\n        .imp-footer-bottom {\n            position: relative;\n            z-index: 10;\n            max-width: 1280px;\n            margin: 0 auto;\n            padding: 28px 24px;\n            border-top: 1px solid rgba(255, 255, 255, 0.08);\n        }\n\n        .imp-footer-bottom-flex {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            flex-wrap: wrap;\n            gap: 20px;\n        }\n\n        .imp-footer-copyright {\n            font-size: 0.875rem;\n            color: rgba(255, 255, 255, 0.5);\n        }\n\n        .imp-footer-copyright a {\n            color: var(--imp-verde);\n            text-decoration: none;\n            font-weight: 500;\n            transition: color 0.25s ease;\n        }\n\n        .imp-footer-copyright a:hover {\n            color: var(--imp-verde-hover);\n        }\n\n        .imp-footer-legal {\n            display: flex;\n            gap: 24px;\n        }\n\n        .imp-footer-legal a {\n            font-size: 0.875rem;\n            color: rgba(255, 255, 255, 0.5);\n            text-decoration: none;\n            transition: color 0.25s ease;\n            position: relative;\n        }\n\n        .imp-footer-legal a::after {\n            content: '';\n            position: absolute;\n            bottom: -2px;\n            left: 0;\n            width: 0;\n            height: 1px;\n            background: var(--imp-verde);\n            transition: width 0.25s ease;\n        }\n\n        .imp-footer-legal a:hover {\n            color: var(--imp-verde);\n        }\n\n        .imp-footer-legal a:hover::after {\n            width: 100%;\n        }\n\n        \/* Floating Action Buttons *\/\n        .imp-floating-actions {\n            position: fixed;\n            bottom: 32px;\n            right: 32px;\n            z-index: 899;\n            display: flex;\n            flex-direction: column;\n            gap: 12px;\n        }\n\n        .imp-fab {\n            width: 60px;\n            height: 60px;\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            text-decoration: none;\n            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);\n            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n            border: 2px solid transparent;\n            position: relative;\n        }\n\n        .imp-fab::before {\n            content: '';\n            position: absolute;\n            inset: -2px;\n            border-radius: 50%;\n            padding: 2px;\n            background: linear-gradient(135deg, currentColor, transparent);\n            -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\n            -webkit-mask-composite: xor;\n            mask-composite: exclude;\n            opacity: 0;\n            transition: opacity 0.3s ease;\n        }\n\n        .imp-fab i {\n            font-size: 1.5rem;\n            color: var(--imp-blanco);\n            transition: transform 0.3s ease;\n        }\n\n        .imp-fab:hover {\n            transform: translateY(-6px) scale(1.08);\n        }\n\n        .imp-fab:hover::before {\n            opacity: 1;\n        }\n\n        .imp-fab:hover i {\n            transform: scale(1.15);\n        }\n\n        .imp-fab-emergency {\n            background: linear-gradient(135deg, #dc3545 0%, #c82333 100%);\n            animation: pulse-emergency 2.5s ease-in-out infinite;\n        }\n\n        .imp-fab-emergency::before {\n            color: #dc3545;\n        }\n\n        .imp-fab-emergency:hover {\n            box-shadow: 0 8px 32px rgba(220, 53, 69, 0.5);\n        }\n\n        @keyframes pulse-emergency {\n            0%, 100% {\n                box-shadow: 0 4px 20px rgba(220, 53, 69, 0.4);\n            }\n            50% {\n                box-shadow: 0 4px 32px rgba(220, 53, 69, 0.6);\n            }\n        }\n\n        .imp-fab-whatsapp {\n            background: linear-gradient(135deg, #25D366 0%, #128C7E 100%);\n        }\n\n        .imp-fab-whatsapp::before {\n            color: #25D366;\n        }\n\n        .imp-fab-whatsapp:hover {\n            box-shadow: 0 8px 32px rgba(37, 211, 102, 0.5);\n        }\n\n        \/* Responsive Design *\/\n        @media (max-width: 1024px) {\n            .imp-footer-grid {\n                grid-template-columns: 2fr 1fr 1fr;\n                gap: 50px;\n            }\n\n            .imp-footer-brand {\n                grid-column: 1 \/ -1;\n            }\n        }\n\n        @media (max-width: 768px) {\n            .imp-footer-main {\n                padding: 60px 20px 50px;\n            }\n\n            .imp-footer-grid {\n                grid-template-columns: 1fr;\n                gap: 40px;\n            }\n\n            .imp-footer-bottom-flex {\n                flex-direction: column;\n                text-align: center;\n                gap: 16px;\n            }\n\n            .imp-footer-legal {\n                flex-direction: column;\n                gap: 12px;\n            }\n\n            .imp-floating-actions {\n                bottom: 24px;\n                right: 24px;\n            }\n\n            .imp-fab {\n                width: 56px;\n                height: 56px;\n            }\n\n            .imp-fab i {\n                font-size: 1.375rem;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .imp-footer-main {\n                padding: 50px 16px 40px;\n            }\n\n            .imp-footer-logo {\n                width: 160px;\n            }\n\n            .imp-footer-tagline {\n                font-size: 0.9375rem;\n            }\n\n            .imp-contact-item {\n                flex-direction: column;\n                text-align: center;\n                align-items: center;\n            }\n\n            .imp-footer-social {\n                justify-content: center;\n            }\n\n            .imp-floating-actions {\n                bottom: 20px;\n                right: 20px;\n            }\n\n            .imp-fab {\n                width: 52px;\n                height: 52px;\n            }\n        }\n\n        \/* Accessibility & Performance *\/\n        @media (prefers-reduced-motion: reduce) {\n            *,\n            *::before,\n            *::after {\n                animation-duration: 0.01ms !important;\n                animation-iteration-count: 1 !important;\n                transition-duration: 0.01ms !important;\n            }\n        }\n\n        @media print {\n            .imp-floating-actions {\n                display: none;\n            }\n        }\n    <\/style>\n\n    <footer class=\"imp-footer\">\n        <div class=\"imp-footer-main\">\n            <div class=\"imp-footer-grid\">\n                <!-- Brand Column -->\n                <div class=\"imp-footer-brand\">\n                    <a href=\"\/\" class=\"imp-footer-logo-container\">\n                        <img decoding=\"async\" src=\"https:\/\/institutomedicoprivado.com.ar\/wp-content\/uploads\/2023\/11\/imp_logo-1.svg\" \n                             alt=\"Instituto M\u00e9dico Privado Catamarca\" \n                             class=\"imp-footer-logo\">\n                    <\/a>\n                    <p class=\"imp-footer-tagline\">\n                        Instituci\u00f3n de salud con trayectoria, comprometidos con el bienestar \n                        y la atenci\u00f3n integral de nuestros pacientes.\n                    <\/p>\n                    \n                    <div class=\"imp-footer-social\">\n                        <a href=\"https:\/\/www.instagram.com\/impcatamarca\" \n                           class=\"imp-social-link\" \n                           target=\"_blank\" \n                           rel=\"noopener noreferrer\" \n                           aria-label=\"Instagram\">\n                            <i class=\"fab fa-instagram\"><\/i>\n                        <\/a>\n                        <a href=\"https:\/\/www.facebook.com\/InstitutoMedicoPrivadoCatamarca\" \n                           class=\"imp-social-link\" \n                           target=\"_blank\" \n                           rel=\"noopener noreferrer\" \n                           aria-label=\"Facebook\">\n                            <i class=\"fab fa-facebook-f\"><\/i>\n                        <\/a>\n                        <a href=\"https:\/\/wa.me\/5493834900843\" \n                           class=\"imp-social-link\" \n                           target=\"_blank\" \n                           rel=\"noopener noreferrer\" \n                           aria-label=\"WhatsApp\">\n                            <i class=\"fab fa-whatsapp\"><\/i>\n                        <\/a>\n                    <\/div>\n                <\/div>\n\n                <!-- Quick Links -->\n                <div class=\"imp-footer-column\">\n                    <h3>Enlaces<\/h3>\n                    <ul class=\"imp-footer-links\">\n                        <li>\n                            <a href=\"https:\/\/institutomedicoprivado.com.ar\/?page_id=81\">Servicios<\/a>\n                        <\/li>\n                        <li>\n                            <a href=\"https:\/\/institutomedicoprivado.com.ar\/?page_id=73\">Turnos Online<\/a>\n                        <\/li>\n                        <li>\n                            <a href=\"https:\/\/institutomedicoprivado.com.ar\/?page_id=79\">Derivaciones<\/a>\n                        <\/li>\n                    <\/ul>\n                <\/div>\n\n                <!-- Services -->\n                <div class=\"imp-footer-column\">\n                    <h3>Servicios<\/h3>\n                    <ul class=\"imp-footer-links\">\n                        <li><a href=\"#\">Guardia 24hs<\/a><\/li>\n                        <li><a href=\"#\">Internaci\u00f3n<\/a><\/li>\n                        <li><a href=\"#\">Diagn\u00f3stico<\/a><\/li>\n                    <\/ul>\n                <\/div>\n\n                <!-- Contact -->\n                <div class=\"imp-footer-column\">\n                    <h3>Contacto<\/h3>\n                    <div class=\"imp-footer-contact\">\n                        <div class=\"imp-contact-item\">\n                            <div class=\"imp-contact-icon\">\n                                <i class=\"fas fa-map-marker-alt\"><\/i>\n                            <\/div>\n                            <div class=\"imp-contact-details\">\n                                <div class=\"imp-contact-label\">Direcci\u00f3n<\/div>\n                                <div class=\"imp-contact-value\">\n                                    Sarmiento 375, K4700<br>\n                                    San Fernando del Valle de Catamarca\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"imp-contact-item\">\n                            <div class=\"imp-contact-icon\">\n                                <i class=\"fas fa-phone-alt\"><\/i>\n                            <\/div>\n                            <div class=\"imp-contact-details\">\n                                <div class=\"imp-contact-label\">Tel\u00e9fono<\/div>\n                                <div class=\"imp-contact-value\">\n                                    <a href=\"tel:+5493834422672\">0383 442-2672<\/a>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"imp-contact-item\">\n                            <div class=\"imp-contact-icon\">\n                                <i class=\"fas fa-clock\"><\/i>\n                            <\/div>\n                            <div class=\"imp-contact-details\">\n                                <div class=\"imp-contact-label\">Horario<\/div>\n                                <div class=\"imp-contact-value\">\n                                    Guardia 24 horas<br>\n                                    365 d\u00edas del a\u00f1o\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"imp-footer-bottom\">\n            <div class=\"imp-footer-bottom-flex\">\n                <div class=\"imp-footer-copyright\">\n                    \u00a9 2026 <a href=\"\/\">Instituto M\u00e9dico Privado Catamarca<\/a>. Todos los derechos reservados.\n                <\/div>\n                <div class=\"imp-footer-legal\">\n                    <a href=\"#privacidad\">Pol\u00edtica de Privacidad<\/a>\n                    <a href=\"#terminos\">T\u00e9rminos y Condiciones<\/a>\n                    <a href=\"#cookies\">Cookies<\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Floating Action Buttons -->\n        <div class=\"imp-floating-actions\">\n            <a href=\"tel:+5493834422672\" \n               class=\"imp-fab imp-fab-emergency\" \n               aria-label=\"Llamar a Urgencias\">\n                <i class=\"fas fa-ambulance\"><\/i>\n            <\/a>\n            <a href=\"https:\/\/wa.me\/5493834900843\" \n               class=\"imp-fab imp-fab-whatsapp\" \n               target=\"_blank\" \n               rel=\"noopener noreferrer\" \n               aria-label=\"WhatsApp\">\n                <i class=\"fab fa-whatsapp\"><\/i>\n            <\/a>\n        <\/div>\n    <\/footer>\n\n    \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"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":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-13","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/institutomedicoprivado.ar\/imp\/wp-json\/wp\/v2\/pages\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/institutomedicoprivado.ar\/imp\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/institutomedicoprivado.ar\/imp\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/institutomedicoprivado.ar\/imp\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/institutomedicoprivado.ar\/imp\/wp-json\/wp\/v2\/comments?post=13"}],"version-history":[{"count":1,"href":"https:\/\/institutomedicoprivado.ar\/imp\/wp-json\/wp\/v2\/pages\/13\/revisions"}],"predecessor-version":[{"id":14,"href":"https:\/\/institutomedicoprivado.ar\/imp\/wp-json\/wp\/v2\/pages\/13\/revisions\/14"}],"wp:attachment":[{"href":"https:\/\/institutomedicoprivado.ar\/imp\/wp-json\/wp\/v2\/media?parent=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}