{"id":194,"date":"2026-04-24T18:43:19","date_gmt":"2026-04-24T21:43:19","guid":{"rendered":"https:\/\/socrates.la\/?page_id=194"},"modified":"2026-05-22T11:36:37","modified_gmt":"2026-05-22T14:36:37","slug":"company","status":"publish","type":"page","link":"https:\/\/socrates.la\/en\/company\/","title":{"rendered":"COMPANY"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"194\" class=\"elementor elementor-194\" 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-dd44f8e elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"dd44f8e\" 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-f174e5d\" data-id=\"f174e5d\" 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-a60a332 elementor-widget elementor-widget-spacer\" data-id=\"a60a332\" 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<div class=\"elementor-element elementor-element-5039c73 elementor-widget elementor-widget-wwp-elementor-static-breadcrumbs\" data-id=\"5039c73\" 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-6a10ca9921bb0.triangle li a {\n                        background: #007C46;\n                    }\n                    #breadcrumb-6a10ca9921bb0.triangle li a:after {\n                        border-left: 30px solid #007C46;\n                    }\n                    #breadcrumb-6a10ca9921bb0.triangle li:last-child {\n                        background: #86AC00;\n                    }\n                <\/style>\n            <ol class=\"wwp-elementor-breadcrumbs triangle\" id=\"breadcrumb-6a10ca9921bb0\"><li class=\"visited\"><a href=\"https:\/\/www.socrates.la\"><span>HOME<\/span><\/a><\/li><li class=\"current\"><span>COMPANY<\/span><\/li><\/ol><script type=\"application\/ld+json\">{\"@context\":\"https:\\\/\\\/schema.org\\\/\",\"@type\":\"BreadcrumbList\",\"itemListElement\":[[],{\"@type\":\"ListItem\",\"position\":1,\"name\":\"COMPANY\",\"item\":\"https:\\\/\\\/socrates.la\\\/en\\\/wp-json\\\/wp\\\/v2\\\/pages\\\/194\"}]}<\/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-3a650fe elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"3a650fe\" 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-b6c03ef\" data-id=\"b6c03ef\" 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-d3523dd elementor-widget elementor-widget-text-editor\" data-id=\"d3523dd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Powered by <span style=\"color: #00ccff;\">creativity<\/span>. Engineered with <span style=\"color: #99cc00;\">intelligence<\/span>.<\/p>\t\t\t\t\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-8685d2f\" data-id=\"8685d2f\" 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-1397f05 elementor-widget elementor-widget-image\" data-id=\"1397f05\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"800\" height=\"527\" src=\"https:\/\/socrates.la\/wp-content\/uploads\/2026\/04\/equipo-mesa-1024x675.webp\" class=\"attachment-large size-large wp-image-30\" alt=\"\" srcset=\"https:\/\/socrates.la\/wp-content\/uploads\/2026\/04\/equipo-mesa-1024x675.webp 1024w, https:\/\/socrates.la\/wp-content\/uploads\/2026\/04\/equipo-mesa-300x198.webp 300w, https:\/\/socrates.la\/wp-content\/uploads\/2026\/04\/equipo-mesa-768x506.webp 768w, https:\/\/socrates.la\/wp-content\/uploads\/2026\/04\/equipo-mesa.webp 1074w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\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-861680f elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"861680f\" 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-9d9aa0f\" data-id=\"9d9aa0f\" 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-b97d2bc elementor-widget elementor-widget-html\" data-id=\"b97d2bc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"socrates-hero-section\">\r\n  <div class=\"socrates-hero-content\">\r\n    <p class=\"socrates-tagline\">STRATEGY \u2022 DESIGN \u2022 DEVELOPMENT<\/p>\r\n    <h1 class=\"socrates-hero-title\">We turn complex code into <span class=\"gradient-text\">emotional experiences.<\/span><\/h1>\r\n    <p class=\"socrates-hero-subtitle\">At S\u00f3crates One, we build high-performance digital ecosystems and memorable brand identities designed to connect, scale, and endure.<\/p>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n  .socrates-hero-section {\r\n    background: transparent;\r\n    padding: 30px 20px;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    min-height: 0vh;\r\n    font-family: 'Ubuntu Sans', sans-serif;\r\n  }\r\n  .socrates-hero-content {\r\n    max-width: 900px;\r\n    text-align: center;\r\n  }\r\n  .socrates-tagline {\r\n    color: #00E5FF;\r\n    font-size: 20px;\r\n    letter-spacing: 1px;\r\n    font-weight: 600;\r\n    margin-bottom: 20px;\r\n    opacity: 0;\r\n    animation: fadeInUp 0.8s ease forwards;\r\n  }\r\n  .socrates-hero-title {\r\n    color: #FFFFFF;\r\n    font-size: 60px;\r\n    font-weight: 700;\r\n    line-height: 1;\r\n    margin-bottom: 5px;\r\n    opacity: 0;\r\n    animation: fadeInUp 0.8s ease forwards 0.2s;\r\n  }\r\n  .gradient-text {\r\n    background: linear-gradient(45deg, #00E5FF, #73bc25);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n  }\r\n  .socrates-hero-subtitle {\r\n    color: #FFFFFFA;\r\n    font-size: 18px;\r\n    line-height: 1.4;\r\n    max-width: 700px;\r\n    margin: 0 auto;\r\n    opacity: 0;\r\n    animation: fadeInUp 0.8s ease forwards 0.4s;\r\n  }\r\n\r\n  @keyframes fadeInUp {\r\n    from {\r\n      opacity: 0;\r\n      transform: translateY(30px);\r\n    }\r\n    to {\r\n      opacity: 1;\r\n      transform: translateY(0);\r\n    }\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .socrates-hero-title { font-size: 36px; }\r\n    .socrates-hero-subtitle { font-size: 16px; }\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-1b6f852 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"1b6f852\" 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-6754285\" data-id=\"6754285\" 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-0a6ed3a elementor-widget elementor-widget-html\" data-id=\"0a6ed3a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"socrates-premium-container\">\r\n  <div class=\"philosophy-premium-grid\">\r\n    \r\n    <div class=\"premium-card card-cyan\">\r\n      <div class=\"card-bg-pattern\">\r\n        <svg width=\"100%\" height=\"100%\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n          <circle cx=\"30\" cy=\"50\" r=\"2.5\" fill=\"#31b4e7\" \/>\r\n          <circle cx=\"140\" cy=\"30\" r=\"2\" fill=\"#31b4e7\" \/>\r\n          <circle cx=\"100\" cy=\"120\" r=\"3\" fill=\"#31b4e7\" \/>\r\n          <circle cx=\"240\" cy=\"80\" r=\"2.5\" fill=\"#31b4e7\" \/>\r\n          <line x1=\"30\" y1=\"50\" x2=\"140\" y2=\"30\" stroke=\"#31b4e7\" stroke-width=\"0.8\" class=\"animated-line\" \/>\r\n          <line x1=\"140\" y1=\"30\" x2=\"100\" y2=\"120\" stroke=\"#31b4e7\" stroke-width=\"0.8\" stroke-dasharray=\"4,4\" class=\"animated-dashed-line\" \/>\r\n          <line x1=\"100\" y1=\"120\" x2=\"240\" y2=\"80\" stroke=\"#31b4e7\" stroke-width=\"0.8\" class=\"animated-line\" \/>\r\n          <line x1=\"30\" y1=\"50\" x2=\"100\" y2=\"120\" stroke=\"#31b4e7\" stroke-width=\"0.8\" class=\"animated-line\" \/>\r\n        <\/svg>\r\n      <\/div>\r\n      \r\n      <div class=\"card-header\">\r\n        <span class=\"card-number\">01<\/span>\r\n        <div class=\"icon-container\">\r\n          <svg class=\"premium-icon\" viewBox=\"0 0 64 64\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\">\r\n            <path d=\"M32 54c11.046 0 20-8.954 20-20S43.046 14 32 14 12 22.954 12 34s8.954 20 20 20z\" stroke-dasharray=\"1 3\"\/>\r\n            <path d=\"M32 18c8.837 0 16 7.163 16 16S40.837 50 32 50 16 42.837 16 34s7.163-16 16-16z\"\/>\r\n            <circle cx=\"32\" cy=\"34\" r=\"4\" fill=\"none\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n      <\/div>\r\n      <h3 class=\"title-cyan\">Emotional Design<\/h3>\r\n      <p>We don't just build interfaces; we map human behavior. Every pixel, margin, and typography alignment is chosen to evoke trust and clarity.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"premium-card card-gold-perf\">\r\n      <div class=\"card-bg-pattern\">\r\n        <svg width=\"100%\" height=\"100%\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n          <path d=\"M-20,90 Q50,50 120,90 T260,90 T400,90\" fill=\"none\" stroke=\"#f6bd00\" stroke-width=\"1\" class=\"animated-wave-1\" \/>\r\n          <path d=\"M-20,110 Q50,70 120,110 T260,110 T400,110\" fill=\"none\" stroke=\"#f6bd00\" stroke-width=\"0.8\" stroke-dasharray=\"5,5\" class=\"animated-wave-dashed\" \/>\r\n          <path d=\"M-20,130 Q50,90 120,130 T260,130 T400,130\" fill=\"none\" stroke=\"#f6bd00\" stroke-width=\"1\" class=\"animated-wave-2\" \/>\r\n        <\/svg>\r\n      <\/div>\r\n\r\n      <div class=\"card-header\">\r\n        <span class=\"card-number\">02<\/span>\r\n        <div class=\"icon-container\">\r\n          <svg class=\"premium-icon\" viewBox=\"0 0 64 64\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\">\r\n            <path d=\"M32 52c10.493 0 19-8.507 19-19S42.493 14 32 14 13 22.507 13 33s8.507 19 19 19z\"\/>\r\n            <path d=\"M32 14V10M19 19l-3-3M45 19l3-3\" stroke-linecap=\"round\"\/>\r\n            <path d=\"M32 33l11-6\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n            <circle cx=\"32\" cy=\"33\" r=\"2.5\" fill=\"currentColor\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n      <\/div>\r\n      <h3 class=\"title-gold-perf\">High Performance<\/h3>\r\n      <p>Clean architecture matters. From custom WordPress environments to scalable microservices, our code is optimized for raw speed and security.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"premium-card card-green\">\r\n      <div class=\"card-bg-pattern\">\r\n        <svg width=\"100%\" height=\"100%\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n          <line x1=\"20\" y1=\"160\" x2=\"260\" y2=\"160\" stroke=\"#73bc25\" stroke-width=\"0.8\" opacity=\"0.4\" \/>\r\n          <line x1=\"50\" y1=\"160\" x2=\"50\" y2=\"120\" stroke=\"#73bc25\" stroke-width=\"1.2\" class=\"animated-bar-1\" \/>\r\n          <line x1=\"100\" y1=\"160\" x2=\"100\" y2=\"95\" stroke=\"#73bc25\" stroke-width=\"1.2\" class=\"animated-bar-2\" \/>\r\n          <line x1=\"150\" y1=\"160\" x2=\"150\" y2=\"70\" stroke=\"#73bc25\" stroke-width=\"1.2\" class=\"animated-bar-3\" \/>\r\n          <line x1=\"200\" y1=\"160\" x2=\"200\" y2=\"40\" stroke=\"#73bc25\" stroke-width=\"1.2\" class=\"animated-bar-4\" \/>\r\n        <\/svg>\r\n      <\/div>\r\n\r\n      <div class=\"card-header\">\r\n        <span class=\"card-number\">03<\/span>\r\n        <div class=\"icon-container\">\r\n          <svg class=\"premium-icon\" viewBox=\"0 0 64 64\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\">\r\n            <path d=\"M14 50l12-12 10 10 16-18\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n            <path d=\"M42 30h10v10M10 14v36h38\" stroke-linecap=\"round\"\/>\r\n            <circle cx=\"52\" cy=\"30\" r=\"3\" fill=\"currentColor\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n      <\/div>\r\n      <h3 class=\"title-green\">Strategic Growth<\/h3>\r\n      <p>Data without design is blind; design without data is quiet. We integrate bulletproof marketing funnels to turn users into loyal advocates.<\/p>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n  \/* --- CONFIGURACI\u00d3N BASE TRASL\u00daCIDA --- *\/\r\n  .socrates-premium-container {\r\n    background: transparent;\r\n    padding: 60px 20px;\r\n    font-family: 'Inter', 'Ubuntu Sans', sans-serif;\r\n  }\r\n\r\n  .philosophy-premium-grid {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\r\n    gap: 35px;\r\n  }\r\n\r\n  .premium-card {\r\n    background: rgba(255, 255, 255, 0.02);\r\n    border: 1px solid rgba(255, 255, 255, 0.08);\r\n    border-radius: 20px;\r\n    padding: 50px 40px;\r\n    position: relative;\r\n    overflow: hidden;\r\n    transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);\r\n    backdrop-filter: blur(14px);\r\n    -webkit-backdrop-filter: blur(14px);\r\n  }\r\n\r\n  .card-bg-pattern {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    pointer-events: none;\r\n    z-index: 1;\r\n  }\r\n\r\n  .card-header {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    margin-bottom: 35px;\r\n    position: relative;\r\n    z-index: 2;\r\n  }\r\n\r\n  .card-number {\r\n    font-size: 16px;\r\n    font-weight: 700;\r\n    letter-spacing: 2px;\r\n  }\r\n\r\n  .icon-container {\r\n    width: 58px;\r\n    height: 58px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n  }\r\n\r\n  .premium-icon {\r\n    width: 34px;\r\n    height: 34px;\r\n  }\r\n\r\n  \/* --- COLORES OFICIALES APLICADOS A T\u00cdTULOS E ICONOS --- *\/\r\n  \r\n  \/* Tarjeta 1 - Cyan (#31b4e7) *\/\r\n  .card-cyan .card-number, .card-cyan .icon-container { color: #31b4e7; filter: drop-shadow(0 0 8px rgba(49, 180, 231, 0.4)); }\r\n  .title-cyan { color: #31b4e7 !important; font-size: 24px; font-weight: 600; margin-bottom: 16px; }\r\n\r\n  \/* Tarjeta 2 - Oro Oficial (#f6bd00) *\/\r\n  .card-gold-perf .card-number, .card-gold-perf .icon-container { color: #f6bd00; filter: drop-shadow(0 0 8px rgba(246, 189, 0, 0.4)); }\r\n  .title-gold-perf { color: #f6bd00 !important; font-size: 24px; font-weight: 600; margin-bottom: 16px; }\r\n\r\n  \/* Tarjeta 3 - Verde Corporativo (#73bc25) *\/\r\n  .card-green .card-number, .card-green .icon-container { color: #73bc25; filter: drop-shadow(0 0 8px rgba(115, 188, 37, 0.4)); }\r\n  .title-green { color: #73bc25 !important; font-size: 24px; font-weight: 600; margin-bottom: 16px; }\r\n\r\n  .premium-card p {\r\n    color: #FFFFFF;\r\n    font-size: 15px;\r\n    line-height: 1.7;\r\n    margin: 0;\r\n    font-weight: 400;\r\n    position: relative;\r\n    z-index: 2;\r\n    opacity: 0.85;\r\n  }\r\n\r\n  \/* --- ANIMACIONES DE L\u00cdNEAS DE FONDO CON COLORES OFICIALES --- *\/\r\n  \r\n  \/* Animaci\u00f3n Nodos Cyan *\/\r\n  .card-cyan .card-bg-pattern { opacity: 0.4; }\r\n  .animated-line {\r\n    stroke-dasharray: 8, 8;\r\n    animation: lineFlow 30s linear infinite;\r\n  }\r\n  .animated-dashed-line {\r\n    animation: lineFlowInverted 20s linear infinite;\r\n  }\r\n  @keyframes lineFlow {\r\n    to { stroke-dashoffset: -500; }\r\n  }\r\n  @keyframes lineFlowInverted {\r\n    to { stroke-dashoffset: 500; }\r\n  }\r\n\r\n  \/* Animaci\u00f3n Ondas Oro *\/\r\n  .card-gold-perf .card-bg-pattern { opacity: 0.35; }\r\n  .animated-wave-1 { animation: waveMotion 6s ease-in-out infinite alternate; transform-origin: center; }\r\n  .animated-wave-2 { animation: waveMotion 8s ease-in-out infinite alternate-reverse; transform-origin: center; }\r\n  .animated-wave-dashed { animation: waveMotion 7s linear infinite; }\r\n  @keyframes waveMotion {\r\n    0% { transform: translateY(-5px) scaleY(0.95); }\r\n    100% { transform: translateY(5px) scaleY(1.05); }\r\n  }\r\n\r\n  \/* Animaci\u00f3n Barras Verde *\/\r\n  .card-green .card-bg-pattern { opacity: 0.4; }\r\n  .animated-bar-1 { animation: barPulse 2.5s ease-in-out infinite alternate; transform-origin: bottom; }\r\n  .animated-bar-2 { animation: barPulse 3.2s ease-in-out infinite alternate 0.3s; transform-origin: bottom; }\r\n  .animated-bar-3 { animation: barPulse 2.8s ease-in-out infinite alternate 0.6s; transform-origin: bottom; }\r\n  .animated-bar-4 { animation: barPulse 3.5s ease-in-out infinite alternate 0.2s; transform-origin: bottom; }\r\n  @keyframes barPulse {\r\n    0% { transform: scaleY(0.92); opacity: 0.5; }\r\n    100% { transform: scaleY(1.08); opacity: 1; }\r\n  }\r\n\r\n  \/* --- COMPORTAMIENTO HOVER PREMIUM --- *\/\r\n  .premium-card:hover {\r\n    transform: translateY(-8px);\r\n    background: rgba(255, 255, 255, 0.04);\r\n  }\r\n  .card-cyan:hover { border-color: #31b4e7; box-shadow: 0 20px 40px rgba(49, 180, 231, 0.15); }\r\n  .card-gold-perf:hover { border-color: #f6bd00; box-shadow: 0 20px 40px rgba(246, 189, 0, 0.15); }\r\n  .card-green:hover { border-color: #73bc25; box-shadow: 0 20px 40px rgba(115, 188, 37, 0.15); }\r\n\r\n  @media (max-width: 768px) {\r\n    .philosophy-premium-grid { grid-template-columns: 1fr; }\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-2fb8eb0 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"2fb8eb0\" 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-53aeca0\" data-id=\"53aeca0\" 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-6f7019c elementor-widget elementor-widget-html\" data-id=\"6f7019c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"socrates-standard-section\">\r\n  <div class=\"tech-grid-bg\">\r\n    <div class=\"radar-sweep\"><\/div>\r\n  <\/div>\r\n\r\n  <div class=\"standard-wrapper\">\r\n    <div class=\"standard-info\">\r\n      <h2 class=\"standard-title\">The Standard We Keep<\/h2>\r\n      <p class=\"standard-description\">\r\n        We work at the intersection of rigorous engineering and clean art. No generic templates, no bloated code. Just tailored digital assets designed to dominate your market sector.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"standard-metrics\">\r\n      \r\n      <div class=\"metric-item\">\r\n        <div class=\"metric-divider\"><\/div>\r\n        <div class=\"metric-content\">\r\n          <span class=\"metric-number\">100%<\/span>\r\n          <span class=\"metric-label\">Bespoke Frameworks & Code<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"metric-item\">\r\n        <div class=\"metric-divider\"><\/div>\r\n        <div class=\"metric-content\">\r\n          <span class=\"metric-number\">&lt; 2s<\/span>\r\n          <span class=\"metric-label\">Average Target Load Time<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n  \/* Contenedor Principal Absolutamente Transparente *\/\r\n  .socrates-standard-section {\r\n    position: relative;\r\n    background: transparent;\r\n    padding: 100px 20px;\r\n    font-family: 'Inter', 'Ubuntu Sans', sans-serif;\r\n    overflow: hidden;\r\n  }\r\n\r\n \r\n\r\n  \/* Animaci\u00f3n de Barrido de Radar Sci-Fi *\/\r\n  .radar-sweep {\r\n    position: absolute;\r\n    top: 0;\r\n    left: -50%;\r\n    width: 50%;\r\n    height: 100%;\r\n    background: linear-gradient(90deg, transparent, rgba(0, 229, 255, 0.04), transparent);\r\n    animation: sweepMotion 8s infinite linear;\r\n  }\r\n\r\n  @keyframes sweepMotion {\r\n    0% { left: -50%; }\r\n    100% { left: 150%; }\r\n  }\r\n\r\n  \/* Layout Flexible *\/\r\n  .standard-wrapper {\r\n    position: relative;\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 60px;\r\n    z-index: 2;\r\n  }\r\n\r\n  \/* Info Izquierda *\/\r\n  .standard-info {\r\n    flex: 1.1;\r\n    min-width: 320px;\r\n  }\r\n\r\n  .standard-title {\r\n    color: #FFFFFF;\r\n    font-size: 42px;\r\n    font-weight: 700;\r\n    margin-bottom: 24px;\r\n    letter-spacing: -0.5px;\r\n  }\r\n\r\n  .standard-description {\r\n    color: #FFFFFF;\r\n    font-size: 16px;\r\n    line-height: 1.75;\r\n    font-weight: 400;\r\n    opacity: 0.85;\r\n    margin: 0;\r\n  }\r\n\r\n  \/* Contenedor de M\u00e9tricas *\/\r\n  .standard-metrics {\r\n    flex: 0.9;\r\n    display: flex;\r\n    gap: 40px;\r\n    min-width: 320px;\r\n  }\r\n\r\n  \/* Elemento de M\u00e9trica Individual *\/\r\n  .metric-item {\r\n    flex: 1;\r\n    display: flex;\r\n    align-items: stretch;\r\n    gap: 20px;\r\n    transition: transform 0.3s ease;\r\n  }\r\n\r\n  \/* L\u00ednea Vertical Resaltada y Animada *\/\r\n  .metric-divider {\r\n    width: 2px;\r\n    background: linear-gradient(180deg, #00E5FF, rgba(0, 229, 255, 0.2));\r\n    box-shadow: 0 0 10px rgba(0, 229, 255, 0.5);\r\n    transition: all 0.4s ease;\r\n  }\r\n\r\n  .metric-content {\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n  }\r\n\r\n  \/* N\u00fameros con Brillo de Contraste Fijo *\/\r\n  .metric-number {\r\n    display: block;\r\n    font-size: 56px;\r\n    font-weight: 700;\r\n    color: #00E5FF;\r\n    line-height: 1.1;\r\n    margin-bottom: 12px;\r\n    filter: drop-shadow(0 0 8px rgba(0, 229, 255, 0.5));\r\n    transition: all 0.4s ease;\r\n  }\r\n\r\n  .metric-label {\r\n    color: #FFFFFF;\r\n    font-size: 15px;\r\n    line-height: 1.4;\r\n    font-weight: 400;\r\n    opacity: 0.75;\r\n    letter-spacing: 0.3px;\r\n  }\r\n\r\n  \/* --- EFECTOS INTERACTIVOS (HOVER) --- *\/\r\n  \r\n  \/* Al pasar el mouse sobre la columna de m\u00e9tricas *\/\r\n  .metric-item:hover {\r\n    transform: translateX(5px);\r\n  }\r\n\r\n  .metric-item:hover .metric-divider {\r\n    background: #FFFFFF;\r\n    box-shadow: 0 0 15px #FFFFFF;\r\n    width: 3px;\r\n  }\r\n\r\n  .metric-item:hover .metric-number {\r\n    color: #FFFFFF;\r\n    filter: drop-shadow(0 0 12px rgba(255, 255, 255, 0.8));\r\n  }\r\n\r\n  \/* Adaptabilidad para Dispositivos M\u00f3viles *\/\r\n  @media (max-width: 991px) {\r\n    .standard-wrapper {\r\n      flex-direction: column;\r\n      align-items: flex-start;\r\n      gap: 50px;\r\n    }\r\n    .standard-info, .standard-metrics {\r\n      width: 100%;\r\n    }\r\n    .standard-title {\r\n      font-size: 34px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 480px) {\r\n    .standard-metrics {\r\n      flex-direction: column;\r\n      gap: 35px;\r\n    }\r\n    .metric-number {\r\n      font-size: 48px;\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-59f5bd4 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"59f5bd4\" 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-aa41173\" data-id=\"aa41173\" 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-5e2859e elementor-widget elementor-widget-html\" data-id=\"5e2859e\" 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      Ready to build what's next?<\/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      Let\u2019s discuss your infrastructure, user experience goals, and market positioning.\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 class=\"elementor-element elementor-element-378c08e e-con e-atomic-element e-flexbox-base\" data-id=\"378c08e\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"378c08e\" data-e-type=\"e-flexbox\" data-id=\"378c08e\">\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>HOME COMPANY Powered by creativity. Engineered with intelligence. STRATEGY \u2022 DESIGN \u2022 DEVELOPMENT We turn complex code into emotional experiences. At S\u00f3crates One, we build high-performance digital ecosystems and memorable brand identities designed to connect, scale, and endure. 01 Emotional Design We don&#8217;t just build interfaces; we map human behavior. Every pixel, margin, and typography [&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-194","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/socrates.la\/en\/wp-json\/wp\/v2\/pages\/194","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=194"}],"version-history":[{"count":82,"href":"https:\/\/socrates.la\/en\/wp-json\/wp\/v2\/pages\/194\/revisions"}],"predecessor-version":[{"id":2018,"href":"https:\/\/socrates.la\/en\/wp-json\/wp\/v2\/pages\/194\/revisions\/2018"}],"wp:attachment":[{"href":"https:\/\/socrates.la\/en\/wp-json\/wp\/v2\/media?parent=194"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}