{"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-22T16:40:32","modified_gmt":"2026-05-22T19:40:32","slug":"portfolio","status":"publish","type":"page","link":"https:\/\/socrates.la\/es\/portfolio\/","title":{"rendered":"PORTFOLIO"},"content":{"rendered":"<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-100 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-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-6a10b21196877.triangle li a {\n                        background: #007C46;\n                    }\n                    #breadcrumb-6a10b21196877.triangle li a:after {\n                        border-left: 30px solid #007C46;\n                    }\n                    #breadcrumb-6a10b21196877.triangle li:last-child {\n                        background: #86AC00;\n                    }\n                <\/style>\n            <ol class=\"wwp-elementor-breadcrumbs triangle\" id=\"breadcrumb-6a10b21196877\"><li class=\"visited\"><a href=\"https:\/\/socrates.la\/es\/\"><span>HOME<\/span><\/a><\/li><li class=\"current\"><span>PORTFOLIO<\/span><\/li><\/ol><script type=\"application\/ld+json\">{\n    \"@context\": \"https:\\\/\\\/schema.org\\\/\",\n    \"@type\": \"BreadcrumbList\",\n    \"itemListElement\": [\n        [],\n        {\n            \"@type\": \"ListItem\",\n            \"position\": 1,\n            \"name\": \"PORTFOLIO\",\n            \"item\": \"https:\\\/\\\/socrates.la\\\/es\\\/wp-json\\\/wp\\\/v2\\\/pages\\\/187\"\n        }\n    ]\n}<\/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\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-9e47e02 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"9e47e02\" 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-4fa94c0\" data-id=\"4fa94c0\" 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-ed909ca elementor-widget elementor-widget-heading\" data-id=\"ed909ca\" 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\">WebSites<\/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-8461735 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"8461735\" 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-6aa2a2f\" data-id=\"6aa2a2f\" 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-b5f715c elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"b5f715c\" 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-33 elementor-inner-column elementor-element elementor-element-1036075\" data-id=\"1036075\" 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-b5a5b5c elementor-widget elementor-widget-html\" data-id=\"b5a5b5c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"socrates-portfolio-grid\">\r\n\r\n  <a href=\"https:\/\/tu-proyecto-aqui.com\" target=\"_blank\" class=\"scanner-card\">\r\n    <div class=\"scanner-viewport\">\r\n      <img decoding=\"async\" src=\"https:\/\/socrates.la\/wp-content\/uploads\/2026\/05\/abastecv.webp\" alt=\"Project Screenshot\" class=\"scanner-img\">\r\n      \r\n      <div class=\"tech-grid-overlay\"><\/div>\r\n      \r\n      <div class=\"scanner-laser-line\"><\/div>\r\n    <\/div>\r\n    \r\n    <div class=\"scanner-meta\">\r\n      <div class=\"scanner-tag\">HIGH-SPEED RETAIL<\/div>\r\n      <h3>Strategic E-Commerce<\/h3>\r\n      <p class=\"project-description\">Architecture focused on sub-second loading times and transactional psychology.<\/p>\r\n      \r\n      <div class=\"project-specs-wrapper\">\r\n        \r\n        <div class=\"spec-item\">\r\n          <span class=\"spec-label\">PA\u00cdS:<\/span>\r\n          <span class=\"spec-value\">Brasil<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"spec-item\">\r\n          <span class=\"spec-label\">IDIOMA:<\/span>\r\n          <div class=\"spec-flags-container\">\r\n            <img decoding=\"async\" class=\"lang-flag\" src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/twemoji\/14.0.2\/svg\/1f1ea-1f1f8.svg\" alt=\"Espa\u00f1ol\">\r\n            <img decoding=\"async\" class=\"lang-flag\" src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/twemoji\/14.0.2\/svg\/1f1e7-1f1f7.svg\" alt=\"Portugu\u00eas\">\r\n            <img decoding=\"async\" class=\"lang-flag\" src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/twemoji\/14.0.2\/svg\/1f1fa-1f1f8.svg\" alt=\"English\">\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/a>\r\n\r\n<\/div>\r\n\r\n<style>\r\n  \/* ==========================================================================\r\n     1. IMPORTACI\u00d3N Y CONFIGURACI\u00d3N GENERAL\r\n     ========================================================================== *\/\r\n  \r\n  \/* Importaci\u00f3n de la fuente oficial Ubuntu Sans con todas sus variantes *\/\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Ubuntu+Sans:ital,wght@0,100..800;1,100..800&display=swap');\r\n\r\n  \/* Contenedor Grid Adaptable *\/\r\n  .socrates-portfolio-grid {\r\n    width: 100%;\r\n    display: flex;\r\n    justify-content: center;\r\n    background: transparent;\r\n  }\r\n\r\n  \/* --- TARJETA ESTRUCTURA BASE --- *\/\r\n  .scanner-card {\r\n    width: 100%;\r\n    max-width: 460px;\r\n    padding: 24px;\r\n    box-sizing: border-box;\r\n    overflow: hidden;\r\n    font-family: 'Ubuntu Sans', sans-serif; \/* Aplica Ubuntu Sans a toda la tarjeta *\/\r\n    position: relative;\r\n    background: transparent; \/* Fondo 100% transparente absoluto *\/\r\n    border-radius: 16px;\r\n    text-decoration: none; \r\n    display: block; \r\n    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1), box-shadow 0.5s ease;\r\n  }\r\n\r\n  \/* Borde perimetral inteligente (1px inicial verde sutil) *\/\r\n  .scanner-card::before {\r\n    content: '';\r\n    position: absolute;\r\n    inset: 0;\r\n    border-radius: 16px;\r\n    padding: 1px; \r\n    background: rgba(115, 188, 37, 0.25); \/* Color del borde est\u00e1tico (Verde corporativo transl\u00facido) *\/\r\n    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\r\n    -webkit-mask-composite: xor;\r\n    mask-composite: exclude;\r\n    pointer-events: none;\r\n    transition: padding 0.4s ease, background 0.4s ease;\r\n  }\r\n\r\n  \/* Animaci\u00f3n del borde degrad\u00e9 en Hover utilizando tu paleta oficial *\/\r\n  @keyframes borderAnimation {\r\n    0% { background: conic-gradient(from 0deg, #73bc25, #31b4e7, #f6bd00, transparent 60%, #73bc25); }\r\n    100% { background: conic-gradient(from 360deg, #73bc25, #31b4e7, #f6bd00, transparent 60%, #73bc25); }\r\n  }\r\n\r\n  \/* --- VIEWPORT DE LA IMAGEN (ALTURA ULTRA-REDUCIDA) --- *\/\r\n  .scanner-viewport {\r\n    position: relative;\r\n    width: 100%;\r\n    height: 150px; \/* Reducido a 150px para aspecto compacto premium *\/\r\n    border-radius: 10px;\r\n    overflow: hidden;\r\n    border: 1px solid rgba(0, 47, 87, 0.4); \/* Tu azul corporativo base #002f57 *\/\r\n    box-sizing: border-box;\r\n    transition: border-color 0.5s ease;\r\n  }\r\n\r\n  .scanner-img {\r\n    width: 100%; \r\n    height: 100%; \r\n    object-fit: cover;\r\n    opacity: 0.35; \/* Trasl\u00facida por defecto *\/\r\n    transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.6s cubic-bezier(0.25, 1, 0.5, 1);\r\n  }\r\n\r\n  \/* Capa de Rejilla Sci-Fi de Fondo *\/\r\n  .tech-grid-overlay {\r\n    position: absolute; top: 0; left: 0; width: 100%; height: 100%;\r\n    background-image: linear-gradient(rgba(115, 188, 37, 0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(115, 188, 37, 0.05) 1px, transparent 1px);\r\n    background-size: 20px 20px;\r\n    opacity: 0;\r\n    transition: opacity 0.4s ease;\r\n    z-index: 2;\r\n  }\r\n\r\n  \/* L\u00ednea del esc\u00e1ner l\u00e1ser (Verde puro en degrad\u00e9) *\/\r\n  .scanner-laser-line {\r\n    position: absolute;\r\n    top: 0; left: -40px;\r\n    width: 12px; height: 100%;\r\n    background: linear-gradient(to right, transparent, rgba(115, 188, 37, 0.8) 30%, #73bc25 50%, rgba(115, 188, 37, 0.8) 70%, transparent);\r\n    box-shadow: 0 0 25px #73bc25, 0 0 45px rgba(115, 188, 37, 0.6);\r\n    z-index: 3;\r\n    opacity: 0;\r\n    pointer-events: none;\r\n  }\r\n\r\n  \/* Animaci\u00f3n de barrido \u00fanico (forwards mantiene el estado final) *\/\r\n  @keyframes laserSingleSweep {\r\n    0% { left: -40px; opacity: 1; }\r\n    90% { opacity: 1; }\r\n    100% { left: 100%; opacity: 0; }\r\n  }\r\n\r\n  \/* Parpadeo ne\u00f3n de alta frecuencia *\/\r\n  @keyframes laserFlicker {\r\n    0%, 100% { filter: brightness(1); }\r\n    32% { filter: brightness(1.4); }\r\n    33% { filter: brightness(0.5); }\r\n    35% { filter: brightness(1.2); }\r\n  }\r\n\r\n\r\n  \/* 2. CONTROL DE TIPOGRAF\u00cdAS Y TEXTOS (ESTADO NORMAL) *\/\r\n\r\n  \/* Contenedor general del bloque de texto inferior *\/\r\n  .scanner-meta { \r\n    padding-top: 20px; \/* Separaci\u00f3n entre la imagen y los textos *\/\r\n  }\r\n  \r\n  \/* [TEXTO] -> Categoria \/ Tag Superior Peque\u00f1o *\/\r\n  .scanner-tag { \r\n    display: inline-block; \r\n    font-size: 10px;                      \/* Tama\u00f1o de fuente *\/\r\n    font-weight: 700;                     \/* Peso de la tipograf\u00eda (Bold) *\/\r\n    padding: 2px 5px;                    \/* Espaciado interno *\/\r\n    border-radius: 4px;                   \/* Curvatura de esquinas *\/\r\n    margin-bottom: 10px;                  \/* Distancia respecto al t\u00edtulo H3 *\/\r\n    letter-spacing: 1px;                  \/* Espaciado entre letras t\u00e9cnico *\/\r\n    background: rgba(255, 255, 255, 0.05);\/* Fondo gris\u00e1ceo transl\u00facido inicial *\/\r\n    color: rgba(255, 255, 255, 0.6);      \/* Color blanco atenuado inicial *\/\r\n    border: 1px solid rgba(255, 255, 255, 0.1); \r\n    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1); \r\n  }\r\n  \r\n  \/* [TEXTO] -> T\u00edtulo Principal del Proyecto (H3) *\/\r\n  .scanner-meta h3 { \r\n    color: #FFFFFF;                       \/* Color inicial (Blanco Puro) *\/\r\n    font-size: 20px;                      \/* Tama\u00f1o del t\u00edtulo *\/\r\n    margin: 0 0 10px 0;                   \/* Margen inferior separador *\/\r\n    font-weight: 300;                     \/* Grosor (Semi-Bold) *\/\r\n    letter-spacing: -0.2px;               \/* Compactaci\u00f3n de letras *\/\r\n    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1); \r\n  }\r\n  \r\n  \/* [TEXTO] -> P\u00e1rrafo de la Descripci\u00f3n Corta *\/\r\n  .scanner-meta p.project-description { \r\n    color: #FFFFFF !important;            \/* Forzado en Blanco Puro *\/\r\n    font-size: 13px;                      \/* Tama\u00f1o de lectura *\/\r\n    line-height: 1;                     \/* Interlineado amplio *\/\r\n    margin: 0 0 20px 0;                   \/* Separaci\u00f3n del bloque inferior *\/\r\n    font-weight: 300;           \r\n    \/* Opacidad inicial sutil *\/\r\n    transition: opacity 0.4s ease;\r\n  }\r\n\r\n  \/* --- SECCI\u00d3N INFERIOR DE ESPECIFICACIONES (PA\u00cdS e IDIOMAS) --- *\/\r\n  \r\n  .project-specs-wrapper {\r\n    display: flex; \r\n    flex-wrap: wrap; \r\n    gap: 16px;                            \/* Espaciado entre p\u00edldoras *\/\r\n    border-top: 1px solid rgba(255, 255, 255, 0.06); \/* L\u00ednea t\u00e9cnica separadora *\/\r\n    padding-top: 16px;                    \r\n    transition: border-color 0.4s ease;\r\n  }\r\n\r\n  .spec-item {\r\n    display: flex; \r\n    align-items: center; \r\n    gap: 8px;                             \r\n    background: rgba(255, 255, 255, 0.02);\r\n    border: 1px solid rgba(255, 255, 255, 0.05); \r\n    padding: 6px 12px; \r\n    border-radius: 6px;\r\n    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);\r\n  }\r\n\r\n  \/* [TEXTO] -> Encabezados (PA\u00cdS: \/ IDIOMA:) *\/\r\n  .spec-label { \r\n    font-size: 11px; \r\n    font-weight: 700; \r\n    color: rgba(255, 255, 255, 0.4);      \/* Color gris\u00e1ceo atenuado *\/\r\n    letter-spacing: 0.5px; \r\n  }\r\n\r\n  \/* [TEXTO] -> Valor din\u00e1mico (Nombre del Pa\u00eds) *\/\r\n  .spec-value { \r\n    font-size: 13px; \r\n    font-weight: 500;                     \/* Variante Medium *\/\r\n    color: #FFFFFF;                       \/* Blanco brillante *\/\r\n  }\r\n\r\n  .spec-flags-container { \r\n    display: flex; \r\n    align-items: center; \r\n    gap: 6px;                             \r\n  }\r\n  \r\n  .lang-flag {\r\n    width: 16px; \r\n    height: 16px; \r\n    object-fit: contain; \r\n    filter: grayscale(20%) brightness(0.9);\/* Integraci\u00f3n minimalista *\/\r\n    transition: transform 0.3s ease, filter 0.3s ease;\r\n  }\r\n\r\n\r\n  \/* ==========================================================================\r\n     3. MODIFICACIONES CIN\u00c9TICAS (ESTADO HOVER)\r\n     ========================================================================== *\/\r\n\r\n  .scanner-card:hover {\r\n    transform: translateY(-6px);\r\n    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), 0 0 30px rgba(115, 188, 37, 0.15);\r\n  }\r\n  \r\n  \/* Mutaci\u00f3n a 3px y ejecuci\u00f3n del degrad\u00e9 perimetral continuo *\/\r\n  .scanner-card:hover::before {\r\n    padding: 3px; \r\n    animation: borderAnimation 3s linear infinite;\r\n  }\r\n  \r\n  .scanner-card:hover .scanner-viewport { border-color: rgba(115, 188, 37, 0.8); }\r\n  .scanner-card:hover .scanner-img { transform: scale(1.04); opacity: 1; }\r\n  .scanner-card:hover .tech-grid-overlay { opacity: 1; }\r\n  \r\n  \/* [INTERACCI\u00d3N TEXTO] -> El T\u00edtulo muta a tu Verde Corporativo *\/\r\n  .scanner-card:hover .scanner-meta h3 { \r\n    color: #73bc25;                       \r\n    transform: translateX(4px);           \/* Movimiento lateral de 4px *\/\r\n  }\r\n\r\n  \/* [INTERACCI\u00d3N TEXTO] -> El TAG adopta tu Verde Oficial *\/\r\n  .scanner-card:hover .scanner-tag {\r\n    background: rgba(115, 188, 37, 0.15);\r\n    color: #73bc25;                       \r\n    border-color: #73bc25;                \r\n    box-shadow: 0 0 12px rgba(115, 188, 37, 0.3); \/* Resplandor exclusivo *\/\r\n  }\r\n\r\n  \/* [INTERACCI\u00d3N TEXTO] -> La descripci\u00f3n se vuelve n\u00edtida *\/\r\n  .scanner-card:hover .project-description { \r\n    opacity: 1;                           \r\n  }\r\n\r\n  \/* Iluminaci\u00f3n de metatags *\/\r\n  .scanner-card:hover .project-specs-wrapper { border-color: rgba(115, 188, 37, 0.2); }\r\n  .scanner-card:hover .spec-item { border-color: rgba(255, 255, 255, 0.1); background: rgba(255, 255, 255, 0.04); }\r\n  \r\n  \/* Banderas adquieren color completo *\/\r\n  .scanner-card:hover .lang-flag { \r\n    filter: grayscale(0%) brightness(1); \r\n    transform: scale(1.1); \r\n  }\r\n  \r\n  \/* Disparador de animaci\u00f3n \u00fanica del l\u00e1ser *\/\r\n  .scanner-card:hover .scanner-laser-line {\r\n    animation: \r\n      laserSingleSweep 1.5s cubic-bezier(0.25, 1, 0.5, 1) 1 forwards,\r\n      laserFlicker 0.4s alternate infinite;\r\n  }\r\n\r\n\r\n  \/* ==========================================================================\r\n     4. OPTIMIZACI\u00d3N RESPONSIVA (CELULARES)\r\n     ========================================================================== *\/\r\n  @media (max-width: 480px) {\r\n    .scanner-card { padding: 16px; }\r\n    .scanner-viewport { height: 120px; } \/* Altura compacta responsiva *\/\r\n    \r\n    \/* Adaptaciones de fuentes en pantallas t\u00e1ctiles *\/\r\n    .scanner-meta h3 { font-size: 20px; }       \r\n    .scanner-meta p { font-size: 13px; }         \r\n    \r\n    .project-specs-wrapper { gap: 10px; }\r\n    .spec-item { padding: 4px 10px; }\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<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-e7a0fed\" data-id=\"e7a0fed\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-96597e7\" data-id=\"96597e7\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\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-2276b73 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"2276b73\" 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-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<div class=\"elementor-element elementor-element-7874227 elementor-widget elementor-widget-html\" data-id=\"7874227\" 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\/es\/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\/es\/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>","protected":false},"excerpt":{"rendered":"<p>HOME PORTFOLIO WebSites HIGH-SPEED RETAIL Strategic E-Commerce Architecture focused on sub-second loading times and transactional psychology. PA\u00cdS: Brasil IDIOMA: 30+ YEARS OF DESIGN INTELLIGENCE Elevate Your Brand with S\u00f3crates ONE Eliminate intermediaries and connect directly with elite creators available 24\/7. We craft precise and strategic visual experiences designed to elevate your brand value. No Middlemen [&hellip;]<\/p>","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":"https:\/\/socrates.la\/es\/wp-json\/wp\/v2\/pages\/187","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/socrates.la\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/socrates.la\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/socrates.la\/es\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/socrates.la\/es\/wp-json\/wp\/v2\/comments?post=187"}],"version-history":[{"count":70,"href":"https:\/\/socrates.la\/es\/wp-json\/wp\/v2\/pages\/187\/revisions"}],"predecessor-version":[{"id":2112,"href":"https:\/\/socrates.la\/es\/wp-json\/wp\/v2\/pages\/187\/revisions\/2112"}],"wp:attachment":[{"href":"https:\/\/socrates.la\/es\/wp-json\/wp\/v2\/media?parent=187"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}