{"id":5,"date":"2025-11-06T14:50:56","date_gmt":"2025-11-06T14:50:56","guid":{"rendered":"https:\/\/federacioneconomicacatamarca.com.ar\/fec\/?page_id=5"},"modified":"2025-12-01T19:53:53","modified_gmt":"2025-12-01T19:53:53","slug":"inicio","status":"publish","type":"page","link":"https:\/\/federacioneconomicacatamarca.com.ar\/fec\/","title":{"rendered":"inicio"},"content":{"rendered":"<nav class=\"fec-navbar\">\n        <div class=\"navbar-container\">\n            <!-- Logo -->\n            <a href=\"https:\/\/federacioneconomicacatamarca.com.ar\/fec\/\" class=\"navbar-logo\">\n                <img decoding=\"async\" src=\"http:\/\/guilledevs.com.ar\/guishex\/wp-content\/uploads\/2025\/11\/logo-sin-fondo-federeacion-economica.png\" alt=\"Federaci\u00f3n Econ\u00f3mica de Catamarca\">\n            <\/a>\n\n            <!-- Men\u00fa Desktop -->\n            <ul class=\"navbar-links\">\n                <li><a href=\"https:\/\/federacioneconomicacatamarca.com.ar\/fec\/inicio\/#about\">Qui\u00e9nes Somos<\/a><\/li>\n                <li><a href=\"https:\/\/federacioneconomicacatamarca.com.ar\/fec\/inicio\/#proximos-eventos\">Proximos Eventos<\/a><\/li>\n                <li><a href=\"https:\/\/federacioneconomicacatamarca.com.ar\/fec\/inicio\/#multimedia\">Multimedia<\/a><\/li>\n                <li><a href=\"https:\/\/federacioneconomicacatamarca.com.ar\/fec\/inicio\/#contacto\">Contacto<\/a><\/li>\n            <\/ul>\n\n            <!-- CTA Desktop -->\n            <div class=\"navbar-cta\">\n                <a href=\"https:\/\/federacioneconomicacatamarca.com.ar\/fec\/expocatamarca\" class=\"cta-button\">\n                    <i class=\"fas fa-calendar-alt\"><\/i> Expo Catamarca 2025\n                <\/a>\n            <\/div>\n\n            <!-- Men\u00fa Mobile -->\n            <div class=\"mobile-menu-toggle\">\n                <button class=\"hamburger\" aria-label=\"Abrir men\u00fa\">\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=\"http:\/\/guilledevs.com.ar\/guishex\/wp-content\/uploads\/2025\/11\/logo-sin-fondo-federeacion-economica.png\" alt=\"Federaci\u00f3n Econ\u00f3mica de Catamarca\">\n                <\/div>\n                <button class=\"mobile-close\" aria-label=\"Cerrar men\u00fa\">\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:\/\/federacioneconomicacatamarca.com.ar\/fec\/inicio\/#about\">\n                            <i class=\"fas fa-users\"><\/i>\n                            <span>Qui\u00e9nes Somos<\/span>\n                        <\/a>\n                    <\/li>\n\n                    <li>\n                        <a href=\"https:\/\/federacioneconomicacatamarca.com.ar\/fec\/inicio\/#proximos-eventos\">\n                            <i class=\"fas fa-newspaper\"><\/i>\n                            <span>Eventos<\/span>\n                        <\/a>\n                    <\/li>\n\t\t\t\t\t\n                    <li>\n                        <a href=\"https:\/\/federacioneconomicacatamarca.com.ar\/fec\/inicio\/#multimedia\">\n                            <i class=\"fas fa-newspaper\"><\/i>\n                            <span>Multimedia<\/span>\n                        <\/a>\n                    <\/li>\n                    <li>\n                        <a href=\"https:\/\/federacioneconomicacatamarca.com.ar\/fec\/inicio\/#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:\/\/federacioneconomicacatamarca.com.ar\/fec\/expo-catamarca-2025\" class=\"mobile-cta-button\">\n                        <i class=\"fas fa-calendar-alt\"><\/i> Expo Catamarca 2025\n                    <\/a>\n                <\/div>\n                \n                <div class=\"mobile-social\">\n                    <a href=\"https:\/\/www.facebook.com\/p\/Federaci%C3%B3n-Econ%C3%B3mica-de-Catamarca-100077270405675\/\" class=\"social-icon\" aria-label=\"Facebook\"><i class=\"fab fa-facebook-f\"><\/i><\/a>\n                    <a href=\"https:\/\/www.instagram.com\/federacioneconomicacatamarca\/\" class=\"social-icon\" aria-label=\"Instagram\"><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 FEC *\/\n        @import url(\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;600;700;800&family=Montserrat:wght@400;500;600;700&family=Raleway:wght@300;400;500;600;300italic&display=swap\");\n\n        \/* Variables de paleta FEC - ACTUALIZADA SEG\u00daN IDENTIDAD DE MARCA *\/\n        :root {\n            --fec-primary: #9ab236;\n            --fec-secondary: #156290;\n            --fec-accent: #090d3a;\n            --fec-gray: #434142;\n            --fec-white: #ffffff;\n            --fec-gray-light: #f4f4f4;\n            --fec-gray-medium: #666666;\n            --transition-duration: 0.4s;\n            --easing: cubic-bezier(0.23, 1, 0.32, 1);\n            --font-heading: \"Poppins\", sans-serif;\n            --font-body: \"Raleway\", sans-serif;\n            --font-accent: \"Montserrat\", sans-serif;\n        }\n\n        \/* Reset de estilos para el navbar *\/\n        .fec-navbar * {\n            box-sizing: border-box;\n        }\n\n        \/* Estilos generales del navbar *\/\n        .fec-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(12px);\n            box-shadow: 0 2px 20px rgba(9, 13, 58, 0.08);\n            padding: 0.8rem 0;\n            transition: all var(--transition-duration) var(--easing);\n            font-family: var(--font-body);\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            gap: 2rem;\n        }\n\n        \/* Logo *\/\n        .navbar-logo {\n            display: flex;\n            align-items: center;\n            flex-shrink: 0;\n        }\n\n        .navbar-logo img {\n            height: 85px;\n            width: auto;\n            transition: transform var(--transition-duration) var(--easing);\n        }\n\n        .navbar-logo:hover img {\n            transform: scale(1.05);\n        }\n\n        \/* Men\u00fa Desktop *\/\n        .navbar-links {\n            display: flex;\n            gap: 2rem;\n            list-style: none;\n            margin: 0;\n            padding: 0;\n            align-items: center;\n        }\n\n        .navbar-links a {\n            color: var(--fec-accent);\n            text-decoration: none;\n            font-family: var(--font-accent);\n            font-weight: 600;\n            font-size: 0.95rem;\n            letter-spacing: 0.3px;\n            position: relative;\n            padding: 0.5rem 0;\n            transition: color var(--transition-duration) var(--easing);\n            text-transform: uppercase;\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(--fec-primary);\n            transition: width var(--transition-duration) var(--easing);\n        }\n\n        .navbar-links a:hover {\n            color: var(--fec-primary);\n        }\n\n        .navbar-links a:hover::after {\n            width: 100%;\n        }\n\n        \/* Bot\u00f3n CTA Desktop - ACTUALIZADO CON COLORES FEC *\/\n        .navbar-cta {\n            flex-shrink: 0;\n        }\n\n        .cta-button {\n            background: var(--fec-primary);\n            color: var(--fec-accent);\n            padding: 0.7rem 1.8rem;\n            border-radius: 30px;\n            text-decoration: none;\n            font-family: var(--font-heading);\n            font-weight: 700;\n            font-size: 0.9rem;\n            letter-spacing: 0.5px;\n            text-transform: uppercase;\n            display: inline-flex;\n            align-items: center;\n            gap: 8px;\n            transition: all var(--transition-duration) var(--easing);\n            box-shadow: 0 4px 15px rgba(154, 178, 54, 0.3);\n            border: 2px solid transparent;\n        }\n\n        .cta-button:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 6px 20px rgba(154, 178, 54, 0.5);\n            background: linear-gradient(135deg, #9ab236, #86a030);\n            color: var(--fec-white);\n        }\n\n        .cta-button i {\n            font-size: 1rem;\n        }\n\n        \/* Bot\u00f3n hamburguesa - ACTUALIZADO *\/\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(--fec-accent);\n            margin: 4px 0;\n            border-radius: 3px;\n            transition: all var(--transition-duration) var(--easing);\n        }\n\n        .hamburger:hover .hamburger-line {\n            background: var(--fec-primary);\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: 380px;\n            height: 100vh;\n            background: var(--fec-white);\n            z-index: 9999;\n            transition: right var(--transition-duration) var(--easing);\n            box-shadow: -5px 0 30px rgba(9, 13, 58, 0.15);\n            display: flex;\n            flex-direction: column;\n            overflow-y: auto;\n            font-family: var(--font-body);\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(--fec-gray-light);\n            position: sticky;\n            top: 0;\n            background: var(--fec-white);\n            z-index: 2;\n        }\n\n        .mobile-logo img {\n            height: 40px;\n            width: auto;\n        }\n\n        .mobile-close {\n            background: var(--fec-gray-light);\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(--fec-primary);\n            transform: rotate(90deg);\n        }\n\n        .close-icon {\n            font-size: 26px;\n            color: var(--fec-accent);\n            line-height: 1;\n            font-family: var(--font-heading);\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(--fec-accent);\n            text-decoration: none;\n            font-family: var(--font-accent);\n            font-size: 1rem;\n            font-weight: 600;\n            letter-spacing: 0.3px;\n            text-transform: uppercase;\n            padding: 14px 16px;\n            border-radius: 10px;\n            transition: all 0.3s ease;\n            border: 2px solid transparent;\n        }\n\n        .mobile-nav-links a:hover,\n        .mobile-nav-links a:active {\n            background-color: rgba(154, 178, 54, 0.08);\n            color: var(--fec-primary);\n            border-color: var(--fec-primary);\n        }\n\n        .mobile-nav-links i {\n            font-size: 1.2rem;\n            width: 28px;\n            margin-right: 15px;\n            color: var(--fec-secondary);\n        }\n\n        \/* CTA m\u00f3vil - ACTUALIZADO *\/\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(--fec-primary);\n            color: var(--fec-accent);\n            text-decoration: none;\n            font-family: var(--font-heading);\n            font-weight: 700;\n            font-size: 0.95rem;\n            letter-spacing: 0.5px;\n            text-transform: uppercase;\n            border-radius: 12px;\n            text-align: center;\n            box-shadow: 0 4px 15px rgba(154, 178, 54, 0.3);\n            transition: all 0.3s ease;\n            border: 2px solid transparent;\n        }\n\n        .mobile-cta-button:hover {\n            background: linear-gradient(135deg, #9ab236, #86a030);\n            color: var(--fec-white);\n            transform: translateY(-2px);\n            box-shadow: 0 6px 20px rgba(154, 178, 54, 0.5);\n        }\n\n        \/* Iconos sociales - ACTUALIZADO *\/\n        .mobile-social {\n            display: flex;\n            justify-content: center;\n            gap: 12px;\n            margin-top: 10px;\n            padding-top: 20px;\n            border-top: 2px solid var(--fec-gray-light);\n        }\n\n        .social-icon {\n            width: 44px;\n            height: 44px;\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            background-color: var(--fec-gray-light);\n            color: var(--fec-accent);\n            transition: all 0.3s ease;\n            border: 2px solid transparent;\n        }\n\n        .social-icon:hover {\n            background-color: var(--fec-primary);\n            color: var(--fec-white);\n            transform: translateY(-3px);\n            border-color: var(--fec-accent);\n        }\n\n        \/* Overlay para cuando el men\u00fa est\u00e1 abierto - ACTUALIZADO *\/\n        .mobile-overlay {\n            position: fixed;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: rgba(9, 13, 58, 0.5);\n            backdrop-filter: blur(4px);\n            z-index: 1004;\n            opacity: 0;\n            visibility: hidden;\n            transition: all 0.3s ease;\n        }\n\n        .mobile-overlay.active {\n            opacity: 1;\n            visibility: visible;\n        }\n\n        \/* Scroll Effect *\/\n        .fec-navbar.scrolled {\n            padding: 0.5rem 0;\n            backdrop-filter: blur(16px);\n            background: rgba(255, 255, 255, 0.98);\n            box-shadow: 0 4px 25px rgba(9, 13, 58, 0.12);\n        }\n\n        .fec-navbar.scrolled .navbar-logo img {\n            height: 50px;\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        @media (max-width: 768px) {\n            .navbar-container {\n                padding: 0 1.5rem;\n            }\n\n            .navbar-logo img {\n                height: 45px;\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: 40px;\n            }\n        }\n\n        \/* Mejoras de accesibilidad *\/\n        @media (prefers-reduced-motion: reduce) {\n            .fec-navbar,\n            .fec-navbar *,\n            .mobile-menu,\n            .mobile-overlay {\n                animation-duration: 0.01ms !important;\n                animation-iteration-count: 1 !important;\n                transition-duration: 0.01ms !important;\n            }\n        }\n\n        \/* Espaciado para el contenido debajo del navbar *\/\n        body.fec-navbar-active {\n            padding-top: 85px;\n        }\n    <\/style>\n\n    <script>\n        document.addEventListener(\"DOMContentLoaded\", function() {\n            \/\/ Agregar clase al body para espaciado\n            document.body.classList.add(\"fec-navbar-active\");\n\n            \/\/ Elementos del DOM\n            const hamburger = document.querySelector(\".fec-navbar .hamburger\");\n            const mobileMenu = document.querySelector(\".fec-navbar .mobile-menu\");\n            const mobileClose = document.querySelector(\".fec-navbar .mobile-close\");\n            const mobileOverlay = document.querySelector(\".fec-navbar .mobile-overlay\");\n            const mobileLinks = document.querySelectorAll(\".fec-navbar .mobile-nav-links a, .fec-navbar .mobile-cta-button\");\n            const navbar = document.querySelector(\".fec-navbar\");\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                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            if (hamburger) hamburger.addEventListener(\"click\", openMenu);\n            if (mobileClose) mobileClose.addEventListener(\"click\", closeMenu);\n            if (mobileOverlay) 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\", (e) => {\n                    closeMenu();\n                    \n                    \/\/ Si es un enlace interno con hash, realizar scroll suave\n                    const href = link.getAttribute(\"href\");\n                    if (href && href.includes(\"#\") && !href.startsWith(\"http\")) {\n                        const targetId = href.split(\"#\")[1];\n                        if (targetId) {\n                            const targetElement = document.getElementById(targetId);\n                            if (targetElement) {\n                                e.preventDefault();\n                                setTimeout(() => {\n                                    const offset = 85;\n                                    const elementPosition = targetElement.getBoundingClientRect().top;\n                                    const offsetPosition = elementPosition + window.pageYOffset - offset;\n                                    \n                                    window.scrollTo({\n                                        top: offsetPosition,\n                                        behavior: \"smooth\"\n                                    });\n                                }, 300);\n                            }\n                        }\n                    }\n                });\n            });\n\n            \/\/ Efecto de scroll en la Navbar\n            let lastScroll = 0;\n            window.addEventListener(\"scroll\", () => {\n                const currentScroll = window.pageYOffset;\n                \n                if (currentScroll > 80) {\n                    navbar.classList.add(\"scrolled\");\n                } else {\n                    navbar.classList.remove(\"scrolled\");\n                }\n                \n                lastScroll = currentScroll;\n            });\n            \n            \/\/ Cerrar men\u00fa con ESC\n            document.addEventListener(\"keydown\", (e) => {\n                if (e.key === \"Escape\" && mobileMenu.classList.contains(\"active\")) {\n                    closeMenu();\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\/6.4.0\/css\/all.min.css\";\n                document.head.appendChild(fontAwesome);\n            }\n        });\n    <\/script>\n\n\n<section class=\"fec-hero\">\n        <!-- Imagen de fondo con efecto zoom -->\n        <div class=\"hero-background\">\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1486406146926-c627a92ad1ab?w=1920&q=80\" alt=\"Edificio corporativo\" class=\"bg-image zoom-bg\">\n            <div class=\"hero-overlay\"><\/div>\n        <\/div>\n        \n        <!-- Contenido principal -->\n        <div class=\"hero-container\">\n            <div class=\"hero-content-wrapper\">\n                <!-- Badge institucional -->\n                <div class=\"hero-badge\">\n                    <span class=\"badge-year\">EST. 1953<\/span>\n                    <span class=\"badge-divider\"><\/span>\n                    <span class=\"badge-text\">72 A\u00f1os de Trayectoria<\/span>\n                <\/div>\n                \n                <!-- T\u00edtulo principal -->\n                <h1 class=\"hero-title\">\n                    Liderando el <span class=\"highlight\">Desarrollo Econ\u00f3mico<\/span> de Catamarca\n                <\/h1>\n                \n                <!-- Subt\u00edtulo -->\n                <p class=\"hero-subtitle\">\n                    Representamos y fortalecemos los intereses del sector productivo catamarque\u00f1o, impulsando la innovaci\u00f3n, el crecimiento sostenible y la competitividad regional.\n                <\/p>\n                \n                <!-- Botones de acci\u00f3n -->\n                <div class=\"hero-cta\">\n                    <a href=\"https:\/\/federacioneconomicacatamarca.com.ar\/fec\/expocatamarca\" class=\"btn-primary\">\n                        <span>Expo Catamarca 2025<\/span>\n                        <i class=\"fas fa-arrow-right\"><\/i>\n                    <\/a>\n                    <a href=\"https:\/\/federacioneconomicacatamarca.com.ar\/fec\/inicio\/#about\" class=\"btn-secondary\">\n                        <span>Nuestra Instituci\u00f3n<\/span>\n                        <i class=\"fas fa-arrow-right\"><\/i>\n                    <\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n        \n     \n    <\/section>\n\n    <style>\n        \/* Importar tipograf\u00edas FEC *\/\n        @import url(\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;600;700;800&family=Montserrat:wght@400;500;600;700&family=Raleway:wght@300;400;500;600&display=swap\");\n\n        \/* Variables - Paleta de colores del logo FEC *\/\n        :root {\n            --fec-primary: #9ab236;\n            --fec-secondary: #156290;\n            --fec-accent: #090d3a;\n            --fec-gray: #434142;\n            --fec-white: #ffffff;\n            --fec-gray-light: #f4f4f4;\n            --fec-gray-medium: #666666;\n            --font-heading: \"Poppins\", sans-serif;\n            --font-body: \"Raleway\", sans-serif;\n            --font-accent: \"Montserrat\", sans-serif;\n        }\n\n        \/* Reset y estilos base *\/\n        .fec-hero * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        \/* Hero Section *\/\n        .fec-hero {\n            position: relative;\n            min-height: 100vh;\n            min-height: 100dvh; \/* Usa viewport din\u00e1mico en m\u00f3viles *\/\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            overflow: hidden;\n            background: var(--fec-accent);\n        }\n\n        \/* Imagen de fondo con efecto zoom *\/\n        .hero-background {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            z-index: 1;\n            overflow: hidden;\n        }\n\n        .bg-image {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            object-position: center;\n            transition: transform 0.3s ease-out;\n        }\n\n        \/* Efecto zoom sutil en la imagen de fondo *\/\n        .zoom-bg {\n            animation: subtleZoom 25s ease-in-out infinite;\n        }\n\n        @keyframes subtleZoom {\n            0% {\n                transform: scale(1);\n            }\n            50% {\n                transform: scale(1.05);\n            }\n            100% {\n                transform: scale(1);\n            }\n        }\n\n        \/* Overlay decorativo *\/\n        .hero-overlay {\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: linear-gradient(\n                135deg,\n                rgba(9, 13, 58, 0.95) 0%,\n                rgba(9, 13, 58, 0.88) 50%,\n                rgba(21, 98, 144, 0.85) 100%\n            );\n            z-index: 2;\n        }\n\n        .hero-overlay::before {\n            content: \"\";\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: \n                linear-gradient(90deg, transparent 0%, rgba(154, 178, 54, 0.03) 50%, transparent 100%),\n                repeating-linear-gradient(\n                    0deg,\n                    transparent,\n                    transparent 2px,\n                    rgba(255, 255, 255, 0.02) 2px,\n                    rgba(255, 255, 255, 0.02) 4px\n                );\n        }\n\n        \/* Container principal *\/\n        .hero-container {\n            max-width: 1400px;\n            width: 100%;\n            margin: 0 auto;\n            padding: 120px 40px 80px;\n            position: relative;\n            z-index: 3;\n            display: flex;\n            align-items: center;\n            min-height: 100vh;\n            min-height: 100dvh;\n        }\n\n        \/* Contenido *\/\n        .hero-content-wrapper {\n            max-width: 900px;\n            margin: 0 auto;\n            text-align: center;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            gap: 30px;\n        }\n\n        \/* Badge institucional *\/\n        .hero-badge {\n            display: inline-flex;\n            align-items: center;\n            gap: 15px;\n            padding: 12px 30px;\n            background: rgba(255, 255, 255, 0.1);\n            backdrop-filter: blur(10px);\n            border: 2px solid rgba(154, 178, 54, 0.3);\n            border-radius: 100px;\n            font-family: var(--font-accent);\n            animation: fadeInDown 0.8s ease-out;\n        }\n\n        .badge-year {\n            color: var(--fec-primary);\n            font-size: 0.95rem;\n            font-weight: 700;\n            letter-spacing: 2px;\n        }\n\n        .badge-divider {\n            width: 2px;\n            height: 20px;\n            background: rgba(154, 178, 54, 0.5);\n        }\n\n        .badge-text {\n            color: var(--fec-white);\n            font-size: 0.9rem;\n            font-weight: 500;\n            letter-spacing: 0.5px;\n        }\n\n        \/* T\u00edtulo principal *\/\n        .hero-title {\n            font-family: var(--font-heading);\n            font-size: clamp(2rem, 5vw + 1rem, 4.5rem);\n            font-weight: 800;\n            line-height: 1.15;\n            color: var(--fec-white);\n            margin: 0;\n            letter-spacing: -1px;\n            animation: fadeInUp 0.8s ease-out 0.2s both;\n        }\n\n        .hero-title .highlight {\n            color: var(--fec-primary);\n            position: relative;\n            display: inline-block;\n        }\n\n        \/* Subt\u00edtulo *\/\n        .hero-subtitle {\n            font-family: var(--font-body);\n            font-size: clamp(1rem, 2vw + 0.5rem, 1.35rem);\n            line-height: 1.8;\n            color: rgba(255, 255, 255, 0.9);\n            max-width: 750px;\n            font-weight: 400;\n            animation: fadeInUp 0.8s ease-out 0.4s both;\n        }\n\n        \/* Botones CTA *\/\n        .hero-cta {\n            display: flex;\n            gap: 20px;\n            flex-wrap: wrap;\n            margin-top: 20px;\n            animation: fadeInUp 0.8s ease-out 0.6s both;\n            justify-content: center;\n            width: 100%;\n            max-width: 600px;\n        }\n\n        .btn-primary,\n        .btn-secondary {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            gap: 12px;\n            padding: 18px 40px;\n            border-radius: 8px;\n            font-family: var(--font-accent);\n            font-size: 1rem;\n            font-weight: 600;\n            text-decoration: none;\n            letter-spacing: 0.3px;\n            transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);\n            border: 2px solid transparent;\n            position: relative;\n            overflow: hidden;\n            white-space: nowrap;\n            min-height: 56px;\n        }\n\n        .btn-primary {\n            background: var(--fec-primary);\n            color: var(--fec-accent);\n            box-shadow: 0 10px 40px rgba(154, 178, 54, 0.3);\n        }\n\n        .btn-primary::before {\n            content: \"\";\n            position: absolute;\n            top: 0;\n            left: -100%;\n            width: 100%;\n            height: 100%;\n            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);\n            transition: left 0.5s ease;\n        }\n\n        .btn-primary:hover::before {\n            left: 100%;\n        }\n\n        .btn-primary:hover {\n            transform: translateY(-3px);\n            box-shadow: 0 15px 50px rgba(154, 178, 54, 0.4);\n        }\n\n        .btn-secondary {\n            background: rgba(255, 255, 255, 0.1);\n            backdrop-filter: blur(10px);\n            color: var(--fec-white);\n            border-color: rgba(255, 255, 255, 0.3);\n            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);\n        }\n\n        .btn-secondary:hover {\n            background: var(--fec-white);\n            color: var(--fec-accent);\n            border-color: var(--fec-white);\n            transform: translateY(-3px);\n            box-shadow: 0 15px 50px rgba(255, 255, 255, 0.3);\n        }\n\n        .btn-primary i,\n        .btn-secondary i {\n            transition: transform 0.3s ease;\n            font-size: 0.9rem;\n        }\n\n        .btn-primary:hover i,\n        .btn-secondary:hover i {\n            transform: translateX(5px);\n        }\n\n        \/* Barra de estad\u00edsticas inferior *\/\n        .hero-stats-bar {\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            right: 0;\n            background: rgba(255, 255, 255, 0.95);\n            backdrop-filter: blur(20px);\n            border-top: 3px solid var(--fec-primary);\n            box-shadow: 0 -10px 40px rgba(0, 0, 0, 0.1);\n            z-index: 4;\n            animation: slideUp 0.8s ease-out 0.8s both;\n        }\n\n        .stats-container {\n            max-width: 1400px;\n            margin: 0 auto;\n            padding: 40px 40px;\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            gap: 40px;\n        }\n\n        .stat-item {\n            display: flex;\n            align-items: center;\n            gap: 20px;\n            flex: 1;\n            min-width: 0; \/* Permite que flex items se encojan *\/\n        }\n\n        .stat-icon {\n            width: 60px;\n            height: 60px;\n            border-radius: 12px;\n            background: linear-gradient(135deg, var(--fec-primary), #86a030);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            flex-shrink: 0;\n            box-shadow: 0 8px 25px rgba(154, 178, 54, 0.25);\n        }\n\n        .stat-icon i {\n            font-size: 1.6rem;\n            color: var(--fec-white);\n        }\n\n        .stat-info {\n            flex: 1;\n            min-width: 0;\n        }\n\n        .stat-number {\n            font-family: var(--font-heading);\n            font-size: 2.2rem;\n            font-weight: 800;\n            color: var(--fec-accent);\n            line-height: 1;\n            margin-bottom: 6px;\n        }\n\n        .stat-label {\n            font-family: var(--font-body);\n            font-size: 0.95rem;\n            color: var(--fec-gray-medium);\n            line-height: 1.3;\n            font-weight: 500;\n        }\n\n        .stat-divider {\n            width: 2px;\n            height: 60px;\n            background: linear-gradient(\n                to bottom,\n                transparent,\n                rgba(9, 13, 58, 0.2),\n                transparent\n            );\n            flex-shrink: 0;\n        }\n\n        \/* Animaciones *\/\n        @keyframes fadeInDown {\n            from {\n                opacity: 0;\n                transform: translateY(-30px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n\n        @keyframes fadeInUp {\n            from {\n                opacity: 0;\n                transform: translateY(30px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n\n        @keyframes slideUp {\n            from {\n                opacity: 0;\n                transform: translateY(100%);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n\n        \/* Responsive - Tablet Grande *\/\n        @media (max-width: 1200px) {\n            .hero-container {\n                padding: 160px 40px 220px;\n            }\n\n            .stats-container {\n                gap: 30px;\n                padding: 35px 30px;\n            }\n\n            .stat-icon {\n                width: 55px;\n                height: 55px;\n            }\n\n            .stat-icon i {\n                font-size: 1.5rem;\n            }\n\n            .stat-number {\n                font-size: 2rem;\n            }\n\n            .stat-label {\n                font-size: 0.9rem;\n            }\n        }\n\n        \/* Responsive - Tablet *\/\n        @media (max-width: 968px) {\n            .hero-container {\n                padding: 140px 30px 260px;\n            }\n\n            .hero-content-wrapper {\n                gap: 25px;\n            }\n\n            .hero-cta {\n                gap: 16px;\n                margin-top: 15px;\n            }\n\n            .btn-primary,\n            .btn-secondary {\n                padding: 16px 32px;\n                font-size: 0.95rem;\n                min-height: 52px;\n            }\n\n            .stats-container {\n                display: grid;\n                grid-template-columns: 1fr 1fr;\n                gap: 30px 20px;\n                padding: 30px 25px;\n            }\n\n            .stat-item {\n                gap: 15px;\n            }\n\n            .stat-item:nth-child(1),\n            .stat-item:nth-child(3) {\n                grid-column: span 1;\n            }\n\n            .stat-divider {\n                display: none;\n            }\n\n            .stat-icon {\n                width: 50px;\n                height: 50px;\n            }\n\n            .stat-icon i {\n                font-size: 1.3rem;\n            }\n\n            .stat-number {\n                font-size: 1.8rem;\n            }\n        }\n\n        \/* Responsive - Mobile Grande *\/\n        @media (max-width: 640px) {\n            .hero-container {\n                padding: 100px 20px 240px;\n            }\n\n            .hero-content-wrapper {\n                gap: 20px;\n            }\n\n            .hero-badge {\n                gap: 10px;\n                padding: 10px 20px;\n            }\n\n            .badge-year,\n            .badge-text {\n                font-size: 0.8rem;\n            }\n\n            .badge-divider {\n                height: 16px;\n            }\n\n            .hero-cta {\n                flex-direction: column;\n                gap: 12px;\n                margin-top: 10px;\n                width: 100%;\n            }\n\n            .btn-primary,\n            .btn-secondary {\n                width: 100%;\n                padding: 16px 24px;\n                font-size: 0.95rem;\n                min-height: 52px;\n            }\n\n            .stats-container {\n                grid-template-columns: 1fr;\n                padding: 25px 20px;\n                gap: 25px;\n            }\n\n            .stat-item {\n                width: 100%;\n                gap: 15px;\n            }\n        }\n\n        \/* Responsive - Mobile Peque\u00f1o *\/\n        @media (max-width: 400px) {\n            .hero-container {\n                padding: 80px 16px 220px;\n            }\n\n            .hero-badge {\n                flex-direction: column;\n                gap: 6px;\n                padding: 12px 20px;\n            }\n\n            .badge-divider {\n                width: 30px;\n                height: 2px;\n            }\n\n            .badge-year,\n            .badge-text {\n                font-size: 0.75rem;\n            }\n\n            .btn-primary,\n            .btn-secondary {\n                padding: 14px 20px;\n                font-size: 0.9rem;\n                min-height: 48px;\n                gap: 8px;\n            }\n\n            .btn-primary i,\n            .btn-secondary i {\n                font-size: 0.85rem;\n            }\n\n            .stat-icon {\n                width: 45px;\n                height: 45px;\n            }\n\n            .stat-icon i {\n                font-size: 1.2rem;\n            }\n\n            .stat-number {\n                font-size: 1.6rem;\n            }\n\n            .stat-label {\n                font-size: 0.85rem;\n            }\n        }\n\n        \/* Landscape en m\u00f3viles *\/\n        @media (max-height: 600px) and (orientation: landscape) {\n            .hero-container {\n                padding: 80px 20px 180px;\n            }\n\n            .hero-content-wrapper {\n                gap: 15px;\n            }\n\n            .hero-title {\n                font-size: clamp(1.8rem, 4vw, 3rem);\n            }\n\n            .hero-subtitle {\n                font-size: clamp(0.9rem, 1.5vw, 1.1rem);\n                line-height: 1.6;\n            }\n\n            .hero-cta {\n                margin-top: 10px;\n            }\n        }\n\n        \/* Accesibilidad *\/\n        @media (prefers-reduced-motion: reduce) {\n            .fec-hero *,\n            .btn-primary::before,\n            .zoom-bg {\n                animation: none !important;\n                transition: none !important;\n            }\n            \n            .bg-image {\n                transform: scale(1) !important;\n            }\n        }\n\n        \/* Focus states para accesibilidad *\/\n        .btn-primary:focus,\n        .btn-secondary:focus {\n            outline: 3px solid var(--fec-primary);\n            outline-offset: 4px;\n        }\n\n        \/* Mejora de contraste en modo alto contraste *\/\n        @media (prefers-contrast: high) {\n            .hero-overlay {\n                background: rgba(9, 13, 58, 0.98);\n            }\n\n            .btn-secondary {\n                border-width: 3px;\n            }\n        }\n    <\/style>\n\n    <script>\n        document.addEventListener(\"DOMContentLoaded\", function() {\n            \/\/ Cargar FontAwesome si no est\u00e1 presente\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\/6.4.0\/css\/all.min.css\";\n                document.head.appendChild(fontAwesome);\n            }\n\n            \/\/ Animaci\u00f3n de n\u00fameros en las estad\u00edsticas\n            const statNumbers = document.querySelectorAll(\".fec-hero .stat-number\");\n            \n            const animateNumber = (element) => {\n                const text = element.textContent;\n                const hasPlus = text.includes(\"+\");\n                const target = parseInt(text.replace(\"+\", \"\"));\n                \n                \/\/ Validar que sea un n\u00famero v\u00e1lido\n                if (isNaN(target)) return;\n                \n                const duration = 2000;\n                const increment = target \/ (duration \/ 16);\n                let current = 0;\n                \n                const timer = setInterval(() => {\n                    current += increment;\n                    if (current >= target) {\n                        element.textContent = target + (hasPlus ? \"+\" : \"\");\n                        clearInterval(timer);\n                    } else {\n                        element.textContent = Math.floor(current) + (hasPlus ? \"+\" : \"\");\n                    }\n                }, 16);\n            };\n\n            \/\/ Observer para animar cuando la barra de stats sea visible\n            const observerOptions = {\n                threshold: 0.3,\n                rootMargin: \"0px 0px -50px 0px\"\n            };\n\n            const observer = new IntersectionObserver((entries) => {\n                entries.forEach(entry => {\n                    if (entry.isIntersecting && !entry.target.classList.contains(\"animated\")) {\n                        \/\/ Peque\u00f1o delay para mejor experiencia visual\n                        setTimeout(() => {\n                            animateNumber(entry.target);\n                        }, 200);\n                        entry.target.classList.add(\"animated\");\n                        observer.unobserve(entry.target);\n                    }\n                });\n            }, observerOptions);\n\n            statNumbers.forEach(stat => observer.observe(stat));\n\n            \/\/ Mejorar accesibilidad de los botones\n            const buttons = document.querySelectorAll(\".fec-hero .btn-primary, .fec-hero .btn-secondary\");\n            buttons.forEach(button => {\n                \/\/ Agregar atributo aria-label si no existe\n                if (!button.getAttribute(\"aria-label\")) {\n                    button.setAttribute(\"aria-label\", button.textContent.trim());\n                }\n            });\n        });\n    <\/script>\n\n\n        \n        <!-- Google Fonts -->\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@400;600;700;800&family=Montserrat:wght@400;500;600;700&family=Raleway:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n        \n        <!-- Font Awesome -->\n        <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n        \n        <section class=\"fec-multimedia-section\" id=\"multimedia\">\n            <div class=\"fec-multimedia-container\">\n                \n                <!-- Header con Badge -->\n                <div class=\"fec-multimedia-header\" data-aos=\"fade-down\">\n                    <div class=\"section-badge\">\n                        <span class=\"badge-icon\">\ud83c\udfac<\/span>\n                        <span class=\"badge-text\">Galer\u00eda Multimedia<\/span>\n                    <\/div>\n                    \n                    <h2 class=\"section-title\">\n                        Nuestra <span class=\"highlight\">Galer\u00eda<\/span>\n                    <\/h2>\n                    \n                    <p class=\"section-subtitle\">\n                        Explora nuestros eventos, conferencias y momentos destacados de la Federaci\u00f3n Econ\u00f3mica de Catamarca\n                    <\/p>\n                <\/div>\n                \n                <!-- Filtros -->\n                <div class=\"fec-multimedia-filters\" data-aos=\"fade-up\">\n                    <button class=\"filter-btn active\" data-filter=\"todos\">\n                        <i class=\"fas fa-th\"><\/i>\n                        Todos\n                    <\/button>\n                    <button class=\"filter-btn\" data-filter=\"foto\">\n                        <i class=\"fas fa-camera\"><\/i>\n                        Fotos\n                    <\/button>\n                    <button class=\"filter-btn\" data-filter=\"album\">\n                        <i class=\"fas fa-images\"><\/i>\n                        \u00c1lbumes\n                    <\/button>\n                    <button class=\"filter-btn\" data-filter=\"video\">\n                        <i class=\"fas fa-video\"><\/i>\n                        Videos\n                    <\/button>\n                    <button class=\"filter-btn\" data-filter=\"transmision\">\n                        <i class=\"fas fa-broadcast-tower\"><\/i>\n                        En Vivo\n                    <\/button>\n                <\/div>\n                \n                <!-- Grid de Multimedia -->\n                <div class=\"fec-multimedia-grid\">\n                                            <div class=\"multimedia-item\" data-tipo=\"video\" data-aos=\"zoom-in\" data-aos-delay=\"0\">\n                            <div class=\"multimedia-card\">\n                                <div class=\"card-image\">\n                                                                        <img decoding=\"async\" src=\"https:\/\/federacioneconomicacatamarca.com.ar\/fec\/wp-content\/uploads\/2025\/11\/Captura-de-pantalla-2025-11-28-a-las-4.26.48-p.-m.png\" alt=\"EXPO CATAMARCA 2025- Charlas de Cierre\">\n                                    \n                                    <!-- Overlay -->\n                                    <div class=\"card-overlay\">\n                                        <div class=\"overlay-content\">\n                                                                                            <button class=\"play-btn\" onclick=\"openVideo(36)\">\n                                                    <i class=\"fas fa-play\"><\/i>\n                                                <\/button>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Badge de tipo -->\n                                    <div class=\"card-badge card-badge-video\">\n                                                                                    <i class=\"fas fa-video\"><\/i>\n                                                                            <\/div>\n                                <\/div>\n                                \n                                <div class=\"card-content\">\n                                    <h3>EXPO CATAMARCA 2025- Charlas de Cierre<\/h3>\n                                                                        \n                                    <div class=\"card-footer\">\n                                                                                    <div class=\"card-date\">\n                                                <i class=\"fas fa-calendar-alt\"><\/i>\n                                                26\/11\/2025                                            <\/div>\n                                                                                \n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                                            <div class=\"multimedia-item\" data-tipo=\"video\" data-aos=\"zoom-in\" data-aos-delay=\"50\">\n                            <div class=\"multimedia-card\">\n                                <div class=\"card-image\">\n                                                                        <img decoding=\"async\" src=\"https:\/\/federacioneconomicacatamarca.com.ar\/fec\/wp-content\/uploads\/2025\/11\/Captura-de-pantalla-2025-11-28-a-las-4.19.58-p.-m-scaled.png\" alt=\"EXPO CATAMARCA- Entrevista a Juan Vargiu ELITE\">\n                                    \n                                    <!-- Overlay -->\n                                    <div class=\"card-overlay\">\n                                        <div class=\"overlay-content\">\n                                                                                            <button class=\"play-btn\" onclick=\"openVideo(35)\">\n                                                    <i class=\"fas fa-play\"><\/i>\n                                                <\/button>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Badge de tipo -->\n                                    <div class=\"card-badge card-badge-video\">\n                                                                                    <i class=\"fas fa-video\"><\/i>\n                                                                            <\/div>\n                                <\/div>\n                                \n                                <div class=\"card-content\">\n                                    <h3>EXPO CATAMARCA- Entrevista a Juan Vargiu ELITE<\/h3>\n                                                                        \n                                    <div class=\"card-footer\">\n                                                                                    <div class=\"card-date\">\n                                                <i class=\"fas fa-calendar-alt\"><\/i>\n                                                25\/11\/2025                                            <\/div>\n                                                                                \n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                                            <div class=\"multimedia-item\" data-tipo=\"video\" data-aos=\"zoom-in\" data-aos-delay=\"100\">\n                            <div class=\"multimedia-card\">\n                                <div class=\"card-image\">\n                                                                        <img decoding=\"async\" src=\"https:\/\/federacioneconomicacatamarca.com.ar\/fec\/wp-content\/uploads\/2025\/11\/Captura-de-pantalla-2025-11-28-a-las-4.01.27-p.-m-scaled.png\" alt=\"EXPO CATAMARCA - Entrevista a Luz Arce MIURA SOFT\">\n                                    \n                                    <!-- Overlay -->\n                                    <div class=\"card-overlay\">\n                                        <div class=\"overlay-content\">\n                                                                                            <button class=\"play-btn\" onclick=\"openVideo(34)\">\n                                                    <i class=\"fas fa-play\"><\/i>\n                                                <\/button>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Badge de tipo -->\n                                    <div class=\"card-badge card-badge-video\">\n                                                                                    <i class=\"fas fa-video\"><\/i>\n                                                                            <\/div>\n                                <\/div>\n                                \n                                <div class=\"card-content\">\n                                    <h3>EXPO CATAMARCA - Entrevista a Luz Arce MIURA SOFT<\/h3>\n                                                                        \n                                    <div class=\"card-footer\">\n                                                                                    <div class=\"card-date\">\n                                                <i class=\"fas fa-calendar-alt\"><\/i>\n                                                25\/11\/2025                                            <\/div>\n                                                                                \n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                                            <div class=\"multimedia-item\" data-tipo=\"video\" data-aos=\"zoom-in\" data-aos-delay=\"150\">\n                            <div class=\"multimedia-card\">\n                                <div class=\"card-image\">\n                                                                        <img decoding=\"async\" src=\"https:\/\/federacioneconomicacatamarca.com.ar\/fec\/wp-content\/uploads\/2025\/11\/Captura-de-pantalla-2025-11-28-a-las-3.56.11-p.-m-scaled.png\" alt=\"EXPO CATAMARCA- Entrevista a el Ing.Esteban Lucci\">\n                                    \n                                    <!-- Overlay -->\n                                    <div class=\"card-overlay\">\n                                        <div class=\"overlay-content\">\n                                                                                            <button class=\"play-btn\" onclick=\"openVideo(33)\">\n                                                    <i class=\"fas fa-play\"><\/i>\n                                                <\/button>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Badge de tipo -->\n                                    <div class=\"card-badge card-badge-video\">\n                                                                                    <i class=\"fas fa-video\"><\/i>\n                                                                            <\/div>\n                                <\/div>\n                                \n                                <div class=\"card-content\">\n                                    <h3>EXPO CATAMARCA- Entrevista a el Ing.Esteban Lucci<\/h3>\n                                                                        \n                                    <div class=\"card-footer\">\n                                                                                    <div class=\"card-date\">\n                                                <i class=\"fas fa-calendar-alt\"><\/i>\n                                                30\/11\/-0001                                            <\/div>\n                                                                                \n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                                            <div class=\"multimedia-item\" data-tipo=\"video\" data-aos=\"zoom-in\" data-aos-delay=\"200\">\n                            <div class=\"multimedia-card\">\n                                <div class=\"card-image\">\n                                                                        <img decoding=\"async\" src=\"https:\/\/federacioneconomicacatamarca.com.ar\/fec\/wp-content\/uploads\/2025\/11\/Captura-de-pantalla-2025-11-28-a-las-3.52.38-p.-m-scaled.png\" alt=\"EXPO CATAMARCA- Entrevistas Laila Perez CATALAB\">\n                                    \n                                    <!-- Overlay -->\n                                    <div class=\"card-overlay\">\n                                        <div class=\"overlay-content\">\n                                                                                            <button class=\"play-btn\" onclick=\"openVideo(32)\">\n                                                    <i class=\"fas fa-play\"><\/i>\n                                                <\/button>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Badge de tipo -->\n                                    <div class=\"card-badge card-badge-video\">\n                                                                                    <i class=\"fas fa-video\"><\/i>\n                                                                            <\/div>\n                                <\/div>\n                                \n                                <div class=\"card-content\">\n                                    <h3>EXPO CATAMARCA- Entrevistas Laila Perez CATALAB<\/h3>\n                                                                        \n                                    <div class=\"card-footer\">\n                                                                                    <div class=\"card-date\">\n                                                <i class=\"fas fa-calendar-alt\"><\/i>\n                                                30\/11\/-0001                                            <\/div>\n                                                                                \n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                                            <div class=\"multimedia-item\" data-tipo=\"video\" data-aos=\"zoom-in\" data-aos-delay=\"250\">\n                            <div class=\"multimedia-card\">\n                                <div class=\"card-image\">\n                                                                        <img decoding=\"async\" src=\"https:\/\/federacioneconomicacatamarca.com.ar\/fec\/wp-content\/uploads\/2025\/11\/Captura-de-pantalla-2025-11-28-a-las-3.50.16-p.-m-scaled.png\" alt=\"EXPO CATAMARCA- Entrevista a Eleonor Acevedo Dir. de Turismo de Catamarca\">\n                                    \n                                    <!-- Overlay -->\n                                    <div class=\"card-overlay\">\n                                        <div class=\"overlay-content\">\n                                                                                            <button class=\"play-btn\" onclick=\"openVideo(31)\">\n                                                    <i class=\"fas fa-play\"><\/i>\n                                                <\/button>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Badge de tipo -->\n                                    <div class=\"card-badge card-badge-video\">\n                                                                                    <i class=\"fas fa-video\"><\/i>\n                                                                            <\/div>\n                                <\/div>\n                                \n                                <div class=\"card-content\">\n                                    <h3>EXPO CATAMARCA- Entrevista a Eleonor Acevedo Dir. de Turismo de Catamarca<\/h3>\n                                                                        \n                                    <div class=\"card-footer\">\n                                                                                    <div class=\"card-date\">\n                                                <i class=\"fas fa-calendar-alt\"><\/i>\n                                                30\/11\/-0001                                            <\/div>\n                                                                                \n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                                            <div class=\"multimedia-item\" data-tipo=\"video\" data-aos=\"zoom-in\" data-aos-delay=\"0\">\n                            <div class=\"multimedia-card\">\n                                <div class=\"card-image\">\n                                                                        <img decoding=\"async\" src=\"https:\/\/federacioneconomicacatamarca.com.ar\/fec\/wp-content\/uploads\/2025\/11\/Captura-de-pantalla-2025-11-28-a-las-2.58.35-p.-m-scaled.png\" alt=\"RONDA DE NEGOCIOS- Entrevistas a Carlos Venier CAME\">\n                                    \n                                    <!-- Overlay -->\n                                    <div class=\"card-overlay\">\n                                        <div class=\"overlay-content\">\n                                                                                            <button class=\"play-btn\" onclick=\"openVideo(30)\">\n                                                    <i class=\"fas fa-play\"><\/i>\n                                                <\/button>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Badge de tipo -->\n                                    <div class=\"card-badge card-badge-video\">\n                                                                                    <i class=\"fas fa-video\"><\/i>\n                                                                            <\/div>\n                                <\/div>\n                                \n                                <div class=\"card-content\">\n                                    <h3>RONDA DE NEGOCIOS- Entrevistas a Carlos Venier CAME<\/h3>\n                                                                        \n                                    <div class=\"card-footer\">\n                                                                                    <div class=\"card-date\">\n                                                <i class=\"fas fa-calendar-alt\"><\/i>\n                                                30\/11\/-0001                                            <\/div>\n                                                                                \n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                                            <div class=\"multimedia-item\" data-tipo=\"video\" data-aos=\"zoom-in\" data-aos-delay=\"50\">\n                            <div class=\"multimedia-card\">\n                                <div class=\"card-image\">\n                                                                        <img decoding=\"async\" src=\"https:\/\/federacioneconomicacatamarca.com.ar\/fec\/wp-content\/uploads\/2025\/11\/Captura-de-pantalla-2025-11-28-a-las-11.55.23-a.-m-scaled.png\" alt=\"EXPO CATAMARCA- Entrevista a Ivan Couso (Delegaci\u00f3n de Chile )\">\n                                    \n                                    <!-- Overlay -->\n                                    <div class=\"card-overlay\">\n                                        <div class=\"overlay-content\">\n                                                                                            <button class=\"play-btn\" onclick=\"openVideo(29)\">\n                                                    <i class=\"fas fa-play\"><\/i>\n                                                <\/button>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Badge de tipo -->\n                                    <div class=\"card-badge card-badge-video\">\n                                                                                    <i class=\"fas fa-video\"><\/i>\n                                                                            <\/div>\n                                <\/div>\n                                \n                                <div class=\"card-content\">\n                                    <h3>EXPO CATAMARCA- Entrevista a Ivan Couso (Delegaci\u00f3n de Chile )<\/h3>\n                                                                        \n                                    <div class=\"card-footer\">\n                                                                                    <div class=\"card-date\">\n                                                <i class=\"fas fa-calendar-alt\"><\/i>\n                                                30\/11\/-0001                                            <\/div>\n                                                                                \n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                                            <div class=\"multimedia-item\" data-tipo=\"video\" data-aos=\"zoom-in\" data-aos-delay=\"100\">\n                            <div class=\"multimedia-card\">\n                                <div class=\"card-image\">\n                                                                        <img decoding=\"async\" src=\"https:\/\/federacioneconomicacatamarca.com.ar\/fec\/wp-content\/uploads\/2025\/11\/Captura-de-pantalla-2025-11-26-a-las-8.29.59-p.-m-scaled.png\" alt=\"EXPO CATAMARCA-Seminario: Economia Regional, valor agregado, cadenas de valor y oportunidades\">\n                                    \n                                    <!-- Overlay -->\n                                    <div class=\"card-overlay\">\n                                        <div class=\"overlay-content\">\n                                                                                            <button class=\"play-btn\" onclick=\"openVideo(28)\">\n                                                    <i class=\"fas fa-play\"><\/i>\n                                                <\/button>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Badge de tipo -->\n                                    <div class=\"card-badge card-badge-video\">\n                                                                                    <i class=\"fas fa-video\"><\/i>\n                                                                            <\/div>\n                                <\/div>\n                                \n                                <div class=\"card-content\">\n                                    <h3>EXPO CATAMARCA-Seminario: Economia Regional, valor agregado, cadenas de valor y oportunidades<\/h3>\n                                                                        \n                                    <div class=\"card-footer\">\n                                                                                    <div class=\"card-date\">\n                                                <i class=\"fas fa-calendar-alt\"><\/i>\n                                                30\/11\/-0001                                            <\/div>\n                                                                                \n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                                            <div class=\"multimedia-item\" data-tipo=\"video\" data-aos=\"zoom-in\" data-aos-delay=\"150\">\n                            <div class=\"multimedia-card\">\n                                <div class=\"card-image\">\n                                                                        <img decoding=\"async\" src=\"https:\/\/federacioneconomicacatamarca.com.ar\/fec\/wp-content\/uploads\/2025\/11\/Captura-de-pantalla-2025-11-26-a-las-8.26.30-p.-m-scaled.png\" alt=\"EXPO CATAMARCA- Entrevista a Flor Sosa, La Revoluci\u00f3n empresarial, desde el Coraz\u00f3n del NOA\">\n                                    \n                                    <!-- Overlay -->\n                                    <div class=\"card-overlay\">\n                                        <div class=\"overlay-content\">\n                                                                                            <button class=\"play-btn\" onclick=\"openVideo(27)\">\n                                                    <i class=\"fas fa-play\"><\/i>\n                                                <\/button>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Badge de tipo -->\n                                    <div class=\"card-badge card-badge-video\">\n                                                                                    <i class=\"fas fa-video\"><\/i>\n                                                                            <\/div>\n                                <\/div>\n                                \n                                <div class=\"card-content\">\n                                    <h3>EXPO CATAMARCA- Entrevista a Flor Sosa, La Revoluci\u00f3n empresarial, desde el Coraz\u00f3n del NOA<\/h3>\n                                                                        \n                                    <div class=\"card-footer\">\n                                                                                    <div class=\"card-date\">\n                                                <i class=\"fas fa-calendar-alt\"><\/i>\n                                                30\/11\/-0001                                            <\/div>\n                                                                                \n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                                            <div class=\"multimedia-item\" data-tipo=\"video\" data-aos=\"zoom-in\" data-aos-delay=\"200\">\n                            <div class=\"multimedia-card\">\n                                <div class=\"card-image\">\n                                                                        <img decoding=\"async\" src=\"https:\/\/federacioneconomicacatamarca.com.ar\/fec\/wp-content\/uploads\/2025\/11\/Captura-de-pantalla-2025-11-26-a-las-7.12.05-p.-m-scaled.png\" alt=\"EXPO CATAMARCA - Lanzamiento del Programas T\u00e9cnicos por el mundo \/ Finning\">\n                                    \n                                    <!-- Overlay -->\n                                    <div class=\"card-overlay\">\n                                        <div class=\"overlay-content\">\n                                                                                            <button class=\"play-btn\" onclick=\"openVideo(26)\">\n                                                    <i class=\"fas fa-play\"><\/i>\n                                                <\/button>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Badge de tipo -->\n                                    <div class=\"card-badge card-badge-video\">\n                                                                                    <i class=\"fas fa-video\"><\/i>\n                                                                            <\/div>\n                                <\/div>\n                                \n                                <div class=\"card-content\">\n                                    <h3>EXPO CATAMARCA - Lanzamiento del Programas T\u00e9cnicos por el mundo \/ Finning<\/h3>\n                                                                        \n                                    <div class=\"card-footer\">\n                                                                                    <div class=\"card-date\">\n                                                <i class=\"fas fa-calendar-alt\"><\/i>\n                                                30\/11\/-0001                                            <\/div>\n                                                                                \n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                                            <div class=\"multimedia-item\" data-tipo=\"video\" data-aos=\"zoom-in\" data-aos-delay=\"250\">\n                            <div class=\"multimedia-card\">\n                                <div class=\"card-image\">\n                                                                        <img decoding=\"async\" src=\"https:\/\/federacioneconomicacatamarca.com.ar\/fec\/wp-content\/uploads\/2025\/11\/Captura-de-pantalla-2025-11-26-a-las-12.57.07-p.-m-scaled.png\" alt=\"M\u00f3nica Odstrcil - Coordinadora T\u00e9cnica de la Infraestructura de Darls Especiales de Tucum\u00e1n\">\n                                    \n                                    <!-- Overlay -->\n                                    <div class=\"card-overlay\">\n                                        <div class=\"overlay-content\">\n                                                                                            <button class=\"play-btn\" onclick=\"openVideo(24)\">\n                                                    <i class=\"fas fa-play\"><\/i>\n                                                <\/button>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Badge de tipo -->\n                                    <div class=\"card-badge card-badge-video\">\n                                                                                    <i class=\"fas fa-video\"><\/i>\n                                                                            <\/div>\n                                <\/div>\n                                \n                                <div class=\"card-content\">\n                                    <h3>M\u00f3nica Odstrcil - Coordinadora T\u00e9cnica de la Infraestructura de Darls Especiales de Tucum\u00e1n<\/h3>\n                                                                        \n                                    <div class=\"card-footer\">\n                                                                                    <div class=\"card-date\">\n                                                <i class=\"fas fa-calendar-alt\"><\/i>\n                                                30\/11\/-0001                                            <\/div>\n                                                                                \n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                                            <div class=\"multimedia-item\" data-tipo=\"video\" data-aos=\"zoom-in\" data-aos-delay=\"0\">\n                            <div class=\"multimedia-card\">\n                                <div class=\"card-image\">\n                                                                        <img decoding=\"async\" src=\"https:\/\/federacioneconomicacatamarca.com.ar\/fec\/wp-content\/uploads\/2025\/11\/Captura-de-pantalla-2025-11-26-a-las-12.41.59-p.-m-scaled.png\" alt=\"Entrevista Daniela Rojas Escobar - Presidenta Corporaci\u00f3n Atacama Sostenible\">\n                                    \n                                    <!-- Overlay -->\n                                    <div class=\"card-overlay\">\n                                        <div class=\"overlay-content\">\n                                                                                            <button class=\"play-btn\" onclick=\"openVideo(20)\">\n                                                    <i class=\"fas fa-play\"><\/i>\n                                                <\/button>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Badge de tipo -->\n                                    <div class=\"card-badge card-badge-video\">\n                                                                                    <i class=\"fas fa-video\"><\/i>\n                                                                            <\/div>\n                                <\/div>\n                                \n                                <div class=\"card-content\">\n                                    <h3>Entrevista Daniela Rojas Escobar - Presidenta Corporaci\u00f3n Atacama Sostenible<\/h3>\n                                                                        \n                                    <div class=\"card-footer\">\n                                                                                    <div class=\"card-date\">\n                                                <i class=\"fas fa-calendar-alt\"><\/i>\n                                                30\/11\/-0001                                            <\/div>\n                                                                                \n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                                            <div class=\"multimedia-item\" data-tipo=\"video\" data-aos=\"zoom-in\" data-aos-delay=\"50\">\n                            <div class=\"multimedia-card\">\n                                <div class=\"card-image\">\n                                                                        <img decoding=\"async\" src=\"https:\/\/federacioneconomicacatamarca.com.ar\/fec\/wp-content\/uploads\/2025\/11\/Captura-de-pantalla-2025-11-26-a-las-12.44.06-p.-m-scaled.png\" alt=\"Entrevista Lucio Emiliano Reyes - Director de puertos y Aeropuertos de la provincia de Santa Fe\">\n                                    \n                                    <!-- Overlay -->\n                                    <div class=\"card-overlay\">\n                                        <div class=\"overlay-content\">\n                                                                                            <button class=\"play-btn\" onclick=\"openVideo(19)\">\n                                                    <i class=\"fas fa-play\"><\/i>\n                                                <\/button>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Badge de tipo -->\n                                    <div class=\"card-badge card-badge-video\">\n                                                                                    <i class=\"fas fa-video\"><\/i>\n                                                                            <\/div>\n                                <\/div>\n                                \n                                <div class=\"card-content\">\n                                    <h3>Entrevista Lucio Emiliano Reyes - Director de puertos y Aeropuertos de la provincia de Santa Fe<\/h3>\n                                                                        \n                                    <div class=\"card-footer\">\n                                                                                    <div class=\"card-date\">\n                                                <i class=\"fas fa-calendar-alt\"><\/i>\n                                                30\/11\/-0001                                            <\/div>\n                                                                                \n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                                            <div class=\"multimedia-item\" data-tipo=\"video\" data-aos=\"zoom-in\" data-aos-delay=\"100\">\n                            <div class=\"multimedia-card\">\n                                <div class=\"card-image\">\n                                                                        <img decoding=\"async\" src=\"https:\/\/federacioneconomicacatamarca.com.ar\/fec\/wp-content\/uploads\/2025\/11\/Captura-de-pantalla-2025-11-26-a-las-12.27.47-p.-m-scaled.png\" alt=\"EXPO CATAMARCA 2025- Seminario : Mineria Oportunidades y Desaf\u00edos\">\n                                    \n                                    <!-- Overlay -->\n                                    <div class=\"card-overlay\">\n                                        <div class=\"overlay-content\">\n                                                                                            <button class=\"play-btn\" onclick=\"openVideo(17)\">\n                                                    <i class=\"fas fa-play\"><\/i>\n                                                <\/button>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Badge de tipo -->\n                                    <div class=\"card-badge card-badge-video\">\n                                                                                    <i class=\"fas fa-video\"><\/i>\n                                                                            <\/div>\n                                <\/div>\n                                \n                                <div class=\"card-content\">\n                                    <h3>EXPO CATAMARCA 2025- Seminario : Mineria Oportunidades y Desaf\u00edos<\/h3>\n                                                                        \n                                    <div class=\"card-footer\">\n                                                                                    <div class=\"card-date\">\n                                                <i class=\"fas fa-calendar-alt\"><\/i>\n                                                30\/11\/-0001                                            <\/div>\n                                                                                \n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                                            <div class=\"multimedia-item\" data-tipo=\"video\" data-aos=\"zoom-in\" data-aos-delay=\"150\">\n                            <div class=\"multimedia-card\">\n                                <div class=\"card-image\">\n                                                                        <img decoding=\"async\" src=\"https:\/\/federacioneconomicacatamarca.com.ar\/fec\/wp-content\/uploads\/2025\/11\/IMG_3388-scaled.jpeg\" alt=\"EXPO CATAMARCA-Entrevista a Flor Sosa Dir. de FEC (Federaci\u00f3n Econ\u00f3mica Catamarca)\">\n                                    \n                                    <!-- Overlay -->\n                                    <div class=\"card-overlay\">\n                                        <div class=\"overlay-content\">\n                                                                                            <button class=\"play-btn\" onclick=\"openVideo(12)\">\n                                                    <i class=\"fas fa-play\"><\/i>\n                                                <\/button>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Badge de tipo -->\n                                    <div class=\"card-badge card-badge-video\">\n                                                                                    <i class=\"fas fa-video\"><\/i>\n                                                                            <\/div>\n                                <\/div>\n                                \n                                <div class=\"card-content\">\n                                    <h3>EXPO CATAMARCA-Entrevista a Flor Sosa Dir. de FEC (Federaci\u00f3n Econ\u00f3mica Catamarca)<\/h3>\n                                                                        \n                                    <div class=\"card-footer\">\n                                                                                    <div class=\"card-date\">\n                                                <i class=\"fas fa-calendar-alt\"><\/i>\n                                                30\/11\/-0001                                            <\/div>\n                                                                                \n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                                            <div class=\"multimedia-item\" data-tipo=\"video\" data-aos=\"zoom-in\" data-aos-delay=\"200\">\n                            <div class=\"multimedia-card\">\n                                <div class=\"card-image\">\n                                                                        <img decoding=\"async\" src=\"https:\/\/federacioneconomicacatamarca.com.ar\/fec\/wp-content\/uploads\/2025\/11\/Captura-de-pantalla-2025-11-28-a-las-4.12.15-p.-m-scaled.png\" alt=\"EXPO CATAMARCA- Seminario : Corredor Biose\u00e1nico Multimodal, conectividad y log\u00edstica integral\">\n                                    \n                                    <!-- Overlay -->\n                                    <div class=\"card-overlay\">\n                                        <div class=\"overlay-content\">\n                                                                                            <button class=\"play-btn\" onclick=\"openVideo(11)\">\n                                                    <i class=\"fas fa-play\"><\/i>\n                                                <\/button>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Badge de tipo -->\n                                    <div class=\"card-badge card-badge-video\">\n                                                                                    <i class=\"fas fa-video\"><\/i>\n                                                                            <\/div>\n                                <\/div>\n                                \n                                <div class=\"card-content\">\n                                    <h3>EXPO CATAMARCA- Seminario : Corredor Biose\u00e1nico Multimodal, conectividad y log\u00edstica integral<\/h3>\n                                                                        \n                                    <div class=\"card-footer\">\n                                                                                    <div class=\"card-date\">\n                                                <i class=\"fas fa-calendar-alt\"><\/i>\n                                                30\/11\/-0001                                            <\/div>\n                                                                                \n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                                            <div class=\"multimedia-item\" data-tipo=\"video\" data-aos=\"zoom-in\" data-aos-delay=\"250\">\n                            <div class=\"multimedia-card\">\n                                <div class=\"card-image\">\n                                                                        <img decoding=\"async\" src=\"https:\/\/federacioneconomicacatamarca.com.ar\/fec\/wp-content\/uploads\/2025\/11\/Captura-de-pantalla-2025-11-25-a-las-3.39.19-p.-m-scaled.jpg\" alt=\"EXPO CATAMARCA - Seminario Suministros Estrat\u00e9gicos para el Desarrollo Sostenible\">\n                                    \n                                    <!-- Overlay -->\n                                    <div class=\"card-overlay\">\n                                        <div class=\"overlay-content\">\n                                                                                            <button class=\"play-btn\" onclick=\"openVideo(10)\">\n                                                    <i class=\"fas fa-play\"><\/i>\n                                                <\/button>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Badge de tipo -->\n                                    <div class=\"card-badge card-badge-video\">\n                                                                                    <i class=\"fas fa-video\"><\/i>\n                                                                            <\/div>\n                                <\/div>\n                                \n                                <div class=\"card-content\">\n                                    <h3>EXPO CATAMARCA - Seminario Suministros Estrat\u00e9gicos para el Desarrollo Sostenible<\/h3>\n                                                                        \n                                    <div class=\"card-footer\">\n                                                                                    <div class=\"card-date\">\n                                                <i class=\"fas fa-calendar-alt\"><\/i>\n                                                30\/11\/-0001                                            <\/div>\n                                                                                \n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                                            <div class=\"multimedia-item\" data-tipo=\"video\" data-aos=\"zoom-in\" data-aos-delay=\"0\">\n                            <div class=\"multimedia-card\">\n                                <div class=\"card-image\">\n                                                                        <img decoding=\"async\" src=\"https:\/\/federacioneconomicacatamarca.com.ar\/fec\/wp-content\/uploads\/2025\/11\/Captura-de-pantalla-2025-11-25-a-las-3.32.37-p.-m-scaled.png\" alt=\"ENTREVISTA MAURICIO GUAITA - SEREMI Obras Publicas Atacama CHILE\">\n                                    \n                                    <!-- Overlay -->\n                                    <div class=\"card-overlay\">\n                                        <div class=\"overlay-content\">\n                                                                                            <button class=\"play-btn\" onclick=\"openVideo(9)\">\n                                                    <i class=\"fas fa-play\"><\/i>\n                                                <\/button>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Badge de tipo -->\n                                    <div class=\"card-badge card-badge-video\">\n                                                                                    <i class=\"fas fa-video\"><\/i>\n                                                                            <\/div>\n                                <\/div>\n                                \n                                <div class=\"card-content\">\n                                    <h3>ENTREVISTA MAURICIO GUAITA - SEREMI Obras Publicas Atacama CHILE<\/h3>\n                                                                        \n                                    <div class=\"card-footer\">\n                                                                                    <div class=\"card-date\">\n                                                <i class=\"fas fa-calendar-alt\"><\/i>\n                                                30\/11\/-0001                                            <\/div>\n                                                                                \n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                                    <\/div>\n                \n                <!-- Mensaje cuando no hay resultados filtrados -->\n                <div id=\"no-results\" class=\"no-results\" style=\"display: none;\">\n                    <i class=\"fas fa-search\"><\/i>\n                    <p>No se encontraron elementos con este filtro<\/p>\n                <\/div>\n            <\/div>\n        <\/section>\n        \n        <!-- Modal Lightbox -->\n        <div id=\"fec-lightbox\" class=\"fec-lightbox\">\n            <button class=\"lightbox-close\" onclick=\"closeLightbox()\">\n                <i class=\"fas fa-times\"><\/i>\n            <\/button>\n            <button class=\"lightbox-prev\" onclick=\"prevItem()\">\n                <i class=\"fas fa-chevron-left\"><\/i>\n            <\/button>\n            <button class=\"lightbox-next\" onclick=\"nextItem()\">\n                <i class=\"fas fa-chevron-right\"><\/i>\n            <\/button>\n            <div class=\"lightbox-content\">\n                <div class=\"lightbox-media\"><\/div>\n                <div class=\"lightbox-info\">\n                    <h3 class=\"lightbox-title\"><\/h3>\n                    <p class=\"lightbox-description\"><\/p>\n                    <div class=\"lightbox-footer\">\n                        <div class=\"lightbox-date\"><\/div>\n                        <div class=\"lightbox-btn-container\"><\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        \n        <script>\n        \/\/ Data de items\n        const multimediaItems = [{\"id\":\"36\",\"titulo\":\"EXPO CATAMARCA 2025- Charlas de Cierre\",\"descripcion\":\"\",\"tipo\":\"video\",\"url_media\":\"https:\\\/\\\/youtube.com\\\/live\\\/I2SuLy6jVNk\",\"url_thumbnail\":\"https:\\\/\\\/federacioneconomicacatamarca.com.ar\\\/fec\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/Captura-de-pantalla-2025-11-28-a-las-4.26.48-p.-m.png\",\"fecha_evento\":\"2025-11-26\",\"orden\":\"0\",\"activo\":\"1\",\"fecha_creacion\":\"2025-11-28 17:04:15\",\"url_transmision\":\"\",\"album_images\":null},{\"id\":\"35\",\"titulo\":\"EXPO CATAMARCA- Entrevista a Juan Vargiu ELITE\",\"descripcion\":\"\",\"tipo\":\"video\",\"url_media\":\"https:\\\/\\\/youtu.be\\\/nMVKfmElrQw\",\"url_thumbnail\":\"https:\\\/\\\/federacioneconomicacatamarca.com.ar\\\/fec\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/Captura-de-pantalla-2025-11-28-a-las-4.19.58-p.-m-scaled.png\",\"fecha_evento\":\"2025-11-25\",\"orden\":\"0\",\"activo\":\"1\",\"fecha_creacion\":\"2025-11-28 16:20:45\",\"url_transmision\":\"\",\"album_images\":null},{\"id\":\"34\",\"titulo\":\"EXPO CATAMARCA - Entrevista a Luz Arce MIURA SOFT\",\"descripcion\":\"\",\"tipo\":\"video\",\"url_media\":\"https:\\\/\\\/youtu.be\\\/8p3B0MLB2DI\",\"url_thumbnail\":\"https:\\\/\\\/federacioneconomicacatamarca.com.ar\\\/fec\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/Captura-de-pantalla-2025-11-28-a-las-4.01.27-p.-m-scaled.png\",\"fecha_evento\":\"2025-11-25\",\"orden\":\"0\",\"activo\":\"1\",\"fecha_creacion\":\"2025-11-28 16:02:36\",\"url_transmision\":\"\",\"album_images\":null},{\"id\":\"33\",\"titulo\":\"EXPO CATAMARCA- Entrevista a el Ing.Esteban Lucci\",\"descripcion\":\"\",\"tipo\":\"video\",\"url_media\":\"https:\\\/\\\/youtu.be\\\/ZDTIapPgHIM\",\"url_thumbnail\":\"https:\\\/\\\/federacioneconomicacatamarca.com.ar\\\/fec\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/Captura-de-pantalla-2025-11-28-a-las-3.56.11-p.-m-scaled.png\",\"fecha_evento\":\"0000-00-00\",\"orden\":\"0\",\"activo\":\"1\",\"fecha_creacion\":\"2025-11-28 15:56:56\",\"url_transmision\":\"\",\"album_images\":null},{\"id\":\"32\",\"titulo\":\"EXPO CATAMARCA- Entrevistas Laila Perez CATALAB\",\"descripcion\":\"\",\"tipo\":\"video\",\"url_media\":\"https:\\\/\\\/youtu.be\\\/T4yfnHTYCFk\",\"url_thumbnail\":\"https:\\\/\\\/federacioneconomicacatamarca.com.ar\\\/fec\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/Captura-de-pantalla-2025-11-28-a-las-3.52.38-p.-m-scaled.png\",\"fecha_evento\":\"0000-00-00\",\"orden\":\"0\",\"activo\":\"1\",\"fecha_creacion\":\"2025-11-28 15:53:24\",\"url_transmision\":\"\",\"album_images\":null},{\"id\":\"31\",\"titulo\":\"EXPO CATAMARCA- Entrevista a Eleonor Acevedo Dir. de Turismo de Catamarca\",\"descripcion\":\"\",\"tipo\":\"video\",\"url_media\":\"https:\\\/\\\/youtu.be\\\/Ahd0mKqxRCo\",\"url_thumbnail\":\"https:\\\/\\\/federacioneconomicacatamarca.com.ar\\\/fec\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/Captura-de-pantalla-2025-11-28-a-las-3.50.16-p.-m-scaled.png\",\"fecha_evento\":\"0000-00-00\",\"orden\":\"0\",\"activo\":\"1\",\"fecha_creacion\":\"2025-11-28 15:51:14\",\"url_transmision\":\"\",\"album_images\":null},{\"id\":\"30\",\"titulo\":\"RONDA DE NEGOCIOS- Entrevistas a Carlos Venier CAME\",\"descripcion\":\"\",\"tipo\":\"video\",\"url_media\":\"https:\\\/\\\/www.youtube.com\\\/watch?v=hWHu-54jH0w\",\"url_thumbnail\":\"https:\\\/\\\/federacioneconomicacatamarca.com.ar\\\/fec\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/Captura-de-pantalla-2025-11-28-a-las-2.58.35-p.-m-scaled.png\",\"fecha_evento\":\"0000-00-00\",\"orden\":\"0\",\"activo\":\"1\",\"fecha_creacion\":\"2025-11-28 14:59:46\",\"url_transmision\":\"\",\"album_images\":null},{\"id\":\"29\",\"titulo\":\"EXPO CATAMARCA- Entrevista a Ivan Couso (Delegaci\\u00f3n de Chile )\",\"descripcion\":\"\",\"tipo\":\"video\",\"url_media\":\"https:\\\/\\\/www.youtube.com\\\/watch?v=aGf-DKgnSNo\",\"url_thumbnail\":\"https:\\\/\\\/federacioneconomicacatamarca.com.ar\\\/fec\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/Captura-de-pantalla-2025-11-28-a-las-11.55.23-a.-m-scaled.png\",\"fecha_evento\":\"0000-00-00\",\"orden\":\"0\",\"activo\":\"1\",\"fecha_creacion\":\"2025-11-28 11:56:14\",\"url_transmision\":\"\",\"album_images\":null},{\"id\":\"28\",\"titulo\":\"EXPO CATAMARCA-Seminario: Economia Regional, valor agregado, cadenas de valor y oportunidades\",\"descripcion\":\"\",\"tipo\":\"video\",\"url_media\":\"https:\\\/\\\/www.youtube.com\\\/watch?v=UQiXPjpATQw\",\"url_thumbnail\":\"https:\\\/\\\/federacioneconomicacatamarca.com.ar\\\/fec\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/Captura-de-pantalla-2025-11-26-a-las-8.29.59-p.-m-scaled.png\",\"fecha_evento\":\"0000-00-00\",\"orden\":\"0\",\"activo\":\"1\",\"fecha_creacion\":\"2025-11-26 20:33:04\",\"url_transmision\":\"\",\"album_images\":null},{\"id\":\"27\",\"titulo\":\"EXPO CATAMARCA- Entrevista a Flor Sosa, La Revoluci\\u00f3n empresarial, desde el Coraz\\u00f3n del NOA\",\"descripcion\":\"\",\"tipo\":\"video\",\"url_media\":\"https:\\\/\\\/youtu.be\\\/TqTu65hjDGo\",\"url_thumbnail\":\"https:\\\/\\\/federacioneconomicacatamarca.com.ar\\\/fec\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/Captura-de-pantalla-2025-11-26-a-las-8.26.30-p.-m-scaled.png\",\"fecha_evento\":\"0000-00-00\",\"orden\":\"0\",\"activo\":\"1\",\"fecha_creacion\":\"2025-11-26 20:27:36\",\"url_transmision\":\"\",\"album_images\":null},{\"id\":\"26\",\"titulo\":\"EXPO CATAMARCA - Lanzamiento del Programas T\\u00e9cnicos por el mundo \\\/ Finning\",\"descripcion\":\"\",\"tipo\":\"video\",\"url_media\":\"https:\\\/\\\/www.youtube.com\\\/watch?v=YPLLMRltkRc\",\"url_thumbnail\":\"https:\\\/\\\/federacioneconomicacatamarca.com.ar\\\/fec\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/Captura-de-pantalla-2025-11-26-a-las-7.12.05-p.-m-scaled.png\",\"fecha_evento\":\"0000-00-00\",\"orden\":\"0\",\"activo\":\"1\",\"fecha_creacion\":\"2025-11-26 19:23:58\",\"url_transmision\":\"\",\"album_images\":null},{\"id\":\"24\",\"titulo\":\"M\\u00f3nica Odstrcil - Coordinadora T\\u00e9cnica de la Infraestructura de Darls Especiales de Tucum\\u00e1n\",\"descripcion\":\"\",\"tipo\":\"video\",\"url_media\":\"https:\\\/\\\/studio.youtube.com\\\/video\\\/VMXZZf0TKQ0\\\/edit\",\"url_thumbnail\":\"https:\\\/\\\/federacioneconomicacatamarca.com.ar\\\/fec\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/Captura-de-pantalla-2025-11-26-a-las-12.57.07-p.-m-scaled.png\",\"fecha_evento\":\"0000-00-00\",\"orden\":\"0\",\"activo\":\"1\",\"fecha_creacion\":\"2025-11-26 19:06:07\",\"url_transmision\":\"\",\"album_images\":null},{\"id\":\"20\",\"titulo\":\"Entrevista Daniela Rojas Escobar - Presidenta Corporaci\\u00f3n Atacama Sostenible\",\"descripcion\":\"\",\"tipo\":\"video\",\"url_media\":\"https:\\\/\\\/www.youtube.com\\\/watch?v=_JpQqHEpFZ4&t=138s\",\"url_thumbnail\":\"https:\\\/\\\/federacioneconomicacatamarca.com.ar\\\/fec\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/Captura-de-pantalla-2025-11-26-a-las-12.41.59-p.-m-scaled.png\",\"fecha_evento\":\"0000-00-00\",\"orden\":\"0\",\"activo\":\"1\",\"fecha_creacion\":\"2025-11-26 12:48:12\",\"url_transmision\":\"\",\"album_images\":null},{\"id\":\"19\",\"titulo\":\"Entrevista Lucio Emiliano Reyes - Director de puertos y Aeropuertos de la provincia de Santa Fe\",\"descripcion\":\"\",\"tipo\":\"video\",\"url_media\":\"https:\\\/\\\/www.youtube.com\\\/watch?v=7u-wAWU02ic\",\"url_thumbnail\":\"https:\\\/\\\/federacioneconomicacatamarca.com.ar\\\/fec\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/Captura-de-pantalla-2025-11-26-a-las-12.44.06-p.-m-scaled.png\",\"fecha_evento\":\"0000-00-00\",\"orden\":\"0\",\"activo\":\"1\",\"fecha_creacion\":\"2025-11-26 12:47:13\",\"url_transmision\":\"\",\"album_images\":null},{\"id\":\"17\",\"titulo\":\"EXPO CATAMARCA 2025- Seminario : Mineria Oportunidades y Desaf\\u00edos\",\"descripcion\":\"\",\"tipo\":\"video\",\"url_media\":\"https:\\\/\\\/www.youtube.com\\\/watch?v=TjZAdXTr-mA\",\"url_thumbnail\":\"https:\\\/\\\/federacioneconomicacatamarca.com.ar\\\/fec\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/Captura-de-pantalla-2025-11-26-a-las-12.27.47-p.-m-scaled.png\",\"fecha_evento\":\"0000-00-00\",\"orden\":\"0\",\"activo\":\"1\",\"fecha_creacion\":\"2025-11-26 12:28:46\",\"url_transmision\":\"\",\"album_images\":null},{\"id\":\"12\",\"titulo\":\"EXPO CATAMARCA-Entrevista a Flor Sosa Dir. de FEC (Federaci\\u00f3n Econ\\u00f3mica Catamarca)\",\"descripcion\":\"\",\"tipo\":\"video\",\"url_media\":\"https:\\\/\\\/www.youtube.com\\\/watch?v=Ivoockl4AkY\",\"url_thumbnail\":\"https:\\\/\\\/federacioneconomicacatamarca.com.ar\\\/fec\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/IMG_3388-scaled.jpeg\",\"fecha_evento\":\"0000-00-00\",\"orden\":\"0\",\"activo\":\"1\",\"fecha_creacion\":\"2025-11-25 16:14:56\",\"url_transmision\":\"\",\"album_images\":null},{\"id\":\"11\",\"titulo\":\"EXPO CATAMARCA- Seminario : Corredor Biose\\u00e1nico Multimodal, conectividad y log\\u00edstica integral\",\"descripcion\":\"\",\"tipo\":\"video\",\"url_media\":\"https:\\\/\\\/www.youtube.com\\\/watch?v=C-6t2AiOqxA\",\"url_thumbnail\":\"https:\\\/\\\/federacioneconomicacatamarca.com.ar\\\/fec\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/Captura-de-pantalla-2025-11-28-a-las-4.12.15-p.-m-scaled.png\",\"fecha_evento\":\"0000-00-00\",\"orden\":\"0\",\"activo\":\"1\",\"fecha_creacion\":\"2025-11-25 15:55:43\",\"url_transmision\":\"\",\"album_images\":null},{\"id\":\"10\",\"titulo\":\"EXPO CATAMARCA - Seminario Suministros Estrat\\u00e9gicos para el Desarrollo Sostenible\",\"descripcion\":\"\",\"tipo\":\"video\",\"url_media\":\"https:\\\/\\\/www.youtube.com\\\/watch?v=3pthLV1QeHU\",\"url_thumbnail\":\"https:\\\/\\\/federacioneconomicacatamarca.com.ar\\\/fec\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/Captura-de-pantalla-2025-11-25-a-las-3.39.19-p.-m-scaled.jpg\",\"fecha_evento\":\"0000-00-00\",\"orden\":\"0\",\"activo\":\"1\",\"fecha_creacion\":\"2025-11-25 15:44:05\",\"url_transmision\":\"\",\"album_images\":null},{\"id\":\"9\",\"titulo\":\"ENTREVISTA MAURICIO GUAITA - SEREMI Obras Publicas Atacama CHILE\",\"descripcion\":\"\",\"tipo\":\"video\",\"url_media\":\"https:\\\/\\\/www.youtube.com\\\/watch?v=6UPz_c24GvI\",\"url_thumbnail\":\"https:\\\/\\\/federacioneconomicacatamarca.com.ar\\\/fec\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/Captura-de-pantalla-2025-11-25-a-las-3.32.37-p.-m-scaled.png\",\"fecha_evento\":\"0000-00-00\",\"orden\":\"0\",\"activo\":\"1\",\"fecha_creacion\":\"2025-11-25 15:35:07\",\"url_transmision\":\"\",\"album_images\":null}];\n        let currentIndex = 0;\n        \n        \/\/ Filtros\n        document.querySelectorAll('.filter-btn').forEach(btn => {\n            btn.addEventListener('click', function() {\n                \/\/ Remover active de todos\n                document.querySelectorAll('.filter-btn').forEach(b => b.classList.remove('active'));\n                this.classList.add('active');\n                \n                const filter = this.getAttribute('data-filter');\n                const items = document.querySelectorAll('.multimedia-item');\n                let visibleCount = 0;\n                \n                items.forEach(item => {\n                    if (filter === 'todos' || item.getAttribute('data-tipo') === filter) {\n                        item.style.display = 'block';\n                        visibleCount++;\n                    } else {\n                        item.style.display = 'none';\n                    }\n                });\n                \n                \/\/ Mostrar mensaje si no hay resultados\n                document.getElementById('no-results').style.display = visibleCount === 0 ? 'flex' : 'none';\n            });\n        });\n        \n        \/\/ Abrir lightbox\n        function openLightbox(id) {\n            const item = multimediaItems.find(i => i.id == id);\n            if (!item) return;\n            \n            currentIndex = multimediaItems.findIndex(i => i.id == id);\n            \/\/ Si es transmisi\u00f3n con URL, usar funci\u00f3n espec\u00edfica\n            if (item.tipo === 'transmision' && item.url_transmision) {\n                openTransmision(id);\n                return;\n            }\n            showLightboxItem(item);\n            document.getElementById('fec-lightbox').style.display = 'flex';\n            document.body.style.overflow = 'hidden';\n        }\n        \n        \/\/ Abrir video\n        function openVideo(id) {\n            const item = multimediaItems.find(i => i.id == id);\n            if (!item) return;\n            \n            currentIndex = multimediaItems.findIndex(i => i.id == id);\n            showLightboxItem(item, true);\n            document.getElementById('fec-lightbox').style.display = 'flex';\n            document.body.style.overflow = 'hidden';\n        }\n        \n        \/\/ Abrir transmisi\u00f3n\n        function openTransmision(id) {\n            const item = multimediaItems.find(i => i.id == id);\n            if (!item || !item.url_transmision) return;\n            \n            currentIndex = multimediaItems.findIndex(i => i.id == id);\n            showLightboxItem(item, true, true);\n            document.getElementById('fec-lightbox').style.display = 'flex';\n            document.body.style.overflow = 'hidden';\n        }\n        \n        \/\/ Abrir \u00e1lbum\n        let currentAlbumImages = [];\n        let currentAlbumIndex = 0;\n        \n        function openAlbum(id) {\n            const item = multimediaItems.find(i => i.id == id);\n            console.log('Opening album for item:', item);\n            \n            if (!item) {\n                console.error('Item not found:', id);\n                return;\n            }\n            \n            if (!item.album_images) {\n                console.error('Item has no album_images:', item);\n                alert('Este \u00e1lbum no tiene im\u00e1genes. Por favor ed\u00edtalo y agrega fotos.');\n                return;\n            }\n            \n            currentIndex = multimediaItems.findIndex(i => i.id == id);\n            \n            \/\/ El album_images ya viene como array desde PHP, no necesita parsing\n            currentAlbumImages = item.album_images;\n            console.log('Album images:', currentAlbumImages);\n            \n            if (!Array.isArray(currentAlbumImages) || currentAlbumImages.length === 0) {\n                console.error('Album has no images or is not an array:', currentAlbumImages);\n                alert('Este \u00e1lbum no tiene im\u00e1genes. Por favor ed\u00edtalo y agrega fotos.');\n                return;\n            }\n            \n            currentAlbumIndex = 0;\n            showAlbumImage(item, 0);\n            document.getElementById('fec-lightbox').style.display = 'flex';\n            document.body.style.overflow = 'hidden';\n        }\n        \n        \/\/ Mostrar imagen del \u00e1lbum\n        function showAlbumImage(item, imageIndex) {\n            if (!currentAlbumImages || currentAlbumImages.length === 0) return;\n            \n            currentAlbumIndex = imageIndex;\n            const mediaContainer = document.querySelector('.lightbox-media');\n            const currentImage = currentAlbumImages[imageIndex];\n            \n            mediaContainer.innerHTML = `<img decoding=\"async\" src=\"${currentImage.url}\" alt=\"${item.titulo}\">`;\n            \n            document.querySelector('.lightbox-title').textContent = item.titulo + ' (' + (imageIndex + 1) + '\/' + currentAlbumImages.length + ')';\n            document.querySelector('.lightbox-description').textContent = item.descripcion || '';\n            document.querySelector('.lightbox-date').innerHTML = item.fecha_evento \n                ? `<i class=\"fas fa-calendar-alt\"><\/i> ${formatDate(item.fecha_evento)}`\n                : '';\n            \n            const btnContainer = document.querySelector('.lightbox-btn-container');\n            btnContainer.innerHTML = '';\n        }\n        \n        \/\/ Cerrar lightbox\n        function closeLightbox() {\n            document.getElementById('fec-lightbox').style.display = 'none';\n            document.body.style.overflow = 'auto';\n            document.querySelector('.lightbox-media').innerHTML = '';\n            \/\/ Limpiar variables del \u00e1lbum\n            currentAlbumImages = [];\n            currentAlbumIndex = 0;\n        }\n        \n        \/\/ Mostrar item en lightbox\n        function showLightboxItem(item, isVideo = false, isTransmision = false) {\n            const mediaContainer = document.querySelector('.lightbox-media');\n            \n            \/\/ Si es transmisi\u00f3n, usar url_transmision para el embed\n            if (isTransmision && item.url_transmision) {\n                let embedUrl = item.url_transmision;\n                \n                \/\/ Procesar URL de YouTube para transmisiones en vivo\n                \/\/ YouTube Live puede tener formatos como:\n                \/\/ - youtube.com\/live\/VIDEO_ID\n                \/\/ - youtube.com\/watch?v=VIDEO_ID\n                \/\/ - youtu.be\/VIDEO_ID\n                \n                \/\/ Intentar extraer ID de diferentes formatos de YouTube\n                let videoId = null;\n                \n                \/\/ youtube.com\/live\/VIDEO_ID\n                const youtubeLiveMatch = embedUrl.match(\/youtube\\.com\\\/live\\\/([^\"&?\\\/ ]{11})\/i);\n                if (youtubeLiveMatch) {\n                    videoId = youtubeLiveMatch[1];\n                }\n                \n                \/\/ youtube.com\/watch?v=VIDEO_ID o youtube.com\/embed\/VIDEO_ID\n                if (!videoId) {\n                    const youtubeMatch = embedUrl.match(\/(?:youtube\\.com\\\/(?:[^\\\/]+\\\/.+\\\/|(?:v|e(?:mbed)?)\\\/|.*[?&]v=)|youtu\\.be\\\/)([^\"&?\\\/ ]{11})\/i);\n                    if (youtubeMatch) {\n                        videoId = youtubeMatch[1];\n                    }\n                }\n                \n                \/\/ Si se encontr\u00f3 un ID de YouTube, crear embed\n                if (videoId) {\n                    embedUrl = `https:\/\/www.youtube.com\/embed\/${videoId}?autoplay=1&rel=0`;\n                } else {\n                    \/\/ Intentar Vimeo\n                    const vimeoMatch = embedUrl.match(\/vimeo\\.com\\\/(?:live\\\/)?(\\d+)\/);\n                    if (vimeoMatch) {\n                        embedUrl = `https:\/\/player.vimeo.com\/video\/${vimeoMatch[1]}?autoplay=1`;\n                    } else {\n                        \/\/ Si no se reconoce el formato, usar la URL directamente (puede ser otro servicio)\n                        \/\/ Nota: Algunos servicios pueden requerir iframe con la URL completa\n                        embedUrl = item.url_transmision;\n                    }\n                }\n                \n                mediaContainer.innerHTML = `\n                    <div class=\"video-wrapper\">\n                        <iframe src=\"${embedUrl}\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture\" allowfullscreen><\/iframe>\n                    <\/div>\n                `;\n            } else if (item.tipo === 'foto' && !isVideo) {\n                mediaContainer.innerHTML = `<img decoding=\"async\" src=\"${item.url_media}\" alt=\"${item.titulo}\">`;\n            } else {\n                \/\/ Procesar URL de YouTube\/Vimeo para videos normales\n                let embedUrl = item.url_media;\n                \n                \/\/ YouTube\n                const youtubeMatch = item.url_media.match(\/(?:youtube\\.com\\\/(?:[^\\\/]+\\\/.+\\\/|(?:v|e(?:mbed)?)\\\/|.*[?&]v=)|youtu\\.be\\\/)([^\"&?\\\/ ]{11})\/i);\n                if (youtubeMatch) {\n                    embedUrl = `https:\/\/www.youtube.com\/embed\/${youtubeMatch[1]}?autoplay=1`;\n                }\n                \n                \/\/ Vimeo\n                const vimeoMatch = item.url_media.match(\/vimeo\\.com\\\/(\\d+)\/);\n                if (vimeoMatch) {\n                    embedUrl = `https:\/\/player.vimeo.com\/video\/${vimeoMatch[1]}?autoplay=1`;\n                }\n                \n                mediaContainer.innerHTML = `\n                    <div class=\"video-wrapper\">\n                        <iframe src=\"${embedUrl}\" frameborder=\"0\" allow=\"autoplay; fullscreen\" allowfullscreen><\/iframe>\n                    <\/div>\n                `;\n            }\n            \n            document.querySelector('.lightbox-title').textContent = item.titulo;\n            document.querySelector('.lightbox-description').textContent = item.descripcion || '';\n            document.querySelector('.lightbox-date').innerHTML = item.fecha_evento \n                ? `<i class=\"fas fa-calendar-alt\"><\/i> ${formatDate(item.fecha_evento)}`\n                : '';\n            \n            \/\/ No mostrar bot\u00f3n adicional si ya est\u00e1 en transmisi\u00f3n\n            const btnContainer = document.querySelector('.lightbox-btn-container');\n            btnContainer.innerHTML = '';\n        }\n        \n        \/\/ Anterior\n        function prevItem() {\n            const item = multimediaItems[currentIndex];\n            \n            \/\/ Si es un \u00e1lbum, navegar entre las im\u00e1genes del \u00e1lbum\n            if (item.tipo === 'album' && currentAlbumImages.length > 0) {\n                currentAlbumIndex = (currentAlbumIndex - 1 + currentAlbumImages.length) % currentAlbumImages.length;\n                showAlbumImage(item, currentAlbumIndex);\n            } else {\n                \/\/ Navegaci\u00f3n normal entre items\n                currentIndex = (currentIndex - 1 + multimediaItems.length) % multimediaItems.length;\n                const newItem = multimediaItems[currentIndex];\n                \n                if (newItem.tipo === 'album') {\n                    openAlbum(newItem.id);\n                } else {\n                    const isTransmision = newItem.tipo === 'transmision' && newItem.url_transmision;\n                    showLightboxItem(newItem, newItem.tipo !== 'foto', isTransmision);\n                }\n            }\n        }\n        \n        \/\/ Siguiente\n        function nextItem() {\n            const item = multimediaItems[currentIndex];\n            \n            \/\/ Si es un \u00e1lbum, navegar entre las im\u00e1genes del \u00e1lbum\n            if (item.tipo === 'album' && currentAlbumImages.length > 0) {\n                currentAlbumIndex = (currentAlbumIndex + 1) % currentAlbumImages.length;\n                showAlbumImage(item, currentAlbumIndex);\n            } else {\n                \/\/ Navegaci\u00f3n normal entre items\n                currentIndex = (currentIndex + 1) % multimediaItems.length;\n                const newItem = multimediaItems[currentIndex];\n                \n                if (newItem.tipo === 'album') {\n                    openAlbum(newItem.id);\n                } else {\n                    const isTransmision = newItem.tipo === 'transmision' && newItem.url_transmision;\n                    showLightboxItem(newItem, newItem.tipo !== 'foto', isTransmision);\n                }\n            }\n        }\n        \n        \/\/ Formato de fecha\n        function formatDate(dateString) {\n            const date = new Date(dateString);\n            return date.toLocaleDateString('es-AR', { day: '2-digit', month: '2-digit', year: 'numeric' });\n        }\n        \n        \/\/ Cerrar con ESC\n        document.addEventListener('keydown', function(e) {\n            if (e.key === 'Escape') {\n                closeLightbox();\n            } else if (e.key === 'ArrowLeft') {\n                prevItem();\n            } else if (e.key === 'ArrowRight') {\n                nextItem();\n            }\n        });\n        \n        \/\/ Animaciones al scroll (simple IntersectionObserver)\n        document.addEventListener('DOMContentLoaded', function() {\n            const observer = new IntersectionObserver((entries) => {\n                entries.forEach(entry => {\n                    if (entry.isIntersecting) {\n                        entry.target.classList.add('aos-animate');\n                    }\n                });\n            }, { threshold: 0.1 });\n            \n            document.querySelectorAll('[data-aos]').forEach(el => observer.observe(el));\n        });\n        <\/script>\n        \n        <style>\n            \/* ========================================\n               Variables y Reset\n            ======================================== *\/\n            :root {\n                --fec-primary: #9ab236;\n                --fec-secondary: #156290;\n                --fec-accent: #090d3a;\n                --fec-gray: #434142;\n                --fec-gray-light: #f4f4f4;\n                --fec-white: #ffffff;\n                \n                --font-heading: 'Poppins', sans-serif;\n                --font-body: 'Raleway', sans-serif;\n                --font-accent: 'Montserrat', sans-serif;\n            }\n            \n            .fec-multimedia-section * {\n                box-sizing: border-box;\n            }\n            \n            \/* ========================================\n               Secci\u00f3n Principal\n            ======================================== *\/\n            .fec-multimedia-section {\n                padding: 100px 0;\n                background: linear-gradient(135deg, #ffffff 0%, var(--fec-gray-light) 100%);\n                position: relative;\n                overflow: hidden;\n            }\n            \n            .fec-multimedia-section::before {\n                content: \"\";\n                position: absolute;\n                top: 0;\n                left: 0;\n                right: 0;\n                height: 400px;\n                background: linear-gradient(135deg, rgba(154, 178, 54, 0.03) 0%, rgba(21, 98, 144, 0.03) 100%);\n                z-index: 0;\n            }\n            \n            .fec-multimedia-container {\n                max-width: 1400px;\n                margin: 0 auto;\n                padding: 0 40px;\n                position: relative;\n                z-index: 1;\n            }\n            \n            \/* ========================================\n               Header\n            ======================================== *\/\n            .fec-multimedia-header {\n                text-align: center;\n                margin-bottom: 60px;\n            }\n            \n            .section-badge {\n                display: inline-flex;\n                align-items: center;\n                gap: 12px;\n                padding: 12px 30px;\n                background: rgba(255, 255, 255, 0.9);\n                backdrop-filter: blur(10px);\n                border: 2px solid var(--fec-primary);\n                border-radius: 100px;\n                font-family: var(--font-accent);\n                font-size: 0.95rem;\n                font-weight: 600;\n                color: var(--fec-accent);\n                margin-bottom: 30px;\n                box-shadow: 0 4px 20px rgba(154, 178, 54, 0.15);\n            }\n            \n            .badge-icon {\n                font-size: 1.1rem;\n            }\n            \n            .section-title {\n                font-family: var(--font-heading);\n                font-size: 3.5rem;\n                font-weight: 800;\n                color: var(--fec-accent);\n                margin-bottom: 20px;\n                line-height: 1.2;\n                letter-spacing: -1px;\n            }\n            \n            .section-title .highlight {\n                color: var(--fec-primary);\n            }\n            \n            .section-subtitle {\n                font-family: var(--font-body);\n                font-size: 1.25rem;\n                color: #666;\n                line-height: 1.7;\n                max-width: 800px;\n                margin: 0 auto;\n            }\n            \n            \/* ========================================\n               Filtros\n            ======================================== *\/\n            .fec-multimedia-filters {\n                display: flex;\n                justify-content: center;\n                gap: 15px;\n                margin-bottom: 50px;\n                flex-wrap: wrap;\n            }\n            \n            .filter-btn {\n                display: inline-flex;\n                align-items: center;\n                gap: 10px;\n                padding: 12px 30px;\n                background: white;\n                border: 2px solid #e0e0e0;\n                border-radius: 50px;\n                font-family: var(--font-accent);\n                font-size: 0.95rem;\n                font-weight: 600;\n                color: #666;\n                cursor: pointer;\n                transition: all 0.3s ease;\n                box-shadow: 0 4px 15px rgba(0,0,0,0.05);\n            }\n            \n            .filter-btn:hover {\n                transform: translateY(-2px);\n                box-shadow: 0 6px 20px rgba(154, 178, 54, 0.2);\n                border-color: var(--fec-primary);\n            }\n            \n            .filter-btn.active {\n                background: var(--fec-primary);\n                border-color: var(--fec-primary);\n                color: white;\n                box-shadow: 0 6px 25px rgba(154, 178, 54, 0.3);\n            }\n            \n            .filter-btn i {\n                font-size: 1.1rem;\n            }\n            \n            \/* ========================================\n               Grid de Multimedia\n            ======================================== *\/\n            .fec-multimedia-grid {\n                display: grid;\n                grid-template-columns: repeat(3, 1fr);\n                gap: 30px;\n                margin-bottom: 40px;\n            }\n            \n            .multimedia-item {\n                opacity: 0;\n                transform: scale(0.95);\n                transition: opacity 0.8s ease, transform 0.8s ease;\n            }\n            \n            .multimedia-item.aos-animate {\n                opacity: 1;\n                transform: scale(1);\n            }\n            \n            \/* ========================================\n               Cards de Multimedia\n            ======================================== *\/\n            .multimedia-card {\n                background: white;\n                border-radius: 20px;\n                overflow: hidden;\n                box-shadow: 0 10px 40px rgba(0,0,0,0.08);\n                transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);\n            }\n            \n            .multimedia-card:hover {\n                transform: translateY(-10px);\n                box-shadow: 0 20px 60px rgba(154, 178, 54, 0.15);\n            }\n            \n            .card-image {\n                position: relative;\n                padding-top: 66.67%; \/* Ratio 3:2 *\/\n                overflow: hidden;\n            }\n            \n            .card-image img {\n                position: absolute;\n                top: 0;\n                left: 0;\n                width: 100%;\n                height: 100%;\n                object-fit: cover;\n                transition: transform 0.5s ease;\n            }\n            \n            .multimedia-card:hover .card-image img {\n                transform: scale(1.1);\n            }\n            \n            .card-overlay {\n                position: absolute;\n                top: 0;\n                left: 0;\n                right: 0;\n                bottom: 0;\n                background: linear-gradient(135deg, rgba(9, 13, 58, 0.8), rgba(21, 98, 144, 0.8));\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                opacity: 0;\n                transition: opacity 0.3s ease;\n            }\n            \n            .multimedia-card:hover .card-overlay {\n                opacity: 1;\n            }\n            \n            .play-btn {\n                width: 80px;\n                height: 80px;\n                border-radius: 50%;\n                background: var(--fec-primary);\n                border: none;\n                color: white;\n                font-size: 2rem;\n                cursor: pointer;\n                transition: all 0.3s ease;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                box-shadow: 0 10px 30px rgba(154, 178, 54, 0.4);\n            }\n            \n            .play-btn:hover {\n                transform: scale(1.15);\n                box-shadow: 0 15px 40px rgba(154, 178, 54, 0.6);\n            }\n            \n            .live-btn {\n                width: auto;\n                padding: 15px 30px;\n                border-radius: 50px;\n                display: flex;\n                align-items: center;\n                gap: 10px;\n                background: #e74c3c;\n                animation: pulse 2s infinite;\n                text-decoration: none;\n                border: none;\n                cursor: pointer;\n            }\n            \n            @keyframes pulse {\n                0%, 100% {\n                    box-shadow: 0 10px 30px rgba(231, 76, 60, 0.4);\n                }\n                50% {\n                    box-shadow: 0 10px 50px rgba(231, 76, 60, 0.8);\n                }\n            }\n            \n            .live-btn i {\n                animation: blink 1.5s infinite;\n            }\n            \n            @keyframes blink {\n                0%, 100% { opacity: 1; }\n                50% { opacity: 0.3; }\n            }\n            \n            .live-btn span {\n                font-family: var(--font-accent);\n                font-weight: 700;\n                font-size: 0.9rem;\n                letter-spacing: 1px;\n            }\n            \n            .card-badge {\n                position: absolute;\n                top: 15px;\n                right: 15px;\n                width: 45px;\n                height: 45px;\n                border-radius: 12px;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                color: white;\n                font-size: 1.2rem;\n                backdrop-filter: blur(10px);\n                border: 2px solid rgba(255,255,255,0.3);\n                box-shadow: 0 4px 15px rgba(0,0,0,0.2);\n            }\n            \n            .card-badge-foto {\n                background: rgba(154, 178, 54, 0.9);\n            }\n            \n            .card-badge-album {\n                background: rgba(243, 156, 18, 0.9);\n            }\n            \n            .card-badge-video {\n                background: rgba(21, 98, 144, 0.9);\n            }\n            \n            .card-badge-transmision {\n                background: rgba(231, 76, 60, 0.9);\n            }\n            \n            .album-count-badge {\n                position: absolute;\n                bottom: 15px;\n                right: 15px;\n                background: rgba(243, 156, 18, 0.95);\n                color: white;\n                padding: 8px 16px;\n                border-radius: 20px;\n                font-family: var(--font-accent);\n                font-size: 0.85rem;\n                font-weight: 700;\n                backdrop-filter: blur(10px);\n                box-shadow: 0 4px 15px rgba(0,0,0,0.3);\n            }\n            \n            .card-content {\n                padding: 25px;\n            }\n            \n            .card-content h3 {\n                font-family: var(--font-heading);\n                font-size: 1.3rem;\n                font-weight: 700;\n                color: var(--fec-accent);\n                margin-bottom: 10px;\n                line-height: 1.4;\n            }\n            \n            .card-content p {\n                font-family: var(--font-body);\n                font-size: 1rem;\n                color: #666;\n                line-height: 1.6;\n                margin-bottom: 15px;\n            }\n            \n            .card-footer {\n                display: flex;\n                align-items: center;\n                justify-content: space-between;\n                flex-wrap: wrap;\n                gap: 10px;\n            }\n            \n            .card-date {\n                display: inline-flex;\n                align-items: center;\n                gap: 8px;\n                font-family: var(--font-accent);\n                font-size: 0.85rem;\n                font-weight: 600;\n                color: var(--fec-primary);\n                padding: 6px 12px;\n                background: rgba(154, 178, 54, 0.1);\n                border-radius: 20px;\n            }\n            \n            .card-btn-live {\n                display: inline-flex;\n                align-items: center;\n                gap: 8px;\n                padding: 8px 16px;\n                background: linear-gradient(135deg, #e74c3c, #c0392b);\n                color: white;\n                text-decoration: none;\n                border-radius: 20px;\n                font-family: var(--font-accent);\n                font-size: 0.85rem;\n                font-weight: 600;\n                transition: all 0.3s ease;\n                animation: pulseSlow 2s infinite;\n            }\n            \n            .card-btn-live:hover {\n                transform: translateY(-2px);\n                box-shadow: 0 6px 20px rgba(231, 76, 60, 0.4);\n            }\n            \n            .card-btn-live:focus {\n                outline: none;\n            }\n            \n            @keyframes pulseSlow {\n                0%, 100% {\n                    box-shadow: 0 4px 15px rgba(231, 76, 60, 0.3);\n                }\n                50% {\n                    box-shadow: 0 6px 25px rgba(231, 76, 60, 0.6);\n                }\n            }\n            \n            \/* ========================================\n               Mensaje sin resultados\n            ======================================== *\/\n            .no-results {\n                display: flex;\n                flex-direction: column;\n                align-items: center;\n                justify-content: center;\n                padding: 80px 20px;\n                text-align: center;\n            }\n            \n            .no-results i {\n                font-size: 4rem;\n                color: #ddd;\n                margin-bottom: 20px;\n            }\n            \n            .no-results p {\n                font-family: var(--font-body);\n                font-size: 1.2rem;\n                color: #999;\n            }\n            \n            \/* ========================================\n               Lightbox\n            ======================================== *\/\n            .fec-lightbox {\n                display: none;\n                position: fixed;\n                top: 0;\n                left: 0;\n                right: 0;\n                bottom: 0;\n                background: rgba(9, 13, 58, 0.95);\n                z-index: 999999;\n                align-items: center;\n                justify-content: center;\n                padding: 40px;\n                animation: fadeIn 0.3s ease;\n            }\n            \n            @keyframes fadeIn {\n                from { opacity: 0; }\n                to { opacity: 1; }\n            }\n            \n            .lightbox-close,\n            .lightbox-prev,\n            .lightbox-next {\n                position: absolute;\n                background: rgba(255, 255, 255, 0.1);\n                backdrop-filter: blur(10px);\n                border: 2px solid rgba(255, 255, 255, 0.3);\n                color: white;\n                width: 60px;\n                height: 60px;\n                border-radius: 50%;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                font-size: 1.5rem;\n                cursor: pointer;\n                transition: all 0.3s ease;\n                z-index: 10;\n            }\n            \n            .lightbox-close:hover,\n            .lightbox-prev:hover,\n            .lightbox-next:hover {\n                background: var(--fec-primary);\n                border-color: var(--fec-primary);\n                transform: scale(1.1);\n            }\n            \n            .lightbox-close {\n                top: 30px;\n                right: 30px;\n            }\n            \n            .lightbox-prev {\n                left: 30px;\n                top: 50%;\n                transform: translateY(-50%);\n            }\n            \n            .lightbox-prev:hover {\n                transform: translateY(-50%) scale(1.1);\n            }\n            \n            .lightbox-next {\n                right: 30px;\n                top: 50%;\n                transform: translateY(-50%);\n            }\n            \n            .lightbox-next:hover {\n                transform: translateY(-50%) scale(1.1);\n            }\n            \n            .lightbox-content {\n                max-width: 1200px;\n                max-height: 90vh;\n                width: 100%;\n                background: white;\n                border-radius: 20px;\n                overflow: hidden;\n                box-shadow: 0 20px 60px rgba(0,0,0,0.5);\n            }\n            \n            .lightbox-media {\n                max-height: 70vh;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                background: #000;\n            }\n            \n            .lightbox-media img {\n                max-width: 100%;\n                max-height: 70vh;\n                object-fit: contain;\n            }\n            \n            .video-wrapper {\n                position: relative;\n                padding-top: 56.25%; \/* 16:9 *\/\n                width: 100%;\n            }\n            \n            .video-wrapper iframe {\n                position: absolute;\n                top: 0;\n                left: 0;\n                width: 100%;\n                height: 100%;\n            }\n            \n            .lightbox-info {\n                padding: 30px;\n                background: white;\n            }\n            \n            .lightbox-title {\n                font-family: var(--font-heading);\n                font-size: 1.8rem;\n                font-weight: 700;\n                color: var(--fec-accent);\n                margin-bottom: 15px;\n            }\n            \n            .lightbox-description {\n                font-family: var(--font-body);\n                font-size: 1.1rem;\n                color: #666;\n                line-height: 1.7;\n                margin-bottom: 20px;\n            }\n            \n            .lightbox-footer {\n                display: flex;\n                align-items: center;\n                justify-content: space-between;\n                flex-wrap: wrap;\n                gap: 15px;\n            }\n            \n            .lightbox-date {\n                display: inline-flex;\n                align-items: center;\n                gap: 10px;\n                font-family: var(--font-accent);\n                font-size: 0.95rem;\n                font-weight: 600;\n                color: var(--fec-primary);\n                padding: 8px 16px;\n                background: rgba(154, 178, 54, 0.1);\n                border-radius: 20px;\n            }\n            \n            .lightbox-btn-live {\n                display: inline-flex;\n                align-items: center;\n                gap: 10px;\n                padding: 12px 24px;\n                background: linear-gradient(135deg, #e74c3c, #c0392b);\n                color: white;\n                text-decoration: none;\n                border-radius: 25px;\n                font-family: var(--font-accent);\n                font-size: 1rem;\n                font-weight: 600;\n                transition: all 0.3s ease;\n                box-shadow: 0 6px 20px rgba(231, 76, 60, 0.3);\n                animation: pulseSlow 2s infinite;\n            }\n            \n            .lightbox-btn-live:hover {\n                transform: translateY(-3px);\n                box-shadow: 0 10px 30px rgba(231, 76, 60, 0.5);\n            }\n            \n            .lightbox-btn-live i {\n                font-size: 1.2rem;\n            }\n            \n            \/* ========================================\n               Responsive\n            ======================================== *\/\n            @media (max-width: 1200px) {\n                .fec-multimedia-grid {\n                    grid-template-columns: repeat(2, 1fr);\n                }\n            }\n            \n            @media (max-width: 968px) {\n                .fec-multimedia-section {\n                    padding: 80px 0;\n                }\n                \n                .fec-multimedia-container {\n                    padding: 0 30px;\n                }\n                \n                .section-title {\n                    font-size: 2.5rem;\n                }\n                \n                .fec-multimedia-grid {\n                    grid-template-columns: 1fr;\n                    gap: 25px;\n                }\n                \n                .lightbox-prev,\n                .lightbox-next {\n                    width: 50px;\n                    height: 50px;\n                    font-size: 1.2rem;\n                }\n            }\n            \n            @media (max-width: 640px) {\n                .fec-multimedia-section {\n                    padding: 60px 0;\n                }\n                \n                .fec-multimedia-container {\n                    padding: 0 20px;\n                }\n                \n                .section-badge {\n                    padding: 10px 20px;\n                    font-size: 0.85rem;\n                }\n                \n                .section-title {\n                    font-size: 2rem;\n                }\n                \n                .section-subtitle {\n                    font-size: 1.1rem;\n                }\n                \n                .filter-btn {\n                    padding: 10px 20px;\n                    font-size: 0.85rem;\n                }\n                \n                .play-btn {\n                    width: 60px;\n                    height: 60px;\n                    font-size: 1.5rem;\n                }\n                \n                .live-btn {\n                    padding: 12px 20px;\n                }\n                \n                .live-btn span {\n                    font-size: 0.8rem;\n                }\n                \n                .card-footer {\n                    flex-direction: column;\n                    align-items: flex-start;\n                }\n                \n                .card-btn-live {\n                    font-size: 0.8rem;\n                    padding: 6px 14px;\n                }\n                \n                .fec-lightbox {\n                    padding: 20px;\n                }\n                \n                .lightbox-close {\n                    top: 10px;\n                    right: 10px;\n                    width: 45px;\n                    height: 45px;\n                }\n                \n                .lightbox-prev,\n                .lightbox-next {\n                    display: none;\n                }\n                \n                .lightbox-info {\n                    padding: 20px;\n                }\n                \n                .lightbox-title {\n                    font-size: 1.4rem;\n                }\n                \n                .lightbox-footer {\n                    flex-direction: column;\n                    align-items: flex-start;\n                }\n                \n                .lightbox-btn-live {\n                    width: 100%;\n                    justify-content: center;\n                    font-size: 0.95rem;\n                    padding: 10px 20px;\n                }\n            }\n        <\/style>\n        \n        \n\n\n    \n    <section class=\"fec-eventos\" id=\"proximos-eventos\">\n        <div class=\"container\">\n            \n            <!-- Header -->\n            <div class=\"eventos-header\">\n                <h2 class=\"section-title\">Pr\u00f3ximos Eventos<\/h2>\n                <p class=\"section-subtitle\">\n                    Capacitaciones, conferencias y actividades para fortalecer tu empresa\n                <\/p>\n            <\/div>\n\n            <!-- Filtros de categor\u00edas -->\n            <div class=\"eventos-filtros\">\n                <button class=\"filtro-btn active\" data-categoria=\"todos\">\n                    <i class=\"fas fa-th\"><\/i> Todos\n                <\/button>\n                <button class=\"filtro-btn\" data-categoria=\"capacitacion\">\n                    <i class=\"fas fa-graduation-cap\"><\/i> Capacitaciones\n                <\/button>\n                <button class=\"filtro-btn\" data-categoria=\"conferencia\">\n                    <i class=\"fas fa-microphone\"><\/i> Conferencias\n                <\/button>\n                <button class=\"filtro-btn\" data-categoria=\"networking\">\n                    <i class=\"fas fa-handshake\"><\/i> Networking\n                <\/button>\n                <button class=\"filtro-btn\" data-categoria=\"expo\">\n                    <i class=\"fas fa-store\"><\/i> Exposiciones\n                <\/button>\n            <\/div>\n\n                            \n                <!-- Sin eventos -->\n                <div class=\"sin-eventos\">\n                    <i class=\"fas fa-calendar-times\"><\/i>\n                    <h3>No hay eventos programados<\/h3>\n                    <p>Pronto publicaremos nuevas actividades y capacitaciones.<\/p>\n                <\/div>\n                \n                        \n        <\/div>\n    <\/section>\n\n    <style>\n        \/* ============================================\n         * ESTILOS CON IDENTIDAD DE MARCA FEC\n         * Paleta de colores oficial\n         * ============================================ *\/\n        \n        @import url(\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;600;700;800&family=Montserrat:wght@400;500;600;700&family=Raleway:wght@300;400;500;600&display=swap\");\n        \n        :root {\n            --fec-primary: #9ab236;      \/* Verde oliva *\/\n            --fec-secondary: #156290;    \/* Azul medio *\/\n            --fec-accent: #090d3a;       \/* Azul navy *\/\n            --fec-gray: #434142;         \/* Gris oscuro *\/\n            --fec-white: #ffffff;\n            --fec-gray-light: #f4f4f4;\n            --fec-gray-medium: #666666;\n            \n            --font-heading: \"Poppins\", sans-serif;\n            --font-body: \"Raleway\", sans-serif;\n            --font-accent: \"Montserrat\", sans-serif;\n        }\n\n        .fec-eventos {\n            padding: 80px 20px;\n            background: var(--fec-white);\n        }\n\n        .fec-eventos .container {\n            max-width: 1400px;\n            margin: 0 auto;\n        }\n\n        \/* ============================================\n         * HEADER\n         * ============================================ *\/\n        .eventos-header {\n            text-align: center;\n            margin-bottom: 50px;\n        }\n\n        .section-title {\n            font-family: var(--font-heading);\n            font-size: 3rem;\n            font-weight: 700;\n            color: var(--fec-accent);\n            margin-bottom: 15px;\n            letter-spacing: -0.5px;\n        }\n\n        .section-subtitle {\n            font-family: var(--font-body);\n            font-size: 1.25rem;\n            color: var(--fec-gray-medium);\n            line-height: 1.7;\n        }\n\n        \/* ============================================\n         * FILTROS\n         * ============================================ *\/\n        .eventos-filtros {\n            display: flex;\n            justify-content: center;\n            flex-wrap: wrap;\n            gap: 15px;\n            margin-bottom: 50px;\n        }\n\n        .filtro-btn {\n            display: inline-flex;\n            align-items: center;\n            gap: 10px;\n            padding: 12px 28px;\n            background: var(--fec-white);\n            border: 2px solid var(--fec-gray-light);\n            border-radius: 8px;\n            font-family: var(--font-accent);\n            font-weight: 600;\n            font-size: 0.95rem;\n            color: var(--fec-gray);\n            cursor: pointer;\n            transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);\n        }\n\n        .filtro-btn:hover,\n        .filtro-btn.active {\n            background: var(--fec-primary);\n            border-color: var(--fec-primary);\n            color: var(--fec-accent);\n            transform: translateY(-3px);\n            box-shadow: 0 10px 40px rgba(154, 178, 54, 0.3);\n        }\n\n        .filtro-btn i {\n            font-size: 1.1rem;\n        }\n\n        \/* ============================================\n         * GRID DE EVENTOS\n         * ============================================ *\/\n        .eventos-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));\n            gap: 30px;\n            margin-bottom: 50px;\n        }\n\n        .eventos-grid.vista-lista {\n            grid-template-columns: 1fr;\n        }\n\n        \/* ============================================\n         * CARD DE EVENTO\n         * ============================================ *\/\n        .evento-card {\n            position: relative;\n            background: var(--fec-white);\n            border-radius: 16px;\n            overflow: hidden;\n            border: 2px solid var(--fec-gray-light);\n            transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);\n        }\n\n        .evento-card:hover {\n            transform: translateY(-8px);\n            border-color: var(--fec-primary);\n            box-shadow: 0 20px 60px rgba(154, 178, 54, 0.2);\n        }\n\n        \/* Badge de fecha *\/\n        .evento-fecha-badge {\n            position: absolute;\n            top: 20px;\n            left: 20px;\n            background: linear-gradient(135deg, var(--fec-primary), #86a030);\n            color: var(--fec-white);\n            padding: 12px 18px;\n            border-radius: 12px;\n            text-align: center;\n            z-index: 10;\n            box-shadow: 0 8px 25px rgba(154, 178, 54, 0.4);\n        }\n\n        .evento-fecha-badge .mes {\n            display: block;\n            font-family: var(--font-accent);\n            font-weight: 700;\n            font-size: 0.8rem;\n            text-transform: uppercase;\n            letter-spacing: 1px;\n        }\n\n        .evento-fecha-badge .dia {\n            display: block;\n            font-family: var(--font-heading);\n            font-weight: 700;\n            font-size: 1.8rem;\n            line-height: 1;\n        }\n\n        \/* Imagen del evento *\/\n        .evento-imagen {\n            position: relative;\n            height: 240px;\n            overflow: hidden;\n            background: var(--fec-gray-light);\n        }\n\n        .evento-imagen img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            transition: transform 0.4s ease;\n        }\n\n        .evento-card:hover .evento-imagen img {\n            transform: scale(1.08);\n        }\n\n        .evento-tipo {\n            position: absolute;\n            bottom: 15px;\n            right: 15px;\n            padding: 8px 20px;\n            border-radius: 20px;\n            font-family: var(--font-accent);\n            font-weight: 600;\n            font-size: 0.85rem;\n            color: var(--fec-white);\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n        }\n\n        .evento-tipo.capacitacion { \n            background: var(--fec-secondary); \n        }\n        .evento-tipo.conferencia { \n            background: var(--fec-accent); \n        }\n        .evento-tipo.networking { \n            background: #9ab236; \n        }\n        .evento-tipo.expo { \n            background: var(--fec-primary); \n        }\n        .evento-tipo.general { \n            background: var(--fec-gray); \n        }\n\n        \/* ============================================\n         * CONTENIDO DEL CARD\n         * ============================================ *\/\n        .evento-contenido {\n            padding: 30px;\n        }\n\n        .evento-titulo {\n            font-family: var(--font-heading);\n            font-size: 1.5rem;\n            font-weight: 600;\n            color: var(--fec-accent);\n            margin-bottom: 20px;\n            line-height: 1.3;\n        }\n\n        \/* Meta informaci\u00f3n *\/\n        .evento-meta {\n            display: flex;\n            flex-direction: column;\n            gap: 12px;\n            margin-bottom: 20px;\n        }\n\n        .meta-item {\n            display: flex;\n            align-items: center;\n            gap: 12px;\n            font-family: var(--font-body);\n            font-size: 0.95rem;\n            color: var(--fec-gray-medium);\n        }\n\n        .meta-item i {\n            color: var(--fec-primary);\n            font-size: 1.1rem;\n            width: 20px;\n        }\n\n        \/* Excerpt *\/\n        .evento-excerpt {\n            font-family: var(--font-body);\n            font-size: 1rem;\n            color: var(--fec-gray-medium);\n            line-height: 1.7;\n            margin-bottom: 25px;\n        }\n\n        \/* ============================================\n         * FOOTER DEL CARD\n         * ============================================ *\/\n        .evento-footer {\n            display: flex;\n            justify-content: flex-end;\n            align-items: center;\n            padding-top: 20px;\n            border-top: 2px solid var(--fec-gray-light);\n        }\n\n        .btn-mas-info {\n            display: inline-flex;\n            align-items: center;\n            gap: 10px;\n            padding: 12px 28px;\n            background: var(--fec-primary);\n            color: var(--fec-accent);\n            border-radius: 8px;\n            font-family: var(--font-accent);\n            font-weight: 600;\n            font-size: 0.95rem;\n            text-decoration: none;\n            letter-spacing: 0.3px;\n            box-shadow: 0 8px 25px rgba(154, 178, 54, 0.25);\n            transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);\n        }\n\n        .btn-mas-info:hover {\n            background: #86a030;\n            transform: translateY(-3px);\n            box-shadow: 0 12px 35px rgba(154, 178, 54, 0.35);\n        }\n\n        .btn-mas-info i {\n            transition: transform 0.3s ease;\n        }\n\n        .btn-mas-info:hover i {\n            transform: translateX(5px);\n        }\n\n        \/* ============================================\n         * SIN EVENTOS\n         * ============================================ *\/\n        .sin-eventos {\n            text-align: center;\n            padding: 100px 20px;\n        }\n\n        .sin-eventos i {\n            font-size: 5rem;\n            color: var(--fec-gray-light);\n            margin-bottom: 30px;\n        }\n\n        .sin-eventos h3 {\n            font-family: var(--font-heading);\n            font-size: 2rem;\n            color: var(--fec-accent);\n            margin-bottom: 15px;\n        }\n\n        .sin-eventos p {\n            font-family: var(--font-body);\n            font-size: 1.15rem;\n            color: var(--fec-gray-medium);\n            margin-bottom: 30px;\n        }\n\n        \/* ============================================\n         * RESPONSIVE DESIGN\n         * ============================================ *\/\n        @media (max-width: 1200px) {\n            .section-title {\n                font-size: 2.5rem;\n            }\n        }\n\n        @media (max-width: 968px) {\n            .fec-eventos {\n                padding: 60px 30px;\n            }\n\n            .section-title {\n                font-size: 2.2rem;\n            }\n\n            .section-subtitle {\n                font-size: 1.1rem;\n            }\n\n            .eventos-grid {\n                grid-template-columns: 1fr;\n                gap: 25px;\n            }\n\n            .eventos-filtros {\n                gap: 10px;\n            }\n\n            .filtro-btn {\n                font-size: 0.9rem;\n                padding: 10px 20px;\n            }\n        }\n\n        @media (max-width: 640px) {\n            .fec-eventos {\n                padding: 50px 20px;\n            }\n\n            .section-title {\n                font-size: 1.8rem;\n            }\n\n            .section-subtitle {\n                font-size: 1rem;\n            }\n\n            .evento-footer {\n                flex-direction: column;\n                gap: 15px;\n                align-items: stretch;\n            }\n\n            .btn-mas-info {\n                width: 100%;\n                justify-content: center;\n            }\n        }\n    <\/style>\n\n    <script>\n    document.addEventListener('DOMContentLoaded', function() {\n        const filtros = document.querySelectorAll('.filtro-btn');\n        const eventos = document.querySelectorAll('.evento-card');\n        \n        filtros.forEach(filtro => {\n            filtro.addEventListener('click', function() {\n                \/\/ Remover clase active\n                filtros.forEach(f => f.classList.remove('active'));\n                this.classList.add('active');\n                \n                const categoria = this.getAttribute('data-categoria');\n                \n                eventos.forEach(evento => {\n                    if (categoria === 'todos' || evento.getAttribute('data-categoria') === categoria) {\n                        evento.style.display = 'block';\n                        setTimeout(() => {\n                            evento.style.opacity = '1';\n                            evento.style.transform = 'scale(1)';\n                        }, 10);\n                    } else {\n                        evento.style.opacity = '0';\n                        evento.style.transform = 'scale(0.9)';\n                        setTimeout(() => {\n                            evento.style.display = 'none';\n                        }, 300);\n                    }\n                });\n            });\n        });\n    });\n    <\/script>\n\n    \n\n\n    \n    <!-- Google Fonts -->\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@400;600;700;800&family=Montserrat:wght@400;500;600;700&family=Raleway:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n    \n    <section class=\"fec-quienes-somos-premium\" id=\"about\">\n        <div class=\"fec-container\">\n            \n\n            \n            <!-- Introducci\u00f3n -->\n            <div class=\"fec-quienes-intro\" data-aos=\"fade-up\">\n                <h2 class=\"fec-section-title\">\n                    Qui\u00e9nes <span class=\"highlight\">Somos<\/span>\n                <\/h2>\n                <p class=\"fec-intro-text\">\n                    La <strong>Federaci\u00f3n Econ\u00f3mica de Catamarca<\/strong> es una asociaci\u00f3n civil sin fines de lucro \n                    que promueve, coordina y representa las actividades econ\u00f3micas, industriales, comerciales y de \n                    servicios en la provincia de Catamarca desde <strong>1953<\/strong>.\n                <\/p>\n            <\/div>\n\n                        <!-- Estad\u00edsticas -->\n            <div class=\"fec-stats-wrapper\" data-aos=\"fade-up\">\n                <div class=\"fec-stat-item\">\n                    <div class=\"stat-icon\">\n                        <i class=\"fas fa-calendar-check\"><\/i>\n                    <\/div>\n                    <div class=\"stat-content\">\n                        <div class=\"stat-number\">70+<\/div>\n                        <div class=\"stat-label\">A\u00f1os de Trayectoria<\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"fec-divider-vertical\"><\/div>\n                \n                <div class=\"fec-stat-item\">\n                    <div class=\"stat-icon\">\n                        <i class=\"fas fa-users\"><\/i>\n                    <\/div>\n                    <div class=\"stat-content\">\n                        <div class=\"stat-number\">200+<\/div>\n                        <div class=\"stat-label\">Empresas Asociadas<\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"fec-divider-vertical\"><\/div>\n                \n                <div class=\"fec-stat-item\">\n                    <div class=\"stat-icon\">\n                        <i class=\"fas fa-handshake\"><\/i>\n                    <\/div>\n                    <div class=\"stat-content\">\n                        <div class=\"stat-number\">15+<\/div>\n                        <div class=\"stat-label\">C\u00e1maras Representadas<\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n                        <!-- Historia -->\n            <div class=\"fec-content-bloque historia-bloque\" data-aos=\"fade-up\" data-aos-delay=\"100\">\n                <div class=\"bloque-header\">\n                    <div class=\"bloque-icono\">\n                        <i class=\"fas fa-landmark\"><\/i>\n                    <\/div>\n                    <div class=\"bloque-header-text\">\n                        <h3>Nuestra Historia<\/h3>\n                        <div class=\"fecha-badge\">\n                            <i class=\"fas fa-calendar-alt\"><\/i>\n                            <span>Desde 1953<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"bloque-contenido\">\n                    <p>\n                        Con <strong>m\u00e1s de 70 a\u00f1os de trayectoria<\/strong>, la FEC se ha consolidado como el principal \n                        referente del sector productivo catamarque\u00f1o. Desde nuestra fundaci\u00f3n el <strong>28 de febrero de 1953<\/strong>, \n                        hemos trabajado incansablemente por el desarrollo econ\u00f3mico y social de nuestra provincia.\n                    <\/p>\n                    <p>\n                        Representamos los intereses de c\u00e1maras, cooperativas y asociaciones vinculadas a la \n                        producci\u00f3n, industria, comercio, servicios y turismo, siendo la voz del sector privado \n                        ante organismos p\u00fablicos nacionales e internacionales.\n                    <\/p>\n                <\/div>\n            <\/div>\n            \n            <!-- Misi\u00f3n y Visi\u00f3n en Grid -->\n            <div class=\"fec-mision-vision-grid\">\n                                <!-- Misi\u00f3n -->\n                <div class=\"fec-card-premium mision-card\" data-aos=\"fade-right\" data-aos-delay=\"150\">\n                    <div class=\"card-icon-wrapper\">\n                        <div class=\"card-icono\">\n                            <i class=\"fas fa-bullseye\"><\/i>\n                        <\/div>\n                    <\/div>\n                    <h3 class=\"card-title\">Nuestra Misi\u00f3n<\/h3>\n                    <p class=\"card-description\">\n                        Fortalecer el desarrollo econ\u00f3mico y social de Catamarca, impulsando la productividad, \n                        la innovaci\u00f3n y la cooperaci\u00f3n entre los sectores productivos. Representamos y defendemos \n                        los intereses de nuestros asociados ante organismos nacionales e internacionales.\n                    <\/p>\n                    <ul class=\"card-list\">\n                        <li><i class=\"fas fa-check\"><\/i> Promoci\u00f3n del desarrollo econ\u00f3mico<\/li>\n                        <li><i class=\"fas fa-check\"><\/i> Representaci\u00f3n institucional<\/li>\n                        <li><i class=\"fas fa-check\"><\/i> Innovaci\u00f3n y productividad<\/li>\n                    <\/ul>\n                <\/div>\n                \n                                <!-- Visi\u00f3n -->\n                <div class=\"fec-card-premium vision-card\" data-aos=\"fade-left\" data-aos-delay=\"150\">\n                    <div class=\"card-icon-wrapper\">\n                        <div class=\"card-icono\">\n                            <i class=\"fas fa-eye\"><\/i>\n                        <\/div>\n                    <\/div>\n                    <h3 class=\"card-title\">Nuestra Visi\u00f3n<\/h3>\n                    <p class=\"card-description\">\n                        Ser la organizaci\u00f3n l\u00edder en la representaci\u00f3n y promoci\u00f3n del desarrollo econ\u00f3mico \n                        de Catamarca, reconocida por nuestra capacidad de generar consensos, impulsar la \n                        innovaci\u00f3n y facilitar la inserci\u00f3n de nuestras empresas en mercados nacionales e \n                        internacionales.\n                    <\/p>\n                    <ul class=\"card-list\">\n                        <li><i class=\"fas fa-check\"><\/i> Liderazgo institucional<\/li>\n                        <li><i class=\"fas fa-check\"><\/i> Econom\u00eda diversificada<\/li>\n                        <li><i class=\"fas fa-check\"><\/i> Competitividad sustentable<\/li>\n                    <\/ul>\n                <\/div>\n                            <\/div>\n\n                        <!-- \u00c1reas de Trabajo -->\n            <div class=\"fec-areas-section\" data-aos=\"fade-up\">\n                <div class=\"areas-header\">\n                    <h3 class=\"areas-title\">Nuestras \u00c1reas de <span class=\"highlight\">Trabajo<\/span><\/h3>\n                    <p class=\"areas-subtitle\">\n                        Trabajamos en m\u00faltiples sectores para impulsar el desarrollo integral de la provincia\n                    <\/p>\n                <\/div>\n                \n                <div class=\"areas-grid\">\n                    <div class=\"area-card\" data-aos=\"zoom-in\" data-aos-delay=\"50\">\n                        <div class=\"area-icon\">\n                            <i class=\"fas fa-industry\"><\/i>\n                        <\/div>\n                        <h4>Industria<\/h4>\n                        <p>Promoci\u00f3n y fortalecimiento del sector industrial provincial<\/p>\n                    <\/div>\n                    \n                    <div class=\"area-card\" data-aos=\"zoom-in\" data-aos-delay=\"100\">\n                        <div class=\"area-icon\">\n                            <i class=\"fas fa-store\"><\/i>\n                        <\/div>\n                        <h4>Comercio<\/h4>\n                        <p>Desarrollo y representaci\u00f3n del sector comercial<\/p>\n                    <\/div>\n                    \n                    <div class=\"area-card\" data-aos=\"zoom-in\" data-aos-delay=\"150\">\n                        <div class=\"area-icon\">\n                            <i class=\"fas fa-concierge-bell\"><\/i>\n                        <\/div>\n                        <h4>Servicios<\/h4>\n                        <p>Apoyo a empresas de servicios y actividades terciarias<\/p>\n                    <\/div>\n                    \n                    <div class=\"area-card\" data-aos=\"zoom-in\" data-aos-delay=\"200\">\n                        <div class=\"area-icon\">\n                            <i class=\"fas fa-plane-departure\"><\/i>\n                        <\/div>\n                        <h4>Turismo<\/h4>\n                        <p>Promoci\u00f3n del turismo como motor de desarrollo<\/p>\n                    <\/div>\n                    \n                    <div class=\"area-card\" data-aos=\"zoom-in\" data-aos-delay=\"250\">\n                        <div class=\"area-icon\">\n                            <i class=\"fas fa-globe-americas\"><\/i>\n                        <\/div>\n                        <h4>Comercio Exterior<\/h4>\n                        <p>Facilitaci\u00f3n de exportaciones y misiones comerciales<\/p>\n                    <\/div>\n                    \n                    <div class=\"area-card\" data-aos=\"zoom-in\" data-aos-delay=\"300\">\n                        <div class=\"area-icon\">\n                            <i class=\"fas fa-graduation-cap\"><\/i>\n                        <\/div>\n                        <h4>Capacitaci\u00f3n<\/h4>\n                        <p>Formaci\u00f3n continua y desarrollo de competencias<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <!-- CTA Premium -->\n            <div class=\"fec-cta-premium\" data-aos=\"fade-up\" data-aos-delay=\"100\">\n                <div class=\"cta-content\">\n                    <div class=\"cta-icon\">\n                        <i class=\"fas fa-handshake\"><\/i>\n                    <\/div>\n                    <div class=\"cta-text\">\n                        <h3>\u00bfQuer\u00e9s formar parte de la FEC?<\/h3>\n                        <p>Asociate y acced\u00e9 a todos los beneficios que ofrecemos para fortalecer tu empresa y contribuir al desarrollo econ\u00f3mico de Catamarca.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"cta-buttons\">\n                    <a href=\"#contacto\" class=\"fec-btn-primary\">\n                        <span>Contactanos<\/span>\n                        <i class=\"fas fa-arrow-right\"><\/i>\n                    <\/a>\n                    <a href=\"#servicios\" class=\"fec-btn-secondary\">\n                        <span>Conocer Beneficios<\/span>\n                        <i class=\"fas fa-info-circle\"><\/i>\n                    <\/a>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/section>\n\n    <style>\n        \/* ========================================\n           Variables CSS y Reset\n        ======================================== *\/\n        :root {\n            --fec-primary: #9ab236;\n            --fec-secondary: #156290;\n            --fec-accent: #090d3a;\n            --fec-gray: #434142;\n            --fec-gray-light: #f4f4f4;\n            --fec-gray-medium: #666666;\n            --fec-white: #ffffff;\n            \n            --font-heading: 'Poppins', sans-serif;\n            --font-body: 'Raleway', sans-serif;\n            --font-accent: 'Montserrat', sans-serif;\n            \n            --transition-smooth: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);\n            --transition-standard: all 0.3s ease;\n        }\n\n        \/* Reset para evitar problemas de overflow *\/\n        .fec-quienes-somos-premium * {\n            box-sizing: border-box;\n        }\n        \n        .fec-quienes-somos-premium img {\n            max-width: 100%;\n            height: auto;\n        }\n        \n        .fec-quienes-somos-premium > * {\n            max-width: 100%;\n        }\n\n        \/* ========================================\n           Secci\u00f3n Principal\n        ======================================== *\/\n        .fec-quienes-somos-premium {\n            padding: 100px 0;\n            background: linear-gradient(135deg, #ffffff 0%, var(--fec-gray-light) 100%);\n            position: relative;\n            overflow-x: hidden;\n            width: 100%;\n        }\n\n        .fec-quienes-somos-premium::before {\n            content: \"\";\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            height: 400px;\n            background: linear-gradient(135deg, rgba(154, 178, 54, 0.03) 0%, rgba(21, 98, 144, 0.03) 100%);\n            z-index: 0;\n        }\n\n        .fec-container {\n            max-width: 1400px;\n            width: 100%;\n            margin: 0 auto;\n            padding: 0 40px;\n            position: relative;\n            z-index: 1;\n        }\n\n        \/* ========================================\n           Badge de Secci\u00f3n\n        ======================================== *\/\n        .fec-section-badge {\n            display: inline-flex;\n            align-items: center;\n            gap: 12px;\n            padding: 12px 30px;\n            background: rgba(255, 255, 255, 0.9);\n            backdrop-filter: blur(10px);\n            border: 2px solid var(--fec-primary);\n            border-radius: 100px;\n            font-family: var(--font-accent);\n            font-size: 0.95rem;\n            font-weight: 600;\n            color: var(--fec-accent);\n            margin: 0 auto 30px;\n            display: flex;\n            width: fit-content;\n            box-shadow: 0 4px 20px rgba(154, 178, 54, 0.15);\n        }\n\n        .badge-icon {\n            font-size: 1.1rem;\n        }\n\n        .badge-text {\n            letter-spacing: 0.5px;\n        }\n\n        \/* ========================================\n           Introducci\u00f3n\n        ======================================== *\/\n        .fec-quienes-intro {\n            text-align: center;\n            margin-bottom: 60px;\n        }\n\n        .fec-section-title {\n            font-family: var(--font-heading);\n            font-size: 3.5rem;\n            font-weight: 800;\n            line-height: 1.2;\n            color: var(--fec-accent);\n            margin-bottom: 25px;\n            letter-spacing: -1px;\n        }\n\n        .fec-section-title .highlight {\n            color: var(--fec-primary);\n            position: relative;\n        }\n\n        .fec-intro-text {\n            font-family: var(--font-body);\n            font-size: 1.25rem;\n            font-weight: 400;\n            line-height: 1.8;\n            color: var(--fec-gray-medium);\n            max-width: 900px;\n            margin: 0 auto;\n            word-wrap: break-word;\n            overflow-wrap: break-word;\n        }\n\n        .fec-intro-text strong {\n            color: var(--fec-accent);\n            font-weight: 600;\n        }\n\n        \/* ========================================\n           Estad\u00edsticas Premium\n        ======================================== *\/\n        .fec-stats-wrapper {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 60px;\n            padding: 50px;\n            background: var(--fec-white);\n            border-radius: 20px;\n            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);\n            margin-bottom: 80px;\n            width: 100%;\n            max-width: 100%;\n        }\n\n        .fec-stat-item {\n            display: flex;\n            align-items: center;\n            gap: 20px;\n            max-width: 100%;\n        }\n\n        .stat-icon {\n            width: 70px;\n            height: 70px;\n            border-radius: 16px;\n            background: linear-gradient(135deg, var(--fec-primary), #86a030);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            box-shadow: 0 8px 25px rgba(154, 178, 54, 0.25);\n            flex-shrink: 0;\n        }\n\n        .stat-icon i {\n            font-size: 1.8rem;\n            color: var(--fec-white);\n        }\n\n        .stat-content {\n            text-align: left;\n        }\n\n        .stat-number {\n            font-family: var(--font-heading);\n            font-size: 2.5rem;\n            font-weight: 800;\n            color: var(--fec-accent);\n            line-height: 1;\n            margin-bottom: 8px;\n        }\n\n        .stat-label {\n            font-family: var(--font-body);\n            font-size: 0.95rem;\n            color: var(--fec-gray-medium);\n            font-weight: 500;\n            line-height: 1.3;\n            word-wrap: break-word;\n            overflow-wrap: break-word;\n        }\n\n        .fec-divider-vertical {\n            width: 2px;\n            height: 60px;\n            background: linear-gradient(\n                to bottom,\n                transparent,\n                rgba(9, 13, 58, 0.15),\n                transparent\n            );\n        }\n\n        \/* ========================================\n           Bloque de Contenido (Historia)\n        ======================================== *\/\n        .fec-content-bloque {\n            background: var(--fec-white);\n            border-radius: 20px;\n            padding: 50px;\n            margin-bottom: 50px;\n            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.06);\n            border: 1px solid rgba(154, 178, 54, 0.1);\n            transition: var(--transition-smooth);\n            width: 100%;\n            max-width: 100%;\n        }\n\n        .fec-content-bloque:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 20px 60px rgba(154, 178, 54, 0.12);\n        }\n\n        .bloque-header {\n            display: flex;\n            align-items: center;\n            gap: 25px;\n            margin-bottom: 30px;\n            padding-bottom: 25px;\n            border-bottom: 2px solid var(--fec-gray-light);\n        }\n\n        .bloque-icono {\n            width: 80px;\n            height: 80px;\n            border-radius: 16px;\n            background: linear-gradient(135deg, var(--fec-primary), #86a030);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            box-shadow: 0 8px 25px rgba(154, 178, 54, 0.25);\n            flex-shrink: 0;\n        }\n\n        .bloque-icono i {\n            font-size: 2.2rem;\n            color: var(--fec-white);\n        }\n\n        .bloque-header-text h3 {\n            font-family: var(--font-heading);\n            font-size: 2rem;\n            font-weight: 700;\n            color: var(--fec-accent);\n            margin-bottom: 10px;\n            line-height: 1.2;\n        }\n\n        .fecha-badge {\n            display: inline-flex;\n            align-items: center;\n            gap: 8px;\n            padding: 6px 16px;\n            background: rgba(154, 178, 54, 0.1);\n            border: 1px solid var(--fec-primary);\n            border-radius: 100px;\n            font-family: var(--font-accent);\n            font-size: 0.85rem;\n            font-weight: 600;\n            color: var(--fec-primary);\n        }\n\n        .fecha-badge i {\n            font-size: 0.9rem;\n        }\n\n        .bloque-contenido p {\n            font-family: var(--font-body);\n            font-size: 1.125rem;\n            font-weight: 400;\n            line-height: 1.8;\n            color: var(--fec-gray-medium);\n            margin-bottom: 20px;\n            word-wrap: break-word;\n            overflow-wrap: break-word;\n        }\n\n        .bloque-contenido p:last-child {\n            margin-bottom: 0;\n        }\n\n        .bloque-contenido strong {\n            color: var(--fec-accent);\n            font-weight: 600;\n        }\n\n        \/* ========================================\n           Grid Misi\u00f3n y Visi\u00f3n\n        ======================================== *\/\n        .fec-mision-vision-grid {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr);\n            gap: 40px;\n            margin-bottom: 80px;\n            width: 100%;\n            max-width: 100%;\n        }\n\n        .fec-card-premium {\n            background: var(--fec-white);\n            border-radius: 20px;\n            padding: 45px;\n            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.06);\n            border: 2px solid transparent;\n            transition: var(--transition-smooth);\n            position: relative;\n            overflow: hidden;\n            width: 100%;\n            max-width: 100%;\n        }\n\n        .fec-card-premium::before {\n            content: \"\";\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            height: 5px;\n            transition: var(--transition-smooth);\n        }\n\n        .mision-card::before {\n            background: linear-gradient(90deg, var(--fec-primary), #86a030);\n        }\n\n        .vision-card::before {\n            background: linear-gradient(90deg, var(--fec-secondary), var(--fec-accent));\n        }\n\n        .fec-card-premium:hover {\n            transform: translateY(-8px);\n            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.12);\n        }\n\n        .mision-card:hover {\n            border-color: var(--fec-primary);\n        }\n\n        .vision-card:hover {\n            border-color: var(--fec-secondary);\n        }\n\n        .card-icon-wrapper {\n            margin-bottom: 25px;\n        }\n\n        .card-icono {\n            width: 75px;\n            height: 75px;\n            border-radius: 16px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);\n        }\n\n        .mision-card .card-icono {\n            background: linear-gradient(135deg, var(--fec-primary), #86a030);\n        }\n\n        .vision-card .card-icono {\n            background: linear-gradient(135deg, var(--fec-secondary), var(--fec-accent));\n        }\n\n        .card-icono i {\n            font-size: 2rem;\n            color: var(--fec-white);\n        }\n\n        .card-title {\n            font-family: var(--font-heading);\n            font-size: 1.8rem;\n            font-weight: 700;\n            color: var(--fec-accent);\n            margin-bottom: 20px;\n            line-height: 1.3;\n        }\n\n        .card-description {\n            font-family: var(--font-body);\n            font-size: 1.1rem;\n            font-weight: 400;\n            line-height: 1.8;\n            color: var(--fec-gray-medium);\n            margin-bottom: 25px;\n            word-wrap: break-word;\n            overflow-wrap: break-word;\n        }\n\n        .card-list {\n            list-style: none;\n            padding: 0;\n            margin: 0;\n        }\n\n        .card-list li {\n            display: flex;\n            align-items: center;\n            gap: 12px;\n            font-family: var(--font-body);\n            font-size: 1rem;\n            font-weight: 500;\n            color: var(--fec-gray);\n            margin-bottom: 12px;\n            padding: 12px 0;\n            border-bottom: 1px solid var(--fec-gray-light);\n            word-wrap: break-word;\n            overflow-wrap: break-word;\n        }\n\n        .card-list li:last-child {\n            border-bottom: none;\n            margin-bottom: 0;\n        }\n\n        .card-list li i {\n            color: var(--fec-primary);\n            font-size: 1rem;\n        }\n\n        \/* ========================================\n           \u00c1reas de Trabajo\n        ======================================== *\/\n        .fec-areas-section {\n            margin: 80px 0;\n        }\n\n        .areas-header {\n            text-align: center;\n            margin-bottom: 50px;\n        }\n\n        .areas-title {\n            font-family: var(--font-heading);\n            font-size: 2.8rem;\n            font-weight: 700;\n            color: var(--fec-accent);\n            margin-bottom: 15px;\n            line-height: 1.2;\n        }\n\n        .areas-title .highlight {\n            color: var(--fec-primary);\n        }\n\n        .areas-subtitle {\n            font-family: var(--font-body);\n            font-size: 1.15rem;\n            color: var(--fec-gray-medium);\n            line-height: 1.6;\n            word-wrap: break-word;\n            overflow-wrap: break-word;\n        }\n\n        .areas-grid {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 30px;\n            width: 100%;\n            max-width: 100%;\n        }\n\n        .area-card {\n            background: var(--fec-white);\n            padding: 40px 30px;\n            border-radius: 16px;\n            text-align: center;\n            border: 2px solid var(--fec-gray-light);\n            transition: var(--transition-smooth);\n            position: relative;\n            overflow: hidden;\n            width: 100%;\n            max-width: 100%;\n        }\n\n        .area-card::before {\n            content: \"\";\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            height: 4px;\n            background: linear-gradient(90deg, var(--fec-primary), var(--fec-secondary));\n            transform: scaleX(0);\n            transition: var(--transition-smooth);\n        }\n\n        .area-card:hover {\n            transform: translateY(-8px);\n            border-color: var(--fec-primary);\n            box-shadow: 0 15px 50px rgba(154, 178, 54, 0.2);\n        }\n\n        .area-card:hover::before {\n            transform: scaleX(1);\n        }\n\n        .area-icon {\n            width: 70px;\n            height: 70px;\n            margin: 0 auto 20px;\n            border-radius: 14px;\n            background: linear-gradient(135deg, rgba(154, 178, 54, 0.1), rgba(21, 98, 144, 0.1));\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            transition: var(--transition-smooth);\n        }\n\n        .area-card:hover .area-icon {\n            background: linear-gradient(135deg, var(--fec-primary), #86a030);\n            transform: scale(1.1) rotate(5deg);\n        }\n\n        .area-icon i {\n            font-size: 2.2rem;\n            color: var(--fec-primary);\n            transition: var(--transition-standard);\n        }\n\n        .area-card:hover .area-icon i {\n            color: var(--fec-white);\n        }\n\n        .area-card h4 {\n            font-family: var(--font-heading);\n            font-size: 1.4rem;\n            font-weight: 600;\n            color: var(--fec-accent);\n            margin-bottom: 12px;\n            line-height: 1.3;\n        }\n\n        .area-card p {\n            font-family: var(--font-body);\n            font-size: 1rem;\n            font-weight: 400;\n            color: var(--fec-gray-medium);\n            line-height: 1.6;\n            word-wrap: break-word;\n            overflow-wrap: break-word;\n        }\n\n        \/* ========================================\n           CTA Premium\n        ======================================== *\/\n        .fec-cta-premium {\n            background: linear-gradient(135deg, var(--fec-accent) 0%, var(--fec-secondary) 100%);\n            border-radius: 24px;\n            padding: 60px;\n            position: relative;\n            overflow: hidden;\n            box-shadow: 0 20px 60px rgba(9, 13, 58, 0.2);\n            width: 100%;\n            max-width: 100%;\n        }\n\n        .fec-cta-premium::before {\n            content: \"\";\n            position: absolute;\n            top: -50%;\n            right: -20%;\n            width: 400px;\n            height: 400px;\n            background: radial-gradient(circle, rgba(154, 178, 54, 0.2) 0%, transparent 70%);\n            border-radius: 50%;\n        }\n\n        .cta-content {\n            display: flex;\n            align-items: center;\n            gap: 30px;\n            margin-bottom: 35px;\n            position: relative;\n            z-index: 1;\n        }\n\n        .cta-icon {\n            width: 90px;\n            height: 90px;\n            border-radius: 18px;\n            background: rgba(255, 255, 255, 0.15);\n            backdrop-filter: blur(10px);\n            border: 2px solid rgba(255, 255, 255, 0.3);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            flex-shrink: 0;\n        }\n\n        .cta-icon i {\n            font-size: 2.5rem;\n            color: var(--fec-white);\n        }\n\n        .cta-text {\n            flex: 1;\n            min-width: 0;\n        }\n\n        .cta-text h3 {\n            font-family: var(--font-heading);\n            font-size: 2.2rem;\n            font-weight: 700;\n            color: var(--fec-white);\n            margin-bottom: 12px;\n            line-height: 1.2;\n            word-wrap: break-word;\n        }\n\n        .cta-text p {\n            font-family: var(--font-body);\n            font-size: 1.15rem;\n            font-weight: 400;\n            color: rgba(255, 255, 255, 0.9);\n            line-height: 1.7;\n            max-width: 700px;\n            word-wrap: break-word;\n        }\n\n        .cta-buttons {\n            display: flex;\n            gap: 20px;\n            position: relative;\n            z-index: 1;\n            flex-wrap: wrap;\n            width: 100%;\n        }\n\n        .fec-btn-primary,\n        .fec-btn-secondary {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            gap: 12px;\n            padding: 18px 40px;\n            border-radius: 10px;\n            font-family: var(--font-accent);\n            font-size: 1rem;\n            font-weight: 600;\n            letter-spacing: 0.3px;\n            text-decoration: none;\n            transition: var(--transition-smooth);\n            position: relative;\n            overflow: hidden;\n            white-space: nowrap;\n            max-width: 100%;\n        }\n\n        .fec-btn-primary {\n            background: var(--fec-primary);\n            color: var(--fec-accent);\n            border: 2px solid transparent;\n            box-shadow: 0 10px 40px rgba(154, 178, 54, 0.3);\n        }\n\n        .fec-btn-primary:hover {\n            background: #86a030;\n            transform: translateY(-3px);\n            box-shadow: 0 15px 50px rgba(154, 178, 54, 0.4);\n        }\n\n        .fec-btn-secondary {\n            background: rgba(255, 255, 255, 0.1);\n            backdrop-filter: blur(10px);\n            color: var(--fec-white);\n            border: 2px solid rgba(255, 255, 255, 0.3);\n        }\n\n        .fec-btn-secondary:hover {\n            background: var(--fec-white);\n            color: var(--fec-accent);\n            border-color: var(--fec-white);\n            transform: translateY(-3px);\n            box-shadow: 0 15px 50px rgba(255, 255, 255, 0.3);\n        }\n\n        .fec-btn-primary i,\n        .fec-btn-secondary i {\n            transition: transform 0.3s ease;\n        }\n\n        .fec-btn-primary:hover i,\n        .fec-btn-secondary:hover i {\n            transform: translateX(5px);\n        }\n\n        \/* ========================================\n           Animaciones\n        ======================================== *\/\n        @keyframes fadeInUp {\n            from {\n                opacity: 0;\n                transform: translateY(30px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n\n        [data-aos] {\n            opacity: 0;\n            transition: opacity 0.8s ease-out, transform 0.8s ease-out;\n        }\n\n        [data-aos=\"fade-up\"] {\n            transform: translateY(30px);\n        }\n\n        [data-aos=\"fade-down\"] {\n            transform: translateY(-30px);\n        }\n\n        [data-aos=\"fade-right\"] {\n            transform: translateX(-30px);\n        }\n\n        [data-aos=\"fade-left\"] {\n            transform: translateX(30px);\n        }\n\n        [data-aos=\"zoom-in\"] {\n            transform: scale(0.95);\n        }\n\n        \/* Trigger de animaci\u00f3n *\/\n        .aos-animate {\n            opacity: 1 !important;\n            transform: translateY(0) !important;\n            transform: translateX(0) !important;\n            transform: scale(1) !important;\n        }\n\n        \/* ========================================\n           Responsive Design\n        ======================================== *\/\n        \n        \/* Desktop grande *\/\n        @media (max-width: 1400px) {\n            .fec-section-title {\n                font-size: 3rem;\n            }\n        }\n\n        \/* Desktop *\/\n        @media (max-width: 1200px) {\n            .fec-section-title {\n                font-size: 2.8rem;\n            }\n            \n            .areas-grid {\n                grid-template-columns: repeat(2, 1fr);\n            }\n        }\n\n        \/* Tablet *\/\n        @media (max-width: 968px) {\n            .fec-quienes-somos-premium {\n                padding: 80px 0;\n            }\n            \n            .fec-container {\n                padding: 0 30px;\n            }\n            \n            .fec-section-title {\n                font-size: 2.5rem;\n            }\n            \n            .fec-stats-wrapper {\n                flex-direction: column;\n                gap: 30px;\n                padding: 40px 30px;\n            }\n            \n            .fec-divider-vertical {\n                display: none;\n            }\n            \n            .fec-mision-vision-grid {\n                grid-template-columns: 1fr;\n                gap: 30px;\n            }\n            \n            .fec-content-bloque {\n                padding: 40px 30px;\n            }\n            \n            .bloque-header {\n                flex-direction: column;\n                text-align: center;\n            }\n            \n            .areas-grid {\n                grid-template-columns: 1fr;\n            }\n            \n            .cta-content {\n                flex-direction: column;\n                text-align: center;\n            }\n            \n            .cta-buttons {\n                flex-direction: column;\n                width: 100%;\n            }\n            \n            .fec-btn-primary,\n            .fec-btn-secondary {\n                width: 100%;\n                justify-content: center;\n            }\n        }\n\n        \/* Tablet peque\u00f1a *\/\n        @media (max-width: 768px) {\n            .fec-section-title {\n                font-size: 2.2rem;\n            }\n            \n            .areas-title {\n                font-size: 2.2rem;\n            }\n            \n            .fec-cta-premium {\n                padding: 40px 30px;\n            }\n        }\n\n        \/* Mobile *\/\n        @media (max-width: 640px) {\n            .fec-quienes-somos-premium {\n                padding: 60px 0;\n                overflow-x: hidden;\n            }\n            \n            .fec-container {\n                padding: 0 15px;\n                max-width: 100%;\n            }\n            \n            .fec-section-badge {\n                padding: 10px 20px;\n                font-size: 0.85rem;\n                max-width: calc(100% - 30px);\n                white-space: nowrap;\n            }\n            \n            .fec-section-title {\n                font-size: 1.9rem;\n                letter-spacing: -0.5px;\n                word-wrap: break-word;\n            }\n            \n            .fec-intro-text {\n                font-size: 1rem;\n                padding: 0 5px;\n            }\n            \n            .fec-stats-wrapper {\n                padding: 25px 15px;\n                gap: 25px;\n                width: 100%;\n                overflow: visible;\n            }\n            \n            .fec-stat-item {\n                flex-direction: column;\n                text-align: center;\n                width: 100%;\n            }\n            \n            .stat-icon {\n                width: 60px;\n                height: 60px;\n            }\n            \n            .stat-icon i {\n                font-size: 1.5rem;\n            }\n            \n            .stat-content {\n                text-align: center;\n            }\n            \n            .stat-number {\n                font-size: 2rem;\n            }\n            \n            .stat-label {\n                font-size: 0.9rem;\n            }\n            \n            .fec-content-bloque {\n                padding: 25px 15px;\n                margin-bottom: 30px;\n            }\n            \n            .bloque-header {\n                gap: 15px;\n            }\n            \n            .bloque-icono {\n                width: 60px;\n                height: 60px;\n            }\n            \n            .bloque-icono i {\n                font-size: 1.8rem;\n            }\n            \n            .bloque-header-text h3 {\n                font-size: 1.5rem;\n            }\n            \n            .fecha-badge {\n                font-size: 0.75rem;\n                padding: 5px 12px;\n            }\n            \n            .bloque-contenido p {\n                font-size: 1rem;\n            }\n            \n            .fec-mision-vision-grid {\n                gap: 20px;\n            }\n            \n            .fec-card-premium {\n                padding: 30px 20px;\n            }\n            \n            .card-icono {\n                width: 65px;\n                height: 65px;\n            }\n            \n            .card-icono i {\n                font-size: 1.8rem;\n            }\n            \n            .card-title {\n                font-size: 1.4rem;\n            }\n            \n            .card-description {\n                font-size: 1rem;\n            }\n            \n            .card-list li {\n                font-size: 0.95rem;\n                padding: 10px 0;\n            }\n            \n            .areas-grid {\n                gap: 20px;\n            }\n            \n            .area-card {\n                padding: 25px 15px;\n            }\n            \n            .area-icon {\n                width: 60px;\n                height: 60px;\n            }\n            \n            .area-icon i {\n                font-size: 2rem;\n            }\n            \n            .area-card h4 {\n                font-size: 1.2rem;\n            }\n            \n            .area-card p {\n                font-size: 0.95rem;\n            }\n            \n            .fec-cta-premium {\n                padding: 35px 20px;\n            }\n            \n            .fec-cta-premium::before {\n                width: 300px;\n                height: 300px;\n            }\n            \n            .cta-icon {\n                width: 70px;\n                height: 70px;\n            }\n            \n            .cta-icon i {\n                font-size: 2rem;\n            }\n            \n            .cta-text h3 {\n                font-size: 1.6rem;\n            }\n            \n            .cta-text p {\n                font-size: 1rem;\n            }\n            \n            .cta-buttons {\n                gap: 15px;\n            }\n            \n            .fec-btn-primary,\n            .fec-btn-secondary {\n                padding: 14px 25px;\n                font-size: 0.9rem;\n                gap: 10px;\n            }\n        }\n\n        \/* Mobile peque\u00f1o *\/\n        @media (max-width: 480px) {\n            .fec-container {\n                padding: 0 12px;\n            }\n            \n            .fec-section-title {\n                font-size: 1.6rem;\n            }\n            \n            .fec-intro-text {\n                font-size: 0.95rem;\n            }\n            \n            .fec-stats-wrapper {\n                padding: 20px 12px;\n            }\n            \n            .stat-number {\n                font-size: 1.8rem;\n            }\n            \n            .areas-title {\n                font-size: 1.7rem;\n            }\n            \n            .fec-content-bloque {\n                padding: 20px 12px;\n            }\n            \n            .fec-card-premium {\n                padding: 25px 15px;\n            }\n            \n            .area-card {\n                padding: 20px 12px;\n            }\n            \n            .fec-cta-premium {\n                padding: 30px 15px;\n            }\n            \n            .cta-text h3 {\n                font-size: 1.4rem;\n            }\n            \n            .fec-btn-primary,\n            .fec-btn-secondary {\n                padding: 12px 20px;\n                font-size: 0.85rem;\n            }\n        }\n        \n        \/* Mobile extra peque\u00f1o *\/\n        @media (max-width: 360px) {\n            .fec-container {\n                padding: 0 10px;\n            }\n            \n            .fec-section-badge {\n                padding: 8px 16px;\n                font-size: 0.8rem;\n            }\n            \n            .badge-icon {\n                font-size: 1rem;\n            }\n            \n            .fec-section-title {\n                font-size: 1.4rem;\n            }\n            \n            .fec-stats-wrapper {\n                padding: 15px 10px;\n            }\n            \n            .stat-icon {\n                width: 50px;\n                height: 50px;\n            }\n            \n            .stat-icon i {\n                font-size: 1.3rem;\n            }\n            \n            .stat-number {\n                font-size: 1.6rem;\n            }\n            \n            .bloque-icono {\n                width: 50px;\n                height: 50px;\n            }\n            \n            .bloque-icono i {\n                font-size: 1.5rem;\n            }\n            \n            .card-icono {\n                width: 55px;\n                height: 55px;\n            }\n            \n            .area-icon {\n                width: 55px;\n                height: 55px;\n            }\n        }\n\n        \/* Accesibilidad: Respeto a preferencias de movimiento reducido *\/\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        \/* Focus States para accesibilidad de teclado *\/\n        .fec-btn-primary:focus-visible,\n        .fec-btn-secondary:focus-visible {\n            outline: 3px solid var(--fec-primary);\n            outline-offset: 4px;\n        }\n\n.badge-text {\n    color: #090d3a !important;\n\n}\n    <\/style>\n\n    <script>\n    \/\/ ========================================\n    \/\/ Animaci\u00f3n de N\u00fameros (Counter)\n    \/\/ ========================================\n    document.addEventListener('DOMContentLoaded', function() {\n        const animateNumber = (element) => {\n            const text = element.textContent;\n            const hasPlus = text.includes(\"+\");\n            const target = parseInt(text.replace(\"+\", \"\"));\n            const duration = 2000;\n            const increment = target \/ (duration \/ 16);\n            let current = 0;\n            \n            const timer = setInterval(() => {\n                current += increment;\n                if (current >= target) {\n                    element.textContent = target + (hasPlus ? \"+\" : \"\");\n                    clearInterval(timer);\n                } else {\n                    element.textContent = Math.floor(current) + (hasPlus ? \"+\" : \"\");\n                }\n            }, 16);\n        };\n\n        \/\/ IntersectionObserver para animaciones al scroll\n        const observer = new IntersectionObserver((entries) => {\n            entries.forEach(entry => {\n                if (entry.isIntersecting) {\n                    entry.target.classList.add('aos-animate');\n                    \n                    \/\/ Animar n\u00fameros de estad\u00edsticas\n                    if (entry.target.querySelector('.stat-number')) {\n                        const statNumbers = entry.target.querySelectorAll('.stat-number');\n                        statNumbers.forEach(stat => {\n                            if (!stat.classList.contains('animated')) {\n                                animateNumber(stat);\n                                stat.classList.add('animated');\n                            }\n                        });\n                    }\n                }\n            });\n        }, { threshold: 0.2 });\n\n        \/\/ Observar todos los elementos con data-aos\n        document.querySelectorAll('[data-aos]').forEach(element => {\n            observer.observe(element);\n        });\n    });\n    <\/script>\n\n    \n\n\n    <style>\n        .fec-socios-section {\n            background: linear-gradient(135deg, var(--fec-accent) 0%, var(--fec-secondary) 100%);\n            padding: 100px 0;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .fec-socios-section::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: \n                radial-gradient(circle at 30% 30%, rgba(154, 178, 54, 0.08) 0%, transparent 60%),\n                radial-gradient(circle at 70% 70%, rgba(21, 98, 144, 0.08) 0%, transparent 60%);\n        }\n\n        .fec-socios-container {\n            position: relative;\n            z-index: 2;\n            max-width: 1400px;\n            margin: 0 auto;\n            padding: 0 40px;\n        }\n\n        .fec-socios-header {\n            text-align: center;\n            margin-bottom: 60px;\n        }\n\n        .fec-socios-badge {\n            display: inline-flex;\n            align-items: center;\n            gap: 12px;\n            padding: 12px 30px;\n            background: rgba(255, 255, 255, 0.1);\n            backdrop-filter: blur(10px);\n            border: 2px solid rgba(154, 178, 54, 0.3);\n            border-radius: 100px;\n            font-family: 'Montserrat', sans-serif;\n            margin-bottom: 24px;\n        }\n\n        .fec-socios-badge i {\n            color: var(--fec-primary);\n            font-size: 1.1rem;\n        }\n\n        .fec-socios-badge span {\n            color: #ffffff;\n            font-size: 0.9rem;\n            font-weight: 600;\n            letter-spacing: 0.5px;\n        }\n\n        .fec-socios-title {\n            font-family: 'Poppins', sans-serif;\n            font-size: clamp(2.2rem, 4vw, 3.2rem);\n            font-weight: 700;\n            color: #ffffff;\n            margin: 0 0 16px 0;\n            letter-spacing: -0.5px;\n            line-height: 1.2;\n        }\n\n        .fec-socios-title .highlight {\n            color: var(--fec-primary);\n        }\n\n        .fec-socios-subtitle {\n            font-family: 'Raleway', sans-serif;\n            font-size: 1.25rem;\n            font-weight: 400;\n            color: rgba(255, 255, 255, 0.85);\n            margin: 0;\n            letter-spacing: 0.3px;\n            line-height: 1.6;\n            max-width: 700px;\n            margin: 0 auto;\n        }\n\n        .fec-socios-carousel {\n            position: relative;\n            overflow: hidden;\n            padding: 40px 0;\n            mask: linear-gradient(90deg, transparent 0%, black 8%, black 92%, transparent 100%);\n            -webkit-mask: linear-gradient(90deg, transparent 0%, black 8%, black 92%, transparent 100%);\n        }\n\n        .socios-track {\n            display: flex;\n            gap: 50px;\n            width: max-content;\n            animation: smoothScroll 90s linear infinite;\n        }\n\n        .socio-item {\n            background: rgba(255, 255, 255, 0.05);\n            border-radius: 16px;\n            border: 2px solid rgba(255, 255, 255, 0.1);\n            backdrop-filter: blur(10px);\n            transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);\n            min-width: 200px;\n            height: 100px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            padding: 24px;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .socio-item::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: -100%;\n            width: 100%;\n            height: 100%;\n            background: linear-gradient(\n                90deg,\n                transparent,\n                rgba(154, 178, 54, 0.1),\n                transparent\n            );\n            transition: left 0.6s ease;\n        }\n\n        .socio-item:hover::before {\n            left: 100%;\n        }\n\n        .socio-item:hover {\n            transform: translateY(-6px);\n            background: rgba(255, 255, 255, 0.1);\n            border-color: var(--fec-primary);\n            box-shadow: \n                0 12px 35px rgba(0, 0, 0, 0.2),\n                0 0 0 1px rgba(154, 178, 54, 0.2) inset;\n        }\n\n        .socio-item img {\n            max-height: 60px;\n            width: auto;\n            max-width: 160px;\n            object-fit: contain;\n            filter: brightness(0) invert(1) opacity(0.85);\n            transition: all 0.4s ease;\n            position: relative;\n            z-index: 2;\n        }\n\n        .socio-item:hover img {\n            filter: brightness(0) invert(1) opacity(1);\n            transform: scale(1.08);\n        }\n\n        @keyframes smoothScroll {\n            from { transform: translateX(0); }\n            to { transform: translateX(-50%); }\n        }\n\n        \/* Responsive *\/\n        @media (max-width: 968px) {\n            .fec-socios-section {\n                padding: 80px 0;\n            }\n\n            .fec-socios-container {\n                padding: 0 30px;\n            }\n\n            .fec-socios-header {\n                margin-bottom: 50px;\n            }\n\n            .fec-socios-subtitle {\n                font-size: 1.15rem;\n            }\n\n            .socios-track {\n                gap: 40px;\n                animation-duration: 70s;\n            }\n\n            .socio-item {\n                min-width: 170px;\n                height: 85px;\n                padding: 20px;\n            }\n\n            .socio-item img {\n                max-height: 50px;\n                max-width: 140px;\n            }\n        }\n\n        @media (max-width: 640px) {\n            .fec-socios-section {\n                padding: 60px 0;\n            }\n\n            .fec-socios-container {\n                padding: 0 20px;\n            }\n\n            .fec-socios-badge {\n                padding: 10px 24px;\n                font-size: 0.85rem;\n            }\n\n            .fec-socios-subtitle {\n                font-size: 1rem;\n            }\n\n            .socios-track {\n                gap: 30px;\n                animation-duration: 60s;\n            }\n\n            .socio-item {\n                min-width: 150px;\n                height: 75px;\n                padding: 16px;\n            }\n\n            .socio-item img {\n                max-height: 45px;\n                max-width: 120px;\n            }\n        }\n\n        @media (prefers-reduced-motion: reduce) {\n            .socios-track {\n                animation-duration: 180s;\n            }\n        }\n    <\/style>\n\n    <section class=\"fec-socios-section\">\n        <div class=\"fec-socios-container\">\n            <div class=\"fec-socios-header\">\n                <div class=\"fec-socios-badge\">\n                    <i class=\"fas fa-handshake\"><\/i>\n                    <span>Alianzas Estrat\u00e9gicas<\/span>\n                <\/div>\n                \n                <h2 class=\"fec-socios-title\">\n                    Nuestros <span class=\"highlight\">Socios Estrat\u00e9gicos<\/span>\n                <\/h2>\n                \n                <p class=\"fec-socios-subtitle\">\n                    Trabajamos junto a instituciones y organizaciones clave para fortalecer el desarrollo econ\u00f3mico de Catamarca\n                <\/p>\n            <\/div>\n\n            <div class=\"fec-socios-carousel\">\n                <div class=\"socios-track\">\n                    <div class=\"socio-item\"><img decoding=\"async\" src=\"https:\/\/federacioneconomicacatamarca.com.ar\/fec\/wp-content\/uploads\/2025\/11\/asociacion-hoteles.png\" alt=\"asociacion-hoteles\" loading=\"lazy\"><\/div><div class=\"socio-item\"><img decoding=\"async\" src=\"https:\/\/federacioneconomicacatamarca.com.ar\/fec\/wp-content\/uploads\/2025\/11\/Apas.png\" alt=\"Apas\" loading=\"lazy\"><\/div><div class=\"socio-item\"><img decoding=\"async\" src=\"https:\/\/federacioneconomicacatamarca.com.ar\/fec\/wp-content\/uploads\/2025\/11\/logo-camara-economica-.png\" alt=\"logo-camara-economica-\" loading=\"lazy\"><\/div><div class=\"socio-item\"><img decoding=\"async\" src=\"https:\/\/federacioneconomicacatamarca.com.ar\/fec\/wp-content\/uploads\/2025\/11\/LOGO-CAMARA-CMYK.png\" alt=\"LOGO-CAMARA-CMYK\" loading=\"lazy\"><\/div><div class=\"socio-item\"><img decoding=\"async\" src=\"https:\/\/federacioneconomicacatamarca.com.ar\/fec\/wp-content\/uploads\/2025\/11\/image.png\" alt=\"image\" loading=\"lazy\"><\/div><div class=\"socio-item\"><img decoding=\"async\" src=\"https:\/\/federacioneconomicacatamarca.com.ar\/fec\/wp-content\/uploads\/2025\/11\/casemica.png\" alt=\"casemica\" loading=\"lazy\"><\/div><div class=\"socio-item\"><img decoding=\"async\" src=\"https:\/\/federacioneconomicacatamarca.com.ar\/fec\/wp-content\/uploads\/2025\/11\/canar-turimos-fiambala.png\" alt=\"canar-turimos-fiambala\" loading=\"lazy\"><\/div><div class=\"socio-item\"><img decoding=\"async\" src=\"https:\/\/federacioneconomicacatamarca.com.ar\/fec\/wp-content\/uploads\/2025\/11\/camara-economica-belen.png\" alt=\"camara-economica-belen\" loading=\"lazy\"><\/div><div class=\"socio-item\"><img decoding=\"async\" src=\"https:\/\/federacioneconomicacatamarca.com.ar\/fec\/wp-content\/uploads\/2025\/11\/camara-de-farmacias-1@3x-00.png\" alt=\"camara-de-farmacias-1@3x-00\" loading=\"lazy\"><\/div><div class=\"socio-item\"><img decoding=\"async\" src=\"https:\/\/federacioneconomicacatamarca.com.ar\/fec\/wp-content\/uploads\/2025\/11\/asociacion-hoteles.png\" alt=\"asociacion-hoteles\" loading=\"lazy\"><\/div><div class=\"socio-item\"><img decoding=\"async\" src=\"https:\/\/federacioneconomicacatamarca.com.ar\/fec\/wp-content\/uploads\/2025\/11\/Apas.png\" alt=\"Apas\" loading=\"lazy\"><\/div><div class=\"socio-item\"><img decoding=\"async\" src=\"https:\/\/federacioneconomicacatamarca.com.ar\/fec\/wp-content\/uploads\/2025\/11\/logo-camara-economica-.png\" alt=\"logo-camara-economica-\" loading=\"lazy\"><\/div><div class=\"socio-item\"><img decoding=\"async\" src=\"https:\/\/federacioneconomicacatamarca.com.ar\/fec\/wp-content\/uploads\/2025\/11\/LOGO-CAMARA-CMYK.png\" alt=\"LOGO-CAMARA-CMYK\" loading=\"lazy\"><\/div><div class=\"socio-item\"><img decoding=\"async\" src=\"https:\/\/federacioneconomicacatamarca.com.ar\/fec\/wp-content\/uploads\/2025\/11\/image.png\" alt=\"image\" loading=\"lazy\"><\/div><div class=\"socio-item\"><img decoding=\"async\" src=\"https:\/\/federacioneconomicacatamarca.com.ar\/fec\/wp-content\/uploads\/2025\/11\/casemica.png\" alt=\"casemica\" loading=\"lazy\"><\/div><div class=\"socio-item\"><img decoding=\"async\" src=\"https:\/\/federacioneconomicacatamarca.com.ar\/fec\/wp-content\/uploads\/2025\/11\/canar-turimos-fiambala.png\" alt=\"canar-turimos-fiambala\" loading=\"lazy\"><\/div><div class=\"socio-item\"><img decoding=\"async\" src=\"https:\/\/federacioneconomicacatamarca.com.ar\/fec\/wp-content\/uploads\/2025\/11\/camara-economica-belen.png\" alt=\"camara-economica-belen\" loading=\"lazy\"><\/div><div class=\"socio-item\"><img decoding=\"async\" src=\"https:\/\/federacioneconomicacatamarca.com.ar\/fec\/wp-content\/uploads\/2025\/11\/camara-de-farmacias-1@3x-00.png\" alt=\"camara-de-farmacias-1@3x-00\" loading=\"lazy\"><\/div><div class=\"socio-item\"><img decoding=\"async\" src=\"https:\/\/federacioneconomicacatamarca.com.ar\/fec\/wp-content\/uploads\/2025\/11\/asociacion-hoteles.png\" alt=\"asociacion-hoteles\" loading=\"lazy\"><\/div><div class=\"socio-item\"><img decoding=\"async\" src=\"https:\/\/federacioneconomicacatamarca.com.ar\/fec\/wp-content\/uploads\/2025\/11\/Apas.png\" alt=\"Apas\" loading=\"lazy\"><\/div><div class=\"socio-item\"><img decoding=\"async\" src=\"https:\/\/federacioneconomicacatamarca.com.ar\/fec\/wp-content\/uploads\/2025\/11\/logo-camara-economica-.png\" alt=\"logo-camara-economica-\" loading=\"lazy\"><\/div><div class=\"socio-item\"><img decoding=\"async\" src=\"https:\/\/federacioneconomicacatamarca.com.ar\/fec\/wp-content\/uploads\/2025\/11\/LOGO-CAMARA-CMYK.png\" alt=\"LOGO-CAMARA-CMYK\" loading=\"lazy\"><\/div><div class=\"socio-item\"><img decoding=\"async\" src=\"https:\/\/federacioneconomicacatamarca.com.ar\/fec\/wp-content\/uploads\/2025\/11\/image.png\" alt=\"image\" loading=\"lazy\"><\/div><div class=\"socio-item\"><img decoding=\"async\" src=\"https:\/\/federacioneconomicacatamarca.com.ar\/fec\/wp-content\/uploads\/2025\/11\/casemica.png\" alt=\"casemica\" loading=\"lazy\"><\/div><div class=\"socio-item\"><img decoding=\"async\" src=\"https:\/\/federacioneconomicacatamarca.com.ar\/fec\/wp-content\/uploads\/2025\/11\/canar-turimos-fiambala.png\" alt=\"canar-turimos-fiambala\" loading=\"lazy\"><\/div><div class=\"socio-item\"><img decoding=\"async\" src=\"https:\/\/federacioneconomicacatamarca.com.ar\/fec\/wp-content\/uploads\/2025\/11\/camara-economica-belen.png\" alt=\"camara-economica-belen\" loading=\"lazy\"><\/div><div class=\"socio-item\"><img decoding=\"async\" src=\"https:\/\/federacioneconomicacatamarca.com.ar\/fec\/wp-content\/uploads\/2025\/11\/camara-de-farmacias-1@3x-00.png\" alt=\"camara-de-farmacias-1@3x-00\" loading=\"lazy\"><\/div><div class=\"socio-item\"><img decoding=\"async\" src=\"https:\/\/federacioneconomicacatamarca.com.ar\/fec\/wp-content\/uploads\/2025\/11\/asociacion-hoteles.png\" alt=\"asociacion-hoteles\" loading=\"lazy\"><\/div><div class=\"socio-item\"><img decoding=\"async\" src=\"https:\/\/federacioneconomicacatamarca.com.ar\/fec\/wp-content\/uploads\/2025\/11\/Apas.png\" alt=\"Apas\" loading=\"lazy\"><\/div><div class=\"socio-item\"><img decoding=\"async\" src=\"https:\/\/federacioneconomicacatamarca.com.ar\/fec\/wp-content\/uploads\/2025\/11\/logo-camara-economica-.png\" alt=\"logo-camara-economica-\" loading=\"lazy\"><\/div><div class=\"socio-item\"><img decoding=\"async\" src=\"https:\/\/federacioneconomicacatamarca.com.ar\/fec\/wp-content\/uploads\/2025\/11\/LOGO-CAMARA-CMYK.png\" alt=\"LOGO-CAMARA-CMYK\" loading=\"lazy\"><\/div><div class=\"socio-item\"><img decoding=\"async\" src=\"https:\/\/federacioneconomicacatamarca.com.ar\/fec\/wp-content\/uploads\/2025\/11\/image.png\" alt=\"image\" loading=\"lazy\"><\/div><div class=\"socio-item\"><img decoding=\"async\" src=\"https:\/\/federacioneconomicacatamarca.com.ar\/fec\/wp-content\/uploads\/2025\/11\/casemica.png\" alt=\"casemica\" loading=\"lazy\"><\/div><div class=\"socio-item\"><img decoding=\"async\" src=\"https:\/\/federacioneconomicacatamarca.com.ar\/fec\/wp-content\/uploads\/2025\/11\/canar-turimos-fiambala.png\" alt=\"canar-turimos-fiambala\" loading=\"lazy\"><\/div><div class=\"socio-item\"><img decoding=\"async\" src=\"https:\/\/federacioneconomicacatamarca.com.ar\/fec\/wp-content\/uploads\/2025\/11\/camara-economica-belen.png\" alt=\"camara-economica-belen\" loading=\"lazy\"><\/div><div class=\"socio-item\"><img decoding=\"async\" src=\"https:\/\/federacioneconomicacatamarca.com.ar\/fec\/wp-content\/uploads\/2025\/11\/camara-de-farmacias-1@3x-00.png\" alt=\"camara-de-farmacias-1@3x-00\" loading=\"lazy\"><\/div>                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n    \n\n\n    <style>\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;600;700;800&family=Montserrat:wght@400;500;600;700&family=Raleway:wght@300;400;500;600&display=swap');\n        @import url('https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css');\n        \n        :root {\n            --fec-primary: #9ab236;\n            --fec-secondary: #156290;\n            --fec-accent: #090d3a;\n            --fec-gray: #434142;\n            --fec-white: #ffffff;\n            --fec-gray-light: #f4f4f4;\n            --fec-gray-medium: #666666;\n            --font-heading: 'Poppins', sans-serif;\n            --font-body: 'Raleway', sans-serif;\n            --font-accent: 'Montserrat', sans-serif;\n        }\n\n        .fec-contacto {\n            background: var(--fec-white);\n            padding: 100px 0;\n            position: relative;\n        }\n\n        .fec-contacto-container {\n            max-width: 1400px;\n            margin: 0 auto;\n            padding: 0 40px;\n        }\n\n        \/* Badge de secci\u00f3n *\/\n        .fec-section-badge {\n            display: inline-flex;\n            align-items: center;\n            gap: 15px;\n            padding: 12px 30px;\n            background: rgba(154, 178, 54, 0.1);\n            backdrop-filter: blur(10px);\n            border: 2px solid rgba(154, 178, 54, 0.3);\n            border-radius: 100px;\n            font-family: var(--font-accent);\n            margin-bottom: 30px;\n        }\n\n        .fec-badge-icon {\n            color: var(--fec-primary);\n            font-size: 1.2rem;\n        }\n\n        .fec-badge-text {\n            color: var(--fec-accent);\n            font-size: 0.9rem;\n            font-weight: 600;\n            letter-spacing: 0.5px;\n            text-transform: uppercase;\n        }\n\n        \/* Encabezado de secci\u00f3n *\/\n        .fec-contacto-header {\n            text-align: center;\n            margin-bottom: 60px;\n        }\n\n        .fec-contacto-title {\n            font-family: var(--font-heading);\n            font-size: clamp(2.5rem, 5vw, 3.5rem);\n            font-weight: 700;\n            color: var(--fec-accent);\n            margin-bottom: 20px;\n            line-height: 1.2;\n        }\n\n        .fec-contacto-title .highlight {\n            color: var(--fec-primary);\n        }\n\n        .fec-contacto-subtitle {\n            font-family: var(--font-body);\n            font-size: 1.25rem;\n            font-weight: 400;\n            line-height: 1.7;\n            color: var(--fec-gray-medium);\n            max-width: 800px;\n            margin: 0 auto;\n        }\n\n        \/* Grid principal *\/\n        .fec-contacto-grid {\n            display: grid;\n            grid-template-columns: 1fr 1.2fr;\n            gap: 50px;\n            margin-top: 60px;\n            margin-bottom: 60px;\n        }\n\n        \/* Informaci\u00f3n de contacto *\/\n        .fec-contacto-info {\n            background: var(--fec-gray-light);\n            padding: 45px;\n            border-radius: 16px;\n            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);\n            height: fit-content;\n        }\n\n        .fec-info-title {\n            font-family: var(--font-heading);\n            font-size: 1.8rem;\n            font-weight: 700;\n            color: var(--fec-accent);\n            margin-bottom: 35px;\n            display: flex;\n            align-items: center;\n            gap: 12px;\n        }\n\n        .fec-info-title i {\n            color: var(--fec-primary);\n            font-size: 1.6rem;\n        }\n\n        .fec-info-item {\n            margin-bottom: 25px;\n            padding: 25px;\n            background: var(--fec-white);\n            border-radius: 12px;\n            border-left: 4px solid var(--fec-primary);\n            transition: all 0.3s ease;\n        }\n\n        .fec-info-item:hover {\n            transform: translateX(5px);\n            box-shadow: 0 8px 25px rgba(154, 178, 54, 0.15);\n        }\n\n        .fec-info-item:last-child {\n            margin-bottom: 0;\n        }\n\n        .fec-info-label {\n            font-family: var(--font-accent);\n            font-size: 0.85rem;\n            font-weight: 700;\n            color: var(--fec-primary);\n            text-transform: uppercase;\n            letter-spacing: 1px;\n            margin-bottom: 10px;\n            display: flex;\n            align-items: center;\n            gap: 8px;\n        }\n\n        .fec-info-label i {\n            font-size: 1rem;\n        }\n\n        .fec-info-value {\n            font-family: var(--font-body);\n            font-size: 1.05rem;\n            color: var(--fec-accent);\n            line-height: 1.7;\n            font-weight: 500;\n        }\n\n        .fec-info-value a {\n            color: var(--fec-accent);\n            text-decoration: none;\n            transition: all 0.3s ease;\n            display: inline-flex;\n            align-items: center;\n            gap: 8px;\n        }\n\n        .fec-info-value a:hover {\n            color: var(--fec-primary);\n        }\n\n        \/* Contenedor del Mapa *\/\n        .fec-map-section {\n            margin-top: 60px;\n            padding-top: 60px;\n            border-top: 2px solid rgba(154, 178, 54, 0.2);\n        }\n\n        .fec-map-header {\n            text-align: center;\n            margin-bottom: 40px;\n        }\n\n        .fec-map-title {\n            font-family: var(--font-heading);\n            font-size: 2.5rem;\n            font-weight: 700;\n            color: var(--fec-accent);\n            margin-bottom: 15px;\n        }\n\n        .fec-map-title .highlight {\n            color: var(--fec-primary);\n        }\n\n        .fec-map-subtitle {\n            font-family: var(--font-body);\n            font-size: 1.1rem;\n            color: var(--fec-gray-medium);\n            line-height: 1.6;\n        }\n\n        .fec-map-wrapper {\n            max-width: 1200px;\n            margin: 0 auto;\n        }\n\n        .fec-map-container {\n            position: relative;\n            border-radius: 20px;\n            overflow: hidden;\n            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);\n            border: 3px solid var(--fec-primary);\n            background: var(--fec-white);\n            transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);\n        }\n\n        .fec-map-container:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 25px 70px rgba(154, 178, 54, 0.25);\n        }\n\n        .fec-google-map {\n            width: 100%;\n            height: 500px;\n            border: none;\n            display: block;\n        }\n\n        .fec-map-footer {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            padding: 25px 35px;\n            background: linear-gradient(135deg, \n                rgba(9, 13, 58, 0.95) 0%,\n                rgba(21, 98, 144, 0.9) 100%\n            );\n            gap: 20px;\n        }\n\n        .fec-map-address {\n            flex: 1;\n        }\n\n        .fec-map-address-title {\n            font-family: var(--font-accent);\n            font-size: 0.85rem;\n            font-weight: 700;\n            color: var(--fec-primary);\n            text-transform: uppercase;\n            letter-spacing: 1px;\n            margin-bottom: 8px;\n            display: flex;\n            align-items: center;\n            gap: 8px;\n        }\n\n        .fec-map-address-text {\n            font-family: var(--font-body);\n            font-size: 1rem;\n            color: var(--fec-white);\n            line-height: 1.6;\n            font-weight: 500;\n        }\n\n        .fec-map-link {\n            display: inline-flex;\n            align-items: center;\n            gap: 10px;\n            background: var(--fec-primary);\n            color: var(--fec-accent);\n            padding: 16px 32px;\n            border-radius: 8px;\n            text-decoration: none;\n            font-family: var(--font-accent);\n            font-weight: 700;\n            font-size: 0.95rem;\n            transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);\n            box-shadow: 0 10px 30px rgba(154, 178, 54, 0.4);\n            white-space: nowrap;\n        }\n\n        .fec-map-link:hover {\n            transform: translateY(-3px);\n            box-shadow: 0 15px 40px rgba(154, 178, 54, 0.6);\n            background: #86a030;\n        }\n\n        .fec-map-link i {\n            font-size: 1.1rem;\n            transition: transform 0.3s ease;\n        }\n\n        .fec-map-link:hover i {\n            transform: translateX(5px);\n        }\n\n        \/* Formulario de contacto *\/\n        .fec-contacto-form {\n            background: linear-gradient(135deg, \n                rgba(9, 13, 58, 0.95) 0%,\n                rgba(21, 98, 144, 0.9) 100%\n            );\n            padding: 50px;\n            border-radius: 16px;\n            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);\n        }\n\n        .fec-form-title {\n            font-family: var(--font-heading);\n            font-size: 2rem;\n            font-weight: 700;\n            color: var(--fec-white);\n            margin-bottom: 10px;\n        }\n\n        .fec-form-subtitle {\n            font-family: var(--font-body);\n            font-size: 1rem;\n            color: rgba(255, 255, 255, 0.8);\n            margin-bottom: 35px;\n        }\n\n        .fec-form-group {\n            margin-bottom: 24px;\n        }\n\n        .fec-form-label {\n            display: block;\n            font-family: var(--font-accent);\n            font-weight: 600;\n            font-size: 0.9rem;\n            margin-bottom: 10px;\n            color: var(--fec-white);\n            letter-spacing: 0.5px;\n        }\n\n        .fec-form-input,\n        .fec-form-textarea {\n            width: 100%;\n            padding: 16px;\n            border: 2px solid rgba(255, 255, 255, 0.2);\n            background: rgba(255, 255, 255, 0.1);\n            backdrop-filter: blur(10px);\n            border-radius: 8px;\n            font-family: var(--font-body);\n            font-size: 1rem;\n            color: var(--fec-white);\n            transition: all 0.3s ease;\n            box-sizing: border-box;\n        }\n\n        .fec-form-input::placeholder,\n        .fec-form-textarea::placeholder {\n            color: rgba(255, 255, 255, 0.5);\n        }\n\n        .fec-form-input:focus,\n        .fec-form-textarea:focus {\n            border-color: var(--fec-primary);\n            background: rgba(255, 255, 255, 0.15);\n            box-shadow: 0 0 0 3px rgba(154, 178, 54, 0.2);\n            outline: none;\n        }\n\n        .fec-form-textarea {\n            min-height: 150px;\n            resize: vertical;\n        }\n\n        .fec-form-button {\n            display: inline-flex;\n            align-items: center;\n            gap: 12px;\n            padding: 18px 40px;\n            background: var(--fec-primary);\n            color: var(--fec-accent);\n            border: 2px solid transparent;\n            border-radius: 8px;\n            font-family: var(--font-accent);\n            font-size: 1rem;\n            font-weight: 600;\n            letter-spacing: 0.3px;\n            cursor: pointer;\n            transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);\n            box-shadow: 0 10px 40px rgba(154, 178, 54, 0.3);\n            width: 100%;\n            justify-content: center;\n        }\n\n        .fec-form-button:hover:not(:disabled) {\n            transform: translateY(-3px);\n            box-shadow: 0 15px 50px rgba(154, 178, 54, 0.5);\n        }\n\n        .fec-form-button:disabled {\n            background: rgba(255, 255, 255, 0.3);\n            cursor: not-allowed;\n            transform: none;\n            color: rgba(255, 255, 255, 0.6);\n        }\n\n        .fec-form-button i {\n            transition: transform 0.3s ease;\n        }\n\n        .fec-form-button:hover:not(:disabled) i {\n            transform: translateX(5px);\n        }\n\n        \/* Mensajes de estado *\/\n        .fec-contact-message {\n            padding: 18px;\n            border-radius: 8px;\n            margin-bottom: 25px;\n            text-align: center;\n            font-family: var(--font-accent);\n            font-weight: 600;\n            display: none;\n            animation: slideDown 0.3s ease-out;\n        }\n\n        @keyframes slideDown {\n            from {\n                opacity: 0;\n                transform: translateY(-10px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n\n        .fec-contact-success {\n            background: var(--fec-primary);\n            color: var(--fec-accent);\n        }\n\n        .fec-contact-error {\n            background: #dc3545;\n            color: white;\n        }\n\n        .fec-spinner {\n            display: none;\n            width: 20px;\n            height: 20px;\n            border: 2px solid var(--fec-accent);\n            border-top: 2px solid transparent;\n            border-radius: 50%;\n            animation: spin 1s linear infinite;\n        }\n\n        @keyframes spin {\n            0% { transform: rotate(0deg); }\n            100% { transform: rotate(360deg); }\n        }\n\n        \/* Horario de atenci\u00f3n *\/\n        .fec-schedule {\n            background: linear-gradient(135deg,\n                rgba(154, 178, 54, 0.1) 0%,\n                rgba(21, 98, 144, 0.05) 100%\n            );\n            padding: 25px;\n            border-radius: 12px;\n            margin-top: 25px;\n            border: 2px solid rgba(154, 178, 54, 0.3);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .fec-schedule::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 4px;\n            height: 100%;\n            background: linear-gradient(to bottom, var(--fec-primary), var(--fec-secondary));\n        }\n\n        .fec-schedule-title {\n            font-family: var(--font-accent);\n            font-size: 0.85rem;\n            font-weight: 700;\n            color: var(--fec-primary);\n            text-transform: uppercase;\n            letter-spacing: 1px;\n            margin-bottom: 12px;\n            display: flex;\n            align-items: center;\n            gap: 8px;\n        }\n\n        .fec-schedule-title i {\n            font-size: 1rem;\n        }\n\n        .fec-schedule-text {\n            font-family: var(--font-body);\n            font-size: 1rem;\n            color: var(--fec-accent);\n            line-height: 1.6;\n            font-weight: 500;\n        }\n\n        .fec-schedule-text strong {\n            color: var(--fec-primary);\n            font-weight: 700;\n        }\n\n        \/* Responsive *\/\n        @media (max-width: 1200px) {\n            .fec-contacto-grid {\n                grid-template-columns: 1fr;\n                gap: 40px;\n            }\n\n            .fec-map-title {\n                font-size: 2.2rem;\n            }\n        }\n\n        @media (max-width: 968px) {\n            .fec-contacto {\n                padding: 80px 0;\n            }\n\n            .fec-contacto-container {\n                padding: 0 30px;\n            }\n\n            .fec-contacto-info,\n            .fec-contacto-form {\n                padding: 40px;\n            }\n\n            .fec-contacto-title {\n                font-size: 2.5rem;\n            }\n\n            .fec-contacto-subtitle {\n                font-size: 1.1rem;\n            }\n\n            .fec-map-section {\n                margin-top: 50px;\n                padding-top: 50px;\n            }\n\n            .fec-map-title {\n                font-size: 2rem;\n            }\n\n            .fec-google-map {\n                height: 400px;\n            }\n\n            .fec-map-footer {\n                flex-direction: column;\n                align-items: flex-start;\n                padding: 25px;\n            }\n\n            .fec-map-link {\n                width: 100%;\n                justify-content: center;\n            }\n        }\n\n        @media (max-width: 640px) {\n            .fec-contacto {\n                padding: 60px 0;\n            }\n\n            .fec-contacto-container {\n                padding: 0 20px;\n            }\n\n            .fec-contacto-info,\n            .fec-contacto-form {\n                padding: 30px 25px;\n            }\n\n            .fec-contacto-title {\n                font-size: 1.8rem;\n            }\n\n            .fec-contacto-subtitle {\n                font-size: 1rem;\n            }\n\n            .fec-info-title {\n                font-size: 1.5rem;\n            }\n\n            .fec-info-item {\n                padding: 20px;\n            }\n\n            .fec-form-title {\n                font-size: 1.6rem;\n            }\n\n            .fec-form-button {\n                padding: 16px 30px;\n            }\n\n            .fec-map-section {\n                margin-top: 40px;\n                padding-top: 40px;\n            }\n\n            .fec-map-title {\n                font-size: 1.8rem;\n            }\n\n            .fec-map-subtitle {\n                font-size: 0.95rem;\n            }\n\n            .fec-google-map {\n                height: 300px;\n            }\n\n            .fec-map-footer {\n                padding: 20px;\n            }\n\n            .fec-map-address-text {\n                font-size: 0.9rem;\n            }\n\n            .fec-map-link {\n                padding: 14px 24px;\n                font-size: 0.9rem;\n            }\n\n            .fec-map-container {\n                border-radius: 12px;\n                border-width: 2px;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .fec-section-badge {\n                padding: 10px 20px;\n                font-size: 0.85rem;\n            }\n\n            .fec-contacto-title {\n                font-size: 1.6rem;\n            }\n\n            .fec-google-map {\n                height: 250px;\n            }\n        }\n    <\/style>\n\n    <section class=\"fec-contacto\" id=\"contacto\">\n        <div class=\"fec-contacto-container\">\n            <!-- Header de la secci\u00f3n -->\n            <div class=\"fec-contacto-header\">\n                <div class=\"fec-section-badge\">\n                    <i class=\"fas fa-envelope fec-badge-icon\"><\/i>\n                    <span class=\"fec-badge-text\">Contacto<\/span>\n                <\/div>\n                \n                <h2 class=\"fec-contacto-title\">\n                    Estamos aqu\u00ed para <span class=\"highlight\">ayudarte<\/span>\n                <\/h2>\n                \n                <p class=\"fec-contacto-subtitle\">\n                    Comunicate con nosotros y descubr\u00ed c\u00f3mo la Federaci\u00f3n Econ\u00f3mica de Catamarca puede impulsar el crecimiento de tu empresa.\n                <\/p>\n            <\/div>\n\n            <!-- Grid de contenido -->\n            <div class=\"fec-contacto-grid\">\n                <!-- Informaci\u00f3n de contacto -->\n                <div class=\"fec-contacto-info\">\n                    <h3 class=\"fec-info-title\">\n                        <i class=\"fas fa-info-circle\"><\/i>\n                        Informaci\u00f3n de Contacto\n                    <\/h3>\n\n                    <!-- Direcci\u00f3n -->\n                    <div class=\"fec-info-item\">\n                        <div class=\"fec-info-label\">\n                            <i class=\"fas fa-map-marker-alt\"><\/i>\n                            Direcci\u00f3n\n                        <\/div>\n                        <div class=\"fec-info-value\">\n                            Paseo Los Lapachos<br>\n                            Esqui\u00fa 861 Local 11<br>\n                            K4700 San Fernando del Valle de Catamarca<br>\n                            Provincia de Catamarca, Argentina\n                        <\/div>\n                    <\/div>\n\n                    <!-- Tel\u00e9fono -->\n                    <div class=\"fec-info-item\">\n                        <div class=\"fec-info-label\">\n                            <i class=\"fas fa-phone\"><\/i>\n                            Tel\u00e9fono\n                        <\/div>\n                        <div class=\"fec-info-value\">\n                            <a href=\"tel:03834984310\">\n                                <i class=\"fas fa-phone-alt\"><\/i>\n                                0383 498-4310\n                            <\/a>\n                        <\/div>\n                    <\/div>\n\n                   \n                <\/div>\n\n                <!-- Formulario de contacto -->\n                <div class=\"fec-contacto-form\">\n                    <h3 class=\"fec-form-title\">Envianos tu consulta<\/h3>\n                    <p class=\"fec-form-subtitle\">Complet\u00e1 el formulario y nos pondremos en contacto a la brevedad.<\/p>\n                    \n                    <div id=\"fec-contact-message\" class=\"fec-contact-message\"><\/div>\n                    \n                    <form id=\"fec-contact-form\" method=\"post\">\n                        <input type=\"hidden\" id=\"fec_contact_nonce\" name=\"fec_contact_nonce\" value=\"18477c40b7\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/fec\/wp-json\/wp\/v2\/pages\/5\" \/>                        \n                        <div class=\"fec-form-group\">\n                            <label class=\"fec-form-label\" for=\"name\">Nombre completo *<\/label>\n                            <input type=\"text\" name=\"name\" id=\"name\" class=\"fec-form-input\" placeholder=\"Juan P\u00e9rez\" required>\n                        <\/div>\n                        \n                        <div class=\"fec-form-group\">\n                            <label class=\"fec-form-label\" for=\"email\">Correo electr\u00f3nico *<\/label>\n                            <input type=\"email\" name=\"email\" id=\"email\" class=\"fec-form-input\" placeholder=\"juan@empresa.com\" required>\n                        <\/div>\n                        \n                        <div class=\"fec-form-group\">\n                            <label class=\"fec-form-label\" for=\"phone\">Tel\u00e9fono *<\/label>\n                            <input type=\"tel\" name=\"phone\" id=\"phone\" class=\"fec-form-input\" placeholder=\"0383 123-4567\" required>\n                        <\/div>\n                        \n                        <div class=\"fec-form-group\">\n                            <label class=\"fec-form-label\" for=\"subject\">Asunto *<\/label>\n                            <input type=\"text\" name=\"subject\" id=\"subject\" class=\"fec-form-input\" placeholder=\"Motivo de tu consulta\" required>\n                        <\/div>\n                        \n                        <div class=\"fec-form-group\">\n                            <label class=\"fec-form-label\" for=\"message\">Mensaje *<\/label>\n                            <textarea name=\"message\" id=\"message\" class=\"fec-form-textarea\" placeholder=\"Contanos en qu\u00e9 podemos ayudarte...\" required><\/textarea>\n                        <\/div>\n                        \n                        <button type=\"submit\" id=\"fec-submit-btn\" class=\"fec-form-button\">\n                            <span class=\"fec-spinner\"><\/span>\n                            <span class=\"button-text\">Enviar mensaje<\/span>\n                            <i class=\"fas fa-arrow-right\"><\/i>\n                        <\/button>\n                    <\/form>\n                <\/div>\n            <\/div>\n\n            <!-- Secci\u00f3n del Mapa -->\n            <div class=\"fec-map-section\">\n                <div class=\"fec-map-header\">\n                    <h3 class=\"fec-map-title\">\n                        Visitanos en <span class=\"highlight\">nuestra oficina<\/span>\n                    <\/h3>\n                    <p class=\"fec-map-subtitle\">\n                        Estamos en pleno centro de San Fernando del Valle de Catamarca\n                    <\/p>\n                <\/div>\n\n                <div class=\"fec-map-wrapper\">\n                    <div class=\"fec-map-container\">\n                        <iframe \n                            src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3507.409647369452!2d-65.7746843!3d-28.4672074!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x942428c805aec33d%3A0xaac7847647c3733!2sFederacion%20Economica%20de%20Catamarca!5e0!3m2!1ses-419!2sar!4v1762893650904!5m2!1ses-419!2sar\"\n                            class=\"fec-google-map\"\n                            allowfullscreen=\"\"\n                            loading=\"lazy\"\n                            referrerpolicy=\"no-referrer-when-downgrade\">\n                        <\/iframe>\n\n                        <div class=\"fec-map-footer\">\n                            <div class=\"fec-map-address\">\n                                <div class=\"fec-map-address-title\">\n                                    <i class=\"fas fa-map-marker-alt\"><\/i>\n                                    Direcci\u00f3n\n                                <\/div>\n                                <div class=\"fec-map-address-text\">\n                                    Paseo Los Lapachos - Esqui\u00fa 861 Local 11<br>\n                                    San Fernando del Valle de Catamarca, Argentina\n                                <\/div>\n                            <\/div>\n                            \n                            <a href=\"https:\/\/www.google.com\/maps\/search\/?api=1&query=Esqui\u00fa+861+Local+11,+San+Fernando+del+Valle+de+Catamarca,+Catamarca\" \n                               target=\"_blank\" \n                               class=\"fec-map-link\">\n                                <i class=\"fas fa-directions\"><\/i>\n                                C\u00f3mo llegar\n                            <\/a>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <script>\n    document.addEventListener('DOMContentLoaded', function() {\n        const form = document.getElementById('fec-contact-form');\n        const messageDiv = document.getElementById('fec-contact-message');\n        const submitBtn = document.getElementById('fec-submit-btn');\n        const spinner = submitBtn.querySelector('.fec-spinner');\n        const buttonText = submitBtn.querySelector('.button-text');\n        const buttonIcon = submitBtn.querySelector('i');\n        \n        form.addEventListener('submit', function(e) {\n            e.preventDefault();\n            \n            \/\/ Deshabilitar bot\u00f3n y mostrar spinner\n            submitBtn.disabled = true;\n            spinner.style.display = 'inline-block';\n            buttonText.textContent = 'Enviando...';\n            buttonIcon.style.display = 'none';\n            \n            \/\/ Ocultar mensajes previos\n            messageDiv.style.display = 'none';\n            \n            \/\/ Recopilar datos del formulario\n            const formData = new FormData(form);\n            formData.append('action', 'fec_contact_submit');\n            \n            \/\/ Enviar via AJAX\n            fetch('https:\/\/federacioneconomicacatamarca.com.ar\/fec\/wp-admin\/admin-ajax.php', {\n                method: 'POST',\n                body: formData\n            })\n            .then(response => response.json())\n            .then(data => {\n                if (data.success) {\n                    messageDiv.className = 'fec-contact-message fec-contact-success';\n                    messageDiv.textContent = data.data;\n                    form.reset();\n                } else {\n                    messageDiv.className = 'fec-contact-message fec-contact-error';\n                    messageDiv.textContent = data.data || 'Error al enviar el mensaje';\n                }\n                messageDiv.style.display = 'block';\n                \n                \/\/ Scroll suave hacia el mensaje\n                messageDiv.scrollIntoView({ behavior: 'smooth', block: 'nearest' });\n            })\n            .catch(error => {\n                messageDiv.className = 'fec-contact-message fec-contact-error';\n                messageDiv.textContent = 'Error de conexi\u00f3n. Por favor, intent\u00e1 nuevamente.';\n                messageDiv.style.display = 'block';\n            })\n            .finally(() => {\n                \/\/ Restaurar bot\u00f3n\n                submitBtn.disabled = false;\n                spinner.style.display = 'none';\n                buttonText.textContent = 'Enviar mensaje';\n                buttonIcon.style.display = 'inline-block';\n            });\n        });\n    });\n    <\/script>\n    \n\n\n    <style>\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;600;700;800&family=Montserrat:wght@400;500;600;700&family=Raleway:wght@300;400;500;600&display=swap');\n        @import url('https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css');\n        \n        :root {\n            --fec-primary: #9ab236;\n            --fec-secondary: #156290;\n            --fec-accent: #090d3a;\n            --fec-gray: #434142;\n            --fec-white: #ffffff;\n            --fec-gray-light: #f4f4f4;\n            --fec-gray-medium: #666666;\n            --font-heading: 'Poppins', sans-serif;\n            --font-body: 'Raleway', sans-serif;\n            --font-accent: 'Montserrat', sans-serif;\n        }\n\n        \/* Reset de estilos para el footer *\/\n        .fec-footer * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        \/* Footer Principal *\/\n        .fec-footer {\n            background: linear-gradient(135deg,\n                rgba(9, 13, 58, 0.97) 0%,\n                rgba(21, 98, 144, 0.95) 100%\n            );\n            color: var(--fec-white);\n            position: relative;\n            overflow: hidden;\n        }\n\n        \/* Patr\u00f3n de fondo sutil *\/\n        .fec-footer::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background-image: \n                linear-gradient(90deg, rgba(154, 178, 54, 0.03) 1px, transparent 1px),\n                linear-gradient(rgba(154, 178, 54, 0.03) 1px, transparent 1px);\n            background-size: 50px 50px;\n            opacity: 0.5;\n            z-index: 1;\n        }\n\n        .fec-footer-container {\n            max-width: 1400px;\n            margin: 0 auto;\n            padding: 0 40px;\n            position: relative;\n            z-index: 2;\n        }\n\n        \/* Footer Top - Contenido principal *\/\n        .fec-footer-top {\n            padding: 80px 0 60px;\n            border-bottom: 2px solid rgba(154, 178, 54, 0.2);\n        }\n\n        .fec-footer-grid {\n            display: grid;\n            grid-template-columns: 2fr 1fr 1fr 1.5fr;\n            gap: 60px;\n        }\n\n        \/* Columna del Logo *\/\n        .fec-footer-brand {\n            display: flex;\n            flex-direction: column;\n            gap: 25px;\n        }\n\n        .fec-footer-logo {\n            width: 100%;\n            max-width: 280px;\n            height: auto;\n            filter: brightness(1.1);\n            transition: all 0.3s ease;\n        }\n\n        .fec-footer-logo:hover {\n            filter: brightness(1.2);\n            transform: translateY(-2px);\n        }\n\n        .fec-footer-description {\n            font-family: var(--font-body);\n            font-size: 1rem;\n            line-height: 1.7;\n            color: rgba(255, 255, 255, 0.8);\n            font-weight: 400;\n        }\n\n        .fec-footer-social {\n            display: flex;\n            gap: 15px;\n            margin-top: 10px;\n        }\n\n        .fec-social-icon {\n            width: 45px;\n            height: 45px;\n            border-radius: 12px;\n            background: rgba(255, 255, 255, 0.1);\n            backdrop-filter: blur(10px);\n            border: 2px solid rgba(154, 178, 54, 0.3);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            color: var(--fec-white);\n            font-size: 1.1rem;\n            text-decoration: none;\n            transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .fec-social-icon::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: linear-gradient(135deg, var(--fec-primary), var(--fec-secondary));\n            opacity: 0;\n            transition: opacity 0.3s ease;\n            z-index: -1;\n        }\n\n        .fec-social-icon:hover {\n            transform: translateY(-5px);\n            border-color: var(--fec-primary);\n            box-shadow: 0 10px 30px rgba(154, 178, 54, 0.4);\n        }\n\n        .fec-social-icon:hover::before {\n            opacity: 1;\n        }\n\n        \/* Columnas de contenido *\/\n        .fec-footer-column {\n            display: flex;\n            flex-direction: column;\n            gap: 20px;\n        }\n\n        .fec-footer-title {\n            font-family: var(--font-heading);\n            font-size: 1.3rem;\n            font-weight: 700;\n            color: var(--fec-white);\n            margin-bottom: 10px;\n            display: flex;\n            align-items: center;\n            gap: 10px;\n            position: relative;\n            padding-bottom: 15px;\n        }\n\n        .fec-footer-title::after {\n            content: '';\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            width: 50px;\n            height: 3px;\n            background: var(--fec-primary);\n            border-radius: 2px;\n        }\n\n        .fec-footer-title i {\n            color: var(--fec-primary);\n            font-size: 1.2rem;\n        }\n\n        \/* Links de navegaci\u00f3n *\/\n        .fec-footer-links {\n            list-style: none;\n            display: flex;\n            flex-direction: column;\n            gap: 12px;\n        }\n\n        .fec-footer-links li {\n            position: relative;\n            padding-left: 20px;\n        }\n\n        .fec-footer-links li::before {\n            content: '\\f105';\n            font-family: 'Font Awesome 6 Free';\n            font-weight: 900;\n            position: absolute;\n            left: 0;\n            color: var(--fec-primary);\n            transition: transform 0.3s ease;\n        }\n\n        .fec-footer-links li:hover::before {\n            transform: translateX(5px);\n        }\n\n        .fec-footer-links a {\n            font-family: var(--font-body);\n            font-size: 1rem;\n            color: rgba(255, 255, 255, 0.8);\n            text-decoration: none;\n            transition: all 0.3s ease;\n            display: inline-block;\n            font-weight: 500;\n        }\n\n        .fec-footer-links a:hover {\n            color: var(--fec-primary);\n            transform: translateX(5px);\n        }\n\n        \/* Informaci\u00f3n de contacto *\/\n        .fec-footer-contact-item {\n            display: flex;\n            gap: 15px;\n            align-items: flex-start;\n            padding: 15px;\n            background: rgba(255, 255, 255, 0.05);\n            border-radius: 10px;\n            border-left: 3px solid var(--fec-primary);\n            transition: all 0.3s ease;\n        }\n\n        .fec-footer-contact-item:hover {\n            background: rgba(255, 255, 255, 0.08);\n            transform: translateX(5px);\n        }\n\n        .fec-footer-contact-icon {\n            width: 40px;\n            height: 40px;\n            min-width: 40px;\n            border-radius: 10px;\n            background: linear-gradient(135deg, var(--fec-primary), #86a030);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            color: var(--fec-accent);\n            font-size: 1rem;\n            box-shadow: 0 5px 15px rgba(154, 178, 54, 0.3);\n        }\n\n        .fec-footer-contact-info {\n            flex: 1;\n        }\n\n        .fec-footer-contact-label {\n            font-family: var(--font-accent);\n            font-size: 0.85rem;\n            font-weight: 700;\n            color: var(--fec-primary);\n            text-transform: uppercase;\n            letter-spacing: 1px;\n            margin-bottom: 5px;\n        }\n\n        .fec-footer-contact-text {\n            font-family: var(--font-body);\n            font-size: 0.95rem;\n            line-height: 1.6;\n            color: rgba(255, 255, 255, 0.9);\n            font-weight: 500;\n        }\n\n        .fec-footer-contact-text a {\n            color: rgba(255, 255, 255, 0.9);\n            text-decoration: none;\n            transition: color 0.3s ease;\n        }\n\n        .fec-footer-contact-text a:hover {\n            color: var(--fec-primary);\n        }\n\n        \/* Footer Bottom - Copyright *\/\n        .fec-footer-bottom {\n            padding: 30px 0;\n        }\n\n        .fec-footer-bottom-content {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            flex-wrap: wrap;\n            gap: 20px;\n        }\n\n        .fec-footer-copyright {\n            font-family: var(--font-body);\n            font-size: 0.95rem;\n            color: rgba(255, 255, 255, 0.7);\n            display: flex;\n            align-items: center;\n            gap: 8px;\n        }\n\n        .fec-footer-copyright i {\n            color: var(--fec-primary);\n        }\n\n        .fec-footer-legal {\n            display: flex;\n            gap: 25px;\n            list-style: none;\n        }\n\n        .fec-footer-legal a {\n            font-family: var(--font-body);\n            font-size: 0.9rem;\n            color: rgba(255, 255, 255, 0.7);\n            text-decoration: none;\n            transition: all 0.3s ease;\n            font-weight: 500;\n        }\n\n        .fec-footer-legal a:hover {\n            color: var(--fec-primary);\n        }\n\n        \/* Bot\u00f3n de volver arriba *\/\n        .fec-back-to-top {\n            position: fixed;\n            bottom: 30px;\n            right: 30px;\n            width: 55px;\n            height: 55px;\n            border-radius: 50%;\n            background: linear-gradient(135deg, var(--fec-primary), #86a030);\n            color: var(--fec-accent);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 1.3rem;\n            cursor: pointer;\n            opacity: 0;\n            visibility: hidden;\n            transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);\n            box-shadow: 0 10px 30px rgba(154, 178, 54, 0.4);\n            z-index: 999;\n            border: none;\n        }\n\n        .fec-back-to-top.visible {\n            opacity: 1;\n            visibility: visible;\n        }\n\n        .fec-back-to-top:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 15px 40px rgba(154, 178, 54, 0.6);\n        }\n\n        .fec-back-to-top i {\n            transition: transform 0.3s ease;\n        }\n\n        .fec-back-to-top:hover i {\n            transform: translateY(-3px);\n        }\n\n        \/* Responsive *\/\n        @media (max-width: 1200px) {\n            .fec-footer-grid {\n                grid-template-columns: 1fr 1fr;\n                gap: 50px;\n            }\n\n            .fec-footer-brand {\n                grid-column: 1 \/ -1;\n            }\n        }\n\n        @media (max-width: 968px) {\n            .fec-footer-container {\n                padding: 0 30px;\n            }\n\n            .fec-footer-top {\n                padding: 60px 0 50px;\n            }\n\n            .fec-footer-grid {\n                grid-template-columns: 1fr;\n                gap: 40px;\n            }\n\n            .fec-footer-brand {\n                grid-column: 1;\n                text-align: center;\n                align-items: center;\n            }\n\n            .fec-footer-logo {\n                max-width: 250px;\n            }\n\n            .fec-footer-social {\n                justify-content: center;\n            }\n\n            .fec-footer-column {\n                text-align: center;\n                align-items: center;\n            }\n\n            .fec-footer-title::after {\n                left: 50%;\n                transform: translateX(-50%);\n            }\n\n            .fec-footer-links li {\n                padding-left: 0;\n            }\n\n            .fec-footer-links li::before {\n                display: none;\n            }\n\n            .fec-footer-contact-item {\n                flex-direction: column;\n                align-items: center;\n                text-align: center;\n            }\n\n            .fec-footer-bottom-content {\n                flex-direction: column;\n                text-align: center;\n            }\n\n            .fec-back-to-top {\n                bottom: 20px;\n                right: 20px;\n                width: 50px;\n                height: 50px;\n            }\n        }\n\n        @media (max-width: 640px) {\n            .fec-footer-container {\n                padding: 0 20px;\n            }\n\n            .fec-footer-top {\n                padding: 50px 0 40px;\n            }\n\n            .fec-footer-grid {\n                gap: 35px;\n            }\n\n            .fec-footer-logo {\n                max-width: 200px;\n            }\n\n            .fec-footer-title {\n                font-size: 1.2rem;\n            }\n\n            .fec-footer-description {\n                font-size: 0.95rem;\n            }\n\n            .fec-footer-links a {\n                font-size: 0.95rem;\n            }\n\n            .fec-footer-contact-item {\n                padding: 12px;\n            }\n\n            .fec-footer-contact-icon {\n                width: 35px;\n                height: 35px;\n                min-width: 35px;\n            }\n\n            .fec-footer-contact-text {\n                font-size: 0.9rem;\n            }\n\n            .fec-footer-bottom {\n                padding: 25px 0;\n            }\n\n            .fec-footer-copyright {\n                font-size: 0.85rem;\n            }\n\n            .fec-footer-legal {\n                flex-direction: column;\n                gap: 10px;\n                align-items: center;\n            }\n\n            .fec-footer-legal a {\n                font-size: 0.85rem;\n            }\n\n            .fec-social-icon {\n                width: 40px;\n                height: 40px;\n                font-size: 1rem;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .fec-footer-top {\n                padding: 40px 0 35px;\n            }\n\n            .fec-footer-logo {\n                max-width: 180px;\n            }\n\n            .fec-back-to-top {\n                width: 45px;\n                height: 45px;\n                font-size: 1.1rem;\n                bottom: 15px;\n                right: 15px;\n            }\n        }\n\n        \/* Animaciones de entrada *\/\n        @keyframes fadeInUp {\n            from {\n                opacity: 0;\n                transform: translateY(30px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n\n        .fec-footer-column {\n            animation: fadeInUp 0.6s ease-out;\n        }\n\n        .fec-footer-column:nth-child(1) { animation-delay: 0.1s; }\n        .fec-footer-column:nth-child(2) { animation-delay: 0.2s; }\n        .fec-footer-column:nth-child(3) { animation-delay: 0.3s; }\n        .fec-footer-column:nth-child(4) { animation-delay: 0.4s; }\n\n        \/* Modo de reducci\u00f3n de movimiento *\/\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    <\/style>\n\n    <footer class=\"fec-footer\">\n        <div class=\"fec-footer-container\">\n            <!-- Footer Top - Contenido Principal -->\n            <div class=\"fec-footer-top\">\n                <div class=\"fec-footer-grid\">\n                    <!-- Columna 1: Logo y Redes Sociales -->\n                    <div class=\"fec-footer-column fec-footer-brand\">\n                        <img decoding=\"async\" src=\"https:\/\/federacioneconomicacatamarca.com.ar\/fec\/wp-content\/uploads\/2025\/11\/logo-fec-texto-gris-claro.png\" \n                             alt=\"Federaci\u00f3n Econ\u00f3mica de Catamarca\" \n                             class=\"fec-footer-logo\">\n                        \n                        <p class=\"fec-footer-description\">\n                            Representando y apoyando al sector productivo catamarque\u00f1o desde 1948. \n                            Comprometidos con el desarrollo econ\u00f3mico de nuestra provincia.\n                        <\/p>\n                        \n                        <div class=\"fec-footer-social\">\n                            <a href=\"https:\/\/www.facebook.com\/p\/Federaci%C3%B3n-Econ%C3%B3mica-de-Catamarca-100077270405675\/\" \n                               class=\"fec-social-icon\" \n                               aria-label=\"Facebook\"\n                               target=\"_blank\"\n                               rel=\"noopener noreferrer\">\n                                <i class=\"fab fa-facebook-f\"><\/i>\n                            <\/a>\n                            <a href=\"https:\/\/www.instagram.com\/federacioneconomicacatamarca\/\" \n                               class=\"fec-social-icon\" \n                               aria-label=\"Instagram\"\n                               target=\"_blank\"\n                               rel=\"noopener noreferrer\">\n                                <i class=\"fab fa-instagram\"><\/i>\n                            <\/a>\n                        <\/div>\n                    <\/div>\n\n                    <!-- Columna 2: Navegaci\u00f3n R\u00e1pida -->\n                    <div class=\"fec-footer-column\">\n                        <h4 class=\"fec-footer-title\">\n                            <i class=\"fas fa-compass\"><\/i>\n                            Navegaci\u00f3n\n                        <\/h4>\n                        <ul class=\"fec-footer-links\">\n                            <li><a href=\"https:\/\/federacioneconomicacatamarca.com.ar\/fec\/inicio\/#about\">Qui\u00e9nes Somos<\/a><\/li>\n                            <li><a href=\"https:\/\/federacioneconomicacatamarca.com.ar\/fec\/inicio\/#proximos-eventos\">Pr\u00f3ximos Eventos<\/a><\/li>\n                            <li><a href=\"https:\/\/federacioneconomicacatamarca.com.ar\/fec\/inicio\/#multimedia\">Multimedia<\/a><\/li>\n                            <li><a href=\"https:\/\/federacioneconomicacatamarca.com.ar\/fec\/inicio\/#contacto\">Contacto<\/a><\/li>\n                        <\/ul>\n                    <\/div>\n\n                    <!-- Columna 3: Enlaces Institucionales -->\n                    <div class=\"fec-footer-column\">\n                        <h4 class=\"fec-footer-title\">\n                            <i class=\"fas fa-building\"><\/i>\n                            Institucional\n                        <\/h4>\n                        <ul class=\"fec-footer-links\">\n                            <li><a href=\"#servicios\">Servicios<\/a><\/li>\n                            <li><a href=\"#asociate\">Asociate<\/a><\/li>\n                            <li><a href=\"#normativa\">Normativa<\/a><\/li>\n                            <li><a href=\"#transparencia\">Transparencia<\/a><\/li>\n                        <\/ul>\n                    <\/div>\n\n                    <!-- Columna 4: Informaci\u00f3n de Contacto -->\n                    <div class=\"fec-footer-column\">\n                        <h4 class=\"fec-footer-title\">\n                            <i class=\"fas fa-map-marked-alt\"><\/i>\n                            Contacto\n                        <\/h4>\n                        \n                        <div class=\"fec-footer-contact-item\">\n                            <div class=\"fec-footer-contact-icon\">\n                                <i class=\"fas fa-map-marker-alt\"><\/i>\n                            <\/div>\n                            <div class=\"fec-footer-contact-info\">\n                                <div class=\"fec-footer-contact-label\">Direcci\u00f3n<\/div>\n                                <div class=\"fec-footer-contact-text\">\n                                    Paseo Los Lapachos<br>\n                                    Esqui\u00fa 861 Local 11<br>\n                                    K4700 San Fernando del Valle<br>\n                                    Catamarca, Argentina\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"fec-footer-contact-item\">\n                            <div class=\"fec-footer-contact-icon\">\n                                <i class=\"fas fa-phone\"><\/i>\n                            <\/div>\n                            <div class=\"fec-footer-contact-info\">\n                                <div class=\"fec-footer-contact-label\">Tel\u00e9fono<\/div>\n                                <div class=\"fec-footer-contact-text\">\n                                    <a href=\"tel:03834984310\">0383 498-4310<\/a>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Footer Bottom - Copyright y Legal -->\n            <div class=\"fec-footer-bottom\">\n                <div class=\"fec-footer-bottom-content\">\n                    <div class=\"fec-footer-copyright\">\n                        <i class=\"far fa-copyright\"><\/i>\n                        <span>2026 Federaci\u00f3n Econ\u00f3mica de Catamarca. Todos los derechos reservados.<\/span>\n                    <\/div>\n                    <ul class=\"fec-footer-legal\">\n                        <li><a href=\"#privacidad\">Pol\u00edtica de Privacidad<\/a><\/li>\n                        <li><a href=\"#terminos\">T\u00e9rminos y Condiciones<\/a><\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Bot\u00f3n Volver Arriba -->\n        <button class=\"fec-back-to-top\" id=\"fecBackToTop\" aria-label=\"Volver arriba\">\n            <i class=\"fas fa-chevron-up\"><\/i>\n        <\/button>\n    <\/footer>\n\n    <script>\n    \/\/ Funcionalidad del bot\u00f3n \"Volver arriba\"\n    (function() {\n        const backToTopBtn = document.getElementById('fecBackToTop');\n        \n        if (!backToTopBtn) return;\n        \n        \/\/ Mostrar\/ocultar bot\u00f3n seg\u00fan scroll\n        window.addEventListener('scroll', function() {\n            if (window.pageYOffset > 300) {\n                backToTopBtn.classList.add('visible');\n            } else {\n                backToTopBtn.classList.remove('visible');\n            }\n        });\n        \n        \/\/ Scroll suave al hacer clic\n        backToTopBtn.addEventListener('click', function() {\n            window.scrollTo({\n                top: 0,\n                behavior: 'smooth'\n            });\n        });\n\n        \/\/ Animaci\u00f3n de entrada para las columnas\n        const observerOptions = {\n            threshold: 0.1,\n            rootMargin: '0px 0px -100px 0px'\n        };\n\n        const observer = new IntersectionObserver(function(entries) {\n            entries.forEach(entry => {\n                if (entry.isIntersecting) {\n                    entry.target.style.opacity = '1';\n                    entry.target.style.transform = 'translateY(0)';\n                }\n            });\n        }, observerOptions);\n\n        \/\/ Observar las columnas del footer\n        document.querySelectorAll('.fec-footer-column').forEach(column => {\n            observer.observe(column);\n        });\n    })();\n    <\/script>\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":"..\/public\/views\/revslider-page-template.php","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":"","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-5","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/federacioneconomicacatamarca.com.ar\/fec\/wp-json\/wp\/v2\/pages\/5","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/federacioneconomicacatamarca.com.ar\/fec\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/federacioneconomicacatamarca.com.ar\/fec\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/federacioneconomicacatamarca.com.ar\/fec\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/federacioneconomicacatamarca.com.ar\/fec\/wp-json\/wp\/v2\/comments?post=5"}],"version-history":[{"count":10,"href":"https:\/\/federacioneconomicacatamarca.com.ar\/fec\/wp-json\/wp\/v2\/pages\/5\/revisions"}],"predecessor-version":[{"id":46,"href":"https:\/\/federacioneconomicacatamarca.com.ar\/fec\/wp-json\/wp\/v2\/pages\/5\/revisions\/46"}],"wp:attachment":[{"href":"https:\/\/federacioneconomicacatamarca.com.ar\/fec\/wp-json\/wp\/v2\/media?parent=5"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}