{"id":194,"date":"2026-04-24T18:43:19","date_gmt":"2026-04-24T21:43:19","guid":{"rendered":"https:\/\/socrates.la\/one\/?page_id=194"},"modified":"2026-05-29T19:07:35","modified_gmt":"2026-05-29T22:07:35","slug":"compania","status":"publish","type":"page","link":"https:\/\/socrates.la\/one\/es\/company\/","title":{"rendered":"EMPRESA"},"content":{"rendered":"<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-hidden-tablet elementor-hidden-mobile 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-6a799156286be.triangle li a {\n                        background: #007C46;\n                    }\n                    #breadcrumb-6a799156286be.triangle li a:after {\n                        border-left: 30px solid #007C46;\n                    }\n                    #breadcrumb-6a799156286be.triangle li:last-child {\n                        background: #86AC00;\n                    }\n                <\/style>\n            <ol class=\"wwp-elementor-breadcrumbs triangle\" id=\"breadcrumb-6a799156286be\"><li class=\"visited\"><a href=\"https:\/\/socrates.la\/one\/es\/\"><span>INICIO<\/span><\/a><\/li><li class=\"current\"><span>EMPRESA<\/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\": \"COMPANY\",\n            \"item\": \"https:\\\/\\\/socrates.la\\\/one\\\/es\\\/wp-json\\\/wp\\\/v2\\\/pages\\\/194\"\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-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 class=\"translation-block\">Impulsado por la <span style=\"color: #00ccff\">creatividad<\/span>. Dise\u00f1ado con <span style=\"color: #99cc00\">inteligencia<\/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\/one\/wp-content\/uploads\/2026\/04\/equipo-mesa-1024x675.webp\" class=\"attachment-large size-large wp-image-30\" alt=\"\" srcset=\"https:\/\/socrates.la\/one\/wp-content\/uploads\/2026\/04\/equipo-mesa-1024x675.webp 1024w, https:\/\/socrates.la\/one\/wp-content\/uploads\/2026\/04\/equipo-mesa-300x198.webp 300w, https:\/\/socrates.la\/one\/wp-content\/uploads\/2026\/04\/equipo-mesa-768x506.webp 768w, https:\/\/socrates.la\/one\/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\">ESTRATEGIA \u2022 DISE\u00d1O \u2022 DESARROLLO<\/p>\r\n    <h1 class=\"socrates-hero-title translation-block\">Convertimos c\u00f3digo complejo en <span class=\"gradient-text\"> experiencias emocionales.<\/span><\/h1>\r\n    <p class=\"socrates-hero-subtitle\">En S\u00f3crates One, creamos ecosistemas digitales de alto rendimiento e identidades de marca memorables dise\u00f1adas para conectar, escalar y perdurar.<\/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\">Dise\u00f1o emocional<\/h3>\r\n      <p>No solo creamos interfaces; analizamos el comportamiento humano. Cada p\u00edxel, margen y alineaci\u00f3n tipogr\u00e1fica se elige para inspirar confianza y claridad.<\/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\">Rendimiento alto<\/h3>\r\n      <p>La arquitectura limpia es fundamental. Desde entornos WordPress personalizados hasta microservicios escalables, nuestro c\u00f3digo est\u00e1 optimizado para ofrecer la m\u00e1xima velocidad y seguridad.<\/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\">Crecimiento estrat\u00e9gico<\/h3>\r\n      <p>Los datos sin dise\u00f1o son ciegos; el dise\u00f1o sin datos es silencioso. Integramos embudos de marketing infalibles para convertir a los usuarios en defensores leales.<\/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\">El est\u00e1ndar que mantenemos<\/h2>\r\n      <p class=\"standard-description\">\r\n        Trabajamos en la intersecci\u00f3n de la ingenier\u00eda rigurosa y el arte impecable. Sin plantillas gen\u00e9ricas ni c\u00f3digo innecesario. Solo recursos digitales personalizados dise\u00f1ados para dominar su sector de mercado.\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\">Marcos de trabajo y c\u00f3digo a medida<\/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\">Tiempo de carga objetivo promedio<\/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: 10px 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>M\u00c1S DE 30 A\u00d1OS DE INTELIGENCIA EN DISE\u00d1O<\/span>\r\n    <\/div>\r\n\r\n    <!-- TITLE -->\r\n    <h1 class=\"hero-title\">\r\n      \u00bfListos para construir el futuro?<\/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      Analicemos su infraestructura, sus objetivos de experiencia de usuario y su posicionamiento en el mercado.\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>Sin intermediarios<\/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>Acceso 24 x 7<\/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>Dise\u00f1o de \u00e9lite<\/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\/one\/es\/contacto\/\" class=\"btn-primary\">\r\n        <span>COMENZAR  MI PROYECTO<\/span>\r\n        <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n      <\/a>\r\n\r\n      <a href=\"https:\/\/socrates.la\/one\/es\/cartera\/\" class=\"btn-secondary\">\r\n        <span>VER PORTAFOLIO<\/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>INICIO DE LA EMPRESA Impulsados por la creatividad. Dise\u00f1ados con inteligencia. ESTRATEGIA \u2022 DISE\u00d1O \u2022 DESARROLLO Convertimos c\u00f3digo complejo en experiencias emocionales. En S\u00f3crates One, creamos ecosistemas digitales de alto rendimiento e identidades de marca memorables dise\u00f1adas para conectar, escalar y perdurar. 01 Dise\u00f1o Emocional No solo creamos interfaces; mapeamos el comportamiento humano. Cada p\u00edxel, margen y tipograf\u00eda [\u2026]<\/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-194","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/socrates.la\/one\/es\/wp-json\/wp\/v2\/pages\/194","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/socrates.la\/one\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/socrates.la\/one\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/socrates.la\/one\/es\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/socrates.la\/one\/es\/wp-json\/wp\/v2\/comments?post=194"}],"version-history":[{"count":94,"href":"https:\/\/socrates.la\/one\/es\/wp-json\/wp\/v2\/pages\/194\/revisions"}],"predecessor-version":[{"id":3174,"href":"https:\/\/socrates.la\/one\/es\/wp-json\/wp\/v2\/pages\/194\/revisions\/3174"}],"wp:attachment":[{"href":"https:\/\/socrates.la\/one\/es\/wp-json\/wp\/v2\/media?parent=194"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}