{"id":187,"date":"2026-04-24T18:24:13","date_gmt":"2026-04-24T21:24:13","guid":{"rendered":"https:\/\/socrates.la\/?page_id=187"},"modified":"2026-05-29T21:50:04","modified_gmt":"2026-05-30T00:50:04","slug":"portfolio","status":"publish","type":"page","link":"http:\/\/socrates.la\/en\/portfolio\/","title":{"rendered":"PORTFOLIO"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"187\" class=\"elementor elementor-187\" data-elementor-settings=\"{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-e4dadca elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"e4dadca\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-5965852\" data-id=\"5965852\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1b847a6 elementor-widget elementor-widget-spacer\" data-id=\"1b847a6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-2caef07 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"2caef07\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-724484a\" data-id=\"724484a\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f3058c6 elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-wwp-elementor-static-breadcrumbs\" data-id=\"f3058c6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"wwp-elementor-static-breadcrumbs.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n                <style>\n                    #breadcrumb-6a55aea66d09c.triangle li a {\n                        background: #007C46;\n                    }\n                    #breadcrumb-6a55aea66d09c.triangle li a:after {\n                        border-left: 30px solid #007C46;\n                    }\n                    #breadcrumb-6a55aea66d09c.triangle li:last-child {\n                        background: #86AC00;\n                    }\n                <\/style>\n            <ol class=\"wwp-elementor-breadcrumbs triangle\" id=\"breadcrumb-6a55aea66d09c\"><li class=\"visited\"><a href=\"https:\/\/www.socrates.la\"><span>HOME<\/span><\/a><\/li><li class=\"current\"><span>PORTFOLIO<\/span><\/li><\/ol><script type=\"application\/ld+json\">{\"@context\":\"https:\\\/\\\/schema.org\\\/\",\"@type\":\"BreadcrumbList\",\"itemListElement\":[[],{\"@type\":\"ListItem\",\"position\":1,\"name\":\"PORTFOLIO\",\"item\":\"http:\\\/\\\/socrates.la\\\/en\\\/wp-json\\\/wp\\\/v2\\\/pages\\\/187\"}]}<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-d023333\" data-id=\"d023333\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4c9f407 elementor-widget elementor-widget-heading\" data-id=\"4c9f407\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Some of our featured web projects<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1dbebbd elementor-widget elementor-widget-heading\" data-id=\"1dbebbd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">If you would like to learn about even more projects, please contact us directly.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-40a7f1e elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"40a7f1e\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-9aeb623\" data-id=\"9aeb623\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3da4e18 elementor-widget elementor-widget-shortcode\" data-id=\"3da4e18\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    <div id=\"soc-grid-web\" class=\"socrates-portfolio-wrapper type-web\" style=\"--t-color:#FFF; --t-size:16px; --d-size:13px; --c-rad:16px; --c-opac:1; --b-opac:0.25; --b-blur:0px; --l-speed:1.5s; --h-scale:1.04; --s-glow:30px; font-family:'Ubuntu Sans', sans-serif;\">\r\n        \r\n        <div class=\"socrates-tab-nav\">\r\n            <a href=\"\/en\/wp-json\/wp\/v2\/pages\/187?pf_web=ALL#soc-grid-web\" class=\"socrates-filter-btn active\">ALL<\/a>\r\n                            <a href=\"\/en\/wp-json\/wp\/v2\/pages\/187?pf_web=ECOMMERCE#soc-grid-web\" class=\"socrates-filter-btn \">ECOMMERCE<\/a>\r\n                            <a href=\"\/en\/wp-json\/wp\/v2\/pages\/187?pf_web=PRODUCT%20SITE#soc-grid-web\" class=\"socrates-filter-btn \">PRODUCT SITE<\/a>\r\n                            <a href=\"\/en\/wp-json\/wp\/v2\/pages\/187?pf_web=WEBSITE#soc-grid-web\" class=\"socrates-filter-btn \">WEBSITE<\/a>\r\n                    <\/div>\r\n\r\n        <div class=\"socrates-frontend-grid\">\r\n                            <div class=\"socrates-card-item\" style=\"--accent: #73bc25;\">\r\n                    <a href=\"https:\/\/minasstudio.com\" target=\"_blank\" class=\"socrates-card-anchor  \">\r\n                        <div class=\"socrates-card-viewport\">\r\n                            <img decoding=\"async\" src=\"https:\/\/socrates.la\/wp-content\/uploads\/2026\/05\/minas2.png\" class=\"socrates-card-img\">\r\n                            <div class=\"socrates-web-grid-overlay\"><\/div>\r\n                                                    <\/div>\r\n                        \r\n                        <div class=\"socrates-card-meta\">\r\n                            <div class=\"socrates-card-tag\" style=\"background: var(--accent);\">WEBSITE<\/div>\r\n                            <h3 class=\"socrates-card-title\">Mina&#039;s Studio<\/h3>\r\n                            <p class=\"socrates-card-desc\">Corporate Website and Booking System<\/p>\r\n                            \r\n                            \r\n                                                        \r\n                            <div class=\"socrates-card-specs\">\r\n                                                                    <div class=\"spec-block\"><span class=\"sl\">COUNTRY:<\/span> <span class=\"sv\">USA<\/span><\/div>\r\n                                                                                                    <div class=\"spec-block\">\r\n                                        <div class=\"spec-flags\">\r\n                                                                                                <span class=\"flag-item\">\r\n                                                        <img decoding=\"async\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/17.0.2\/svg\/1f1fa-1f1f8.svg\" class=\"f-hd\">\r\n                                                        <span class=\"flag-text\">EN<\/span>\r\n                                                    <\/span>\r\n                                                                                        <\/div>\r\n                                    <\/div>\r\n                                                            <\/div>\r\n                        <\/div>\r\n                    <\/a>\r\n                <\/div>\r\n                            <div class=\"socrates-card-item\" style=\"--accent: #73bc25;\">\r\n                    <a href=\"https:\/\/carbomax.co\/\" target=\"_blank\" class=\"socrates-card-anchor  \">\r\n                        <div class=\"socrates-card-viewport\">\r\n                            <img decoding=\"async\" src=\"https:\/\/socrates.la\/wp-content\/uploads\/2026\/05\/carbomaxsite-1024x732.png\" class=\"socrates-card-img\">\r\n                            <div class=\"socrates-web-grid-overlay\"><\/div>\r\n                                                    <\/div>\r\n                        \r\n                        <div class=\"socrates-card-meta\">\r\n                            <div class=\"socrates-card-tag\" style=\"background: var(--accent);\">WEBSITE<\/div>\r\n                            <h3 class=\"socrates-card-title\">Carbomax<\/h3>\r\n                            <p class=\"socrates-card-desc\">Website of a mining company in Colombia<\/p>\r\n                            \r\n                            \r\n                                                        \r\n                            <div class=\"socrates-card-specs\">\r\n                                                                    <div class=\"spec-block\"><span class=\"sl\">COUNTRY:<\/span> <span class=\"sv\">COLOMBIA<\/span><\/div>\r\n                                                                                                    <div class=\"spec-block\">\r\n                                        <div class=\"spec-flags\">\r\n                                                                                                <span class=\"flag-item\">\r\n                                                        <img decoding=\"async\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/17.0.2\/svg\/1f1ea-1f1f8.svg\" class=\"f-hd\">\r\n                                                        <span class=\"flag-text\">ES<\/span>\r\n                                                    <\/span>\r\n                                                                                                    <span class=\"flag-item\">\r\n                                                        <img decoding=\"async\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/17.0.2\/svg\/1f1fa-1f1f8.svg\" class=\"f-hd\">\r\n                                                        <span class=\"flag-text\">EN<\/span>\r\n                                                    <\/span>\r\n                                                                                        <\/div>\r\n                                    <\/div>\r\n                                                            <\/div>\r\n                        <\/div>\r\n                    <\/a>\r\n                <\/div>\r\n                            <div class=\"socrates-card-item\" style=\"--accent: #73bc25;\">\r\n                    <a href=\"https:\/\/agenda.bpkedu.com.br\" target=\"_blank\" class=\"socrates-card-anchor  \">\r\n                        <div class=\"socrates-card-viewport\">\r\n                            <img decoding=\"async\" src=\"https:\/\/socrates.la\/wp-content\/uploads\/2026\/05\/agendaone.png\" class=\"socrates-card-img\">\r\n                            <div class=\"socrates-web-grid-overlay\"><\/div>\r\n                                                    <\/div>\r\n                        \r\n                        <div class=\"socrates-card-meta\">\r\n                            <div class=\"socrates-card-tag\" style=\"background: var(--accent);\">WEBSITE<\/div>\r\n                            <h3 class=\"socrates-card-title\">Biopark<\/h3>\r\n                            <p class=\"socrates-card-desc\">Online Room Booking System<\/p>\r\n                            \r\n                            \r\n                                                        \r\n                            <div class=\"socrates-card-specs\">\r\n                                                                    <div class=\"spec-block\"><span class=\"sl\">COUNTRY:<\/span> <span class=\"sv\">BRASIL<\/span><\/div>\r\n                                                                                                    <div class=\"spec-block\">\r\n                                        <div class=\"spec-flags\">\r\n                                                                                                <span class=\"flag-item\">\r\n                                                        <img decoding=\"async\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/17.0.2\/svg\/1f1e7-1f1f7.svg\" class=\"f-hd\">\r\n                                                        <span class=\"flag-text\">PT<\/span>\r\n                                                    <\/span>\r\n                                                                                        <\/div>\r\n                                    <\/div>\r\n                                                            <\/div>\r\n                        <\/div>\r\n                    <\/a>\r\n                <\/div>\r\n                            <div class=\"socrates-card-item\" style=\"--accent: #73bc25;\">\r\n                    <a href=\"https:\/\/sandersweddings.com\/\" target=\"_blank\" class=\"socrates-card-anchor  \">\r\n                        <div class=\"socrates-card-viewport\">\r\n                            <img decoding=\"async\" src=\"https:\/\/socrates.la\/wp-content\/uploads\/2026\/05\/sanders-1024x856.png\" class=\"socrates-card-img\">\r\n                            <div class=\"socrates-web-grid-overlay\"><\/div>\r\n                                                    <\/div>\r\n                        \r\n                        <div class=\"socrates-card-meta\">\r\n                            <div class=\"socrates-card-tag\" style=\"background: var(--accent);\">WEBSITE<\/div>\r\n                            <h3 class=\"socrates-card-title\">Sanders Weddings<\/h3>\r\n                            <p class=\"socrates-card-desc\">Corporate Site<\/p>\r\n                            \r\n                            \r\n                                                        \r\n                            <div class=\"socrates-card-specs\">\r\n                                                                    <div class=\"spec-block\"><span class=\"sl\">COUNTRY:<\/span> <span class=\"sv\">USA<\/span><\/div>\r\n                                                                                                    <div class=\"spec-block\">\r\n                                        <div class=\"spec-flags\">\r\n                                                                                                <span class=\"flag-item\">\r\n                                                        <img decoding=\"async\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/17.0.2\/svg\/1f1fa-1f1f8.svg\" class=\"f-hd\">\r\n                                                        <span class=\"flag-text\">EN<\/span>\r\n                                                    <\/span>\r\n                                                                                        <\/div>\r\n                                    <\/div>\r\n                                                            <\/div>\r\n                        <\/div>\r\n                    <\/a>\r\n                <\/div>\r\n                            <div class=\"socrates-card-item\" style=\"--accent: #73bc25;\">\r\n                    <a href=\"https:\/\/titanyeg.com\/\" target=\"_blank\" class=\"socrates-card-anchor  \">\r\n                        <div class=\"socrates-card-viewport\">\r\n                            <img decoding=\"async\" src=\"https:\/\/socrates.la\/wp-content\/uploads\/2026\/05\/titan-1024x886.png\" class=\"socrates-card-img\">\r\n                            <div class=\"socrates-web-grid-overlay\"><\/div>\r\n                                                    <\/div>\r\n                        \r\n                        <div class=\"socrates-card-meta\">\r\n                            <div class=\"socrates-card-tag\" style=\"background: var(--accent);\">WEBSITE<\/div>\r\n                            <h3 class=\"socrates-card-title\">TITAN<\/h3>\r\n                            <p class=\"socrates-card-desc\">Corporate Website<\/p>\r\n                            \r\n                            \r\n                                                        \r\n                            <div class=\"socrates-card-specs\">\r\n                                                                    <div class=\"spec-block\"><span class=\"sl\">COUNTRY:<\/span> <span class=\"sv\">CANADA<\/span><\/div>\r\n                                                                                                    <div class=\"spec-block\">\r\n                                        <div class=\"spec-flags\">\r\n                                                                                                <span class=\"flag-item\">\r\n                                                        <img decoding=\"async\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/17.0.2\/svg\/1f1fa-1f1f8.svg\" class=\"f-hd\">\r\n                                                        <span class=\"flag-text\">EN<\/span>\r\n                                                    <\/span>\r\n                                                                                        <\/div>\r\n                                    <\/div>\r\n                                                            <\/div>\r\n                        <\/div>\r\n                    <\/a>\r\n                <\/div>\r\n                            <div class=\"socrates-card-item\" style=\"--accent: #73bc25;\">\r\n                    <a href=\"https:\/\/comercialeuroandina.cl\" target=\"_blank\" class=\"socrates-card-anchor  \">\r\n                        <div class=\"socrates-card-viewport\">\r\n                            <img decoding=\"async\" src=\"https:\/\/socrates.la\/wp-content\/uploads\/2026\/05\/euroandina-1024x870.png\" class=\"socrates-card-img\">\r\n                            <div class=\"socrates-web-grid-overlay\"><\/div>\r\n                                                    <\/div>\r\n                        \r\n                        <div class=\"socrates-card-meta\">\r\n                            <div class=\"socrates-card-tag\" style=\"background: var(--accent);\">PRODUCT SITE<\/div>\r\n                            <h3 class=\"socrates-card-title\">Comercial Euroandina<\/h3>\r\n                            <p class=\"socrates-card-desc\">Corporate Website<\/p>\r\n                            \r\n                            \r\n                                                        \r\n                            <div class=\"socrates-card-specs\">\r\n                                                                    <div class=\"spec-block\"><span class=\"sl\">COUNTRY:<\/span> <span class=\"sv\">CHILE<\/span><\/div>\r\n                                                                                                    <div class=\"spec-block\">\r\n                                        <div class=\"spec-flags\">\r\n                                                                                                <span class=\"flag-item\">\r\n                                                        <img decoding=\"async\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/17.0.2\/svg\/1f1ea-1f1f8.svg\" class=\"f-hd\">\r\n                                                        <span class=\"flag-text\">ES<\/span>\r\n                                                    <\/span>\r\n                                                                                        <\/div>\r\n                                    <\/div>\r\n                                                            <\/div>\r\n                        <\/div>\r\n                    <\/a>\r\n                <\/div>\r\n                            <div class=\"socrates-card-item\" style=\"--accent: #73bc25;\">\r\n                    <a href=\"https:\/\/simpop.tech\/\" target=\"_blank\" class=\"socrates-card-anchor  \">\r\n                        <div class=\"socrates-card-viewport\">\r\n                            <img decoding=\"async\" src=\"https:\/\/socrates.la\/wp-content\/uploads\/2026\/05\/simpop-1024x886.png\" class=\"socrates-card-img\">\r\n                            <div class=\"socrates-web-grid-overlay\"><\/div>\r\n                                                    <\/div>\r\n                        \r\n                        <div class=\"socrates-card-meta\">\r\n                            <div class=\"socrates-card-tag\" style=\"background: var(--accent);\">WEBSITE<\/div>\r\n                            <h3 class=\"socrates-card-title\">SIMPOP<\/h3>\r\n                            <p class=\"socrates-card-desc\">Event Web Site<\/p>\r\n                            \r\n                            \r\n                                                        \r\n                            <div class=\"socrates-card-specs\">\r\n                                                                    <div class=\"spec-block\"><span class=\"sl\">COUNTRY:<\/span> <span class=\"sv\">BRASIL<\/span><\/div>\r\n                                                                                                    <div class=\"spec-block\">\r\n                                        <div class=\"spec-flags\">\r\n                                                                                                <span class=\"flag-item\">\r\n                                                        <img decoding=\"async\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/17.0.2\/svg\/1f1e7-1f1f7.svg\" class=\"f-hd\">\r\n                                                        <span class=\"flag-text\">PT<\/span>\r\n                                                    <\/span>\r\n                                                                                        <\/div>\r\n                                    <\/div>\r\n                                                            <\/div>\r\n                        <\/div>\r\n                    <\/a>\r\n                <\/div>\r\n                            <div class=\"socrates-card-item\" style=\"--accent: #73bc25;\">\r\n                    <a href=\"https:\/\/katelliottart.com\/\" target=\"_blank\" class=\"socrates-card-anchor  \">\r\n                        <div class=\"socrates-card-viewport\">\r\n                            <img decoding=\"async\" src=\"https:\/\/socrates.la\/wp-content\/uploads\/2026\/05\/kat.png\" class=\"socrates-card-img\">\r\n                            <div class=\"socrates-web-grid-overlay\"><\/div>\r\n                                                    <\/div>\r\n                        \r\n                        <div class=\"socrates-card-meta\">\r\n                            <div class=\"socrates-card-tag\" style=\"background: var(--accent);\">PRODUCT SITE<\/div>\r\n                            <h3 class=\"socrates-card-title\">Kat Elliot<\/h3>\r\n                            <p class=\"socrates-card-desc\">Corporate Site &amp; Gallery Art<\/p>\r\n                            \r\n                            \r\n                                                        \r\n                            <div class=\"socrates-card-specs\">\r\n                                                                    <div class=\"spec-block\"><span class=\"sl\">COUNTRY:<\/span> <span class=\"sv\">USA<\/span><\/div>\r\n                                                                                                    <div class=\"spec-block\">\r\n                                        <div class=\"spec-flags\">\r\n                                                                                                <span class=\"flag-item\">\r\n                                                        <img decoding=\"async\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/17.0.2\/svg\/1f1fa-1f1f8.svg\" class=\"f-hd\">\r\n                                                        <span class=\"flag-text\">EN<\/span>\r\n                                                    <\/span>\r\n                                                                                        <\/div>\r\n                                    <\/div>\r\n                                                            <\/div>\r\n                        <\/div>\r\n                    <\/a>\r\n                <\/div>\r\n                    <\/div>\r\n        \r\n                    <div class=\"socrates-pagination\">\r\n                <span aria-current=\"page\" class=\"page-numbers current\">1<\/span>\n<a class=\"page-numbers\" href=\"http:\/\/socrates.la\/en\/wp-json\/wp\/v2\/pages\/187\/?p_web=2&#038;pf_web=ALL#soc-grid-web\">2<\/a>\n<a class=\"page-numbers\" href=\"http:\/\/socrates.la\/en\/wp-json\/wp\/v2\/pages\/187\/?p_web=3&#038;pf_web=ALL#soc-grid-web\">3<\/a>\n<a class=\"next page-numbers\" href=\"http:\/\/socrates.la\/en\/wp-json\/wp\/v2\/pages\/187\/?p_web=2&#038;pf_web=ALL#soc-grid-web\">&raquo;<\/a>            <\/div>\r\n            <\/div>\r\n\r\n    <!-- Modal Galer\u00eda (im\u00e1genes) -->\r\n    <div id=\"soc-gallery-modal\" class=\"soc-modal-system\" style=\"display:none;\">\r\n        <div class=\"soc-modal-overlay\"><\/div>\r\n        <div class=\"soc-modal-container\">\r\n            <button class=\"soc-modal-close\">&times;<\/button>\r\n            <div class=\"soc-modal-main\">\r\n                <button class=\"soc-nav-btn prev\">&#10094;<\/button>\r\n                <div class=\"soc-slide-viewport\">\r\n                    <img decoding=\"async\" id=\"soc-main-slide\" src=\"\" alt=\"\">\r\n                <\/div>\r\n                <button class=\"soc-nav-btn next\">&#10095;<\/button>\r\n            <\/div>\r\n            <div class=\"soc-modal-footer\">\r\n                <div class=\"soc-counter\"><span id=\"soc-cur\">1<\/span> \/ <span id=\"soc-tot\">1<\/span><\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Modal Video -->\r\n    <div id=\"soc-video-modal\" class=\"soc-modal-system\" style=\"display:none;\">\r\n        <div class=\"soc-modal-overlay\"><\/div>\r\n        <div class=\"soc-modal-container\" style=\"max-width:900px;\">\r\n            <button class=\"soc-modal-close\">&times;<\/button>\r\n            <div class=\"soc-video-wrapper\" style=\"position:relative;padding-bottom:56.25%;height:0;overflow:hidden;\">\r\n                <iframe id=\"soc-video-iframe\" src=\"\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen style=\"position:absolute;top:0;left:0;width:100%;height:100%;\"><\/iframe>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <style>\r\n        .socrates-portfolio-wrapper { max-width: 1400px; margin: 0 auto; padding: 20px; }\r\n        \r\n        .socrates-tab-nav { \r\n            display: flex; \r\n            justify-content: center; \r\n            gap: 12px; \r\n            margin-bottom: 40px; \r\n            flex-wrap: wrap;          \/* Por si hay muchos filtros en tablet *\/\r\n        }\r\n        \/* Ocultar filtros solo en celular *\/\r\n        @media (max-width: 600px) {\r\n            .socrates-tab-nav {\r\n                display: none;\r\n            }\r\n        }\r\n\r\n        .socrates-filter-btn { \r\n            padding: 6px 18px; \r\n            background: #73bc25; \r\n            color: #fff; \r\n            text-decoration: none; \r\n            border-radius: 6px; \r\n            font-size: 13px; \r\n            font-weight: 700; \r\n            transition: all 0.3s ease; \r\n            border: none; \r\n            cursor: pointer; \r\n            display: inline-block;\r\n            white-space: nowrap;\r\n        }\r\n        .socrates-filter-btn:hover, .socrates-filter-btn.active { \r\n            background: #31b4e7; color: #fff; transform: translateY(-2px); \r\n        }\r\n\r\n        .socrates-frontend-grid { \r\n            display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; \r\n        }\r\n        @media (max-width: 1200px) { .socrates-frontend-grid { grid-template-columns: repeat(3, 1fr); } }\r\n        @media (max-width: 900px) { .socrates-frontend-grid { grid-template-columns: repeat(2, 1fr); } }\r\n        @media (max-width: 600px) { .socrates-frontend-grid { grid-template-columns: 1fr; } }\r\n\r\n        .socrates-card-item { \r\n            background: rgba(255, 255, 255, 0.05); backdrop-filter: blur(10px); \r\n            border-radius: var(--c-rad); overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.1); \r\n            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); position: relative; \r\n        }\r\n        .socrates-card-item:hover { \r\n            transform: translateY(-6px) scale(1.02); \r\n            background: rgba(0,116,199,0.05); \r\n            border-color: #0074c7; \r\n            box-shadow: 0 0 25px rgba(0,116,199,0.5), 0 15px 35px rgba(0,0,0,0.4); \r\n        }\r\n        .socrates-card-anchor { text-decoration: none; display: block; }\r\n        \r\n        .socrates-card-viewport { \r\n            height: 140px; \r\n            position: relative; \r\n            overflow: hidden; \r\n            background: #000; \r\n            border: none;\r\n            border-radius: var(--c-rad) var(--c-rad) 0 0; \r\n        }\r\n        .socrates-card-img { width: 100%; height: 100%; object-fit: cover; opacity: 0.8; transition: all 0.6s ease; }\r\n        .socrates-card-item:hover .socrates-card-img { opacity: 1; transform: scale(1.1); }\r\n        \r\n        .socrates-web-grid-overlay { position: absolute; inset: 0; background-image: radial-gradient(rgba(255,255,255,0.05) 1px, transparent 1px); background-size: 15px 15px; }\r\n        \r\n        .socrates-cover-gallery-icon {\r\n            position: absolute; top: 10px; right: 10px;\r\n            background: rgba(0,0,0,0.6); color: #fff; border-radius: 50%;\r\n            width: 32px; height: 32px; display: flex; align-items: center; justify-content: center;\r\n            font-size: 16px; cursor: pointer; z-index: 10; transition: transform 0.3s;\r\n        }\r\n        .socrates-cover-gallery-icon:hover { transform: scale(1.2); background: rgba(0,116,199,0.8); }\r\n        \r\n        .socrates-card-meta { padding: 20px; }\r\n        .socrates-card-tag { font-size: 9px; font-weight: 700; color: #fff; display: inline-block; padding: 3px 10px; border-radius: 4px; margin-bottom: 12px; text-transform: uppercase; }\r\n        .socrates-card-title { color: #fff; font-size: 16px; margin: 0 0 10px 0; font-weight: 700; }\r\n        .socrates-card-desc { color: #8c9baf; font-size: 12px; line-height: 1.6; margin-bottom: 15px; height: 38px; overflow: hidden; }\r\n        \r\n        .socrates-card-socials { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 15px; }\r\n        .social-badge { font-size: 8px; font-weight: 700; padding: 3px 8px; border-radius: 4px; background: rgba(255,255,255,0.08); color: #8c9baf; text-transform: uppercase; }\r\n        \r\n        .socrates-document-icons { \r\n            display: flex; gap: 10px; margin-bottom: 15px; font-size: 20px; \r\n            opacity: 0.7; transition: opacity 0.3s;\r\n        }\r\n        .socrates-card-item:hover .socrates-document-icons { opacity: 1; }\r\n        \r\n        .socrates-card-specs { border-top: 1px solid rgba(255,255,255,0.1); padding-top: 15px; display: flex; justify-content: space-between; align-items: center; }\r\n        .spec-block { font-size: 10px; font-weight: 700; color: #fff; }\r\n        .spec-block .sl { color: #fff; margin-right: 6px; }\r\n        .spec-block .sv { color: #fff; }\r\n        .spec-flags { display: flex; gap: 5px; align-items: center; }\r\n        .flag-item { display: inline-flex; align-items: center; margin-right: 6px; }\r\n        .flag-item img { width: 15px; height: 15px; }\r\n        .flag-text { font-size: 10px; color: #fff; margin-left: 3px; }\r\n        \r\n        .socrates-pagination { margin-top: 50px; text-align: center; }\r\n        .socrates-pagination a, .socrates-pagination span { padding: 10px 20px; background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); color: #fff; text-decoration: none; border-radius: 6px; margin: 0 5px; font-weight: 700; transition: 0.3s; }\r\n        .socrates-pagination .current, .socrates-pagination a:hover { background: #73bc25; border-color: #73bc25; }\r\n\r\n        \/* Modal Slider (im\u00e1genes) *\/\r\n        .soc-modal-system { position: fixed; inset: 0; z-index: 999999; display: flex; align-items: center; justify-content: center; }\r\n        .soc-modal-overlay { position: absolute; inset: 0; background: rgba(0,0,0,0.95); backdrop-filter: blur(15px); }\r\n        .soc-modal-container { position: relative; width: 90%; max-width: 1100px; z-index: 2; }\r\n        .soc-modal-close { position: absolute; top: -60px; right: 0; background: none; border: none; color: #fff; font-size: 50px; cursor: pointer; opacity: 0.7; transition: 0.3s; }\r\n        .soc-modal-close:hover { opacity: 1; transform: rotate(90deg); }\r\n        .soc-modal-main { display: flex; align-items: center; gap: 25px; }\r\n        .soc-slide-viewport { flex: 1; background: #000; border-radius: 16px; overflow: hidden; box-shadow: 0 0 60px rgba(0,0,0,0.8); border: 1px solid #333; }\r\n        .soc-slide-viewport img { width: 100%; height: auto; display: block; max-height: 85vh; object-fit: contain; }\r\n        .soc-nav-btn { background: rgba(255,255,255,0.15); border: none; color: #fff; width: 60px; height: 60px; border-radius: 50%; font-size: 24px; cursor: pointer; transition: 0.3s; display: flex; align-items: center; justify-content: center; }\r\n        .soc-nav-btn:hover { background: var(--accent, #73bc25); transform: scale(1.1); }\r\n        .soc-modal-footer { margin-top: 25px; text-align: center; color: #fff; font-weight: 700; font-size: 16px; letter-spacing: 2px; }\r\n\r\n        \/* Anclaje suave para filtros *\/\r\n        #soc-grid-web, #soc-grid-graphic, #soc-grid-document {\r\n            scroll-margin-top: 160px;\r\n        }\r\n    <\/style>\r\n\r\n    <script>\r\n    jQuery(document).ready(function($){\r\n        var currentGallery = [];\r\n        var currentIndex = 0;\r\n\r\n        \/\/ Galer\u00eda de im\u00e1genes\r\n        $(document).on('click', '.socrates-trigger-gallery', function(e){\r\n            e.preventDefault();\r\n            e.stopPropagation();\r\n            \r\n            var rawData = $(this).attr('data-gallery');\r\n            var galleryData;\r\n            try {\r\n                galleryData = JSON.parse(rawData);\r\n            } catch (ex) {\r\n                return;\r\n            }\r\n            \r\n            if (!Array.isArray(galleryData) || galleryData.length === 0) return;\r\n            \r\n            currentGallery = galleryData;\r\n            currentIndex = 0;\r\n            updateModal();\r\n            $('#soc-gallery-modal').fadeIn(400);\r\n            $('body').css('overflow', 'hidden');\r\n        });\r\n\r\n        $('.soc-modal-close, .soc-modal-overlay').on('click', function(){\r\n            $('#soc-gallery-modal').fadeOut(300);\r\n            $('#soc-video-modal').fadeOut(300);\r\n            $('body').css('overflow', 'auto');\r\n        });\r\n\r\n        $('.soc-nav-btn.next').on('click', function(e){\r\n            e.stopPropagation();\r\n            if(currentGallery.length === 0) return;\r\n            currentIndex = (currentIndex + 1) % currentGallery.length;\r\n            updateModal();\r\n        });\r\n\r\n        $('.soc-nav-btn.prev').on('click', function(e){\r\n            e.stopPropagation();\r\n            if(currentGallery.length === 0) return;\r\n            currentIndex = (currentIndex - 1 + currentGallery.length) % currentGallery.length;\r\n            updateModal();\r\n        });\r\n\r\n        function updateModal() {\r\n            $('#soc-main-slide').css('opacity', '0');\r\n            setTimeout(function(){\r\n                $('#soc-main-slide').attr('src', currentGallery[currentIndex]).css('opacity', '1');\r\n            }, 100);\r\n            $('#soc-cur').text(currentIndex + 1);\r\n            $('#soc-tot').text(currentGallery.length);\r\n        }\r\n\r\n        \/\/ Video modal\r\n        $(document).on('click', '.socrates-trigger-video', function(e){\r\n            e.preventDefault();\r\n            e.stopPropagation();\r\n            var videoUrl = $(this).attr('data-video');\r\n            if (!videoUrl) return;\r\n            var embedUrl = videoUrl;\r\n            if (videoUrl.includes('youtube.com\/watch')) {\r\n                var videoId = videoUrl.split('v=')[1];\r\n                var ampersandPos = videoId ? videoId.indexOf('&') : -1;\r\n                if (ampersandPos !== -1) videoId = videoId.substring(0, ampersandPos);\r\n                embedUrl = 'https:\/\/www.youtube.com\/embed\/' + videoId + '?autoplay=1';\r\n            } else if (videoUrl.includes('vimeo.com')) {\r\n                var vimeoId = videoUrl.split('\/').pop();\r\n                embedUrl = 'https:\/\/player.vimeo.com\/video\/' + vimeoId + '?autoplay=1';\r\n            }\r\n            $('#soc-video-iframe').attr('src', embedUrl);\r\n            $('#soc-video-modal').fadeIn(400);\r\n            $('body').css('overflow', 'hidden');\r\n        });\r\n\r\n        \/\/ Cerrar modales con ESC\r\n        $(document).keydown(function(e) {\r\n            if ($('#soc-gallery-modal').is(':visible')) {\r\n                if (e.keyCode == 37) $('.soc-nav-btn.prev').click();\r\n                if (e.keyCode == 39) $('.soc-nav-btn.next').click();\r\n                if (e.keyCode == 27) $('.soc-modal-close').click();\r\n            } else if ($('#soc-video-modal').is(':visible')) {\r\n                if (e.keyCode == 27) {\r\n                    $('#soc-video-modal').fadeOut(300);\r\n                    $('#soc-video-iframe').attr('src', '');\r\n                    $('body').css('overflow', 'auto');\r\n                }\r\n            }\r\n        });\r\n    });\r\n    <\/script>\r\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-2276b73 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"2276b73\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-67dff4f\" data-id=\"67dff4f\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-354a906 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"354a906\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-bd6f70d\" data-id=\"bd6f70d\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3645b43 elementor-widget elementor-widget-heading\" data-id=\"3645b43\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Some of our posts for social media, campaigns, and corporate image<\/h2>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<div class=\"elementor-element elementor-element-0537409 elementor-widget elementor-widget-shortcode\" data-id=\"0537409\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    <div id=\"soc-grid-graphic\" class=\"socrates-portfolio-wrapper type-graphic\" style=\"--t-color:#FFF; --t-size:16px; --d-size:13px; --c-rad:16px; --c-opac:1; --b-opac:0.25; --b-blur:0px; --l-speed:1.5s; --h-scale:1.04; --s-glow:30px; font-family:'Ubuntu Sans', sans-serif;\">\r\n        \r\n        <div class=\"socrates-tab-nav\">\r\n            <a href=\"\/en\/wp-json\/wp\/v2\/pages\/187?pf_graphic=ALL#soc-grid-graphic\" class=\"socrates-filter-btn active\">ALL<\/a>\r\n                            <a href=\"\/en\/wp-json\/wp\/v2\/pages\/187?pf_graphic=FLAYER#soc-grid-graphic\" class=\"socrates-filter-btn \">FLAYER<\/a>\r\n                            <a href=\"\/en\/wp-json\/wp\/v2\/pages\/187?pf_graphic=LOGO#soc-grid-graphic\" class=\"socrates-filter-btn \">LOGO<\/a>\r\n                            <a href=\"\/en\/wp-json\/wp\/v2\/pages\/187?pf_graphic=POST#soc-grid-graphic\" class=\"socrates-filter-btn \">POST<\/a>\r\n                            <a href=\"\/en\/wp-json\/wp\/v2\/pages\/187?pf_graphic=STAND#soc-grid-graphic\" class=\"socrates-filter-btn \">STAND<\/a>\r\n                    <\/div>\r\n\r\n        <div class=\"socrates-frontend-grid\">\r\n                            <div class=\"socrates-card-item\" style=\"--accent: #73bc25;\">\r\n                    <a href=\"#\" class=\"socrates-trigger-gallery\" data-gallery='[\"https:\\\/\\\/socrates.la\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/2-819x1024.png\",\"https:\\\/\\\/socrates.la\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/3-819x1024.png\",\"https:\\\/\\\/socrates.la\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/4-819x1024.png\"]' class=\"socrates-card-anchor socrates-trigger-gallery \">\r\n                        <div class=\"socrates-card-viewport\">\r\n                            <img decoding=\"async\" src=\"https:\/\/socrates.la\/wp-content\/uploads\/2026\/05\/2-819x1024.png\" class=\"socrates-card-img\">\r\n                            <div class=\"socrates-web-grid-overlay\"><\/div>\r\n                                                    <\/div>\r\n                        \r\n                        <div class=\"socrates-card-meta\">\r\n                            <div class=\"socrates-card-tag\" style=\"background: var(--accent);\">POST<\/div>\r\n                            <h3 class=\"socrates-card-title\">Emporio Trade<\/h3>\r\n                            <p class=\"socrates-card-desc\">Social Media Campaign<\/p>\r\n                            \r\n                                                            <div class=\"socrates-card-socials\">\r\n                                                                            <span class=\"social-badge network-instagram\">INSTAGRAM<\/span>\r\n                                                                            <span class=\"social-badge network-facebook\">FACEBOOK<\/span>\r\n                                                                            <span class=\"social-badge network-linkedin\">LINKEDIN<\/span>\r\n                                                                    <\/div>\r\n                            \r\n                                                        \r\n                            <div class=\"socrates-card-specs\">\r\n                                                                    <div class=\"spec-block\"><span class=\"sl\">COUNTRY:<\/span> <span class=\"sv\">PARAGUAY<\/span><\/div>\r\n                                                                                                    <div class=\"spec-block\">\r\n                                        <div class=\"spec-flags\">\r\n                                                                                                <span class=\"flag-item\">\r\n                                                        <img decoding=\"async\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/17.0.2\/svg\/1f1ea-1f1f8.svg\" class=\"f-hd\">\r\n                                                        <span class=\"flag-text\">ES<\/span>\r\n                                                    <\/span>\r\n                                                                                        <\/div>\r\n                                    <\/div>\r\n                                                            <\/div>\r\n                        <\/div>\r\n                    <\/a>\r\n                <\/div>\r\n                            <div class=\"socrates-card-item\" style=\"--accent: #73bc25;\">\r\n                    <a href=\"#\" class=\"socrates-trigger-gallery\" data-gallery='[\"https:\\\/\\\/socrates.la\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/new-web-Pequena.png\",\"https:\\\/\\\/socrates.la\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/5-Pequena.png\",\"https:\\\/\\\/socrates.la\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/4-Pequena.png\",\"https:\\\/\\\/socrates.la\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/3-Pequena.png\",\"https:\\\/\\\/socrates.la\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/2-Pequena.png\",\"https:\\\/\\\/socrates.la\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/1-Pequena.png\"]' class=\"socrates-card-anchor socrates-trigger-gallery \">\r\n                        <div class=\"socrates-card-viewport\">\r\n                            <img decoding=\"async\" src=\"https:\/\/socrates.la\/wp-content\/uploads\/2026\/05\/new-web-Pequena.png\" class=\"socrates-card-img\">\r\n                            <div class=\"socrates-web-grid-overlay\"><\/div>\r\n                                                    <\/div>\r\n                        \r\n                        <div class=\"socrates-card-meta\">\r\n                            <div class=\"socrates-card-tag\" style=\"background: var(--accent);\">POST<\/div>\r\n                            <h3 class=\"socrates-card-title\">Titan Maintenance<\/h3>\r\n                            <p class=\"socrates-card-desc\">Social Media Campaign<\/p>\r\n                            \r\n                                                            <div class=\"socrates-card-socials\">\r\n                                                                            <span class=\"social-badge network-instagram\">INSTAGRAM<\/span>\r\n                                                                            <span class=\"social-badge network-facebook\">FACEBOOK<\/span>\r\n                                                                    <\/div>\r\n                            \r\n                                                        \r\n                            <div class=\"socrates-card-specs\">\r\n                                                                    <div class=\"spec-block\"><span class=\"sl\">COUNTRY:<\/span> <span class=\"sv\">CANADA<\/span><\/div>\r\n                                                                                                    <div class=\"spec-block\">\r\n                                        <div class=\"spec-flags\">\r\n                                                                                                <span class=\"flag-item\">\r\n                                                        <img decoding=\"async\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/17.0.2\/svg\/1f1fa-1f1f8.svg\" class=\"f-hd\">\r\n                                                        <span class=\"flag-text\">EN<\/span>\r\n                                                    <\/span>\r\n                                                                                        <\/div>\r\n                                    <\/div>\r\n                                                            <\/div>\r\n                        <\/div>\r\n                    <\/a>\r\n                <\/div>\r\n                            <div class=\"socrates-card-item\" style=\"--accent: #4e1470;\">\r\n                    <a href=\"#\" class=\"socrates-trigger-gallery\" data-gallery='[\"https:\\\/\\\/socrates.la\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/lipi-express-blanco-1024x438.png\",\"https:\\\/\\\/socrates.la\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/lipi-4000-blanco-1024x525.png\",\"https:\\\/\\\/socrates.la\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/familia-express-blanco-1024x1024.png\"]' class=\"socrates-card-anchor socrates-trigger-gallery \">\r\n                        <div class=\"socrates-card-viewport\">\r\n                            <img decoding=\"async\" src=\"https:\/\/socrates.la\/wp-content\/uploads\/2026\/05\/lipi-express-blanco-1024x438.png\" class=\"socrates-card-img\">\r\n                            <div class=\"socrates-web-grid-overlay\"><\/div>\r\n                                                    <\/div>\r\n                        \r\n                        <div class=\"socrates-card-meta\">\r\n                            <div class=\"socrates-card-tag\" style=\"background: var(--accent);\">LOGO<\/div>\r\n                            <h3 class=\"socrates-card-title\">Lipi Express (Familia Express)<\/h3>\r\n                            <p class=\"socrates-card-desc\">Complete corporate and graphic image<\/p>\r\n                            \r\n                                                            <div class=\"socrates-card-socials\">\r\n                                                                            <span class=\"social-badge network-instagram\">INSTAGRAM<\/span>\r\n                                                                    <\/div>\r\n                            \r\n                                                        \r\n                            <div class=\"socrates-card-specs\">\r\n                                                                    <div class=\"spec-block\"><span class=\"sl\">COUNTRY:<\/span> <span class=\"sv\">CHILE<\/span><\/div>\r\n                                                                                                    <div class=\"spec-block\">\r\n                                        <div class=\"spec-flags\">\r\n                                                                                                <span class=\"flag-item\">\r\n                                                        <img decoding=\"async\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/17.0.2\/svg\/1f1ea-1f1f8.svg\" class=\"f-hd\">\r\n                                                        <span class=\"flag-text\">ES<\/span>\r\n                                                    <\/span>\r\n                                                                                        <\/div>\r\n                                    <\/div>\r\n                                                            <\/div>\r\n                        <\/div>\r\n                    <\/a>\r\n                <\/div>\r\n                            <div class=\"socrates-card-item\" style=\"--accent: #73bc25;\">\r\n                    <a href=\"#\" class=\"socrates-trigger-gallery\" data-gallery='[\"https:\\\/\\\/socrates.la\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/halloween.png\",\"https:\\\/\\\/socrates.la\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/feed1.png\",\"https:\\\/\\\/socrates.la\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/6.png\",\"https:\\\/\\\/socrates.la\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/4-1.png\",\"https:\\\/\\\/socrates.la\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/3-1.png\",\"https:\\\/\\\/socrates.la\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/2-1.png\",\"https:\\\/\\\/socrates.la\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/1.png\"]' class=\"socrates-card-anchor socrates-trigger-gallery \">\r\n                        <div class=\"socrates-card-viewport\">\r\n                            <img decoding=\"async\" src=\"https:\/\/socrates.la\/wp-content\/uploads\/2026\/05\/1.png\" class=\"socrates-card-img\">\r\n                            <div class=\"socrates-web-grid-overlay\"><\/div>\r\n                                                    <\/div>\r\n                        \r\n                        <div class=\"socrates-card-meta\">\r\n                            <div class=\"socrates-card-tag\" style=\"background: var(--accent);\">POST<\/div>\r\n                            <h3 class=\"socrates-card-title\">Aurum Inspections<\/h3>\r\n                            <p class=\"socrates-card-desc\">Instagram Post<\/p>\r\n                            \r\n                                                            <div class=\"socrates-card-socials\">\r\n                                                                            <span class=\"social-badge network-instagram\">INSTAGRAM<\/span>\r\n                                                                    <\/div>\r\n                            \r\n                                                        \r\n                            <div class=\"socrates-card-specs\">\r\n                                                                    <div class=\"spec-block\"><span class=\"sl\">COUNTRY:<\/span> <span class=\"sv\">CANADA<\/span><\/div>\r\n                                                                                                    <div class=\"spec-block\">\r\n                                        <div class=\"spec-flags\">\r\n                                                                                                <span class=\"flag-item\">\r\n                                                        <img decoding=\"async\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/17.0.2\/svg\/1f1ea-1f1f8.svg\" class=\"f-hd\">\r\n                                                        <span class=\"flag-text\">ES<\/span>\r\n                                                    <\/span>\r\n                                                                                        <\/div>\r\n                                    <\/div>\r\n                                                            <\/div>\r\n                        <\/div>\r\n                    <\/a>\r\n                <\/div>\r\n                            <div class=\"socrates-card-item\" style=\"--accent: #2ca5dd;\">\r\n                    <a href=\"#\" class=\"socrates-trigger-gallery\" data-gallery='[\"https:\\\/\\\/socrates.la\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/flayer-mic-easy-pdf-724x1024.jpg\"]' class=\"socrates-card-anchor socrates-trigger-gallery \">\r\n                        <div class=\"socrates-card-viewport\">\r\n                            <img decoding=\"async\" src=\"https:\/\/socrates.la\/wp-content\/uploads\/2026\/05\/flayer-mic-easy-pdf-724x1024.jpg\" class=\"socrates-card-img\">\r\n                            <div class=\"socrates-web-grid-overlay\"><\/div>\r\n                                                    <\/div>\r\n                        \r\n                        <div class=\"socrates-card-meta\">\r\n                            <div class=\"socrates-card-tag\" style=\"background: var(--accent);\">FLAYER<\/div>\r\n                            <h3 class=\"socrates-card-title\">Cattus Pet<\/h3>\r\n                            <p class=\"socrates-card-desc\">Flayer Hygie Box<\/p>\r\n                            \r\n                            \r\n                                                        \r\n                            <div class=\"socrates-card-specs\">\r\n                                                                    <div class=\"spec-block\"><span class=\"sl\">COUNTRY:<\/span> <span class=\"sv\">BRASIL<\/span><\/div>\r\n                                                                                                    <div class=\"spec-block\">\r\n                                        <div class=\"spec-flags\">\r\n                                                                                                <span class=\"flag-item\">\r\n                                                        <img decoding=\"async\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/17.0.2\/svg\/1f1e7-1f1f7.svg\" class=\"f-hd\">\r\n                                                        <span class=\"flag-text\">PT<\/span>\r\n                                                    <\/span>\r\n                                                                                        <\/div>\r\n                                    <\/div>\r\n                                                            <\/div>\r\n                        <\/div>\r\n                    <\/a>\r\n                <\/div>\r\n                            <div class=\"socrates-card-item\" style=\"--accent: #2ca5dd;\">\r\n                    <a href=\"#\" class=\"socrates-trigger-gallery\" data-gallery='[\"https:\\\/\\\/socrates.la\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/falyer-cattus-3.png\",\"https:\\\/\\\/socrates.la\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/falyer-cattus-2.png\"]' class=\"socrates-card-anchor socrates-trigger-gallery \">\r\n                        <div class=\"socrates-card-viewport\">\r\n                            <img decoding=\"async\" src=\"https:\/\/socrates.la\/wp-content\/uploads\/2026\/05\/falyer-cattus-3.png\" class=\"socrates-card-img\">\r\n                            <div class=\"socrates-web-grid-overlay\"><\/div>\r\n                                                    <\/div>\r\n                        \r\n                        <div class=\"socrates-card-meta\">\r\n                            <div class=\"socrates-card-tag\" style=\"background: var(--accent);\">FLAYER<\/div>\r\n                            <h3 class=\"socrates-card-title\">Cattus Pet<\/h3>\r\n                            <p class=\"socrates-card-desc\">Flayer Corporativo<\/p>\r\n                            \r\n                            \r\n                                                        \r\n                            <div class=\"socrates-card-specs\">\r\n                                                                    <div class=\"spec-block\"><span class=\"sl\">COUNTRY:<\/span> <span class=\"sv\">BRASIL<\/span><\/div>\r\n                                                                                                    <div class=\"spec-block\">\r\n                                        <div class=\"spec-flags\">\r\n                                                                                                <span class=\"flag-item\">\r\n                                                        <img decoding=\"async\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/17.0.2\/svg\/1f1e7-1f1f7.svg\" class=\"f-hd\">\r\n                                                        <span class=\"flag-text\">PT<\/span>\r\n                                                    <\/span>\r\n                                                                                        <\/div>\r\n                                    <\/div>\r\n                                                            <\/div>\r\n                        <\/div>\r\n                    <\/a>\r\n                <\/div>\r\n                            <div class=\"socrates-card-item\" style=\"--accent: #ef7300;\">\r\n                    <a href=\"#\" class=\"socrates-trigger-gallery\" data-gallery='[\"https:\\\/\\\/socrates.la\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/FRENTE-1.png\",\"https:\\\/\\\/socrates.la\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/LADO-DIAGONAL-DIREITA.png\",\"https:\\\/\\\/socrates.la\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/LADO-DIAGONAL-IZQUERDA.png\",\"https:\\\/\\\/socrates.la\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/LADO-DIREITA.png\",\"https:\\\/\\\/socrates.la\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/LADO-IZQUERDO.png\"]' class=\"socrates-card-anchor socrates-trigger-gallery \">\r\n                        <div class=\"socrates-card-viewport\">\r\n                            <img decoding=\"async\" src=\"https:\/\/socrates.la\/wp-content\/uploads\/2026\/05\/FRENTE-1.png\" class=\"socrates-card-img\">\r\n                            <div class=\"socrates-web-grid-overlay\"><\/div>\r\n                                                    <\/div>\r\n                        \r\n                        <div class=\"socrates-card-meta\">\r\n                            <div class=\"socrates-card-tag\" style=\"background: var(--accent);\">STAND<\/div>\r\n                            <h3 class=\"socrates-card-title\">Arycom<\/h3>\r\n                            <p class=\"socrates-card-desc\">Stand DroneShow 2025<\/p>\r\n                            \r\n                            \r\n                                                        \r\n                            <div class=\"socrates-card-specs\">\r\n                                                                    <div class=\"spec-block\"><span class=\"sl\">COUNTRY:<\/span> <span class=\"sv\">BRASIL<\/span><\/div>\r\n                                                                                                    <div class=\"spec-block\">\r\n                                        <div class=\"spec-flags\">\r\n                                                                                                <span class=\"flag-item\">\r\n                                                        <img decoding=\"async\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/17.0.2\/svg\/1f1e7-1f1f7.svg\" class=\"f-hd\">\r\n                                                        <span class=\"flag-text\">PT<\/span>\r\n                                                    <\/span>\r\n                                                                                        <\/div>\r\n                                    <\/div>\r\n                                                            <\/div>\r\n                        <\/div>\r\n                    <\/a>\r\n                <\/div>\r\n                            <div class=\"socrates-card-item\" style=\"--accent: #e07700;\">\r\n                    <a href=\"#\" class=\"socrates-trigger-gallery\" data-gallery='[\"https:\\\/\\\/socrates.la\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/3714fda6-cf12-4fe0-ad7b-ec209ecd0f26-1024x768.jpg\",\"https:\\\/\\\/socrates.la\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/Assembly-Instructions.png\"]' class=\"socrates-card-anchor socrates-trigger-gallery \">\r\n                        <div class=\"socrates-card-viewport\">\r\n                            <img decoding=\"async\" src=\"https:\/\/socrates.la\/wp-content\/uploads\/2026\/05\/3714fda6-cf12-4fe0-ad7b-ec209ecd0f26-1024x768.jpg\" class=\"socrates-card-img\">\r\n                            <div class=\"socrates-web-grid-overlay\"><\/div>\r\n                                                    <\/div>\r\n                        \r\n                        <div class=\"socrates-card-meta\">\r\n                            <div class=\"socrates-card-tag\" style=\"background: var(--accent);\">STAND<\/div>\r\n                            <h3 class=\"socrates-card-title\">Cattus Pet<\/h3>\r\n                            <p class=\"socrates-card-desc\">Graphics and brochures for stand at INTERZOO in Hamburg, Germany<\/p>\r\n                            \r\n                            \r\n                                                        \r\n                            <div class=\"socrates-card-specs\">\r\n                                                                    <div class=\"spec-block\"><span class=\"sl\">COUNTRY:<\/span> <span class=\"sv\">BRASIL<\/span><\/div>\r\n                                                                                                    <div class=\"spec-block\">\r\n                                        <div class=\"spec-flags\">\r\n                                                                                                <span class=\"flag-item\">\r\n                                                        <img decoding=\"async\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/17.0.2\/svg\/1f1ea-1f1f8.svg\" class=\"f-hd\">\r\n                                                        <span class=\"flag-text\">ES<\/span>\r\n                                                    <\/span>\r\n                                                                                                    <span class=\"flag-item\">\r\n                                                        <img decoding=\"async\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/17.0.2\/svg\/1f1fa-1f1f8.svg\" class=\"f-hd\">\r\n                                                        <span class=\"flag-text\">EN<\/span>\r\n                                                    <\/span>\r\n                                                                                                    <span class=\"flag-item\">\r\n                                                        <img decoding=\"async\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/17.0.2\/svg\/1f1e7-1f1f7.svg\" class=\"f-hd\">\r\n                                                        <span class=\"flag-text\">PT<\/span>\r\n                                                    <\/span>\r\n                                                                                                    <span class=\"flag-item\">\r\n                                                        <img decoding=\"async\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/17.0.2\/svg\/1f1e9-1f1ea.svg\" class=\"f-hd\">\r\n                                                        <span class=\"flag-text\">DE<\/span>\r\n                                                    <\/span>\r\n                                                                                        <\/div>\r\n                                    <\/div>\r\n                                                            <\/div>\r\n                        <\/div>\r\n                    <\/a>\r\n                <\/div>\r\n                    <\/div>\r\n        \r\n                    <div class=\"socrates-pagination\">\r\n                <span aria-current=\"page\" class=\"page-numbers current\">1<\/span>\n<a class=\"page-numbers\" href=\"http:\/\/socrates.la\/en\/wp-json\/wp\/v2\/pages\/187\/?p_graphic=2&#038;pf_graphic=ALL#soc-grid-graphic\">2<\/a>\n<a class=\"next page-numbers\" href=\"http:\/\/socrates.la\/en\/wp-json\/wp\/v2\/pages\/187\/?p_graphic=2&#038;pf_graphic=ALL#soc-grid-graphic\">&raquo;<\/a>            <\/div>\r\n            <\/div>\r\n\r\n    <!-- Modal Galer\u00eda (im\u00e1genes) -->\r\n    <div id=\"soc-gallery-modal\" class=\"soc-modal-system\" style=\"display:none;\">\r\n        <div class=\"soc-modal-overlay\"><\/div>\r\n        <div class=\"soc-modal-container\">\r\n            <button class=\"soc-modal-close\">&times;<\/button>\r\n            <div class=\"soc-modal-main\">\r\n                <button class=\"soc-nav-btn prev\">&#10094;<\/button>\r\n                <div class=\"soc-slide-viewport\">\r\n                    <img decoding=\"async\" id=\"soc-main-slide\" src=\"\" alt=\"\">\r\n                <\/div>\r\n                <button class=\"soc-nav-btn next\">&#10095;<\/button>\r\n            <\/div>\r\n            <div class=\"soc-modal-footer\">\r\n                <div class=\"soc-counter\"><span id=\"soc-cur\">1<\/span> \/ <span id=\"soc-tot\">1<\/span><\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Modal Video -->\r\n    <div id=\"soc-video-modal\" class=\"soc-modal-system\" style=\"display:none;\">\r\n        <div class=\"soc-modal-overlay\"><\/div>\r\n        <div class=\"soc-modal-container\" style=\"max-width:900px;\">\r\n            <button class=\"soc-modal-close\">&times;<\/button>\r\n            <div class=\"soc-video-wrapper\" style=\"position:relative;padding-bottom:56.25%;height:0;overflow:hidden;\">\r\n                <iframe id=\"soc-video-iframe\" src=\"\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen style=\"position:absolute;top:0;left:0;width:100%;height:100%;\"><\/iframe>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <style>\r\n        .socrates-portfolio-wrapper { max-width: 1400px; margin: 0 auto; padding: 20px; }\r\n        \r\n        .socrates-tab-nav { \r\n            display: flex; \r\n            justify-content: center; \r\n            gap: 12px; \r\n            margin-bottom: 40px; \r\n            flex-wrap: wrap;          \/* Por si hay muchos filtros en tablet *\/\r\n        }\r\n        \/* Ocultar filtros solo en celular *\/\r\n        @media (max-width: 600px) {\r\n            .socrates-tab-nav {\r\n                display: none;\r\n            }\r\n        }\r\n\r\n        .socrates-filter-btn { \r\n            padding: 6px 18px; \r\n            background: #73bc25; \r\n            color: #fff; \r\n            text-decoration: none; \r\n            border-radius: 6px; \r\n            font-size: 13px; \r\n            font-weight: 700; \r\n            transition: all 0.3s ease; \r\n            border: none; \r\n            cursor: pointer; \r\n            display: inline-block;\r\n            white-space: nowrap;\r\n        }\r\n        .socrates-filter-btn:hover, .socrates-filter-btn.active { \r\n            background: #31b4e7; color: #fff; transform: translateY(-2px); \r\n        }\r\n\r\n        .socrates-frontend-grid { \r\n            display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; \r\n        }\r\n        @media (max-width: 1200px) { .socrates-frontend-grid { grid-template-columns: repeat(3, 1fr); } }\r\n        @media (max-width: 900px) { .socrates-frontend-grid { grid-template-columns: repeat(2, 1fr); } }\r\n        @media (max-width: 600px) { .socrates-frontend-grid { grid-template-columns: 1fr; } }\r\n\r\n        .socrates-card-item { \r\n            background: rgba(255, 255, 255, 0.05); backdrop-filter: blur(10px); \r\n            border-radius: var(--c-rad); overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.1); \r\n            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); position: relative; \r\n        }\r\n        .socrates-card-item:hover { \r\n            transform: translateY(-6px) scale(1.02); \r\n            background: rgba(0,116,199,0.05); \r\n            border-color: #0074c7; \r\n            box-shadow: 0 0 25px rgba(0,116,199,0.5), 0 15px 35px rgba(0,0,0,0.4); \r\n        }\r\n        .socrates-card-anchor { text-decoration: none; display: block; }\r\n        \r\n        .socrates-card-viewport { \r\n            height: 140px; \r\n            position: relative; \r\n            overflow: hidden; \r\n            background: #000; \r\n            border: none;\r\n            border-radius: var(--c-rad) var(--c-rad) 0 0; \r\n        }\r\n        .socrates-card-img { width: 100%; height: 100%; object-fit: cover; opacity: 0.8; transition: all 0.6s ease; }\r\n        .socrates-card-item:hover .socrates-card-img { opacity: 1; transform: scale(1.1); }\r\n        \r\n        .socrates-web-grid-overlay { position: absolute; inset: 0; background-image: radial-gradient(rgba(255,255,255,0.05) 1px, transparent 1px); background-size: 15px 15px; }\r\n        \r\n        .socrates-cover-gallery-icon {\r\n            position: absolute; top: 10px; right: 10px;\r\n            background: rgba(0,0,0,0.6); color: #fff; border-radius: 50%;\r\n            width: 32px; height: 32px; display: flex; align-items: center; justify-content: center;\r\n            font-size: 16px; cursor: pointer; z-index: 10; transition: transform 0.3s;\r\n        }\r\n        .socrates-cover-gallery-icon:hover { transform: scale(1.2); background: rgba(0,116,199,0.8); }\r\n        \r\n        .socrates-card-meta { padding: 20px; }\r\n        .socrates-card-tag { font-size: 9px; font-weight: 700; color: #fff; display: inline-block; padding: 3px 10px; border-radius: 4px; margin-bottom: 12px; text-transform: uppercase; }\r\n        .socrates-card-title { color: #fff; font-size: 16px; margin: 0 0 10px 0; font-weight: 700; }\r\n        .socrates-card-desc { color: #8c9baf; font-size: 12px; line-height: 1.6; margin-bottom: 15px; height: 38px; overflow: hidden; }\r\n        \r\n        .socrates-card-socials { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 15px; }\r\n        .social-badge { font-size: 8px; font-weight: 700; padding: 3px 8px; border-radius: 4px; background: rgba(255,255,255,0.08); color: #8c9baf; text-transform: uppercase; }\r\n        \r\n        .socrates-document-icons { \r\n            display: flex; gap: 10px; margin-bottom: 15px; font-size: 20px; \r\n            opacity: 0.7; transition: opacity 0.3s;\r\n        }\r\n        .socrates-card-item:hover .socrates-document-icons { opacity: 1; }\r\n        \r\n        .socrates-card-specs { border-top: 1px solid rgba(255,255,255,0.1); padding-top: 15px; display: flex; justify-content: space-between; align-items: center; }\r\n        .spec-block { font-size: 10px; font-weight: 700; color: #fff; }\r\n        .spec-block .sl { color: #fff; margin-right: 6px; }\r\n        .spec-block .sv { color: #fff; }\r\n        .spec-flags { display: flex; gap: 5px; align-items: center; }\r\n        .flag-item { display: inline-flex; align-items: center; margin-right: 6px; }\r\n        .flag-item img { width: 15px; height: 15px; }\r\n        .flag-text { font-size: 10px; color: #fff; margin-left: 3px; }\r\n        \r\n        .socrates-pagination { margin-top: 50px; text-align: center; }\r\n        .socrates-pagination a, .socrates-pagination span { padding: 10px 20px; background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); color: #fff; text-decoration: none; border-radius: 6px; margin: 0 5px; font-weight: 700; transition: 0.3s; }\r\n        .socrates-pagination .current, .socrates-pagination a:hover { background: #73bc25; border-color: #73bc25; }\r\n\r\n        \/* Modal Slider (im\u00e1genes) *\/\r\n        .soc-modal-system { position: fixed; inset: 0; z-index: 999999; display: flex; align-items: center; justify-content: center; }\r\n        .soc-modal-overlay { position: absolute; inset: 0; background: rgba(0,0,0,0.95); backdrop-filter: blur(15px); }\r\n        .soc-modal-container { position: relative; width: 90%; max-width: 1100px; z-index: 2; }\r\n        .soc-modal-close { position: absolute; top: -60px; right: 0; background: none; border: none; color: #fff; font-size: 50px; cursor: pointer; opacity: 0.7; transition: 0.3s; }\r\n        .soc-modal-close:hover { opacity: 1; transform: rotate(90deg); }\r\n        .soc-modal-main { display: flex; align-items: center; gap: 25px; }\r\n        .soc-slide-viewport { flex: 1; background: #000; border-radius: 16px; overflow: hidden; box-shadow: 0 0 60px rgba(0,0,0,0.8); border: 1px solid #333; }\r\n        .soc-slide-viewport img { width: 100%; height: auto; display: block; max-height: 85vh; object-fit: contain; }\r\n        .soc-nav-btn { background: rgba(255,255,255,0.15); border: none; color: #fff; width: 60px; height: 60px; border-radius: 50%; font-size: 24px; cursor: pointer; transition: 0.3s; display: flex; align-items: center; justify-content: center; }\r\n        .soc-nav-btn:hover { background: var(--accent, #73bc25); transform: scale(1.1); }\r\n        .soc-modal-footer { margin-top: 25px; text-align: center; color: #fff; font-weight: 700; font-size: 16px; letter-spacing: 2px; }\r\n\r\n        \/* Anclaje suave para filtros *\/\r\n        #soc-grid-web, #soc-grid-graphic, #soc-grid-document {\r\n            scroll-margin-top: 160px;\r\n        }\r\n    <\/style>\r\n\r\n    <script>\r\n    jQuery(document).ready(function($){\r\n        var currentGallery = [];\r\n        var currentIndex = 0;\r\n\r\n        \/\/ Galer\u00eda de im\u00e1genes\r\n        $(document).on('click', '.socrates-trigger-gallery', function(e){\r\n            e.preventDefault();\r\n            e.stopPropagation();\r\n            \r\n            var rawData = $(this).attr('data-gallery');\r\n            var galleryData;\r\n            try {\r\n                galleryData = JSON.parse(rawData);\r\n            } catch (ex) {\r\n                return;\r\n            }\r\n            \r\n            if (!Array.isArray(galleryData) || galleryData.length === 0) return;\r\n            \r\n            currentGallery = galleryData;\r\n            currentIndex = 0;\r\n            updateModal();\r\n            $('#soc-gallery-modal').fadeIn(400);\r\n            $('body').css('overflow', 'hidden');\r\n        });\r\n\r\n        $('.soc-modal-close, .soc-modal-overlay').on('click', function(){\r\n            $('#soc-gallery-modal').fadeOut(300);\r\n            $('#soc-video-modal').fadeOut(300);\r\n            $('body').css('overflow', 'auto');\r\n        });\r\n\r\n        $('.soc-nav-btn.next').on('click', function(e){\r\n            e.stopPropagation();\r\n            if(currentGallery.length === 0) return;\r\n            currentIndex = (currentIndex + 1) % currentGallery.length;\r\n            updateModal();\r\n        });\r\n\r\n        $('.soc-nav-btn.prev').on('click', function(e){\r\n            e.stopPropagation();\r\n            if(currentGallery.length === 0) return;\r\n            currentIndex = (currentIndex - 1 + currentGallery.length) % currentGallery.length;\r\n            updateModal();\r\n        });\r\n\r\n        function updateModal() {\r\n            $('#soc-main-slide').css('opacity', '0');\r\n            setTimeout(function(){\r\n                $('#soc-main-slide').attr('src', currentGallery[currentIndex]).css('opacity', '1');\r\n            }, 100);\r\n            $('#soc-cur').text(currentIndex + 1);\r\n            $('#soc-tot').text(currentGallery.length);\r\n        }\r\n\r\n        \/\/ Video modal\r\n        $(document).on('click', '.socrates-trigger-video', function(e){\r\n            e.preventDefault();\r\n            e.stopPropagation();\r\n            var videoUrl = $(this).attr('data-video');\r\n            if (!videoUrl) return;\r\n            var embedUrl = videoUrl;\r\n            if (videoUrl.includes('youtube.com\/watch')) {\r\n                var videoId = videoUrl.split('v=')[1];\r\n                var ampersandPos = videoId ? videoId.indexOf('&') : -1;\r\n                if (ampersandPos !== -1) videoId = videoId.substring(0, ampersandPos);\r\n                embedUrl = 'https:\/\/www.youtube.com\/embed\/' + videoId + '?autoplay=1';\r\n            } else if (videoUrl.includes('vimeo.com')) {\r\n                var vimeoId = videoUrl.split('\/').pop();\r\n                embedUrl = 'https:\/\/player.vimeo.com\/video\/' + vimeoId + '?autoplay=1';\r\n            }\r\n            $('#soc-video-iframe').attr('src', embedUrl);\r\n            $('#soc-video-modal').fadeIn(400);\r\n            $('body').css('overflow', 'hidden');\r\n        });\r\n\r\n        \/\/ Cerrar modales con ESC\r\n        $(document).keydown(function(e) {\r\n            if ($('#soc-gallery-modal').is(':visible')) {\r\n                if (e.keyCode == 37) $('.soc-nav-btn.prev').click();\r\n                if (e.keyCode == 39) $('.soc-nav-btn.next').click();\r\n                if (e.keyCode == 27) $('.soc-modal-close').click();\r\n            } else if ($('#soc-video-modal').is(':visible')) {\r\n                if (e.keyCode == 27) {\r\n                    $('#soc-video-modal').fadeOut(300);\r\n                    $('#soc-video-iframe').attr('src', '');\r\n                    $('body').css('overflow', 'auto');\r\n                }\r\n            }\r\n        });\r\n    });\r\n    <\/script>\r\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7c8227e elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"7c8227e\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-02a9337\" data-id=\"02a9337\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-18482f3 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"18482f3\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-8bcddff\" data-id=\"8bcddff\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c178f8a elementor-widget elementor-widget-heading\" data-id=\"c178f8a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Projects, Catalogs, Videos and Client Files<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9b5cac8 elementor-widget elementor-widget-shortcode\" data-id=\"9b5cac8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    <div id=\"soc-grid-document\" class=\"socrates-portfolio-wrapper type-document\" style=\"--t-color:#FFF; --t-size:16px; --d-size:13px; --c-rad:16px; --c-opac:1; --b-opac:0.25; --b-blur:0px; --l-speed:1.5s; --h-scale:1.04; --s-glow:30px; font-family:'Ubuntu Sans', sans-serif;\">\r\n        \r\n        <div class=\"socrates-tab-nav\">\r\n            <a href=\"\/en\/wp-json\/wp\/v2\/pages\/187?pf_document=ALL#soc-grid-document\" class=\"socrates-filter-btn active\">ALL<\/a>\r\n                            <a href=\"\/en\/wp-json\/wp\/v2\/pages\/187?pf_document=ANIMACIONES#soc-grid-document\" class=\"socrates-filter-btn \">ANIMACIONES<\/a>\r\n                            <a href=\"\/en\/wp-json\/wp\/v2\/pages\/187?pf_document=BRANDING#soc-grid-document\" class=\"socrates-filter-btn \">BRANDING<\/a>\r\n                            <a href=\"\/en\/wp-json\/wp\/v2\/pages\/187?pf_document=DOCUMENTO#soc-grid-document\" class=\"socrates-filter-btn \">DOCUMENTO<\/a>\r\n                            <a href=\"\/en\/wp-json\/wp\/v2\/pages\/187?pf_document=HOSTING#soc-grid-document\" class=\"socrates-filter-btn \">HOSTING<\/a>\r\n                            <a href=\"\/en\/wp-json\/wp\/v2\/pages\/187?pf_document=VIDEOS#soc-grid-document\" class=\"socrates-filter-btn \">VIDEOS<\/a>\r\n                    <\/div>\r\n\r\n        <div class=\"socrates-frontend-grid\">\r\n                            <div class=\"socrates-card-item\" style=\"--accent: #00617c;\">\r\n                    <a href=\"https:\/\/drive.google.com\/file\/d\/1ThfnSPeg8x9tpAXArmIRc531jpkSVYGp\/view?usp=sharing\" download target=\"_blank\" class=\"socrates-card-anchor  \">\r\n                        <div class=\"socrates-card-viewport\">\r\n                            <img decoding=\"async\" src=\"https:\/\/socrates.la\/wp-content\/uploads\/2026\/05\/catalogo-emporio.png\" class=\"socrates-card-img\">\r\n                            <div class=\"socrates-web-grid-overlay\"><\/div>\r\n                                                    <\/div>\r\n                        \r\n                        <div class=\"socrates-card-meta\">\r\n                            <div class=\"socrates-card-tag\" style=\"background: var(--accent);\">DOCUMENTO<\/div>\r\n                            <h3 class=\"socrates-card-title\">Emporio Trade<\/h3>\r\n                            <p class=\"socrates-card-desc\">Product catalog<\/p>\r\n                            \r\n                            \r\n                                                            <div class=\"socrates-document-icons\">\r\n                                                                            <span title=\"PDF\">\ud83d\udcc4<\/span>\r\n                                        <span title=\"Word\">\ud83d\udcdd<\/span>\r\n                                        <span title=\"Excel\">\ud83d\udcca<\/span>\r\n                                        <span title=\"PowerPoint\">\ud83c\udf9e\ufe0f<\/span>\r\n                                                                    <\/div>\r\n                                                        \r\n                            <div class=\"socrates-card-specs\">\r\n                                                                    <div class=\"spec-block\"><span class=\"sl\">COUNTRY:<\/span> <span class=\"sv\">PARAGUAY<\/span><\/div>\r\n                                                                                                    <div class=\"spec-block\">\r\n                                        <div class=\"spec-flags\">\r\n                                                                                                <span class=\"flag-item\">\r\n                                                        <img decoding=\"async\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/17.0.2\/svg\/1f1ea-1f1f8.svg\" class=\"f-hd\">\r\n                                                        <span class=\"flag-text\">ES<\/span>\r\n                                                    <\/span>\r\n                                                                                        <\/div>\r\n                                    <\/div>\r\n                                                            <\/div>\r\n                        <\/div>\r\n                    <\/a>\r\n                <\/div>\r\n                            <div class=\"socrates-card-item\" style=\"--accent: #bcac00;\">\r\n                    <a href=\"#\" class=\"socrates-trigger-video\" data-video=\"https:\/\/www.youtube.com\/watch?v=RT_M4shsK9k\" class=\"socrates-card-anchor  socrates-trigger-video\">\r\n                        <div class=\"socrates-card-viewport\">\r\n                            <img decoding=\"async\" src=\"https:\/\/socrates.la\/wp-content\/uploads\/2026\/05\/arycom-video-1024x567.png\" class=\"socrates-card-img\">\r\n                            <div class=\"socrates-web-grid-overlay\"><\/div>\r\n                                                    <\/div>\r\n                        \r\n                        <div class=\"socrates-card-meta\">\r\n                            <div class=\"socrates-card-tag\" style=\"background: var(--accent);\">VIDEOS<\/div>\r\n                            <h3 class=\"socrates-card-title\">Arycom<\/h3>\r\n                            <p class=\"socrates-card-desc\">Corporate Video for Events<\/p>\r\n                            \r\n                            \r\n                                                            <div class=\"socrates-document-icons\">\r\n                                                                            <span title=\"Video\">\ud83c\udfa5<\/span>\r\n                                                                    <\/div>\r\n                                                        \r\n                            <div class=\"socrates-card-specs\">\r\n                                                                    <div class=\"spec-block\"><span class=\"sl\">COUNTRY:<\/span> <span class=\"sv\">BRASIL<\/span><\/div>\r\n                                                                                                    <div class=\"spec-block\">\r\n                                        <div class=\"spec-flags\">\r\n                                                                                                <span class=\"flag-item\">\r\n                                                        <img decoding=\"async\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/17.0.2\/svg\/1f1fa-1f1f8.svg\" class=\"f-hd\">\r\n                                                        <span class=\"flag-text\">EN<\/span>\r\n                                                    <\/span>\r\n                                                                                                    <span class=\"flag-item\">\r\n                                                        <img decoding=\"async\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/17.0.2\/svg\/1f1e7-1f1f7.svg\" class=\"f-hd\">\r\n                                                        <span class=\"flag-text\">PT<\/span>\r\n                                                    <\/span>\r\n                                                                                        <\/div>\r\n                                    <\/div>\r\n                                                            <\/div>\r\n                        <\/div>\r\n                    <\/a>\r\n                <\/div>\r\n                            <div class=\"socrates-card-item\" style=\"--accent: #73bc25;\">\r\n                    <a href=\"#\" class=\"socrates-trigger-video\" data-video=\"https:\/\/www.youtube.com\/watch?v=pXuYJsn5p0M\" class=\"socrates-card-anchor  socrates-trigger-video\">\r\n                        <div class=\"socrates-card-viewport\">\r\n                            <img decoding=\"async\" src=\"https:\/\/socrates.la\/wp-content\/uploads\/2026\/05\/animaciones-cattus-1024x573.png\" class=\"socrates-card-img\">\r\n                            <div class=\"socrates-web-grid-overlay\"><\/div>\r\n                                                    <\/div>\r\n                        \r\n                        <div class=\"socrates-card-meta\">\r\n                            <div class=\"socrates-card-tag\" style=\"background: var(--accent);\">ANIMACIONES<\/div>\r\n                            <h3 class=\"socrates-card-title\">Cattus Pet<\/h3>\r\n                            <p class=\"socrates-card-desc\">3D animation of a cat litter box<\/p>\r\n                            \r\n                            \r\n                                                            <div class=\"socrates-document-icons\">\r\n                                                                            <span title=\"Video\">\ud83c\udfa5<\/span>\r\n                                                                    <\/div>\r\n                                                        \r\n                            <div class=\"socrates-card-specs\">\r\n                                                                    <div class=\"spec-block\"><span class=\"sl\">COUNTRY:<\/span> <span class=\"sv\">BRASIL<\/span><\/div>\r\n                                                                                                    <div class=\"spec-block\">\r\n                                        <div class=\"spec-flags\">\r\n                                                                                                <span class=\"flag-item\">\r\n                                                        <img decoding=\"async\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/17.0.2\/svg\/1f1ea-1f1f8.svg\" class=\"f-hd\">\r\n                                                        <span class=\"flag-text\">ES<\/span>\r\n                                                    <\/span>\r\n                                                                                                    <span class=\"flag-item\">\r\n                                                        <img decoding=\"async\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/17.0.2\/svg\/1f1fa-1f1f8.svg\" class=\"f-hd\">\r\n                                                        <span class=\"flag-text\">EN<\/span>\r\n                                                    <\/span>\r\n                                                                                                    <span class=\"flag-item\">\r\n                                                        <img decoding=\"async\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/17.0.2\/svg\/1f1e7-1f1f7.svg\" class=\"f-hd\">\r\n                                                        <span class=\"flag-text\">PT<\/span>\r\n                                                    <\/span>\r\n                                                                                        <\/div>\r\n                                    <\/div>\r\n                                                            <\/div>\r\n                        <\/div>\r\n                    <\/a>\r\n                <\/div>\r\n                            <div class=\"socrates-card-item\" style=\"--accent: #73bc25;\">\r\n                    <a href=\"#\" class=\"socrates-trigger-video\" data-video=\"https:\/\/www.youtube.com\/watch?v=4p-OOAcQOhw\" class=\"socrates-card-anchor  socrates-trigger-video\">\r\n                        <div class=\"socrates-card-viewport\">\r\n                            <img decoding=\"async\" src=\"https:\/\/socrates.la\/wp-content\/uploads\/2026\/05\/intrucciones-1024x578.png\" class=\"socrates-card-img\">\r\n                            <div class=\"socrates-web-grid-overlay\"><\/div>\r\n                                                    <\/div>\r\n                        \r\n                        <div class=\"socrates-card-meta\">\r\n                            <div class=\"socrates-card-tag\" style=\"background: var(--accent);\">ANIMACIONES<\/div>\r\n                            <h3 class=\"socrates-card-title\">Cattus Pet<\/h3>\r\n                            <p class=\"socrates-card-desc\">Video on how to use HygieBox Kim<\/p>\r\n                            \r\n                            \r\n                                                            <div class=\"socrates-document-icons\">\r\n                                                                            <span title=\"Video\">\ud83c\udfa5<\/span>\r\n                                                                    <\/div>\r\n                                                        \r\n                            <div class=\"socrates-card-specs\">\r\n                                                                    <div class=\"spec-block\"><span class=\"sl\">COUNTRY:<\/span> <span class=\"sv\">BRASIL<\/span><\/div>\r\n                                                                                                    <div class=\"spec-block\">\r\n                                        <div class=\"spec-flags\">\r\n                                                                                                <span class=\"flag-item\">\r\n                                                        <img decoding=\"async\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/17.0.2\/svg\/1f1ea-1f1f8.svg\" class=\"f-hd\">\r\n                                                        <span class=\"flag-text\">ES<\/span>\r\n                                                    <\/span>\r\n                                                                                                    <span class=\"flag-item\">\r\n                                                        <img decoding=\"async\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/17.0.2\/svg\/1f1fa-1f1f8.svg\" class=\"f-hd\">\r\n                                                        <span class=\"flag-text\">EN<\/span>\r\n                                                    <\/span>\r\n                                                                                                    <span class=\"flag-item\">\r\n                                                        <img decoding=\"async\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/17.0.2\/svg\/1f1e7-1f1f7.svg\" class=\"f-hd\">\r\n                                                        <span class=\"flag-text\">PT<\/span>\r\n                                                    <\/span>\r\n                                                                                        <\/div>\r\n                                    <\/div>\r\n                                                            <\/div>\r\n                        <\/div>\r\n                    <\/a>\r\n                <\/div>\r\n                            <div class=\"socrates-card-item\" style=\"--accent: #73bc25;\">\r\n                    <a href=\"#\" class=\"socrates-trigger-video\" data-video=\"https:\/\/www.youtube.com\/watch?v=1rBXw82QLfc\" class=\"socrates-card-anchor  socrates-trigger-video\">\r\n                        <div class=\"socrates-card-viewport\">\r\n                            <img decoding=\"async\" src=\"https:\/\/socrates.la\/wp-content\/uploads\/2026\/05\/malabarista-1024x576.png\" class=\"socrates-card-img\">\r\n                            <div class=\"socrates-web-grid-overlay\"><\/div>\r\n                                                    <\/div>\r\n                        \r\n                        <div class=\"socrates-card-meta\">\r\n                            <div class=\"socrates-card-tag\" style=\"background: var(--accent);\">VIDEOS<\/div>\r\n                            <h3 class=\"socrates-card-title\">S\u00f3crates ONE<\/h3>\r\n                            <p class=\"socrates-card-desc\">All-in-One Video Service<\/p>\r\n                            \r\n                            \r\n                                                            <div class=\"socrates-document-icons\">\r\n                                                                            <span title=\"Video\">\ud83c\udfa5<\/span>\r\n                                                                    <\/div>\r\n                                                        \r\n                            <div class=\"socrates-card-specs\">\r\n                                                                    <div class=\"spec-block\"><span class=\"sl\">COUNTRY:<\/span> <span class=\"sv\">BRASIL<\/span><\/div>\r\n                                                                                                    <div class=\"spec-block\">\r\n                                        <div class=\"spec-flags\">\r\n                                                                                                <span class=\"flag-item\">\r\n                                                        <img decoding=\"async\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/17.0.2\/svg\/1f1ea-1f1f8.svg\" class=\"f-hd\">\r\n                                                        <span class=\"flag-text\">ES<\/span>\r\n                                                    <\/span>\r\n                                                                                                    <span class=\"flag-item\">\r\n                                                        <img decoding=\"async\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/17.0.2\/svg\/1f1fa-1f1f8.svg\" class=\"f-hd\">\r\n                                                        <span class=\"flag-text\">EN<\/span>\r\n                                                    <\/span>\r\n                                                                                                    <span class=\"flag-item\">\r\n                                                        <img decoding=\"async\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/17.0.2\/svg\/1f1e7-1f1f7.svg\" class=\"f-hd\">\r\n                                                        <span class=\"flag-text\">PT<\/span>\r\n                                                    <\/span>\r\n                                                                                        <\/div>\r\n                                    <\/div>\r\n                                                            <\/div>\r\n                        <\/div>\r\n                    <\/a>\r\n                <\/div>\r\n                            <div class=\"socrates-card-item\" style=\"--accent: #73bc25;\">\r\n                    <a href=\"#\" class=\"socrates-trigger-video\" data-video=\"https:\/\/www.youtube.com\/watch?v=8SU2lW4qcVk\" class=\"socrates-card-anchor  socrates-trigger-video\">\r\n                        <div class=\"socrates-card-viewport\">\r\n                            <img decoding=\"async\" src=\"https:\/\/socrates.la\/wp-content\/uploads\/2026\/05\/proceso3d-1024x540.png\" class=\"socrates-card-img\">\r\n                            <div class=\"socrates-web-grid-overlay\"><\/div>\r\n                                                    <\/div>\r\n                        \r\n                        <div class=\"socrates-card-meta\">\r\n                            <div class=\"socrates-card-tag\" style=\"background: var(--accent);\">ANIMACIONES<\/div>\r\n                            <h3 class=\"socrates-card-title\">S\u00f3crates ONE<\/h3>\r\n                            <p class=\"socrates-card-desc\">3D Animation Process of Our Office Design<\/p>\r\n                            \r\n                            \r\n                                                            <div class=\"socrates-document-icons\">\r\n                                                                            <span title=\"Video\">\ud83c\udfa5<\/span>\r\n                                                                    <\/div>\r\n                                                        \r\n                            <div class=\"socrates-card-specs\">\r\n                                                                    <div class=\"spec-block\"><span class=\"sl\">COUNTRY:<\/span> <span class=\"sv\">BRASIL<\/span><\/div>\r\n                                                                                                    <div class=\"spec-block\">\r\n                                        <div class=\"spec-flags\">\r\n                                                                                                <span class=\"flag-item\">\r\n                                                        <img decoding=\"async\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/17.0.2\/svg\/1f1ea-1f1f8.svg\" class=\"f-hd\">\r\n                                                        <span class=\"flag-text\">ES<\/span>\r\n                                                    <\/span>\r\n                                                                                        <\/div>\r\n                                    <\/div>\r\n                                                            <\/div>\r\n                        <\/div>\r\n                    <\/a>\r\n                <\/div>\r\n                            <div class=\"socrates-card-item\" style=\"--accent: #73bc25;\">\r\n                    <a href=\"#\" class=\"socrates-trigger-video\" data-video=\"https:\/\/www.youtube.com\/watch?v=2auloEmjc3I\" class=\"socrates-card-anchor  socrates-trigger-video\">\r\n                        <div class=\"socrates-card-viewport\">\r\n                            <img decoding=\"async\" src=\"https:\/\/socrates.la\/wp-content\/uploads\/2026\/05\/oficina-3d-1024x573.png\" class=\"socrates-card-img\">\r\n                            <div class=\"socrates-web-grid-overlay\"><\/div>\r\n                                                    <\/div>\r\n                        \r\n                        <div class=\"socrates-card-meta\">\r\n                            <div class=\"socrates-card-tag\" style=\"background: var(--accent);\">ANIMACIONES<\/div>\r\n                            <h3 class=\"socrates-card-title\">S\u00f3crates ONE<\/h3>\r\n                            <p class=\"socrates-card-desc\">Socrates ONE Office Idea<\/p>\r\n                            \r\n                            \r\n                                                            <div class=\"socrates-document-icons\">\r\n                                                                            <span title=\"Video\">\ud83c\udfa5<\/span>\r\n                                                                    <\/div>\r\n                                                        \r\n                            <div class=\"socrates-card-specs\">\r\n                                                                    <div class=\"spec-block\"><span class=\"sl\">COUNTRY:<\/span> <span class=\"sv\">BRASIL<\/span><\/div>\r\n                                                                                            <\/div>\r\n                        <\/div>\r\n                    <\/a>\r\n                <\/div>\r\n                            <div class=\"socrates-card-item\" style=\"--accent: #73bc25;\">\r\n                    <a href=\"#\" class=\"socrates-trigger-video\" data-video=\"https:\/\/www.youtube.com\/watch?v=7jhBxF6SwmI\" class=\"socrates-card-anchor  socrates-trigger-video\">\r\n                        <div class=\"socrates-card-viewport\">\r\n                            <img decoding=\"async\" src=\"https:\/\/socrates.la\/wp-content\/uploads\/2026\/05\/simpop-video.png\" class=\"socrates-card-img\">\r\n                            <div class=\"socrates-web-grid-overlay\"><\/div>\r\n                                                    <\/div>\r\n                        \r\n                        <div class=\"socrates-card-meta\">\r\n                            <div class=\"socrates-card-tag\" style=\"background: var(--accent);\">VIDEOS<\/div>\r\n                            <h3 class=\"socrates-card-title\">SIMPOP<\/h3>\r\n                            <p class=\"socrates-card-desc\">Video presentation Simpop Event 2025<\/p>\r\n                            \r\n                            \r\n                                                            <div class=\"socrates-document-icons\">\r\n                                                                            <span title=\"Video\">\ud83c\udfa5<\/span>\r\n                                                                    <\/div>\r\n                                                        \r\n                            <div class=\"socrates-card-specs\">\r\n                                                                    <div class=\"spec-block\"><span class=\"sl\">COUNTRY:<\/span> <span class=\"sv\">BRASIL<\/span><\/div>\r\n                                                                                                    <div class=\"spec-block\">\r\n                                        <div class=\"spec-flags\">\r\n                                                                                                <span class=\"flag-item\">\r\n                                                        <img decoding=\"async\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/17.0.2\/svg\/1f1e7-1f1f7.svg\" class=\"f-hd\">\r\n                                                        <span class=\"flag-text\">PT<\/span>\r\n                                                    <\/span>\r\n                                                                                        <\/div>\r\n                                    <\/div>\r\n                                                            <\/div>\r\n                        <\/div>\r\n                    <\/a>\r\n                <\/div>\r\n                    <\/div>\r\n        \r\n                    <div class=\"socrates-pagination\">\r\n                <span aria-current=\"page\" class=\"page-numbers current\">1<\/span>\n<a class=\"page-numbers\" href=\"http:\/\/socrates.la\/en\/wp-json\/wp\/v2\/pages\/187\/?p_document=2&#038;pf_document=ALL#soc-grid-document\">2<\/a>\n<a class=\"next page-numbers\" href=\"http:\/\/socrates.la\/en\/wp-json\/wp\/v2\/pages\/187\/?p_document=2&#038;pf_document=ALL#soc-grid-document\">&raquo;<\/a>            <\/div>\r\n            <\/div>\r\n\r\n    <!-- Modal Galer\u00eda (im\u00e1genes) -->\r\n    <div id=\"soc-gallery-modal\" class=\"soc-modal-system\" style=\"display:none;\">\r\n        <div class=\"soc-modal-overlay\"><\/div>\r\n        <div class=\"soc-modal-container\">\r\n            <button class=\"soc-modal-close\">&times;<\/button>\r\n            <div class=\"soc-modal-main\">\r\n                <button class=\"soc-nav-btn prev\">&#10094;<\/button>\r\n                <div class=\"soc-slide-viewport\">\r\n                    <img decoding=\"async\" id=\"soc-main-slide\" src=\"\" alt=\"\">\r\n                <\/div>\r\n                <button class=\"soc-nav-btn next\">&#10095;<\/button>\r\n            <\/div>\r\n            <div class=\"soc-modal-footer\">\r\n                <div class=\"soc-counter\"><span id=\"soc-cur\">1<\/span> \/ <span id=\"soc-tot\">1<\/span><\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Modal Video -->\r\n    <div id=\"soc-video-modal\" class=\"soc-modal-system\" style=\"display:none;\">\r\n        <div class=\"soc-modal-overlay\"><\/div>\r\n        <div class=\"soc-modal-container\" style=\"max-width:900px;\">\r\n            <button class=\"soc-modal-close\">&times;<\/button>\r\n            <div class=\"soc-video-wrapper\" style=\"position:relative;padding-bottom:56.25%;height:0;overflow:hidden;\">\r\n                <iframe id=\"soc-video-iframe\" src=\"\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen style=\"position:absolute;top:0;left:0;width:100%;height:100%;\"><\/iframe>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <style>\r\n        .socrates-portfolio-wrapper { max-width: 1400px; margin: 0 auto; padding: 20px; }\r\n        \r\n        .socrates-tab-nav { \r\n            display: flex; \r\n            justify-content: center; \r\n            gap: 12px; \r\n            margin-bottom: 40px; \r\n            flex-wrap: wrap;          \/* Por si hay muchos filtros en tablet *\/\r\n        }\r\n        \/* Ocultar filtros solo en celular *\/\r\n        @media (max-width: 600px) {\r\n            .socrates-tab-nav {\r\n                display: none;\r\n            }\r\n        }\r\n\r\n        .socrates-filter-btn { \r\n            padding: 6px 18px; \r\n            background: #73bc25; \r\n            color: #fff; \r\n            text-decoration: none; \r\n            border-radius: 6px; \r\n            font-size: 13px; \r\n            font-weight: 700; \r\n            transition: all 0.3s ease; \r\n            border: none; \r\n            cursor: pointer; \r\n            display: inline-block;\r\n            white-space: nowrap;\r\n        }\r\n        .socrates-filter-btn:hover, .socrates-filter-btn.active { \r\n            background: #31b4e7; color: #fff; transform: translateY(-2px); \r\n        }\r\n\r\n        .socrates-frontend-grid { \r\n            display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; \r\n        }\r\n        @media (max-width: 1200px) { .socrates-frontend-grid { grid-template-columns: repeat(3, 1fr); } }\r\n        @media (max-width: 900px) { .socrates-frontend-grid { grid-template-columns: repeat(2, 1fr); } }\r\n        @media (max-width: 600px) { .socrates-frontend-grid { grid-template-columns: 1fr; } }\r\n\r\n        .socrates-card-item { \r\n            background: rgba(255, 255, 255, 0.05); backdrop-filter: blur(10px); \r\n            border-radius: var(--c-rad); overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.1); \r\n            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); position: relative; \r\n        }\r\n        .socrates-card-item:hover { \r\n            transform: translateY(-6px) scale(1.02); \r\n            background: rgba(0,116,199,0.05); \r\n            border-color: #0074c7; \r\n            box-shadow: 0 0 25px rgba(0,116,199,0.5), 0 15px 35px rgba(0,0,0,0.4); \r\n        }\r\n        .socrates-card-anchor { text-decoration: none; display: block; }\r\n        \r\n        .socrates-card-viewport { \r\n            height: 140px; \r\n            position: relative; \r\n            overflow: hidden; \r\n            background: #000; \r\n            border: none;\r\n            border-radius: var(--c-rad) var(--c-rad) 0 0; \r\n        }\r\n        .socrates-card-img { width: 100%; height: 100%; object-fit: cover; opacity: 0.8; transition: all 0.6s ease; }\r\n        .socrates-card-item:hover .socrates-card-img { opacity: 1; transform: scale(1.1); }\r\n        \r\n        .socrates-web-grid-overlay { position: absolute; inset: 0; background-image: radial-gradient(rgba(255,255,255,0.05) 1px, transparent 1px); background-size: 15px 15px; }\r\n        \r\n        .socrates-cover-gallery-icon {\r\n            position: absolute; top: 10px; right: 10px;\r\n            background: rgba(0,0,0,0.6); color: #fff; border-radius: 50%;\r\n            width: 32px; height: 32px; display: flex; align-items: center; justify-content: center;\r\n            font-size: 16px; cursor: pointer; z-index: 10; transition: transform 0.3s;\r\n        }\r\n        .socrates-cover-gallery-icon:hover { transform: scale(1.2); background: rgba(0,116,199,0.8); }\r\n        \r\n        .socrates-card-meta { padding: 20px; }\r\n        .socrates-card-tag { font-size: 9px; font-weight: 700; color: #fff; display: inline-block; padding: 3px 10px; border-radius: 4px; margin-bottom: 12px; text-transform: uppercase; }\r\n        .socrates-card-title { color: #fff; font-size: 16px; margin: 0 0 10px 0; font-weight: 700; }\r\n        .socrates-card-desc { color: #8c9baf; font-size: 12px; line-height: 1.6; margin-bottom: 15px; height: 38px; overflow: hidden; }\r\n        \r\n        .socrates-card-socials { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 15px; }\r\n        .social-badge { font-size: 8px; font-weight: 700; padding: 3px 8px; border-radius: 4px; background: rgba(255,255,255,0.08); color: #8c9baf; text-transform: uppercase; }\r\n        \r\n        .socrates-document-icons { \r\n            display: flex; gap: 10px; margin-bottom: 15px; font-size: 20px; \r\n            opacity: 0.7; transition: opacity 0.3s;\r\n        }\r\n        .socrates-card-item:hover .socrates-document-icons { opacity: 1; }\r\n        \r\n        .socrates-card-specs { border-top: 1px solid rgba(255,255,255,0.1); padding-top: 15px; display: flex; justify-content: space-between; align-items: center; }\r\n        .spec-block { font-size: 10px; font-weight: 700; color: #fff; }\r\n        .spec-block .sl { color: #fff; margin-right: 6px; }\r\n        .spec-block .sv { color: #fff; }\r\n        .spec-flags { display: flex; gap: 5px; align-items: center; }\r\n        .flag-item { display: inline-flex; align-items: center; margin-right: 6px; }\r\n        .flag-item img { width: 15px; height: 15px; }\r\n        .flag-text { font-size: 10px; color: #fff; margin-left: 3px; }\r\n        \r\n        .socrates-pagination { margin-top: 50px; text-align: center; }\r\n        .socrates-pagination a, .socrates-pagination span { padding: 10px 20px; background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); color: #fff; text-decoration: none; border-radius: 6px; margin: 0 5px; font-weight: 700; transition: 0.3s; }\r\n        .socrates-pagination .current, .socrates-pagination a:hover { background: #73bc25; border-color: #73bc25; }\r\n\r\n        \/* Modal Slider (im\u00e1genes) *\/\r\n        .soc-modal-system { position: fixed; inset: 0; z-index: 999999; display: flex; align-items: center; justify-content: center; }\r\n        .soc-modal-overlay { position: absolute; inset: 0; background: rgba(0,0,0,0.95); backdrop-filter: blur(15px); }\r\n        .soc-modal-container { position: relative; width: 90%; max-width: 1100px; z-index: 2; }\r\n        .soc-modal-close { position: absolute; top: -60px; right: 0; background: none; border: none; color: #fff; font-size: 50px; cursor: pointer; opacity: 0.7; transition: 0.3s; }\r\n        .soc-modal-close:hover { opacity: 1; transform: rotate(90deg); }\r\n        .soc-modal-main { display: flex; align-items: center; gap: 25px; }\r\n        .soc-slide-viewport { flex: 1; background: #000; border-radius: 16px; overflow: hidden; box-shadow: 0 0 60px rgba(0,0,0,0.8); border: 1px solid #333; }\r\n        .soc-slide-viewport img { width: 100%; height: auto; display: block; max-height: 85vh; object-fit: contain; }\r\n        .soc-nav-btn { background: rgba(255,255,255,0.15); border: none; color: #fff; width: 60px; height: 60px; border-radius: 50%; font-size: 24px; cursor: pointer; transition: 0.3s; display: flex; align-items: center; justify-content: center; }\r\n        .soc-nav-btn:hover { background: var(--accent, #73bc25); transform: scale(1.1); }\r\n        .soc-modal-footer { margin-top: 25px; text-align: center; color: #fff; font-weight: 700; font-size: 16px; letter-spacing: 2px; }\r\n\r\n        \/* Anclaje suave para filtros *\/\r\n        #soc-grid-web, #soc-grid-graphic, #soc-grid-document {\r\n            scroll-margin-top: 160px;\r\n        }\r\n    <\/style>\r\n\r\n    <script>\r\n    jQuery(document).ready(function($){\r\n        var currentGallery = [];\r\n        var currentIndex = 0;\r\n\r\n        \/\/ Galer\u00eda de im\u00e1genes\r\n        $(document).on('click', '.socrates-trigger-gallery', function(e){\r\n            e.preventDefault();\r\n            e.stopPropagation();\r\n            \r\n            var rawData = $(this).attr('data-gallery');\r\n            var galleryData;\r\n            try {\r\n                galleryData = JSON.parse(rawData);\r\n            } catch (ex) {\r\n                return;\r\n            }\r\n            \r\n            if (!Array.isArray(galleryData) || galleryData.length === 0) return;\r\n            \r\n            currentGallery = galleryData;\r\n            currentIndex = 0;\r\n            updateModal();\r\n            $('#soc-gallery-modal').fadeIn(400);\r\n            $('body').css('overflow', 'hidden');\r\n        });\r\n\r\n        $('.soc-modal-close, .soc-modal-overlay').on('click', function(){\r\n            $('#soc-gallery-modal').fadeOut(300);\r\n            $('#soc-video-modal').fadeOut(300);\r\n            $('body').css('overflow', 'auto');\r\n        });\r\n\r\n        $('.soc-nav-btn.next').on('click', function(e){\r\n            e.stopPropagation();\r\n            if(currentGallery.length === 0) return;\r\n            currentIndex = (currentIndex + 1) % currentGallery.length;\r\n            updateModal();\r\n        });\r\n\r\n        $('.soc-nav-btn.prev').on('click', function(e){\r\n            e.stopPropagation();\r\n            if(currentGallery.length === 0) return;\r\n            currentIndex = (currentIndex - 1 + currentGallery.length) % currentGallery.length;\r\n            updateModal();\r\n        });\r\n\r\n        function updateModal() {\r\n            $('#soc-main-slide').css('opacity', '0');\r\n            setTimeout(function(){\r\n                $('#soc-main-slide').attr('src', currentGallery[currentIndex]).css('opacity', '1');\r\n            }, 100);\r\n            $('#soc-cur').text(currentIndex + 1);\r\n            $('#soc-tot').text(currentGallery.length);\r\n        }\r\n\r\n        \/\/ Video modal\r\n        $(document).on('click', '.socrates-trigger-video', function(e){\r\n            e.preventDefault();\r\n            e.stopPropagation();\r\n            var videoUrl = $(this).attr('data-video');\r\n            if (!videoUrl) return;\r\n            var embedUrl = videoUrl;\r\n            if (videoUrl.includes('youtube.com\/watch')) {\r\n                var videoId = videoUrl.split('v=')[1];\r\n                var ampersandPos = videoId ? videoId.indexOf('&') : -1;\r\n                if (ampersandPos !== -1) videoId = videoId.substring(0, ampersandPos);\r\n                embedUrl = 'https:\/\/www.youtube.com\/embed\/' + videoId + '?autoplay=1';\r\n            } else if (videoUrl.includes('vimeo.com')) {\r\n                var vimeoId = videoUrl.split('\/').pop();\r\n                embedUrl = 'https:\/\/player.vimeo.com\/video\/' + vimeoId + '?autoplay=1';\r\n            }\r\n            $('#soc-video-iframe').attr('src', embedUrl);\r\n            $('#soc-video-modal').fadeIn(400);\r\n            $('body').css('overflow', 'hidden');\r\n        });\r\n\r\n        \/\/ Cerrar modales con ESC\r\n        $(document).keydown(function(e) {\r\n            if ($('#soc-gallery-modal').is(':visible')) {\r\n                if (e.keyCode == 37) $('.soc-nav-btn.prev').click();\r\n                if (e.keyCode == 39) $('.soc-nav-btn.next').click();\r\n                if (e.keyCode == 27) $('.soc-modal-close').click();\r\n            } else if ($('#soc-video-modal').is(':visible')) {\r\n                if (e.keyCode == 27) {\r\n                    $('#soc-video-modal').fadeOut(300);\r\n                    $('#soc-video-iframe').attr('src', '');\r\n                    $('body').css('overflow', 'auto');\r\n                }\r\n            }\r\n        });\r\n    });\r\n    <\/script>\r\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-54bc16b elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"54bc16b\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-246ccbe\" data-id=\"246ccbe\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-164736e elementor-widget elementor-widget-html\" data-id=\"164736e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"socrates-hero\">\r\n\r\n  <!-- BACKGROUND -->\r\n  <div class=\"bg-shape shape-1\"><\/div>\r\n  <div class=\"bg-shape shape-2\"><\/div>\r\n\r\n  <div class=\"hero-container\">\r\n\r\n    <!-- BADGE -->\r\n    <div class=\"hero-badge\">\r\n      <i class=\"fa-solid fa-bolt\"><\/i>\r\n      <span>30+ YEARS OF DESIGN INTELLIGENCE<\/span>\r\n    <\/div>\r\n\r\n    <!-- TITLE -->\r\n    <h1 class=\"hero-title\">\r\n      Elevate Your Brand with\r\n      <span>S\u00f3crates ONE<\/span>\r\n    <\/h1>\r\n\r\n    <!-- LINE -->\r\n    <div class=\"hero-line\"><\/div>\r\n\r\n    <!-- DESCRIPTION -->\r\n    <p class=\"hero-description\">\r\n      Eliminate intermediaries and connect directly with elite creators available 24\/7.\r\n      We craft precise and strategic visual experiences designed to elevate your brand value.\r\n    <\/p>\r\n\r\n    <!-- FEATURES -->\r\n    <div class=\"hero-features\">\r\n\r\n      <div class=\"feature-item\">\r\n        <div class=\"feature-icon\">\r\n          <i class=\"fa-solid fa-check\"><\/i>\r\n        <\/div>\r\n        <span>No Middlemen<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"feature-divider\"><\/div>\r\n\r\n      <div class=\"feature-item\">\r\n        <div class=\"feature-icon\">\r\n          <i class=\"fa-solid fa-check\"><\/i>\r\n        <\/div>\r\n        <span>24\/7 Access<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"feature-divider\"><\/div>\r\n\r\n      <div class=\"feature-item\">\r\n        <div class=\"feature-icon\">\r\n          <i class=\"fa-solid fa-check\"><\/i>\r\n        <\/div>\r\n        <span>Elite Design<\/span>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- BUTTONS -->\r\n    <div class=\"hero-buttons\">\r\n\r\n      <a href=\"https:\/\/socrates.la\/contacto\/\" class=\"btn-primary\">\r\n        <span>START MY PROJECT<\/span>\r\n        <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n      <\/a>\r\n\r\n      <a href=\"https:\/\/socrates.la\/portfolio\/\" class=\"btn-secondary\">\r\n        <span>VIEW PORTFOLIO<\/span>\r\n        <i class=\"fa-regular fa-images\"><\/i>\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- UBUNTU -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Ubuntu:wght@300;400;500;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<!-- FONT AWESOME -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.2\/css\/all.min.css\"\/>\r\n\r\n<style>\r\n\r\n*{\r\n    margin:0;\r\n    padding:0;\r\n    box-sizing:border-box;\r\n}\r\n\r\n.socrates-hero{\r\n    position:relative;\r\n    overflow:hidden;\r\n   \r\n    padding:90px 30px 85px;\r\n    font-family:'Ubuntu', sans-serif;\r\n}\r\n\r\n\/* CONTAINER *\/\r\n\r\n.hero-container{\r\n    max-width:1100px;\r\n    margin:auto;\r\n    position:relative;\r\n    z-index:2;\r\n    text-align:center;\r\n}\r\n\r\n\/* BADGE *\/\r\n\r\n.hero-badge{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    gap:10px;\r\n    padding:12px 22px;\r\n    border:1px solid rgba(157,255,0,.18);\r\n    border-radius:100px;\r\n    background:rgba(157,255,0,.04);\r\n    margin-bottom:34px;\r\n    backdrop-filter:blur(10px);\r\n}\r\n\r\n.hero-badge i{\r\n    color:#a6ff00;\r\n    font-size:12px;\r\n}\r\n\r\n.hero-badge span{\r\n    color:#a6ff00;\r\n    font-size:12px;\r\n    font-weight:700;\r\n    letter-spacing:2px;\r\n}\r\n\r\n\/* TITLE *\/\r\n\r\n.hero-title{\r\n    color:#ffffff;\r\n    font-size:40px;\r\n    line-height:1.08;\r\n    font-weight:700;\r\n    letter-spacing:-1.5px;\r\n    margin-bottom:10px;\r\n}\r\n\r\n.hero-title span{\r\n    color:#a6ff00;\r\n}\r\n\r\n\/* LINE *\/\r\n\r\n.hero-line{\r\n    width:120px;\r\n    height:2px;\r\n    background:linear-gradient(to right,#a6ff00,transparent);\r\n    border-radius:100px;\r\n    margin:0 auto 10px;\r\n}\r\n\r\n\/* DESCRIPTION *\/\r\n\r\n.hero-description{\r\n    max-width:760px;\r\n    margin:auto;\r\n    color:#ffffff;\r\n    font-size:17px;\r\n    line-height:1.6;\r\n    font-weight:300px;\r\n}\r\n\r\n\/* FEATURES *\/\r\n\r\n.hero-features{\r\n    display:flex;\r\n    justify-content:center;\r\n    align-items:center;\r\n    gap:26px;\r\n    margin-top:46px;\r\n    flex-wrap:wrap;\r\n}\r\n\r\n.feature-item{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:12px;\r\n}\r\n\r\n.feature-icon{\r\n    width:30px;\r\n    height:30px;\r\n    border-radius:50%;\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    background:rgba(166,255,0,.10);\r\n    border:1px solid rgba(166,255,0,.16);\r\n}\r\n\r\n.feature-icon i{\r\n    color:#a6ff00;\r\n    font-size:10px;\r\n}\r\n\r\n.feature-item span{\r\n    color:#ffffff;\r\n    font-size:16px;\r\n    font-weight:500;\r\n}\r\n\r\n.feature-divider{\r\n    width:1px;\r\n    height:22px;\r\n    background:rgba(255,255,255,.12);\r\n}\r\n\r\n\/* BUTTONS *\/\r\n\r\n.hero-buttons{\r\n    display:flex;\r\n    justify-content:center;\r\n    gap:22px;\r\n    margin-top:40px;\r\n    flex-wrap:wrap;\r\n}\r\n\r\n.hero-buttons a{\r\n    text-decoration:none;\r\n}\r\n\r\n.btn-primary,\r\n.btn-secondary{\r\n    min-width:280px;\r\n    height:48px;\r\n    border-radius:6px;\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    gap:14px;\r\n    transition:.35s ease;\r\n    font-size:15px;\r\n    font-weight:700;\r\n}\r\n\r\n.btn-primary{\r\n    background:linear-gradient(135deg,#ff6a00,#ff7f00);\r\n    color:#fff;\r\n    box-shadow:0 14px 30px rgba(255,106,0,.18);\r\n}\r\n\r\n.btn-primary:hover{\r\n    transform:translateY(-3px);\r\n}\r\n\r\n.btn-secondary{\r\n    border:1px solid rgba(166,255,0,.45);\r\n    color:#fff;\r\n    background:rgba(255,255,255,.02);\r\n    backdrop-filter:blur(10px);\r\n}\r\n\r\n.btn-secondary:hover{\r\n    background:rgba(166,255,0,.05);\r\n    transform:translateY(-3px);\r\n}\r\n\r\n\r\n\r\n\/* RESPONSIVE *\/\r\n\r\n@media(max-width:980px){\r\n\r\n    .hero-title{\r\n        font-size:42px;\r\n    }\r\n\r\n    .hero-description{\r\n        font-size:16px;\r\n    }\r\n}\r\n\r\n@media(max-width:768px){\r\n\r\n    .socrates-hero{\r\n        padding:75px 22px;\r\n    }\r\n\r\n    .hero-title{\r\n        font-size:34px;\r\n        line-height:1.15;\r\n    }\r\n\r\n    .hero-description{\r\n        font-size:15px;\r\n        line-height:1.8;\r\n    }\r\n\r\n    .feature-item span{\r\n        font-size:14px;\r\n    }\r\n\r\n    .feature-divider{\r\n        display:none;\r\n    }\r\n\r\n    .hero-features{\r\n        gap:18px;\r\n    }\r\n\r\n    .btn-primary,\r\n    .btn-secondary{\r\n        width:100%;\r\n        min-width:100%;\r\n        height:60px;\r\n        font-size:14px;\r\n    }\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>HOME PORTFOLIO Some of our featured web projects If you would like to learn about even more projects, please contact us directly. Some of our posts for social media, campaigns, and corporate image Projects, Catalogs, Videos and Client Files 30+ YEARS OF DESIGN INTELLIGENCE Elevate Your Brand with S\u00f3crates ONE Eliminate intermediaries and connect directly [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-187","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/socrates.la\/en\/wp-json\/wp\/v2\/pages\/187","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/socrates.la\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/socrates.la\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/socrates.la\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/socrates.la\/en\/wp-json\/wp\/v2\/comments?post=187"}],"version-history":[{"count":247,"href":"http:\/\/socrates.la\/en\/wp-json\/wp\/v2\/pages\/187\/revisions"}],"predecessor-version":[{"id":3179,"href":"http:\/\/socrates.la\/en\/wp-json\/wp\/v2\/pages\/187\/revisions\/3179"}],"wp:attachment":[{"href":"http:\/\/socrates.la\/en\/wp-json\/wp\/v2\/media?parent=187"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}