{"id":730,"date":"2025-09-23T18:54:56","date_gmt":"2025-09-23T22:54:56","guid":{"rendered":"https:\/\/deepertech.com\/en\/?page_id=730"},"modified":"2025-11-09T03:18:10","modified_gmt":"2025-11-09T08:18:10","slug":"services","status":"publish","type":"page","link":"https:\/\/deepertech.com\/en\/services\/","title":{"rendered":"Services"},"content":{"rendered":"\n<style>\n\/* Estilo base (m\u00f3vil primero)  \u2014 deja que el texto se ajuste si es necesario *\/\n.case-table {\n  width: 100%;\n  border-collapse: collapse;\n  table-layout: auto;         \/* permite que la tabla se contraiga *\/\n}\n\n.case-table th,\n.case-table td {\n  border: 1px solid #ccc;\n  padding: 8px 12px;\n  font-size: 0.95rem;\n  line-height: 1.35;\n}\n\n\/* ===== Escritorio y port\u00e1tiles anchos ===== *\/\n\n\/* ===== Escritorio (\u2265 1024 px) ===== *\/\n@media (min-width: 1024px) {\n\n  \/* Fijamos el ancho de columnas; table-layout:fixed reparte el espacio *\/\n  .case-table { table-layout: fixed; }\n\n  \/* Primera y \u00faltima columna m\u00e1s estrechas *\/\n  .case-table th:nth-child(1),\n  .case-table td:nth-child(1) {\n    width: 11%;\n    white-space: nowrap;          \/* mantienen una l\u00ednea *\/\n    overflow: hidden;\n  }\n\n  .case-table th:nth-child(5),\n  .case-table td:nth-child(5) {\n    width: 10%;\n    white-space: nowrap;          \/* mantienen una l\u00ednea *\/\n    overflow: hidden;\n    \n  }\n\n  \/* Columna \u201cTitle\u201d m\u00e1s ancha y con salto permitido *\/\n  .case-table th:nth-child(2),\n  .case-table td:nth-child(2) {\n    width: 24%;\n    white-space: normal;          \/* permite salto si es necesario *\/\n  }\n\n  \/* \u201cClient \/ Sector\u201d tama\u00f1o medio *\/\n  .case-table th:nth-child(3),\n  .case-table td:nth-child(3) {\n    width: 14%;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  \/* \u201cBrief Description\u201d gana la mayor parte del espacio *\/\n  .case-table th:nth-child(4),\n  .case-table td:nth-child(4) {\n    width: 41%;\n    white-space: normal;          \/* permite 2-3 l\u00edneas legibles *\/\n  }\n}\n\n\/* Seguimos usando los estilos m\u00f3viles\/tablet ya definidos;\n   no cambian porque la distribuci\u00f3n flexible funciona bien *\/\n\n\n\/* ===== Tablets en horizontal (opcional) ===== *\/\n@media (min-width: 768px) and (max-width: 1023px) {\n  .case-table th,\n  .case-table td {\n    white-space: nowrap;\n  }\n}\n\n\/* ===== M\u00f3vil \u2264 767 px \u2014 modo \u201cstacked\u201d accesible ===== *\/\n@media (max-width: 767px) {\n  .case-table thead {\n    display: none;            \/* oculta la fila de cabecera para simplificar *\/\n  }\n\n  .case-table,\n  .case-table tbody,\n  .case-table tr,\n  .case-table td {\n    display: block;\n    width: 100%;\n  }\n\n  .case-table tr {\n    margin-bottom: 1rem;      \/* separa visualmente cada fila-card *\/\n    border: 1px solid #ddd;\n    border-radius: 6px;\n    overflow: hidden;\n  }\n\n  .case-table td {\n    white-space: normal;      \/* ahora s\u00ed se permiten saltos de l\u00ednea *\/\n    position: relative;\n    padding-left: 45%;        \/* deja espacio para la \u201cetiqueta\u201d *\/\n  }\n\n  \/* Pseudo-etiqueta con el nombre de la columna *\/\n  .case-table td::before {\n    content: attr(data-label);\n    position: absolute;\n    left: 1rem;\n    font-weight: 600;\n    white-space: nowrap;\n  }\n}\n\n<\/style>\n<br>\n<p>Explore a brief summary our most relevant services.<\/p>\n\n<section class=\"case-list\">\n\n<!-- Project Start -->\n<a href=\"https:\/\/deepertech.com\/en\/automations-with-ai\/\" >\n  <article class=\"case-card\" data-href=\"\/en\/automations-with-ai\/\">\n    <span class=\"tooltip\">For More Info&nbsp;Click&nbsp;here<\/span>\n<!--  -->\n<div class=\"row\"><span class=\"label\">&nbsp;<\/span><span class=\"value\"><figure class=\"ss-hero\" style=\"max-width:680px;margin:0 auto\">\n<img src=\"https:\/\/deepertech.com\/images\/automation-with-ai-680.png\" alt=\"Split scene. Left half - a business operations lead collaborates with an AI assistant at a modern desk: screens show a visual workflow with triggers, approvals, and KPIs; natural skin tones and realistic lighting. Right half - a *digital assembly line* of software robots processes tasks with a human supervisor validating exceptions; realistic materials and depth of field.\" width=\"447\" height=\"252\" loading=\"eager\" fetchpriority=\"high\" decoding=\"async\" style=\"display:block;width:100%;height:auto;border-radius:12px\"><\/figure><\/span><\/div>\n<!-- -->\n    <div class=\"row\"><span class=\"label\">Title<\/span><span class=\"value\">Automations with AI<\/span><\/div>\n    <div class=\"row\"><span class=\"label\">Brief Description<\/span> <span class=\"value\">AI automations that save time, reduce errors, and scale output without forcing you to change the tools you already use.<\/span><\/div>\n  <\/article>\n<\/a>\n<!-- Project End -->\n\n<!-- Project Start -->\n<a href=\"https:\/\/deepertech.com\/en\/custom-software-development\/\" >\n  <article class=\"case-card\" data-href=\"\/en\/custom-software-development\/\">\n    <span class=\"tooltip\">For More Info&nbsp;Click&nbsp;here<\/span>\n<!--  -->\n<div class=\"row\"><span class=\"label\">&nbsp;<\/span><span class=\"value\"><figure class=\"ss-hero\" style=\"max-width:680px;margin:0 auto\">\n<img src=\"https:\/\/deepertech.com\/images\/custom-software-development-hero-en-680.png\" alt=\"Developers planning custom software architecture with flowcharts on screen\" width=\"447\" height=\"252\" loading=\"eager\" fetchpriority=\"high\" decoding=\"async\" style=\"display:block;width:100%;height:auto;border-radius:12px\"><\/figure><\/span><\/div>\n<!-- -->\n    <div class=\"row\"><span class=\"label\">Title<\/span><span class=\"value\">Custom Software Development<\/span><\/div>\n    <div class=\"row\"><span class=\"label\">Brief Description<\/span> <span class=\"value\">We design, build, and scale secure, high-performance web applications that map directly to your business processes.<\/span><\/div>\n  <\/article>\n<\/a>\n<!-- Project End -->\n\n<!-- Project Start -->\n<a href=\"https:\/\/deepertech.com\/en\/application-upgrades-modernization\/\" >\n  <article class=\"case-card\" data-href=\"\/en\/application-upgrades-modernization\/\">\n    <span class=\"tooltip\">For More Info&nbsp;Click&nbsp;here<\/span>\n<!--  -->\n<div class=\"row\"><span class=\"label\">&nbsp;<\/span><span class=\"value\"><figure class=\"ss-hero\" style=\"max-width:680px;margin:0 auto\">\n<img src=\"https:\/\/deepertech.com\/images\/custom-dev-upgrades-apis-hero-en-680.png\" alt=\"Overhead photorealistic scene of a developer at a desk with dual monitors and a laptop: code editor, upgrade progress, with props like keyboard, mouse, coffee mug and plant. Application Upgrades &amp; Modernization\" width=\"447\" height=\"252\" loading=\"eager\" fetchpriority=\"high\" decoding=\"async\" style=\"display:block;width:100%;height:auto;border-radius:12px\"><\/figure><\/span><\/div>\n<!-- -->\n    <div class=\"row\"><span class=\"label\">Title<\/span><span class=\"value\">Application Upgrades &#038; Modernization<\/span><\/div>\n    <div class=\"row\"><span class=\"label\">Brief Description<\/span> <span class=\"value\">From PHP version bumps to full refactors, we modernize your applications safely and incrementally.<\/span><\/div>\n  <\/article>\n<\/a>\n<!-- Project End -->\n\n<!-- Project Start -->\n<a href=\"https:\/\/deepertech.com\/en\/api-integrations\/\" >\n  <article class=\"case-card\" data-href=\"\/en\/api-integrations\/\">\n    <span class=\"tooltip\">For More Info&nbsp;Click&nbsp;here<\/span>\n<!--  -->\n<div class=\"row\"><span class=\"label\">&nbsp;<\/span><span class=\"value\"><figure class=\"ss-hero\" style=\"max-width:680px;margin:0 auto\">\n<img src=\"https:\/\/deepertech.com\/images\/api-integrations-hero-en-680.png\" alt=\"Flow diagram connecting multiple SaaS platforms through secure APIs\" width=\"447\" height=\"252\" loading=\"eager\" fetchpriority=\"high\" decoding=\"async\" style=\"display:block;width:100%;height:auto;border-radius:12px\"><\/figure><\/span><\/div>\n<!-- -->\n    <div class=\"row\"><span class=\"label\">Title<\/span><span class=\"value\">API Integrations<\/span><\/div>\n    <div class=\"row\"><span class=\"label\">Brief Description<\/span> <span class=\"value\">We connect your applications to payments, CRMs, ERPs, ecommerce, and analytics through well-designed, observable APIs.<\/span><\/div>\n  <\/article>\n<\/a>\n<!-- Project End -->\n\n<\/section>\n\n\n<style>\n.blink_me {\n  animation: blinker 1s linear infinite;\n}\n\n@keyframes blinker {\n  50% {\n    opacity: 0;\n  }\n}\n\/*************************************\/\n\n\/* \u2014\u2014 Contenedor global \u2014\u2014 *\/\n.case-list{\n  display:grid;\n  gap:1.75rem;                   \/* espacio entre tarjetas   *\/\n}\n\n\/* \u2014\u2014 Tarjeta individual \u2014\u2014 *\/\n.case-card{\n  border:1px solid #d7dce0;\n  border-radius:8px;\n  background:#fff;\n  overflow:hidden;\n  box-shadow:0 1px 3px rgba(0,0,0,.05);\n}\n\n\/* \u2014\u2014 Fila Etiqueta : Valor \u2014\u2014 *\/\n.case-card .row{\n  display:flex;\n  padding:0.9rem 1.2rem;\n  border-bottom:1px solid #e9edf0;\n}\n.case-card .row:last-child{\n  border-bottom:none;\n}\n\n\/* Columna etiqueta *\/\n.case-card .label{\n  flex:0 0 180px;                \/* ancho fijo en desktop    *\/\n  font-weight:600;\n  color:#1c2d56;\n  margin-right:0.75rem;\n}\n\n\/* Columna valor *\/\n.case-card .value{\n  flex:1 1 auto;\n  word-break:break-word;         \/* evita desbordes largos   *\/\n}\n\n\/* \u2014\u2014 Ajuste responsive \u2014\u2014 *\/\n@media(max-width:767px){\n  .case-card .label{flex:0 0 38%;}\n}\n\/* \u2014\u2014 Tarjetas generales \u2014\u2014 *\/\n.case-list{display:grid;gap:1.75rem;}\n\n.case-card{\n  position:relative;                     \/* referencia para tooltip   *\/\n  border:1px solid #d7dce0;\n  border-radius:8px;\n  background:#fff;\n  box-shadow:0 1px 3px rgba(0,0,0,.05);\n  cursor:pointer;                        \/* mano en desktop          *\/\n  overflow:hidden;\n}\n\n.case-card .row{display:flex;padding:.9rem 1.2rem;border-bottom:1px solid #e9edf0;}\n.case-card .row:last-child{border-bottom:none;}\n.case-card .label{flex:0 0 180px;font-weight:600;color:#1c2d56;margin-right:.75rem;}\n.case-card .value{flex:1 1 auto;word-break:break-word;}\n\n\/* \u2014\u2014 Tooltip oculto por defecto \u2014\u2014 *\/\n.tooltip{\n  position:absolute;\n  top:0;left:0;                          \/* se recoloca v\u00eda JS        *\/\n  transform:translate(-110%,-110%);      \/* arriba-izquierda cursor   *\/\n  padding:6px 10px;\n  font-size:.8rem;\n  color:#fff;\n  \/* background:#1c2d56; *\/\n  background:#352293;\n  border-radius:4px;\n  white-space:nowrap;\n  pointer-events:none;                   \/* no bloquea el hover       *\/\n  opacity:0;\n  transition:opacity .15s ease;\n}\n\n\/* \u2014\u2014 Responsive etiqueta m\u00e1s estrecha \u2014\u2014 *\/\n@media(max-width:767px){\n  .case-card .label{flex:0 0 38%;}\n}\n\n<\/style>\n<script>\ndocument.querySelectorAll('.case-card').forEach(card=>{\n  const tip = card.querySelector('.tooltip');\n  \n  \/* \u2014 clic en toda la tarjeta \u2014 *\/\n  card.addEventListener('click', e=>{\n    \/* Evita que un clic en el tooltip interfiera *\/\n    if(!e.target.classList.contains('tooltip')){\n      window.location.href = card.dataset.href;\n    }\n  });\n\n  \/* \u2014 mostrar y posicionar tooltip \u2014 *\/\n  card.addEventListener('mouseenter', ()=> tip.style.opacity = 1);\n  card.addEventListener('mouseleave', ()=> tip.style.opacity = 0);\n  card.addEventListener('mousemove', e=>{\n    \/* coordenadas relativas al propio card *\/\n    const rect = card.getBoundingClientRect();\n    const x = e.clientX - rect.left;\n    const y = e.clientY - rect.top;\n    tip.style.left = x + 'px';\n    tip.style.top  = y + 'px';\n  });\n});\n<\/script>\n<!--\n<br><div class=\"blink_me\">... Under construction ...<\/div><br>\n-->\n","protected":false},"excerpt":{"rendered":"<p>Explore a brief summary our most relevant services. For More Info&nbsp;Click&nbsp;here &nbsp; TitleAutomations with AI Brief Description AI automations that save time, reduce errors, and scale output without forcing you to change the tools you already use. For More Info&nbsp;Click&nbsp;here &nbsp; TitleCustom Software Development Brief Description We design, build, and scale secure, high-performance web applications [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"","footnotes":""},"class_list":{"0":"post-730","1":"page","2":"type-page","3":"status-publish","5":"entry"},"_links":{"self":[{"href":"https:\/\/deepertech.com\/en\/wp-json\/wp\/v2\/pages\/730","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/deepertech.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/deepertech.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/deepertech.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/deepertech.com\/en\/wp-json\/wp\/v2\/comments?post=730"}],"version-history":[{"count":4,"href":"https:\/\/deepertech.com\/en\/wp-json\/wp\/v2\/pages\/730\/revisions"}],"predecessor-version":[{"id":896,"href":"https:\/\/deepertech.com\/en\/wp-json\/wp\/v2\/pages\/730\/revisions\/896"}],"wp:attachment":[{"href":"https:\/\/deepertech.com\/en\/wp-json\/wp\/v2\/media?parent=730"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}