{"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-22T15:37:31","modified_gmt":"2026-05-22T18:37:31","slug":"portfolio","status":"publish","type":"page","link":"https:\/\/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-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-6a10a31191728.triangle li a {\n                        background: #007C46;\n                    }\n                    #breadcrumb-6a10a31191728.triangle li a:after {\n                        border-left: 30px solid #007C46;\n                    }\n                    #breadcrumb-6a10a31191728.triangle li:last-child {\n                        background: #86AC00;\n                    }\n                <\/style>\n            <ol class=\"wwp-elementor-breadcrumbs triangle\" id=\"breadcrumb-6a10a31191728\"><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\":\"https:\\\/\\\/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\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:\/\/abastecv.cl\/\" 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>Architecture focused on sub-second loading times and transactional psychology.<\/p>\r\n    <\/div>\r\n  <\/a>\r\n\r\n<\/div>\r\n\r\n<style>\r\n  \/* --- IMPORTACI\u00d3N DE FUENTE UBUNTU SANS --- *\/\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 ENLACE FUTURISTA TRANSPARENTE CON BORDE ANIMADO --- *\/\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;\r\n    position: relative;\r\n    background: transparent; \/* Fondo 100% transparente *\/\r\n    border-radius: 16px;\r\n    text-decoration: none; \/* Elimina el subrayado por defecto de los enlaces *\/\r\n    display: block; \/* Obliga a comportarse como un contenedor de bloque *\/\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  \/* Capa independiente que dibuja y anima el borde de 3px en degrade *\/\r\n  .scanner-card::before {\r\n    content: '';\r\n    position: absolute;\r\n    inset: 0;\r\n    border-radius: 16px;\r\n    padding: 3px; \/* Grosor exacto del borde pedido *\/\r\n    background: conic-gradient(from 0deg, transparent, transparent); \/* Invisible por defecto *\/\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    opacity: 0;\r\n    transition: opacity 0.4s ease;\r\n  }\r\n\r\n  \/* Animaci\u00f3n c\u00edclica para la rotaci\u00f3n del degrad\u00e9 con tus colores oficiales *\/\r\n  @keyframes borderAnimation {\r\n    0% {\r\n      background: conic-gradient(from 0deg, #73bc25, #31b4e7, #f6bd00, transparent 60%, #73bc25);\r\n    }\r\n    100% {\r\n      background: conic-gradient(from 360deg, #73bc25, #31b4e7, #f6bd00, transparent 60%, #73bc25);\r\n    }\r\n  }\r\n\r\n  \/* --- VIEWPORT DE LA IMAGEN --- *\/\r\n  .scanner-viewport {\r\n    position: relative;\r\n    width: 100%;\r\n    height: 260px;\r\n    border-radius: 10px;\r\n    overflow: hidden;\r\n    border: 1px solid rgba(0, 47, 87, 0.4); \/* Azul corporativo #002f57 *\/\r\n    box-sizing: border-box;\r\n    transition: border-color 0.5s ease;\r\n  }\r\n\r\n  \/* --- IMAGEN CON OPACIDAD INICIAL --- *\/\r\n  .scanner-img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    opacity: 0.35;\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 --- *\/\r\n  .tech-grid-overlay {\r\n    position: absolute; \r\n    top: 0; left: 0; \r\n    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\u00c1SER DE DEGRAD\u00c9 VERDE PURO --- *\/\r\n  .scanner-laser-line {\r\n    position: absolute;\r\n    top: 0; left: -40px;\r\n    width: 12px;\r\n    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  @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  @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  \/* --- TIPOGRAF\u00cdAS Y METADATOS --- *\/\r\n  .scanner-meta { \r\n    padding-top: 24px; \r\n  }\r\n  \r\n  \/* TAG Animado *\/\r\n  .scanner-tag { \r\n    display: inline-block; \r\n    font-size: 11px; \r\n    font-weight: 700; \r\n    padding: 5px 12px; \r\n    border-radius: 4px; \r\n    margin-bottom: 14px; \r\n    letter-spacing: 1px; \r\n    background: rgba(255, 255, 255, 0.05);\r\n    color: rgba(255, 255, 255, 0.6);\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  \/* T\u00edtulo Animado *\/\r\n  .scanner-meta h3 { \r\n    color: #FFFFFF; \r\n    font-size: 24px; \r\n    margin: 0 0 10px 0; \r\n    font-weight: 600; \r\n    letter-spacing: -0.5px;\r\n    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);\r\n  }\r\n  \r\n  \/* Descripci\u00f3n en Blanco Puro *\/\r\n  .scanner-meta p { \r\n    color: #FFFFFF !important; \r\n    font-size: 14px; \r\n    line-height: 1.6; \r\n    margin: 0; \r\n    font-weight: 300; \r\n    opacity: 0.75;\r\n    transition: opacity 0.4s ease;\r\n  }\r\n\r\n  \/* --- MICRO-INTERACCIONES AL HOVER --- *\/\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  \/* Activa la visualizaci\u00f3n del borde de 3px y corre el degrade *\/\r\n  .scanner-card:hover::before {\r\n    opacity: 1;\r\n    animation: borderAnimation 3s linear infinite;\r\n  }\r\n  \r\n  \/* Borde de la imagen cambia al verde oficial *\/\r\n  .scanner-card:hover .scanner-viewport {\r\n    border-color: rgba(115, 188, 37, 0.8);\r\n  }\r\n\r\n  \/* Revelado y escala de la imagen *\/\r\n  .scanner-card:hover .scanner-img { \r\n    transform: scale(1.04); \r\n    opacity: 1; \r\n  }\r\n  \r\n  .scanner-card:hover .tech-grid-overlay { \r\n    opacity: 1; \r\n  }\r\n  \r\n  \/* Animaci\u00f3n del T\u00edtulo *\/\r\n  .scanner-card:hover .scanner-meta h3 { \r\n    color: #73bc25;\r\n    transform: translateX(4px);\r\n  }\r\n\r\n  \/* Animaci\u00f3n del TAG *\/\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);\r\n  }\r\n\r\n  .scanner-card:hover .scanner-meta p {\r\n    opacity: 1;\r\n  }\r\n  \r\n  \/* Disparador del l\u00e1ser \u00fanico *\/\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  \/* --- OPTIMIZACI\u00d3N RESPONSIVA CELULARES --- *\/\r\n  @media (max-width: 480px) {\r\n    .scanner-card {\r\n      padding: 16px;\r\n    }\r\n    .scanner-viewport {\r\n      height: 195px;\r\n    }\r\n    .scanner-meta h3 {\r\n      font-size: 20px;\r\n    }\r\n    .scanner-meta p {\r\n      font-size: 13px;\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<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\/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 WebSites HIGH-SPEED RETAIL Strategic E-Commerce Architecture focused on sub-second loading times and transactional psychology. 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 24\/7 Access Elite [&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":"https:\/\/socrates.la\/en\/wp-json\/wp\/v2\/pages\/187","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/socrates.la\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/socrates.la\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/socrates.la\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/socrates.la\/en\/wp-json\/wp\/v2\/comments?post=187"}],"version-history":[{"count":31,"href":"https:\/\/socrates.la\/en\/wp-json\/wp\/v2\/pages\/187\/revisions"}],"predecessor-version":[{"id":2042,"href":"https:\/\/socrates.la\/en\/wp-json\/wp\/v2\/pages\/187\/revisions\/2042"}],"wp:attachment":[{"href":"https:\/\/socrates.la\/en\/wp-json\/wp\/v2\/media?parent=187"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}