{"id":9,"date":"2025-11-06T14:54:28","date_gmt":"2025-11-06T14:54:28","guid":{"rendered":"https:\/\/federacioneconomicacatamarca.com.ar\/fec\/?page_id=9"},"modified":"2025-11-23T01:19:10","modified_gmt":"2025-11-23T01:19:10","slug":"expocatamarca","status":"publish","type":"page","link":"https:\/\/federacioneconomicacatamarca.com.ar\/fec\/expocatamarca\/","title":{"rendered":"expocatamarca"},"content":{"rendered":"    \n    <div class=\"expo-catamarca-hero\" id=\"expo-catamarca-hero\" style=\"\n        min-height: 100vh;\n        background: linear-gradient(135deg, rgba(10, 26, 48, 0.85) 0%, rgba(26, 51, 87, 0.85) 50%, rgba(42, 69, 112, 0.85) 100%),\n                    url('https:\/\/federacioneconomicacatamarca.com.ar\/fec\/wp-content\/uploads\/2025\/11\/Predio_ferial_Catamarca-scaled.jpg');\n        background-size: cover;\n        background-position: center;\n        background-attachment: fixed;\n        position: relative;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        overflow: hidden;\n        font-family: 'Montserrat', 'Poppins', 'Open Sans', sans-serif;\n        margin: 0;\n        padding: 0;\n    \">\n        \n        <!-- Capa de zoom animado -->\n        <div class=\"bg-zoom-layer\" style=\"\n            position: absolute;\n            top: -10%;\n            left: -10%;\n            width: 120%;\n            height: 120%;\n            background: url('https:\/\/federacioneconomicacatamarca.com.ar\/fec\/wp-content\/uploads\/2025\/11\/Predio_ferial_Catamarca-scaled.jpg');\n            background-size: cover;\n            background-position: center;\n            z-index: 0;\n            animation: subtleZoom 30s ease-in-out infinite alternate;\n        \"><\/div>\n        \n        <!-- Overlay de gradiente -->\n        <div style=\"\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background: linear-gradient(135deg, rgba(10, 26, 48, 0.88) 0%, rgba(26, 51, 87, 0.85) 50%, rgba(42, 69, 112, 0.82) 100%);\n            z-index: 1;\n        \"><\/div>\n        \n        <!-- Part\u00edculas de fondo animadas -->\n        <div class=\"particles-container\" style=\"\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            z-index: 2;\n        \"><\/div>\n        \n        <!-- Elementos decorativos -->\n        <div class=\"bg-shape-1\" style=\"\n            position: absolute;\n            top: -10%;\n            right: -5%;\n            width: 500px;\n            height: 500px;\n            border-radius: 50%;\n            background: radial-gradient(circle, rgba(243, 156, 18, 0.1) 0%, rgba(243, 156, 18, 0) 70%);\n            z-index: 2;\n        \"><\/div>\n        \n        <div class=\"bg-shape-2\" style=\"\n            position: absolute;\n            bottom: -10%;\n            left: -5%;\n            width: 400px;\n            height: 400px;\n            border-radius: 50%;\n            background: radial-gradient(circle, rgba(52, 152, 219, 0.1) 0%, rgba(52, 152, 219, 0) 70%);\n            z-index: 2;\n        \"><\/div>\n        \n        <!-- Contenido principal -->\n        <div class=\"hero-content\" style=\"\n            position: relative;\n            z-index: 3;\n            width: 100%;\n            max-width: 1200px;\n            padding: 40px 20px;\n            text-align: center;\n            color: white;\n        \">\n            \n            <!-- Logo con animaci\u00f3n -->\n            <div class=\"logo2-container\" style=\"\n                margin-bottom: 40px;\n                animation: float 6s ease-in-out infinite;\n            \">\n                <img decoding=\"async\" \n                    src=\"http:\/\/guilledevs.com.ar\/guishex\/wp-content\/uploads\/2025\/11\/logo1-1.png\" \n                    alt=\"Expo Catamarca 2025\"\n                    style=\"\n                        max-width: 500px;\n                        width: 100%;\n                        height: auto;\n                        filter: drop-shadow(0 10px 20px rgba(0,0,0,0.3));\n                    \"\n                \/>\n            <\/div>\n\n            <div class=\"logo-container\" style=\"\n                margin-bottom: 40px;\n                animation: float 6s ease-in-out infinite;\n            \">\n                <img decoding=\"async\" \n                    src=\"http:\/\/guilledevs.com.ar\/guishex\/wp-content\/uploads\/2025\/11\/logo2-1.png\" \n                    alt=\"Expo Catamarca 2025\"\n                    style=\"\n                        max-width: 500px;\n                        width: 100%;\n                        height: auto;\n                        filter: drop-shadow(0 10px 20px rgba(0,0,0,0.3));\n                    \"\n                \/>\n            <\/div>\n\n            <!-- Lema Principal -->\n            <h1 class=\"main-headline\" style=\"\n                font-size: 3.5rem;\n                font-weight: 800;\n                margin: 0 0 20px 0;\n                text-shadow: 0 4px 8px rgba(0,0,0,0.3);\n                line-height: 1.2;\n                background: linear-gradient(to right, #ffffff, #e8f0ff);\n                -webkit-background-clip: text;\n                -webkit-text-fill-color: transparent;\n                background-clip: text;\n                letter-spacing: -0.5px;\n            \">\n\n            <\/h1>\n\n            <!-- Fecha y Lugar destacados -->\n            <div class=\"date-location-card\" style=\"\n                background: rgba(255, 255, 255, 0.1);\n                backdrop-filter: blur(15px);\n                border: 1px solid rgba(255, 255, 255, 0.2);\n                border-radius: 16px;\n                padding: 30px;\n                margin: 40px auto;\n                max-width: 800px;\n                box-shadow: 0 10px 30px rgba(0,0,0,0.2);\n                position: relative;\n                overflow: hidden;\n            \">\n                <!-- Elemento decorativo en la tarjeta -->\n                <div style=\"\n                    position: absolute;\n                    top: 0;\n                    right: 0;\n                    width: 100px;\n                    height: 100px;\n                    background: linear-gradient(135deg, rgba(243, 156, 18, 0.2) 0%, rgba(243, 156, 18, 0) 70%);\n                    border-radius: 0 0 0 100px;\n                \"><\/div>\n                \n                <div class=\"date-info\" style=\"\n                    display: flex;\n                    align-items: center;\n                    justify-content: center;\n                    margin-bottom: 20px;\n                \">\n                    <div style=\"\n                        background: rgba(243, 156, 18, 0.2);\n                        border-radius: 50%;\n                        width: 70px;\n                        height: 70px;\n                        display: flex;\n                        align-items: center;\n                        justify-content: center;\n                        margin-right: 20px;\n                    \">\n                        <i class=\"fas fa-calendar-alt\" style=\"font-size: 30px; color: #f39c12;\"><\/i>\n                    <\/div>\n                    <div style=\"text-align: left;\">\n                        <p style=\"\n                            color: #ffffff;\n                            font-size: 1.8rem;\n                            margin: 0;\n                            font-weight: 700;\n                        \">\n                            25 y 26 de Noviembre de 2025\n                        <\/p>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"location-info\" style=\"\n                    display: flex;\n                    align-items: center;\n                    justify-content: center;\n                \">\n                    <div style=\"\n                        background: rgba(231, 76, 60, 0.2);\n                        border-radius: 50%;\n                        width: 70px;\n                        height: 70px;\n                        display: flex;\n                        align-items: center;\n                        justify-content: center;\n                        margin-right: 20px;\n                    \">\n                        <i class=\"fas fa-map-marker-alt\" style=\"font-size: 30px; color: #e74c3c;\"><\/i>\n                    <\/div>\n                    <div style=\"text-align: left;\">\n                        <p style=\"\n                            color: #ffffff;\n                            font-size: 1.5rem;\n                            margin: 0;\n                            font-weight: 600;\n                        \">\n                            Predio Ferial Campo Las Heras\n                        <\/p>\n                        <p style=\"\n                            color: #e8f0ff;\n                            font-size: 1.2rem;\n                            margin: 5px 0 0 0;\n                        \">\n                            San Fernando del Valle de Catamarca\n                        <\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Descripci\u00f3n -->\n            <div class=\"description\" style=\"\n                max-width: 900px;\n                margin: 40px auto;\n                position: relative;\n            \">\n                <p style=\"\n                    color: #e8f0ff;\n                    font-size: 1.3rem;\n                    line-height: 1.7;\n                    margin: 0;\n                    text-shadow: 0 2px 4px rgba(0,0,0,0.2);\n                    position: relative;\n                    z-index: 1;\n                \">\n                    Encuentro binacional que convoca a autoridades, c\u00e1maras empresariales, \n                    productores e inversores de Argentina y Chile. Participe de seminarios magistrales, \n                    rondas de negocios y exposiciones sobre producci\u00f3n, turismo, miner\u00eda y el \n                    <strong style=\"color: #f39c12;\">Corredor Ferroviario Bioce\u00e1nico<\/strong>.\n                <\/p>\n                \n                <!-- Elemento decorativo -->\n                <div style=\"\n                    position: absolute;\n                    bottom: -20px;\n                    right: -20px;\n                    width: 100px;\n                    height: 100px;\n                    background: radial-gradient(circle, rgba(52, 152, 219, 0.1) 0%, rgba(52, 152, 219, 0) 70%);\n                    z-index: 0;\n                \"><\/div>\n            <\/div>\n\n            <!-- Contador regresivo -->\n            <div class=\"countdown-container\" style=\"\n                margin: 50px auto;\n                max-width: 800px;\n            \">\n                <h3 style=\"\n                    color: #ffffff;\n                    font-size: 1.5rem;\n                    margin-bottom: 20px;\n                    font-weight: 600;\n                \">\n                    <i class=\"fas fa-hourglass-half\" style=\"margin-right: 10px; color: #f39c12;\"><\/i>\n                    Faltan para el evento:\n                <\/h3>\n                <div class=\"countdown\" style=\"\n                    display: flex;\n                    justify-content: center;\n                    gap: 15px;\n                \">\n                    <div class=\"countdown-item\" style=\"\n                        background: rgba(255, 255, 255, 0.1);\n                        backdrop-filter: blur(10px);\n                        border-radius: 12px;\n                        padding: 20px 15px;\n                        min-width: 100px;\n                        text-align: center;\n                        box-shadow: 0 5px 15px rgba(0,0,0,0.2);\n                    \">\n                        <div class=\"countdown-value\" style=\"\n                            color: #ffffff;\n                            font-size: 2.5rem;\n                            font-weight: 700;\n                            line-height: 1;\n                        \" id=\"countdown-days\">00<\/div>\n                        <div class=\"countdown-label\" style=\"\n                            color: #e8f0ff;\n                            font-size: 0.9rem;\n                            margin-top: 5px;\n                        \">D\u00edas<\/div>\n                    <\/div>\n                    <div class=\"countdown-item\" style=\"\n                        background: rgba(255, 255, 255, 0.1);\n                        backdrop-filter: blur(10px);\n                        border-radius: 12px;\n                        padding: 20px 15px;\n                        min-width: 100px;\n                        text-align: center;\n                        box-shadow: 0 5px 15px rgba(0,0,0,0.2);\n                    \">\n                        <div class=\"countdown-value\" style=\"\n                            color: #ffffff;\n                            font-size: 2.5rem;\n                            font-weight: 700;\n                            line-height: 1;\n                        \" id=\"countdown-hours\">00<\/div>\n                        <div class=\"countdown-label\" style=\"\n                            color: #e8f0ff;\n                            font-size: 0.9rem;\n                            margin-top: 5px;\n                        \">Horas<\/div>\n                    <\/div>\n                    <div class=\"countdown-item\" style=\"\n                        background: rgba(255, 255, 255, 0.1);\n                        backdrop-filter: blur(10px);\n                        border-radius: 12px;\n                        padding: 20px 15px;\n                        min-width: 100px;\n                        text-align: center;\n                        box-shadow: 0 5px 15px rgba(0,0,0,0.2);\n                    \">\n                        <div class=\"countdown-value\" style=\"\n                            color: #ffffff;\n                            font-size: 2.5rem;\n                            font-weight: 700;\n                            line-height: 1;\n                        \" id=\"countdown-minutes\">00<\/div>\n                        <div class=\"countdown-label\" style=\"\n                            color: #e8f0ff;\n                            font-size: 0.9rem;\n                            margin-top: 5px;\n                        \">Minutos<\/div>\n                    <\/div>\n                    <div class=\"countdown-item\" style=\"\n                        background: rgba(255, 255, 255, 0.1);\n                        backdrop-filter: blur(10px);\n                        border-radius: 12px;\n                        padding: 20px 15px;\n                        min-width: 100px;\n                        text-align: center;\n                        box-shadow: 0 5px 15px rgba(0,0,0,0.2);\n                    \">\n                        <div class=\"countdown-value\" style=\"\n                            color: #ffffff;\n                            font-size: 2.5rem;\n                            font-weight: 700;\n                            line-height: 1;\n                        \" id=\"countdown-seconds\">00<\/div>\n                        <div class=\"countdown-label\" style=\"\n                            color: #e8f0ff;\n                            font-size: 0.9rem;\n                            margin-top: 5px;\n                        \">Segundos<\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Botones de Call to Action -->\n            <div class=\"cta-buttons-container\" style=\"\n                margin: 50px 0 30px;\n                display: flex;\n                justify-content: center;\n                gap: 20px;\n                flex-wrap: wrap;\n            \">\n                <a \n                    href=\"https:\/\/forms.gle\/Aont4k8f13gWaGDY6\" \n                    target=\"_blank\"\n                    rel=\"noopener noreferrer\"\n                    class=\"cta-button cta-button-primary\"\n                    style=\"\n                        display: inline-block;\n                        background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%);\n                        color: #ffffff;\n                        padding: 20px 50px;\n                        font-size: 1.4rem;\n                        font-weight: 700;\n                        text-decoration: none;\n                        border-radius: 50px;\n                        box-shadow: 0 10px 25px rgba(243, 156, 18, 0.4);\n                        transition: all 0.4s ease;\n                        font-family: 'Montserrat', sans-serif;\n                        text-transform: uppercase;\n                        letter-spacing: 1px;\n                        position: relative;\n                        overflow: hidden;\n                        z-index: 1;\n                    \"\n                    onmouseover=\"this.style.transform='translateY(-5px)'; this.style.boxShadow='0 15px 35px rgba(243, 156, 18, 0.6)';\"\n                    onmouseout=\"this.style.transform='translateY(0)'; this.style.boxShadow='0 10px 25px rgba(243, 156, 18, 0.4)';\"\n                >\n                    <span style=\"position: relative; z-index: 1;\">\n                        <i class=\"fas fa-check-circle\" style=\"margin-right: 10px;\"><\/i>\n                        Inscripciones Generales\n                    <\/span>\n                    <div class=\"button-overlay\" style=\"\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.2), transparent);\n                        transition: left 0.5s;\n                    \"><\/div>\n                <\/a>\n\n                <a \n                    href=\"https:\/\/www.visitcatamarca.com\/alojamientos\" \n                    target=\"_blank\"\n                    rel=\"noopener noreferrer\"\n                    class=\"cta-button cta-button-secondary\"\n                    style=\"\n                        display: inline-block;\n                        background: linear-gradient(135deg, #3498db 0%, #2980b9 100%);\n                        color: #ffffff;\n                        padding: 20px 50px;\n                        font-size: 1.4rem;\n                        font-weight: 700;\n                        text-decoration: none;\n                        border-radius: 50px;\n                        box-shadow: 0 10px 25px rgba(52, 152, 219, 0.4);\n                        transition: all 0.4s ease;\n                        font-family: 'Montserrat', sans-serif;\n                        text-transform: uppercase;\n                        letter-spacing: 1px;\n                        position: relative;\n                        overflow: hidden;\n                        z-index: 1;\n                    \"\n                    onmouseover=\"this.style.transform='translateY(-5px)'; this.style.boxShadow='0 15px 35px rgba(52, 152, 219, 0.6)';\"\n                    onmouseout=\"this.style.transform='translateY(0)'; this.style.boxShadow='0 10px 25px rgba(52, 152, 219, 0.4)';\"\n                >\n                    <span style=\"position: relative; z-index: 1;\">\n                        <i class=\"fas fa-hotel\" style=\"margin-right: 10px;\"><\/i>\n                        Alojamientos\n                    <\/span>\n                    <div class=\"button-overlay\" style=\"\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.2), transparent);\n                        transition: left 0.5s;\n                    \"><\/div>\n                <\/a>\n\n                <a \n                    href=\"https:\/\/docs.google.com\/forms\/d\/e\/1FAIpQLSe3iDQBIYPSfrq1-wk0bovIldCRY5sqKq2ue8IGYw6SkACAcw\/viewform?fbclid=PAb21jcAOAOolleHRuA2FlbQIxMQBzcnRjBmFwcF9pZA81NjcwNjczNDMzNTI0MjcAAaf6jGe0uDuIQ1kOwtndOshm1dAZDkPHpo6OCyO9z0mmoT1B_iIy_s7RDDjzIQ_aem_6XJxkkTdNMTWQTJehMA-kQ\" \n                    target=\"_blank\"\n                    rel=\"noopener noreferrer\"\n                    class=\"cta-button cta-button-business\"\n                    style=\"\n                        display: inline-block;\n                        background: linear-gradient(135deg, #27ae60 0%, #229954 100%);\n                        color: #ffffff;\n                        padding: 20px 50px;\n                        font-size: 1.4rem;\n                        font-weight: 700;\n                        text-decoration: none;\n                        border-radius: 50px;\n                        box-shadow: 0 10px 25px rgba(39, 174, 96, 0.4);\n                        transition: all 0.4s ease;\n                        font-family: 'Montserrat', sans-serif;\n                        text-transform: uppercase;\n                        letter-spacing: 1px;\n                        position: relative;\n                        overflow: hidden;\n                        z-index: 1;\n                    \"\n                    onmouseover=\"this.style.transform='translateY(-5px)'; this.style.boxShadow='0 15px 35px rgba(39, 174, 96, 0.6)';\"\n                    onmouseout=\"this.style.transform='translateY(0)'; this.style.boxShadow='0 10px 25px rgba(39, 174, 96, 0.4)';\"\n                >\n                    <span style=\"position: relative; z-index: 1;\">\n                        <i class=\"fas fa-handshake\" style=\"margin-right: 10px;\"><\/i>\n                        Inscripciones a las Rondas de Negocio\n                    <\/span>\n                    <div class=\"button-overlay\" style=\"\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.2), transparent);\n                        transition: left 0.5s;\n                    \"><\/div>\n                <\/a>\n            <\/div>\n\n            <!-- Informaci\u00f3n de contacto -->\n            <div class=\"contact-info\" style=\"\n                margin-top: 40px;\n                padding-top: 30px;\n                border-top: 1px solid rgba(255, 255, 255, 0.2);\n                max-width: 800px;\n                margin-left: auto;\n                margin-right: auto;\n            \">\n                <p style=\"\n                    color: #b8d0f0;\n                    font-size: 1.1rem;\n                    margin: 0 0 15px 0;\n                    line-height: 1.8;\n                \">\n                    <strong style=\"font-size: 1.2rem; display: block; margin-bottom: 10px;\">\n                        <i class=\"fas fa-phone-alt\" style=\"margin-right: 10px; color: #27ae60;\"><\/i>\n                        Contactos:\n                    <\/strong>\n                    <span style=\"display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 20px;\">\n                        <span>\n                            <i class=\"fas fa-user\" style=\"margin-right: 8px; color: #3498db;\"><\/i>\n                            Gretel Galeano: <a href=\"tel:+5493834525340\" style=\"color: #f39c12; text-decoration: none; font-weight: 600;\">+549 383-4525340<\/a>\n                        <\/span>\n                        <span>\n                            <i class=\"fas fa-user\" style=\"margin-right: 8px; color: #3498db;\"><\/i>\n                            Ivana Lencina Acevedo: <a href=\"tel:+5493834930760\" style=\"color: #f39c12; text-decoration: none; font-weight: 600;\">+549 383-4930760<\/a>\n                        <\/span>\n                    <\/span>\n                <\/p>\n                <p style=\"\n                    color: #b8d0f0;\n                    font-size: 1rem;\n                    margin: 15px 0 0 0;\n                \">\n                    <i class=\"fas fa-users\" style=\"margin-right: 8px; color: #9b59b6;\"><\/i>\n                    Organiza: <strong>Federaci\u00f3n Econ\u00f3mica de Catamarca<\/strong> | \n                    Gobierno de la Provincia de Catamarca\n                <\/p>\n            <\/div>\n\n        <\/div>\n        \n    <\/div>\n    \n    <!-- Botones flotantes mejorados y completamente responsive -->\n    <div class=\"floating-buttons-container\" style=\"\n        position: fixed;\n        z-index: 1000;\n        display: flex;\n        gap: 10px;\n    \">\n        <!-- Bot\u00f3n M\u00e1s Informaci\u00f3n -->\n        <a \n            href=\"https:\/\/federacioneconomicacatamarca.com.ar\/fec\/wp-content\/uploads\/2025\/11\/DOSSIER-INSTITUCIONAL-EXPO-CATAMARCA-2025-.docx-3.pdf\" \n            class=\"floating-btn floating-btn-info\"\n            title=\"M\u00e1s Informaci\u00f3n\"\n            style=\"\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                width: 60px;\n                height: 60px;\n                background: linear-gradient(135deg, #3498db 0%, #2980b9 100%);\n                color: white;\n                border-radius: 50%;\n                text-decoration: none;\n                box-shadow: 0 4px 15px rgba(52, 152, 219, 0.4);\n                transition: all 0.3s ease;\n                font-size: 1.5rem;\n                position: relative;\n            \"\n            onmouseover=\"this.style.transform='scale(1.1)'; this.style.boxShadow='0 6px 20px rgba(52, 152, 219, 0.6)';\"\n            onmouseout=\"this.style.transform='scale(1)'; this.style.boxShadow='0 4px 15px rgba(52, 152, 219, 0.4)';\"\n        >\n            <i class=\"fas fa-info\"><\/i>\n            <span class=\"floating-btn-text\" style=\"\n                position: absolute;\n                left: 70px;\n                background: rgba(52, 152, 219, 0.9);\n                color: white;\n                padding: 8px 15px;\n                border-radius: 25px;\n                font-size: 0.9rem;\n                white-space: nowrap;\n                opacity: 0;\n                transform: translateX(-10px);\n                transition: all 0.3s ease;\n                pointer-events: none;\n                backdrop-filter: blur(10px);\n            \">M\u00e1s Informaci\u00f3n<\/span>\n        <\/a>\n        \n        <!-- Bot\u00f3n Programa del Evento -->\n        <a \n            href=\"https:\/\/federacioneconomicacatamarca.com.ar\/fec\/wp-content\/uploads\/2025\/11\/Programa_Expocat_nuevo.pdf\" \n            class=\"floating-btn floating-btn-program\"\n            title=\"Programa del Evento\"\n            style=\"\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                width: 60px;\n                height: 60px;\n                background: linear-gradient(135deg, #9b59b6 0%, #8e44ad 100%);\n                color: white;\n                border-radius: 50%;\n                text-decoration: none;\n                box-shadow: 0 4px 15px rgba(155, 89, 182, 0.4);\n                transition: all 0.3s ease;\n                font-size: 1.5rem;\n                position: relative;\n            \"\n            onmouseover=\"this.style.transform='scale(1.1)'; this.style.boxShadow='0 6px 20px rgba(155, 89, 182, 0.6)';\"\n            onmouseout=\"this.style.transform='scale(1)'; this.style.boxShadow='0 4px 15px rgba(155, 89, 182, 0.4)';\"\n        >\n            <i class=\"fas fa-calendar-check\"><\/i>\n            <span class=\"floating-btn-text\" style=\"\n                position: absolute;\n                left: 70px;\n                background: rgba(155, 89, 182, 0.9);\n                color: white;\n                padding: 8px 15px;\n                border-radius: 25px;\n                font-size: 0.9rem;\n                white-space: nowrap;\n                opacity: 0;\n                transform: translateX(-10px);\n                transition: all 0.3s ease;\n                pointer-events: none;\n                backdrop-filter: blur(10px);\n            \">Programa del Evento<\/span>\n        <\/a>\n    <\/div>\n    \n    <!-- Secci\u00f3n del Mapa -->\n    <div class=\"map-section\" style=\"\n        background: linear-gradient(135deg, #0a1a30 0%, #1a3357 100%);\n        padding: 80px 20px;\n        margin: 0;\n    \">\n        <div style=\"\n            max-width: 1200px;\n            margin: 0 auto;\n            text-align: center;\n        \">\n            <!-- T\u00edtulo de la secci\u00f3n -->\n            <h2 style=\"\n                color: #ffffff;\n                font-size: 2.5rem;\n                font-weight: 700;\n                margin-bottom: 15px;\n                text-shadow: 0 2px 4px rgba(0,0,0,0.3);\n            \">\n                <i class=\"fas fa-map-marked-alt\" style=\"margin-right: 15px; color: #f39c12;\"><\/i>\n                Ubicaci\u00f3n del Evento\n            <\/h2>\n            \n            <p style=\"\n                color: #e8f0ff;\n                font-size: 1.2rem;\n                margin-bottom: 40px;\n                max-width: 700px;\n                margin-left: auto;\n                margin-right: auto;\n            \">\n                Predio Ferial Campo Las Heras, San Fernando del Valle de Catamarca\n            <\/p>\n            \n            <!-- Contenedor del mapa con estilo -->\n            <div class=\"map-container\" style=\"\n                background: rgba(255, 255, 255, 0.1);\n                backdrop-filter: blur(15px);\n                border: 2px solid rgba(255, 255, 255, 0.2);\n                border-radius: 20px;\n                padding: 20px;\n                box-shadow: 0 10px 30px rgba(0,0,0,0.3);\n                overflow: hidden;\n                position: relative;\n            \">\n                <!-- Decoraci\u00f3n superior -->\n                <div style=\"\n                    position: absolute;\n                    top: 0;\n                    left: 0;\n                    width: 100%;\n                    height: 5px;\n                    background: linear-gradient(90deg, #f39c12, #e74c3c, #3498db, #9b59b6);\n                \"><\/div>\n                \n                <iframe \n                    src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3508.0801063510953!2d-65.7560396!3d-28.4470015!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x94242f53938ed7b5%3A0xa10966f979ac58b0!2sPredio%20Ferial%20Campo%20Las%20Heras!5e0!3m2!1sen!2sar!4v1762869641777!5m2!1sen!2sar\" \n                    width=\"100%\" \n                    height=\"450\" \n                    style=\"\n                        border: 0;\n                        border-radius: 15px;\n                        filter: brightness(0.9) contrast(1.1);\n                    \" \n                    allowfullscreen=\"\" \n                    loading=\"lazy\" \n                    referrerpolicy=\"no-referrer-when-downgrade\"\n                ><\/iframe>\n                \n                <!-- Informaci\u00f3n adicional debajo del mapa -->\n                <div style=\"\n                    margin-top: 25px;\n                    padding: 20px;\n                    background: rgba(243, 156, 18, 0.1);\n                    border-radius: 12px;\n                    display: flex;\n                    justify-content: center;\n                    align-items: center;\n                    gap: 30px;\n                    flex-wrap: wrap;\n                \">\n                    <a \n                        href=\"https:\/\/www.google.com\/maps\/dir\/?api=1&destination=-28.4470015,-65.7560396\" \n                        target=\"_blank\"\n                        rel=\"noopener noreferrer\"\n                        style=\"\n                            display: inline-flex;\n                            align-items: center;\n                            gap: 10px;\n                            background: linear-gradient(135deg, #27ae60 0%, #229954 100%);\n                            color: white;\n                            padding: 15px 30px;\n                            border-radius: 50px;\n                            text-decoration: none;\n                            font-weight: 600;\n                            font-size: 1.1rem;\n                            box-shadow: 0 5px 15px rgba(39, 174, 96, 0.3);\n                            transition: all 0.3s ease;\n                        \"\n                        onmouseover=\"this.style.transform='translateY(-3px)'; this.style.boxShadow='0 8px 20px rgba(39, 174, 96, 0.5)';\"\n                        onmouseout=\"this.style.transform='translateY(0)'; this.style.boxShadow='0 5px 15px rgba(39, 174, 96, 0.3)';\"\n                    >\n                        <i class=\"fas fa-directions\"><\/i>\n                        C\u00f3mo Llegar\n                    <\/a>\n                    \n                    <div style=\"\n                        color: #ffffff;\n                        font-size: 1rem;\n                        display: flex;\n                        align-items: center;\n                        gap: 8px;\n                    \">\n                        <i class=\"fas fa-parking\" style=\"color: #3498db; font-size: 1.3rem;\"><\/i>\n                        <span>Estacionamiento disponible<\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n    \n    <!-- Secci\u00f3n de detalles (sin margen extra) -->\n    <div id=\"expo-details\" style=\"height: 1px; margin: 0; padding: 0;\"><\/div>\n\n    <style>\n        \/* Reset de m\u00e1rgenes para el contenedor principal *\/\n        .expo-catamarca-hero {\n            margin: 0 !important;\n            padding: 0 !important;\n        }\n        \n        \/* Animaci\u00f3n de zoom sutil para el fondo *\/\n        @keyframes subtleZoom {\n            0% {\n                transform: scale(1);\n            }\n            100% {\n                transform: scale(1.1);\n            }\n        }\n        \n        \/* Animaciones CSS *\/\n        @keyframes float {\n            0% { transform: translateY(0px); }\n            50% { transform: translateY(-15px); }\n            100% { transform: translateY(0px); }\n        }\n        \n        @keyframes bounce {\n            0%, 20%, 50%, 80%, 100% { transform: translateY(0) translateX(-50%); }\n            40% { transform: translateY(-20px) translateX(-50%); }\n            60% { transform: translateY(-10px) translateX(-50%); }\n        }\n        \n        \/* Efecto hover mejorado para los botones CTA *\/\n        .cta-button:hover .button-overlay {\n            left: 100%;\n        }\n        \n        \/* Estilos para botones flotantes RESPONSIVE *\/\n        .floating-buttons-container {\n            \/* Posici\u00f3n por defecto para escritorio *\/\n            left: 20px;\n            top: 50%;\n            transform: translateY(-50%);\n            flex-direction: column;\n        }\n        \n        \/* Efecto hover para mostrar texto en botones flotantes *\/\n        .floating-btn:hover .floating-btn-text {\n            opacity: 1;\n            transform: translateX(0);\n        }\n        \n        \/* Responsive para tablets *\/\n        @media (max-width: 1024px) {\n            .floating-buttons-container {\n                left: 15px;\n            }\n            \n            .floating-btn {\n                width: 55px !important;\n                height: 55px !important;\n                font-size: 1.4rem !important;\n            }\n            \n            .floating-btn-text {\n                font-size: 0.85rem !important;\n                padding: 7px 12px !important;\n                left: 65px !important;\n            }\n        }\n        \n        \/* Responsive para m\u00f3viles *\/\n        @media (max-width: 768px) {\n            .main-headline {\n                font-size: 2.5rem !important;\n            }\n            \n            .date-location-card {\n                padding: 20px !important;\n            }\n            \n            .date-info, .location-info {\n                flex-direction: column !important;\n                text-align: center !important;\n            }\n            \n            .date-info div:first-child, .location-info div:first-child {\n                margin-right: 0 !important;\n                margin-bottom: 15px !important;\n            }\n            \n            .countdown {\n                flex-wrap: wrap !important;\n            }\n            \n            .countdown-item {\n                min-width: 80px !important;\n                padding: 15px 10px !important;\n            }\n            \n            .countdown-value {\n                font-size: 2rem !important;\n            }\n            \n            .cta-buttons-container {\n                flex-direction: column !important;\n                align-items: center !important;\n            }\n            \n            .cta-button {\n                width: 100%;\n                max-width: 350px;\n            }\n            \n            \/* BOTONES FLOTANTES EN M\u00d3VIL - ABAJO A LA IZQUIERDA *\/\n            .floating-buttons-container {\n                position: fixed !important;\n                left: 15px !important;\n                bottom: 20px !important;\n                top: auto !important;\n                transform: none !important;\n                flex-direction: row !important;\n                gap: 12px !important;\n                background: rgba(10, 26, 48, 0.8);\n                backdrop-filter: blur(15px);\n                border-radius: 40px;\n                padding: 10px 15px;\n                box-shadow: 0 8px 25px rgba(0,0,0,0.3);\n                border: 1px solid rgba(255,255,255,0.1);\n            }\n            \n            .floating-btn {\n                width: 50px !important;\n                height: 50px !important;\n                font-size: 1.3rem !important;\n            }\n            \n            .floating-btn-text {\n                display: none !important; \/* Ocultar texto en m\u00f3viles *\/\n            }\n            \n            \/* Asegurar que no interfiera con otros elementos *\/\n            .map-section {\n                margin-bottom: 90px !important;\n            }\n        }\n        \n        \/* Responsive para m\u00f3viles peque\u00f1os *\/\n        @media (max-width: 480px) {\n            .main-headline {\n                font-size: 2rem !important;\n            }\n            \n            .date-info p, .location-info p {\n                font-size: 1.3rem !important;\n            }\n            \n            .cta-button {\n                padding: 15px 40px !important;\n                font-size: 1.2rem !important;\n            }\n            \n            \/* Botones flotantes m\u00e1s peque\u00f1os en m\u00f3viles muy peque\u00f1os *\/\n            .floating-buttons-container {\n                left: 10px !important;\n                bottom: 15px !important;\n                padding: 8px 12px !important;\n                gap: 10px !important;\n            }\n            \n            .floating-btn {\n                width: 45px !important;\n                height: 45px !important;\n                font-size: 1.2rem !important;\n            }\n        }\n        \n        \/* Deshabilitar parallax en m\u00f3viles para mejor rendimiento *\/\n        @media (max-width: 768px) {\n            .expo-catamarca-hero {\n                background-attachment: scroll !important;\n            }\n            \n            \/* Ajustar mapa en m\u00f3viles *\/\n            .map-container iframe {\n                height: 350px !important;\n            }\n        }\n        \n        \/* Animaciones para botones flotantes *\/\n        .floating-buttons-container {\n            animation: slideInLeft 0.5s ease-out;\n        }\n        \n        @keyframes slideInLeft {\n            from {\n                opacity: 0;\n                transform: translateX(-100px) translateY(-50%);\n            }\n            to {\n                opacity: 1;\n                transform: translateX(0) translateY(-50%);\n            }\n        }\n        \n        \/* Efecto hover para el mapa *\/\n        .map-container {\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n        }\n        \n        .map-container:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 15px 40px rgba(0,0,0,0.4);\n        }\n        \n        \/* Animaci\u00f3n para botones flotantes en m\u00f3vil *\/\n        @media (max-width: 768px) {\n            .floating-buttons-container {\n                animation: slideInUpMobile 0.5s ease-out;\n            }\n            \n            @keyframes slideInUpMobile {\n                from {\n                    opacity: 0;\n                    transform: translateY(100px);\n                }\n                to {\n                    opacity: 1;\n                    transform: translateY(0);\n                }\n            }\n        }\n    <\/style>\n    \n    <script>\n        \/\/ Contador regresivo\n        function updateCountdown() {\n            const eventDate = new Date('November 25, 2025 09:00:00').getTime();\n            const now = new Date().getTime();\n            const distance = eventDate - now;\n            \n            if (distance < 0) {\n                document.getElementById('countdown-days').innerText = '00';\n                document.getElementById('countdown-hours').innerText = '00';\n                document.getElementById('countdown-minutes').innerText = '00';\n                document.getElementById('countdown-seconds').innerText = '00';\n                return;\n            }\n            \n            const days = Math.floor(distance \/ (1000 * 60 * 60 * 24));\n            const hours = Math.floor((distance % (1000 * 60 * 60 * 24)) \/ (1000 * 60 * 60));\n            const minutes = Math.floor((distance % (1000 * 60 * 60)) \/ (1000 * 60));\n            const seconds = Math.floor((distance % (1000 * 60)) \/ 1000);\n            \n            document.getElementById('countdown-days').innerText = days.toString().padStart(2, '0');\n            document.getElementById('countdown-hours').innerText = hours.toString().padStart(2, '0');\n            document.getElementById('countdown-minutes').innerText = minutes.toString().padStart(2, '0');\n            document.getElementById('countdown-seconds').innerText = seconds.toString().padStart(2, '0');\n        }\n        \n        \/\/ Actualizar el contador cada segundo\n        setInterval(updateCountdown, 1000);\n        updateCountdown();\n        \n        \/\/ Efecto de part\u00edculas simple\n        document.addEventListener('DOMContentLoaded', function() {\n            const particlesContainer = document.querySelector('.particles-container');\n            if (particlesContainer) {\n                for (let i = 0; i < 30; i++) {\n                    const particle = document.createElement('div');\n                    particle.style.position = 'absolute';\n                    particle.style.width = Math.random() * 5 + 2 + 'px';\n                    particle.style.height = particle.style.width;\n                    particle.style.background = 'rgba(255, 255, 255, ' + (Math.random() * 0.3 + 0.1) + ')';\n                    particle.style.borderRadius = '50%';\n                    particle.style.top = Math.random() * 100 + '%';\n                    particle.style.left = Math.random() * 100 + '%';\n                    particle.style.animation = `float ${Math.random() * 10 + 10}s linear infinite`;\n                    particlesContainer.appendChild(particle);\n                }\n            }\n            \n            \/\/ Ajustar posici\u00f3n de botones flotantes en carga inicial\n            adjustFloatingButtons();\n            \n            \/\/ Reajustar en redimensionamiento\n            window.addEventListener('resize', adjustFloatingButtons);\n        });\n        \n        \/\/ Funci\u00f3n para ajustar botones flotantes seg\u00fan el tama\u00f1o de pantalla\n        function adjustFloatingButtons() {\n            const floatingContainer = document.querySelector('.floating-buttons-container');\n            if (window.innerWidth <= 768) {\n                \/\/ En m\u00f3viles: abajo a la izquierda\n                floatingContainer.style.left = '15px';\n                floatingContainer.style.bottom = '20px';\n                floatingContainer.style.top = 'auto';\n                floatingContainer.style.transform = 'none';\n                floatingContainer.style.flexDirection = 'row';\n            } else {\n                \/\/ En escritorio: izquierda centrado vertical\n                floatingContainer.style.left = '20px';\n                floatingContainer.style.top = '50%';\n                floatingContainer.style.bottom = 'auto';\n                floatingContainer.style.transform = 'translateY(-50%)';\n                floatingContainer.style.flexDirection = 'column';\n            }\n        }\n    <\/script>\n\n    \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"..\/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-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/federacioneconomicacatamarca.com.ar\/fec\/wp-json\/wp\/v2\/pages\/9","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=9"}],"version-history":[{"count":1,"href":"https:\/\/federacioneconomicacatamarca.com.ar\/fec\/wp-json\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":10,"href":"https:\/\/federacioneconomicacatamarca.com.ar\/fec\/wp-json\/wp\/v2\/pages\/9\/revisions\/10"}],"wp:attachment":[{"href":"https:\/\/federacioneconomicacatamarca.com.ar\/fec\/wp-json\/wp\/v2\/media?parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}