{"id":3201,"date":"2026-01-12T17:38:05","date_gmt":"2026-01-12T23:38:05","guid":{"rendered":"http:\/\/localhost:8080\/?page_id=3201"},"modified":"2026-01-21T14:25:25","modified_gmt":"2026-01-21T20:25:25","slug":"inicio","status":"publish","type":"page","link":"https:\/\/tecsify.com\/blog\/","title":{"rendered":"Tecsify Blog | Tecnolog\u00eda, IA y Desarrollo de Software"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3201\" class=\"elementor elementor-3201\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-9b2a3f7 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"9b2a3f7\" data-element_type=\"section\">\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-66 elementor-top-column elementor-element elementor-element-20df86b\" data-id=\"20df86b\" data-element_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-18d5f50 elementor-widget elementor-widget-html\" data-id=\"18d5f50\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\r\n#sidegero .elementor-widget-container{\r\n padding: 0 !important;   \r\n  margin: 0 !important;  \r\n}\r\n\r\n    body{\r\n\tbackground:radial-gradient(1900px 1436px at 16% 10%, rgba(3,3,153,.06), transparent 62%),\r\n        radial-gradient(1900px 1460px at 86% 14%, rgba(3,3,153,.07), transparent 64%),\r\n        linear-gradient(180deg, #fbfcff 0%, #f6f8ff 52%, #ffffff 100%) !important;\r\n}\r\n<\/style>\r\n<section class=\"welcome-bar\" aria-labelledby=\"welcome-title\" aria-describedby=\"welcome-desc\">\r\n  <div class=\"welcome-bar__card\">\r\n    <span class=\"welcome-bar__ring\" aria-hidden=\"true\"><\/span>\r\n\r\n    <div class=\"welcome-bar__inner\">\r\n      <div class=\"welcome-bar__dot\" aria-hidden=\"true\"><\/div>\r\n\r\n      <div class=\"welcome-bar__copy\">\r\n        <h1 class=\"welcome-bar__title\" id=\"welcome-title\">\r\n          Bienvenido al Tecsify Blog | Microlearning en tecnolog\u00eda\r\n        <\/h1>\r\n        <p class=\"welcome-bar__desc\" id=\"welcome-desc\">\r\n          Microcontenidos y gu\u00edas t\u00e9cnicas para comprender, conectar ideas y aplicar en el mundo real.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"welcome-bar__spark\" aria-hidden=\"true\"><\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n<style>\r\n:root{\r\n  --tecsify-navy: #030399;\r\n  --tecsify-navy-2: #1a1ab8;\r\n  --tecsify-text: #121635;\r\n  --tecsify-muted: #5c6280;\r\n  --tecsify-bg: #ffffff;\r\n  --tecsify-stroke: rgba(3, 3, 153, 0.12);\r\n  --tecsify-shadow: 0 10px 26px rgba(13, 23, 60, 0.12);\r\n}\r\n\r\n.welcome-bar{\r\n  padding: 10px 24px 10px;\r\n}\r\n\r\n.welcome-bar__card{\r\n  position: relative;\r\n  width: 100%;\r\n  border-radius: 18px;\r\n  background: transparent;\r\n  box-shadow: var(--tecsify-shadow);\r\n  overflow: hidden;\r\n  transform: translateZ(0);\r\n}\r\n\r\n\/* Ring animado (protagonista visual, sin ruido) *\/\r\n.welcome-bar__ring{\r\n  position: absolute;\r\n  inset: -2px;\r\n  border-radius: 20px;\r\n  background:\r\n    conic-gradient(\r\n      from 180deg,\r\n      rgba(3,3,153,0.85),\r\n      rgba(90,120,255,0.65),\r\n      rgba(3,3,153,0.85),\r\n      rgba(125,211,252,0.55),\r\n      rgba(3,3,153,0.85)\r\n    );\r\n  filter: saturate(1.05);\r\n  animation: wb-spin 7.2s linear infinite;\r\n  pointer-events: none;\r\n}\r\n\r\n\/* Inner *\/\r\n.welcome-bar__inner{\r\n  position: relative;\r\n  margin: 1px;\r\n  border-radius: 17px;\r\n  background: var(--tecsify-bg);\r\n  border: 1px solid var(--tecsify-stroke);\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: 14px;\r\n\r\n  padding: 14px 16px;\r\n  overflow: hidden;\r\n}\r\n\r\n\/* Shimmer MUY sutil (sensaci\u00f3n de \u201cproducto\u201d, no de anuncio) *\/\r\n.welcome-bar__inner::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:-45% -35%;\r\n  background: linear-gradient(\r\n    90deg,\r\n    rgba(255,255,255,0) 0%,\r\n    rgba(3,3,153,.05) 40%,\r\n    rgba(3,3,153,.09) 50%,\r\n    rgba(3,3,153,.05) 60%,\r\n    rgba(255,255,255,0) 100%\r\n  );\r\n  transform: rotate(8deg) translateX(-55%);\r\n  animation: wb-shimmer 10.5s cubic-bezier(.2,.8,.2,1) infinite;\r\n  pointer-events: none;\r\n  opacity: .65;\r\n}\r\n\r\n\/* Dot \u201cnodo\u201d (simple, consistente con el ADN) *\/\r\n.welcome-bar__dot{\r\n  width: 10px;\r\n  height: 10px;\r\n  border-radius: 999px;\r\n  background: rgba(60,120,255,.95);\r\n  box-shadow: 0 0 0 6px rgba(60,120,255,.16);\r\n  flex: 0 0 auto;\r\n\r\n  position: relative;\r\n  transform: translateZ(0);\r\n  will-change: transform;\r\n  animation: wb-dot 2.2s ease-in-out infinite;\r\n}\r\n.welcome-bar__dot::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:-10px;\r\n  border-radius: 999px;\r\n  background: radial-gradient(circle, rgba(60,120,255,.55) 0%, transparent 62%);\r\n  opacity: 0;\r\n  animation: wb-halo 2.2s ease-out infinite;\r\n}\r\n\r\n\/* Copy *\/\r\n.welcome-bar__copy{\r\n  min-width: 0;\r\n  flex: 1 1 auto;\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n.welcome-bar__title{\r\n  margin: 0 0 5px;\r\n  font-size: clamp(18px, 2.0vw, 24px);\r\n  line-height: 1.12;\r\n  font-weight: 950;\r\n  letter-spacing: -0.02em;\r\n  color: var(--tecsify-text);\r\n}\r\n\r\n.welcome-bar__desc{\r\n  margin: 0;\r\n  font-size: 13px;\r\n  line-height: 1.5;\r\n  color: var(--tecsify-muted);\r\n\r\n  display:-webkit-box;\r\n  -webkit-line-clamp: 1;\r\n  -webkit-box-orient: vertical;\r\n  overflow:hidden;\r\n}\r\n\r\n\/* Detalle decorativo (derecha): limpio, sin \u201cpromo\u201d *\/\r\n.welcome-bar__spark{\r\n  width: 44px;\r\n  height: 44px;\r\n  border-radius: 16px;\r\n  flex: 0 0 auto;\r\n\r\n  border: 1px solid rgba(3,3,153,0.10);\r\n  background:\r\n    radial-gradient(16px 16px at 30% 30%, rgba(3,3,153,0.18), transparent 70%),\r\n    radial-gradient(16px 16px at 70% 70%, rgba(26,26,184,0.14), transparent 70%),\r\n    linear-gradient(135deg, rgba(3,3,153,0.10), rgba(3,3,153,0.02));\r\n  position: relative;\r\n  overflow: hidden;\r\n  z-index: 1;\r\n}\r\n.welcome-bar__spark::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  width: 54px;\r\n  height: 54px;\r\n  border-radius: 20px;\r\n  top: -18px;\r\n  left: -18px;\r\n  background:\r\n    radial-gradient(circle at 30% 30%, rgba(90,120,255,.28), transparent 65%),\r\n    radial-gradient(circle at 70% 70%, rgba(3,3,153,.22), transparent 65%);\r\n  animation: wb-float 6.8s ease-in-out infinite;\r\n  opacity: .9;\r\n}\r\n\r\n\/* Animations *\/\r\n@keyframes wb-spin { to { transform: rotate(360deg); } }\r\n\r\n@keyframes wb-shimmer{\r\n  0%   { transform: rotate(8deg) translateX(-60%); opacity: 0; }\r\n  12%  { opacity: .65; }\r\n  60%  { opacity: .40; }\r\n  100% { transform: rotate(8deg) translateX(60%); opacity: 0; }\r\n}\r\n\r\n@keyframes wb-dot{\r\n  0%,100% { transform: scale(1); }\r\n  45%     { transform: scale(1.16); }\r\n}\r\n@keyframes wb-halo{\r\n  0%   { transform: scale(.9); opacity: .45; }\r\n  70%  { transform: scale(2.2); opacity: 0; }\r\n  100% { transform: scale(2.2); opacity: 0; }\r\n}\r\n@keyframes wb-float{\r\n  0%,100% { transform: translate(0,0) rotate(0deg); }\r\n  50%     { transform: translate(10px, 6px) rotate(6deg); }\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 720px){\r\n  .welcome-bar{ padding: 10px 14px 10px; }\r\n  .welcome-bar__inner{ padding: 13px 14px; gap: 12px; }\r\n  .welcome-bar__desc{ -webkit-line-clamp: 2; }\r\n}\r\n@media (max-width: 520px){\r\n  .welcome-bar__spark{ display:none; }\r\n}\r\n\r\n\/* Reduced motion *\/\r\n@media (prefers-reduced-motion: reduce){\r\n  .welcome-bar__ring,\r\n  .welcome-bar__inner::before,\r\n  .welcome-bar__dot,\r\n  .welcome-bar__dot::after,\r\n  .welcome-bar__spark::after{\r\n    animation: none !important;\r\n  }\r\n}\r\n<\/style>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-38a387c elementor-widget elementor-widget-shortcode\" data-id=\"38a387c\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-shortcode\">    <section class=\"top2\">\n      <div class=\"top2__grid\">\n                  <article class=\"top2__card\">\n            <a class=\"top2__media\" href=\"https:\/\/tecsify.com\/blog\/python-vs-java-2026\/\">\n              <img loading=\"lazy\" decoding=\"async\" width=\"773\" height=\"522\" src=\"https:\/\/tecsify.com\/blog\/wp-content\/uploads\/2026\/01\/nuevaplantiblog-3.jpg\" class=\"attachment-large size-large wp-post-image\" alt=\"Java vs Python: \u00bfCu\u00e1l debes aprender?\" loading=\"lazy\" \/>                              <span class=\"top2__tag\">Java<\/span>\n                          <\/a>\n\n            <div class=\"top2__body\">\n              <h3 class=\"top2__title\">\n                <a href=\"https:\/\/tecsify.com\/blog\/python-vs-java-2026\/\">Java vs Python \u00bfcu\u00e1l debes aprender este 2026?<\/a>\n              <\/h3>\n\n              <div class=\"top2__meta\">\n                <span>Redacci\u00f3n Tecsify<\/span>\n                <span class=\"top2__dot\">\u2022<\/span>\n                <time datetime=\"2026-01-17T20:31:57-06:00\">\n                  17 enero, 2026                <\/time>\n              <\/div>\n\n              <p class=\"top2__excerpt\">\n                Compara Java vs Python con datos reales y descubre cu\u00e1l lenguaje aprender este 2026 seg\u00fan mercado laboral, IA, facilidad y proyecci\u00f3n profesional              <\/p>\n            <\/div>\n          <\/article>\n                  <article class=\"top2__card\">\n            <a class=\"top2__media\" href=\"https:\/\/tecsify.com\/blog\/comandos-docker\/\">\n              <img loading=\"lazy\" decoding=\"async\" width=\"773\" height=\"522\" src=\"https:\/\/tecsify.com\/blog\/wp-content\/uploads\/2026\/01\/nuevaplantiblog-1.jpg\" class=\"attachment-large size-large wp-post-image\" alt=\"Comandos Docker m\u00e1s utilizados\" loading=\"lazy\" \/>                              <span class=\"top2__tag\">DevOps<\/span>\n                          <\/a>\n\n            <div class=\"top2__body\">\n              <h3 class=\"top2__title\">\n                <a href=\"https:\/\/tecsify.com\/blog\/comandos-docker\/\">Comandos de Docker: ejemplos y funciones esenciales para devs<\/a>\n              <\/h3>\n\n              <div class=\"top2__meta\">\n                <span>Redacci\u00f3n Tecsify<\/span>\n                <span class=\"top2__dot\">\u2022<\/span>\n                <time datetime=\"2026-01-17T19:57:30-06:00\">\n                  17 enero, 2026                <\/time>\n              <\/div>\n\n              <p class=\"top2__excerpt\">\n                Docker es una plataforma de c\u00f3digo abierto ampliamente utilizada que simplifica la creaci\u00f3n, prueba, despliegue y gesti\u00f3n de aplicaciones mediante contenedores; su principal fortaleza es ofrecer un entorno&hellip;              <\/p>\n            <\/div>\n          <\/article>\n                  <article class=\"top2__card\">\n            <a class=\"top2__media\" href=\"https:\/\/tecsify.com\/blog\/input-en-html\/\">\n              <img loading=\"lazy\" decoding=\"async\" width=\"773\" height=\"522\" src=\"https:\/\/tecsify.com\/blog\/wp-content\/uploads\/2023\/11\/tipos-input.jpg\" class=\"attachment-large size-large wp-post-image\" alt=\"Tipos de input en HTML\" loading=\"lazy\" \/>                              <span class=\"top2__tag\">Desarrollo Web<\/span>\n                          <\/a>\n\n            <div class=\"top2__body\">\n              <h3 class=\"top2__title\">\n                <a href=\"https:\/\/tecsify.com\/blog\/input-en-html\/\">Todos los tipos de input en HTML<\/a>\n              <\/h3>\n\n              <div class=\"top2__meta\">\n                <span>Redacci\u00f3n Tecsify<\/span>\n                <span class=\"top2__dot\">\u2022<\/span>\n                <time datetime=\"2026-01-08T09:03:00-06:00\">\n                  8 enero, 2026                <\/time>\n              <\/div>\n\n              <p class=\"top2__excerpt\">\n                Aprende y domina los diferentes tipos de input en HTML con explicaci\u00f3n y ejemplos pr\u00e1cticos, mejora tus habilidades con Tecsify.              <\/p>\n            <\/div>\n          <\/article>\n                  <article class=\"top2__card\">\n            <a class=\"top2__media\" href=\"https:\/\/tecsify.com\/blog\/lenguajes-programacion-mas-populares-sept-2025\/\">\n              <img loading=\"lazy\" decoding=\"async\" width=\"773\" height=\"522\" src=\"https:\/\/tecsify.com\/blog\/wp-content\/uploads\/2025\/09\/lenguajesmasusados.jpg\" class=\"attachment-large size-large wp-post-image\" alt=\"Lenguajes de Programaci\u00f3n Septiembre 2025\" loading=\"lazy\" \/>                              <span class=\"top2__tag\">Desarrollo Web<\/span>\n                          <\/a>\n\n            <div class=\"top2__body\">\n              <h3 class=\"top2__title\">\n                <a href=\"https:\/\/tecsify.com\/blog\/lenguajes-programacion-mas-populares-sept-2025\/\">Los 10 lenguajes de programaci\u00f3n que dominan la era de la IA en 2025<\/a>\n              <\/h3>\n\n              <div class=\"top2__meta\">\n                <span>Redacci\u00f3n Tecsify<\/span>\n                <span class=\"top2__dot\">\u2022<\/span>\n                <time datetime=\"2025-09-18T00:43:18-06:00\">\n                  18 septiembre, 2025                <\/time>\n              <\/div>\n\n              <p class=\"top2__excerpt\">\n                Descubre los 10 lenguajes de programaci\u00f3n m\u00e1s usados en 2025 seg\u00fan el \u00edndice TIOBE. La era de la IA redefine el rumbo de la innovaci\u00f3n digital.              <\/p>\n            <\/div>\n          <\/article>\n              <\/div>\n    <\/section>\n  \n<\/div>\n\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<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-f350ef1\" data-id=\"f350ef1\" data-element_type=\"column\" id=\"sidegero\">\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-720de8b elementor-widget elementor-widget-sidebar\" data-id=\"720de8b\" data-element_type=\"widget\" id=\"xe1\" data-widget_type=\"sidebar.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div id=\"custom_html-4\" class=\"widget_text widget w-sidebar widget_custom_html\"><div class=\"textwidget custom-html-widget\">\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"3504\" class=\"elementor elementor-3504\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-b6e23bb elementor-hidden-tablet elementor-hidden-phone elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"b6e23bb\" data-element_type=\"section\">\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-b85c9f0\" data-id=\"b85c9f0\" data-element_type=\"column\" id=\"xe12\">\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-e3eb86e elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"e3eb86e\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<nav class=\"tf-social\" aria-label=\"Tecsify en redes sociales\">\r\n  <ul class=\"tf-social__list\">\r\n    <li class=\"tf-social__item\">\r\n      <a class=\"tf-social__link\" href=\"https:\/\/facebook.com\/tecsify\" target=\"_blank\" rel=\"noopener\" aria-label=\"Visitar Tecsify en Facebook (se abre en una nueva pesta\u00f1a)\">\r\n        <span class=\"tf-social__icon\" aria-hidden=\"true\">\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" class=\"tf-ico\">\r\n            <path fill=\"currentColor\" d=\"M13.5 22v-8h2.7l.4-3H13.5V9.1c0-.9.3-1.6 1.6-1.6H16.7V4.7c-.3 0-1.4-.1-2.7-.1-2.7 0-4.5 1.6-4.5 4.6V11H6.9v3h2.6v8h4z\"\/>\r\n          <\/svg>\r\n        <\/span>\r\n        <span class=\"tf-social__text\">Tecsify en Facebook<\/span>\r\n        <span class=\"tf-social__chev\" aria-hidden=\"true\">\u203a<\/span>\r\n      <\/a>\r\n    <\/li>\r\n\r\n    <li class=\"tf-social__item\">\r\n      <a class=\"tf-social__link\" href=\"https:\/\/instagram.com\/tecsify\" target=\"_blank\" rel=\"noopener\" aria-label=\"Visitar Tecsify en Instagram (se abre en una nueva pesta\u00f1a)\">\r\n        <span class=\"tf-social__icon\" aria-hidden=\"true\">\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" class=\"tf-ico\">\r\n            <path fill=\"currentColor\" d=\"M7.8 2h8.4A5.8 5.8 0 0 1 22 7.8v8.4A5.8 5.8 0 0 1 16.2 22H7.8A5.8 5.8 0 0 1 2 16.2V7.8A5.8 5.8 0 0 1 7.8 2Zm8.4 2H7.8A3.8 3.8 0 0 0 4 7.8v8.4A3.8 3.8 0 0 0 7.8 20h8.4a3.8 3.8 0 0 0 3.8-3.8V7.8A3.8 3.8 0 0 0 16.2 4Z\"\/>\r\n            <path fill=\"currentColor\" d=\"M12 7a5 5 0 1 1 0 10 5 5 0 0 1 0-10Zm0 2a3 3 0 1 0 0 6 3 3 0 0 0 0-6Z\"\/>\r\n            <path fill=\"currentColor\" d=\"M17.6 6.4a1.1 1.1 0 1 1 0 2.2 1.1 1.1 0 0 1 0-2.2Z\"\/>\r\n          <\/svg>\r\n        <\/span>\r\n        <span class=\"tf-social__text\">Tecsify en Instagram<\/span>\r\n        <span class=\"tf-social__chev\" aria-hidden=\"true\">\u203a<\/span>\r\n      <\/a>\r\n    <\/li>\r\n\r\n    <li class=\"tf-social__item\">\r\n      <a class=\"tf-social__link\" href=\"https:\/\/www.linkedin.com\/company\/tecsify\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"Visitar Tecsify en Linkedin (se abre en una nueva pesta\u00f1a)\">\r\n        <span class=\"tf-social__icon\" aria-hidden=\"true\">\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" class=\"tf-ico\">\r\n            <path fill=\"currentColor\" d=\"M6.5 6.2a2 2 0 1 1 0-4 2 2 0 0 1 0 4ZM4.9 21.8V8.2h3.2v13.6H4.9Zm5.6 0V8.2h3v1.9h.1c.4-.8 1.5-2.1 3.3-2.1 3.6 0 4.3 2.4 4.3 5.5v8.3h-3.2v-7.4c0-1.8 0-4-2.4-4s-2.8 1.9-2.8 3.9v7.5h-3.2Z\"\/>\r\n          <\/svg>\r\n        <\/span>\r\n        <span class=\"tf-social__text\">Tecsify en LinkedIn<\/span>\r\n        <span class=\"tf-social__chev\" aria-hidden=\"true\">\u203a<\/span>\r\n      <\/a>\r\n    <\/li>\r\n\r\n    <li class=\"tf-social__item\">\r\n      <a class=\"tf-social__link\" href=\"https:\/\/x.com\/tecsify\" target=\"_blank\" rel=\"noopener\" aria-label=\"Visitar Tecsify en Twitter (se abre en una nueva pesta\u00f1a)\">\r\n        <span class=\"tf-social__icon\" aria-hidden=\"true\">\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" class=\"tf-ico\">\r\n            <path fill=\"currentColor\" d=\"M18.9 2H22l-6.8 7.8L23 22h-6.5l-5.1-6.7L5.6 22H2.5l7.3-8.4L2 2h6.7l4.6 6.1L18.9 2Zm-1.1 18h1.7L7 3.9H5.2l12.6 16.1Z\"\/>\r\n          <\/svg>\r\n        <\/span>\r\n        <span class=\"tf-social__text\">Tecsify en X\/Twitter<\/span>\r\n        <span class=\"tf-social__chev\" aria-hidden=\"true\">\u203a<\/span>\r\n      <\/a>\r\n    <\/li>\r\n\r\n    <li class=\"tf-social__item\">\r\n      <a class=\"tf-social__link\" href=\"https:\/\/www.youtube.com\/channel\/UCalG-fWPHHWG-XTzhcCn0_A\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"Visitar Tecsify en Youtube (se abre en una nueva pesta\u00f1a)\">\r\n        <span class=\"tf-social__icon\" aria-hidden=\"true\">\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" class=\"tf-ico\">\r\n            <path fill=\"currentColor\" d=\"M21.6 7.2a3 3 0 0 0-2.1-2.1C17.6 4.6 12 4.6 12 4.6s-5.6 0-7.5.5A3 3 0 0 0 2.4 7.2 31.6 31.6 0 0 0 2 12a31.6 31.6 0 0 0 .4 4.8 3 3 0 0 0 2.1 2.1c1.9.5 7.5.5 7.5.5s5.6 0 7.5-.5a3 3 0 0 0 2.1-2.1A31.6 31.6 0 0 0 22 12a31.6 31.6 0 0 0-.4-4.8ZM10 15.3V8.7L16 12l-6 3.3Z\"\/>\r\n          <\/svg>\r\n        <\/span>\r\n        <span class=\"tf-social__text\">Tecsify en Youtube<\/span>\r\n        <span class=\"tf-social__chev\" aria-hidden=\"true\">\u203a<\/span>\r\n      <\/a>\r\n    <\/li>\r\n  <\/ul>\r\n<\/nav>\r\n\r\n<style>\r\n:root{\r\n  --tecsify-navy:#030399;\r\n  --tecsify-text:#121635;\r\n  --tecsify-stroke:rgba(3,3,153,.12);\r\n  --tecsify-surface:#ffffff;\r\n  --tecsify-hover:rgba(3,3,153,.06);\r\n}\r\n\r\n.tf-social{\r\n  background: var(--tecsify-surface);\r\n  border: 1px solid var(--tecsify-stroke);\r\n  border-radius: 16px;\r\n  padding: 1px;\r\n}\r\n\r\n.tf-social__list{\r\n  list-style: none;\r\n  margin: 0;\r\n  padding: 0;\r\n  display: grid;\r\n  gap: 0;\r\n}\r\n\r\n.tf-social__link{\r\n  display: grid;\r\n  grid-template-columns: 44px 1fr 18px;\r\n  align-items: center;\r\n  gap: 15px;\r\n  min-height: 46px;\r\n  padding: 10px 10px;\r\n  border-radius: 12px;\r\n  text-decoration: none;\r\n  color: var(--tecsify-text);\r\n  transition: background-color .18s ease, border-color .18s ease, transform .18s ease;\r\n  border: 1px solid transparent;\r\n}\r\n\r\n.tf-social__link:hover{\r\n  background: var(--tecsify-hover);\r\n  border-color: rgba(3,3,153,.12);\r\n}\r\n\r\n.tf-social__link:active{ transform: translateY(0.5px); }\r\n\r\n.tf-social__link:focus-visible{\r\n  outline: 3px solid rgba(3,3,153,.22);\r\n  outline-offset: 2px;\r\n}\r\n\r\n.tf-social__icon{\r\n  width: 44px;\r\n  height: 44px;\r\n  display: grid;\r\n  place-items: center;\r\n  border-radius: 12px;\r\n  background: rgba(3,3,153,.04);\r\n  border: 1px solid rgba(3,3,153,.08);\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n\/* SVG icon *\/\r\n.tf-ico{\r\n  width: 18px;\r\n  height: 18px;\r\n  color: var(--tecsify-navy);\r\n  opacity: .92;\r\n  transform: translateY(.5px);\r\n}\r\n\r\n\/* halo sutil *\/\r\n.tf-social__icon::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  width: 80px;\r\n  height: 80px;\r\n  border-radius: 999px;\r\n  top: -42px;\r\n  left: -42px;\r\n  background: radial-gradient(circle, rgba(3,3,153,.18), transparent 60%);\r\n  opacity: 0;\r\n  transition: opacity .18s ease, transform .18s ease;\r\n}\r\n.tf-social__link:hover .tf-social__icon::after{\r\n  opacity: 1;\r\n  transform: translate(10px, 10px);\r\n}\r\n\r\n.tf-social__text{\r\n  font-size: 14px;\r\n  font-weight: 700;\r\n  line-height: 1.2;\r\n}\r\n.tf-social__chev{\r\n  color: rgba(18,22,53,.35);\r\n  font-size: 18px;\r\n  line-height: 1;\r\n  justify-self: end;\r\n}\r\n<\/style>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cf43b0f elementor-widget elementor-widget-html\" data-id=\"cf43b0f\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<aside class=\"ml-widget\" aria-labelledby=\"mlw-title\" aria-describedby=\"mlw-desc\">\r\n  <a\r\n    class=\"ml-widget__card\"\r\n    href=\"\/blog\/microlearning\/\"\r\n    aria-labelledby=\"mlw-title\"\r\n    aria-describedby=\"mlw-desc mlw-features\"\r\n  >\r\n    <!-- borde animado -->\r\n    <span class=\"ml-widget__ring\" aria-hidden=\"true\"><\/span>\r\n\r\n    <div class=\"ml-widget__inner\">\r\n      <div class=\"ml-widget__top\">\r\n        <span class=\"ml-widget__pill\">\u00a1Nuevo Portal!<\/span>\r\n        <span class=\"ml-widget__spark\" aria-hidden=\"true\"><\/span>\r\n      <\/div>\r\n\r\n      <h3 class=\"ml-widget__title\" id=\"mlw-title\">\r\n        Microlearning\r\n        <span>en minutos<\/span>\r\n      <\/h3>\r\n\r\n      <p class=\"ml-widget__desc\" id=\"mlw-desc\">\r\n        Una forma diferente de aprender tech con contenidos en peque\u00f1as unidades enfocadas en desarrollar competencias espec\u00edficas.\r\n        <br><br>\r\n        C\u00e1psulas visuales + ejercicios listos para aplicar.\r\n      <\/p>\r\n\r\n      <div class=\"ml-widget__meta\" id=\"mlw-features\" aria-label=\"Caracter\u00edsticas\">\r\n        <span class=\"ml-widget__chip\">Infograf\u00edas<\/span>\r\n        <span class=\"ml-widget__chip\">C\u00f3digo<\/span>\r\n        <span class=\"ml-widget__chip\">C\u00e1psulas visuales<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"ml-widget__cta\" aria-hidden=\"true\">\r\n        Explorar Microlearning\r\n        <svg class=\"ml-widget__arrow\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\r\n          <path d=\"M5 12h12\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"\/>\r\n          <path d=\"M13 6l6 6-6 6\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n    <\/div>\r\n  <\/a>\r\n<\/aside>\r\n\r\n\r\n<style>\r\n\r\n:root{\r\n  --tecsify-navy: #030399;\r\n  --tecsify-navy-2: #1a1ab8;\r\n  --tecsify-ink: #0b1020;\r\n  --tecsify-text: #121635;\r\n  --tecsify-muted: #5c6280;\r\n  --tecsify-bg: #ffffff;\r\n  --tecsify-stroke: rgba(3, 3, 153, 0.12);\r\n  --tecsify-shadow: 0 10px 26px rgba(13, 23, 60, 0.12);\r\n}\r\n\r\n.ml-widget{\r\n  width: 100%;\r\n}\r\n\r\n.ml-widget__card{\r\n  position: relative;\r\n  display: block;\r\n  width: 100%;\r\n  border-radius: 18px;\r\n  text-decoration: none;\r\n  color: inherit;\r\n  box-shadow: var(--tecsify-shadow);\r\n  background: transparent;\r\n  overflow: hidden;\r\n  transform: translateZ(0);\r\n}\r\n\r\n\r\n.ml-widget__ring{\r\n  position: absolute;\r\n  inset: -2px;\r\n  border-radius: 20px;\r\n  background:\r\n    conic-gradient(\r\n      from 180deg,\r\n      rgba(3,3,153,0.85),\r\n      rgba(90,120,255,0.65),\r\n      rgba(3,3,153,0.85),\r\n      rgba(125,211,252,0.55),\r\n      rgba(3,3,153,0.85)\r\n    );\r\n  filter: saturate(1.05);\r\n  animation: ml-spin 6.5s linear infinite;\r\n}\r\n\r\n\r\n.ml-widget__inner{\r\n  position: relative;\r\n  margin: 1px;        \r\n  border-radius: 17px;\r\n  background: var(--tecsify-bg);\r\n  border: 1px solid var(--tecsify-stroke);\r\n  padding: 14px 14px 12px;\r\n}\r\n\r\n\/* Header *\/\r\n.ml-widget__top{\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content: space-between;\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.ml-widget__pill{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap: 8px;\r\n  padding: 6px 10px;\r\n  border-radius: 999px;\r\n  font-size: 12px;\r\n  font-weight: 800;\r\n  letter-spacing: .06em;\r\n  text-transform: uppercase;\r\n  color: var(--tecsify-navy);\r\n  background: rgba(3,3,153,0.06);\r\n  border: 1px solid rgba(3,3,153,0.12);\r\n}\r\n\r\n.ml-widget__spark{\r\n  width: 34px;\r\n  height: 34px;\r\n  border-radius: 12px;\r\n  background:\r\n    radial-gradient(14px 14px at 30% 30%, rgba(3,3,153,0.25), transparent 70%),\r\n    radial-gradient(14px 14px at 70% 70%, rgba(26,26,184,0.20), transparent 70%),\r\n    linear-gradient(135deg, rgba(3,3,153,0.12), rgba(3,3,153,0.02));\r\n  border: 1px solid rgba(3,3,153,0.10);\r\n}\r\n\r\n\/* T\u00edtulo *\/\r\n.ml-widget__title{\r\n  margin: 0 0 6px;\r\n  font-size: 18px;\r\n  line-height: 1.12;\r\n  font-weight: 900;\r\n  color: var(--tecsify-text);\r\n  letter-spacing: -0.02em;\r\n}\r\n\r\n.ml-widget__title span{\r\n  font-weight: 900;\r\n  color: var(--tecsify-navy);\r\n}\r\n\r\n\/* Descripci\u00f3n *\/\r\n.ml-widget__desc{\r\n  margin: 0 0 10px;\r\n  font-size: 13px;\r\n  line-height: 1.5;\r\n  color: var(--tecsify-muted);\r\n}\r\n\r\n\/* Meta chips *\/\r\n.ml-widget__meta{\r\n  display:flex;\r\n  flex-wrap: wrap;\r\n  gap: 7px;\r\n  margin-bottom: 12px;\r\n}\r\n\r\n.ml-widget__chip{\r\n  font-size: 12px;\r\n  font-weight: 700;\r\n  color: rgba(18,22,53,0.85);\r\n  background: rgba(13,23,60,0.04);\r\n  border: 1px solid rgba(13,23,60,0.08);\r\n  padding: 6px 10px;\r\n  border-radius: 999px;\r\n}\r\n\r\n.ml-widget__cta{\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content: center;\r\n  gap: 10px;\r\n  width: 100%;\r\n  padding: 10px 12px;\r\n  border-radius: 12px;\r\n  background: linear-gradient(135deg, var(--tecsify-navy), var(--tecsify-navy-2));\r\n  color: #fff;\r\n  font-size: 13px;\r\n  font-weight: 900;\r\n  letter-spacing: .02em;\r\n  box-shadow: 0 10px 18px rgba(3,3,153,0.22);\r\n  transition: transform .22s ease, box-shadow .22s ease, filter .22s ease;\r\n}\r\n\r\n.ml-widget__arrow{\r\n  width: 18px;\r\n  height: 18px;\r\n}\r\n\r\n\/* Hover: \u201cproducto\u201d, no \u201cbanner\u201d *\/\r\n.ml-widget__card:hover .ml-widget__cta{\r\n  transform: translateY(-1px);\r\n  box-shadow: 0 14px 24px rgba(3,3,153,0.30);\r\n  filter: saturate(1.05);\r\n}\r\n.ml-widget__card:hover .ml-widget__inner{\r\n  border-color: rgba(3,3,153,0.18);\r\n}\r\n\r\n.ml-widget__card:hover .ml-widget__ring{\r\n  filter: saturate(1.15) brightness(1.02);\r\n}\r\n\r\n@keyframes ml-spin{\r\n  to { transform: rotate(360deg); }\r\n}\r\n\r\n\/* Reduce motion *\/\r\n@media (prefers-reduced-motion: reduce){\r\n  .ml-widget__ring{ animation: none; }\r\n  .ml-widget__cta{ transition: none; }\r\n}\r\n<\/style>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bd7ef59 elementor-widget elementor-widget-html\" data-id=\"bd7ef59\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<aside class=\"nl-side\" aria-labelledby=\"nl-side-title\" aria-describedby=\"nl-side-desc\">\n  <div class=\"nl-side__inner\">\n    <span class=\"nl-side__dot\" aria-hidden=\"true\"><\/span>\n\n    <h3 class=\"nl-side__title\" id=\"nl-side-title\">Suscribete a nuestro Newsletter<\/h3>\n    <p class=\"nl-side__desc\" id=\"nl-side-desc\">\n      Sin costo, sin spam, una idea \u00fatil a la semana, cancela cuando quieras.\n    <\/p>\n\n    <form class=\"nl-side__form\" id=\"nl-side__form\" method=\"POST\"\n      action=\"https:\/\/8bc223e9.sibforms.com\/serve\/MUIFAO9qy0KTN30KkyZNnczvj2yOZJZFfkqLNNDKHQZMfBONrsA3uhkL2x_ODmrxukZo009XAb8GlmdkuQljT7Ek0mv--hhlXsV8qJWNGeLIGXt-uFmSjcY6KIhMgw8YVhU75wQJOfM924-svXNUPWBc2S9qq5qAxlc9CUSfJrgnfzFoszkt6hIna-gBJ9XazvLBTQLypvtETqLr?isAjax=1\"\n      aria-describedby=\"nl-side-desc nl-side-status\">\n      \n      <label class=\"nl-side__label\" for=\"nl-side-email\">Correo<\/label>\n\n      <input id=\"nl-side-email\" class=\"nl-side__input\" \n           type=\"email\"\n           name=\"EMAIL\"\n           placeholder=\"nombre@correo.com\"\n           autocomplete=\"email\"\n           required\n           inputmode=\"email\"\n           aria-required=\"true\"\n           aria-describedby=\"nl-side-desc nl-side-status\">\n\n      <button class=\"nl-side__btn\" type=\"submit\" aria-describedby=\"nl-side-status\">\n        Suscribirme <span class=\"nl-side__arrow\" aria-hidden=\"true\">\u203a<\/span>\n      <\/button>\n\n      <!-- estado \/ mensajes del formulario -->\n      <p class=\"nl-side__status\" id=\"nl-side-status\" role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p>\n\n      <!-- honeypot (debe quedar vac\u00edo) -->\n      <input type=\"text\"\n             name=\"email_address_check\"\n             value=\"\"\n             tabindex=\"-1\"\n             autocomplete=\"off\"\n             aria-hidden=\"true\"\n             style=\"display:none\">\n\n      <!-- idioma -->\n      <input type=\"hidden\" name=\"locale\" value=\"es\">\n    <\/form>\n\n  <\/div>\n<\/aside>\n\n\n<style>\n.nl-side__inner{\n\ttext-align:center;\n  position: relative;\n\n  border-radius: 18px;\n  overflow: hidden;\n\n  display:flex;\n  flex-direction: column;\n  justify-content: center;\n\n\n  padding: 15px 15px;\n\n  background:\n    radial-gradient(520px 280px at 20% 10%, rgba(31,76,255,.28), transparent 60%),\n    radial-gradient(420px 260px at 85% 35%, rgba(120,80,255,.18), transparent 62%),\n    linear-gradient(180deg, #070b18 0%, #0b0f1f 60%, #070b18 100%);\n  border: 1px solid rgba(255,255,255,.07);\n}\n\n.nl-side__inner::before{\n  content:\"\";\n  position:absolute;\n  top:0;\n  left:0;\n  right:0;\n  height:2px;\n  background: linear-gradient(90deg, rgba(255,255,255,0), rgba(60,120,255,.95), rgba(255,255,255,0));\n  opacity:.85;\n}\n\n.nl-side__title{\n  margin: 0;\n  font-size: 18px;\n  font-weight: 950;\n  letter-spacing: -0.02em;\n  color:#fff;\n}\n\n.nl-side__desc{\n  margin: 0 0 8px 0;\n  font-size: 13px;\n  line-height: 1.5;\n  color: rgba(255,255,255,.78);\n}\n\n\/* Form *\/\n.nl-side__form{\n  display:flex;\n  flex-direction: column;\n  gap: 10px;\n}\n\n.nl-side__label{\n  position:absolute;\n  width:1px;\n  height:1px;\n  overflow:hidden;\n  clip: rect(0,0,0,0);\n}\n\n.nl-side__input{\n  height: 42px;\n  padding: 0px 12px;\n  border-radius: 12px;\n\n  background: rgba(255,255,255,.10);\n  border: 1px solid rgba(255,255,255,.14) !important;\n  color:#fff;\nmargin-top: 10px;\n  font-size: 14px;\n  outline:none;\n}\n\n.nl-side__input::placeholder{\n  color: rgba(255,255,255,.60);\n}\n\n.nl-side__input:focus{\n  border-color: rgba(40,90,255,.55);\n  box-shadow: 0 0 0 3px rgba(40,90,255,.25);\n}\n\n.nl-side__btn{\n  height: 42px;\n  border-radius: 999px;\n  border: 1px solid rgba(255,255,255,.14);\nmargin-top: 10px;\nmargin-bottom: 15px;\n  background: rgba(255,255,255,.92);\n  color: rgba(31,76,255,1);\n\n  font-size: 12px;\n  font-weight: 950;\n  letter-spacing: .12em;\n  text-transform: uppercase;\n\n  cursor:pointer;\n  box-shadow: 0 16px 45px rgba(0,0,0,.25);\n  transition: transform .22s ease, opacity .22s ease;\n}\n\n.nl-side__arrow{\n  margin-left: 6px;\n  font-size: 16px;\n  transform: translateY(-1px);\n}\n\n@media (hover:hover){\n  .nl-side__btn:hover{\n    transform: translateY(-1px);\n    opacity:.92;\n    color:white;\n  }\n}\n\n.nl-side__btn:focus-visible{\n  outline:none;\n  box-shadow: 0 0 0 2px rgba(255,255,255,.22), 0 0 0 5px rgba(40,90,255,.40);\n}\n\n.nl-side__note{\n  margin-top: auto;\n  font-size: 11.5px;\n  color: rgba(255,255,255,.55);\n}\n\n\n<\/style>\n\n\n<script>\n(function () {\n  const form = document.getElementById('nl-side__form');\n  if (!form) return;\n\n  const statusEl = document.getElementById('nl-side__note');\n  const btn = form.querySelector('button[type=\"submit\"]');\n\n  function setStatus(msg) {\n    if (statusEl) statusEl.textContent = msg || '';\n  }\n\n  function showPopup() {\n    const popup = document.getElementById('nl-popup'); \/\/ <- buscar en el momento\n    if (!popup) return;\n\n    popup.classList.add('is-visible');\n    popup.setAttribute('aria-hidden', 'false');\n\n    setTimeout(() => {\n      popup.classList.remove('is-visible');\n      popup.setAttribute('aria-hidden', 'true');\n    }, 8000);\n  }\n\n  function isBot() {\n    const hp = form.querySelector('input[name=\"email_address_check\"]');\n    return !!(hp && hp.value && hp.value.trim().length > 0);\n  }\n\n  form.addEventListener('submit', async function (e) {\n    e.preventDefault();\n    setStatus('');\n    if (btn) btn.disabled = true;\n\n    if (isBot()) {\n      if (btn) btn.disabled = false;\n      return;\n    }\n\n    try {\n      const formData = new FormData(form);\n      const res = await fetch(form.action, { method: 'POST', body: formData });\n      const text = await res.text();\n\n      const ok = res.ok && (\n        \/thank\\s*you\/i.test(text) ||\n        \/success\/i.test(text) ||\n        \/subscribed\/i.test(text) ||\n        \/subscription\/i.test(text) ||\n        \/confirm\/i.test(text) ||\n        \/almost\\s*finished\/i.test(text) ||\n        \/check\\s+your\\s+inbox\/i.test(text)\n      );\n\n      if (ok) {\n        setStatus('Listo. Revisa tu correo para confirmar la suscripci\u00f3n.');\n        form.reset();\n        showPopup();\n      } else {\n        setStatus('Si tu correo es v\u00e1lido, en breve recibir\u00e1s un email para confirmar la suscripci\u00f3n.');\n      }\n    } catch (err) {\n      setStatus('Error de conexi\u00f3n. Revisa tu internet e int\u00e9ntalo otra vez.');\n    } finally {\n      if (btn) btn.disabled = false;\n    }\n  });\n})();\n<\/script>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1b0a272 elementor-widget elementor-widget-html\" data-id=\"1b0a272\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<aside class=\"tf-note\" aria-label=\"Nota editorial de Tecsify\">\r\n  <div class=\"tf-note__card\">\r\n    <span class=\"tf-note__ring\" aria-hidden=\"true\"><\/span>\r\n\r\n    <div class=\"tf-note__inner\">\r\n      <div class=\"tf-note__dot\" aria-hidden=\"true\"><\/div>\r\n\r\n      <h3 class=\"tf-note__title\">\r\n        En Tecsify no mostramos anuncios\r\n      <\/h3>\r\n\r\n      <p class=\"tf-note__desc\">\r\n        Todo nuestro contenido es gratuito y sin interrupciones.\r\n        Siguenos en redes sociales para mostrar tu apoyo.\r\n      <\/p>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/aside>\r\n\r\n<style>\r\n\r\n\r\n:root{\r\n  --tec-navy: #030399;\r\n  --tec-navy-soft: rgba(3,3,153,.08);\r\n  --tec-text: #121635;\r\n  --tec-muted: #5c6280;\r\n  --tec-bg: #ffffff;\r\n  --tec-stroke: rgba(3,3,153,.12);\r\n  --tec-shadow: 0 8px 22px rgba(13,23,60,.10);\r\n}\r\n\r\n.tf-note{\r\n  width: 100%;\r\n}\r\n\r\n\/* Card base *\/\r\n.tf-note__card{\r\n  position: relative;\r\n  width: 100%;\r\n  border-radius: 16px;\r\n  background: transparent;\r\n  overflow: hidden;\r\n}\r\n\r\n.tf-note__ring{\r\n  position: absolute;\r\n  inset: -1px;\r\n  border-radius: 18px;\r\n  background:\r\n    conic-gradient(\r\n      from 180deg,\r\n      rgba(3,3,153,.55),\r\n      rgba(90,120,255,.35),\r\n      rgba(3,3,153,.55)\r\n    );\r\n  opacity: .55;\r\n  animation: tf-ring 14s linear infinite;\r\n  pointer-events: none;\r\n}\r\n\r\n\/* Inner *\/\r\n.tf-note__inner{\r\n  position: relative;\r\n  margin: 1px;\r\n  border-radius: 15px;\r\n  background: var(--tec-bg);\r\n  border: 1px solid var(--tec-stroke);\r\n  padding: 14px 14px 16px;\r\n\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 8px;\r\n}\r\n\r\n.tf-note__dot{\r\n  width: 8px;\r\n  height: 8px;\r\n  border-radius: 999px;\r\n  background: var(--tec-navy);\r\n  box-shadow: 0 0 0 6px var(--tec-navy-soft);\r\n  margin-bottom: 2px;\r\n}\r\n\r\n\/* Title *\/\r\n.tf-note__title{\r\n  margin: 0;\r\n  font-size: 14px;\r\n  line-height: 1.25;\r\n  font-weight: 900;\r\n  letter-spacing: -0.01em;\r\n  color: var(--tec-text);\r\n}\r\n\r\n\/* Main text *\/\r\n.tf-note__desc{\r\n  margin: 0;\r\n  font-size: 13px;\r\n  line-height: 1.5;\r\n  color: var(--tec-muted);\r\n}\r\n\r\n\/* Footnote *\/\r\n.tf-note__foot{\r\n  margin: 4px 0 0;\r\n  font-size: 12px;\r\n  line-height: 1.45;\r\n  color: rgba(18,22,53,.55);\r\n}\r\n\r\n\r\n@media (hover:hover){\r\n  .tf-note__card:hover{\r\n    box-shadow: 0 12px 30px rgba(13,23,60,.14);\r\n  }\r\n}\r\n\r\n\/* Animations *\/\r\n@keyframes tf-ring{\r\n  to { transform: rotate(360deg); }\r\n}\r\n\r\n\/* Reduced motion *\/\r\n@media (prefers-reduced-motion: reduce){\r\n  .tf-note__ring{\r\n    animation: none;\r\n  }\r\n}\r\n\r\n<\/style>\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<\/div>\n\t\t<\/div><\/div>\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-fe3895f elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"fe3895f\" data-element_type=\"section\">\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-d576738\" data-id=\"d576738\" data-element_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-9de53f5 elementor-widget elementor-widget-html\" data-id=\"9de53f5\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<section class=\"secbar\" aria-labelledby=\"secbar-guides-title\">\r\n  <div class=\"secbar__inner\">\r\n    <div class=\"secbar__dot\" aria-hidden=\"true\"><\/div>\r\n\r\n    <div class=\"secbar__copy\">\r\n      <h2 class=\"secbar__title\" id=\"secbar-guides-title\">Gu\u00edas y tutoriales<\/h2>\r\n      <p class=\"secbar__desc\" id=\"secbar-guides-desc\">\r\n        Gu\u00edas t\u00e9cnicas cuidadosamente curadas para entender, profundizar y aplicar conceptos clave.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <a\r\n      class=\"secbar__cta\"\r\n      href=\"https:\/\/tecsify.com\/blog\/category\/guias-y-tutoriales\/\"\r\n      aria-describedby=\"secbar-guides-desc\"\r\n      aria-label=\"Ver gu\u00edas y tutoriales\"\r\n    >\r\n      VER tutoriales <span class=\"secbar__arrow\" aria-hidden=\"true\">\u203a<\/span>\r\n    <\/a>\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n.secbar{\r\n  \/* defaults *\/\r\n  --sec-accent: rgba(60,120,255,.95);\r\n  --sec-accent-soft: rgba(60,120,255,.18);\r\n  --sec-cta-ink: rgba(31,76,255,1);\r\n  --sec-bg-1: rgba(31,76,255,.26);\r\n  --sec-bg-2: rgba(120,80,255,.16);\r\n  --sec-title: #ffffff;\r\n  --sec-desc: rgba(255,255,255,.78);\r\n\r\n  padding: 10px 24px 4px;\r\n}\r\n\r\n.secbar__inner{\r\n  position: relative;\r\n  border-radius: 18px;\r\n  overflow: hidden;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content: space-between;\r\n  gap: 16px;\r\n\r\n  padding: 16px 18px;\r\n\r\n  background:\r\n    radial-gradient(900px 420px at 18% 10%, var(--sec-bg-1), transparent 60%),\r\n    radial-gradient(680px 420px at 86% 40%, var(--sec-bg-2), transparent 62%),\r\n    linear-gradient(180deg, #070b18 0%, #0b0f1f 60%, #070b18 100%);\r\n  border: 1px solid rgba(255,255,255,.07);\r\n  box-shadow: 0 22px 70px rgba(0,0,0,.28);\r\n}\r\n\r\n\/* L\u00ednea superior \u201cscanline\u201d *\/\r\n.secbar__inner::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  top:0;\r\n  left:0;\r\n  right:0;\r\n  height: 2px;\r\n  background: linear-gradient(90deg, rgba(255,255,255,0), var(--sec-accent), rgba(255,255,255,0));\r\n  opacity:.85;\r\n  pointer-events:none;\r\n}\r\n\r\n.secbar__dot{\r\n  width: 10px;\r\n  height: 10px;\r\n  border-radius: 999px;\r\n  background: var(--sec-accent);\r\n  box-shadow: 0 0 0 6px var(--sec-accent-soft);\r\n  flex: 0 0 auto;\r\n}\r\n\r\n.secbar__copy{\r\n  min-width: 0;\r\n  flex: 1 1 auto;\r\n}\r\n\r\n.secbar__title{\r\n  margin: 0 0 6px 0;\r\n  font-size: clamp(18px, 2.0vw, 24px);\r\n  line-height: 1.12;\r\n  font-weight: 950;\r\n  letter-spacing: -0.02em;\r\n  color: var(--sec-title);\r\n}\r\n\r\n.secbar__desc{\r\n  margin: 0;\r\n  font-size: 13px;\r\n  line-height: 1.45;\r\n  color: var(--sec-desc);\r\n\r\n  display:-webkit-box;\r\n  -webkit-line-clamp: 1;\r\n  -webkit-box-orient: vertical;\r\n  overflow:hidden;\r\n}\r\n\r\n.secbar__cta{\r\n  flex: 0 0 auto;\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap: 10px;\r\n\r\n  padding: 10px 14px;\r\n  border-radius: 999px;\r\n\r\n  font-size: 12px;\r\n  font-weight: 950;\r\n  letter-spacing: .12em;\r\n  text-transform: uppercase;\r\n\r\n  color: var(--sec-cta-ink);\r\n  text-decoration:none;\r\n\r\n  background: rgba(255,255,255,.92);\r\n  border: 1px solid rgba(255,255,255,.14);\r\n  box-shadow: 0 16px 45px rgba(0,0,0,.25);\r\n\r\n  transition: transform .22s ease, opacity .22s ease, background-color .22s ease;\r\n}\r\n\r\n.secbar__arrow{\r\n  font-size: 16px;\r\n  line-height: 1;\r\n  transform: translateY(-1px);\r\n}\r\n\r\n@media (hover:hover){\r\n  .secbar__cta:hover{\r\n    transform: translateY(-1px);\r\n    opacity: .92;\r\n    background: rgba(255,255,255,.96);\r\n  }\r\n}\r\n\r\n.secbar__cta:focus-visible{\r\n  outline:none;\r\n  box-shadow: 0 0 0 2px rgba(255,255,255,.22), 0 0 0 5px rgba(40,90,255,.40);\r\n}\r\n\r\n@media (max-width: 720px){\r\n  .secbar{ padding: 10px 14px 12px; }\r\n  .secbar__inner{ gap: 12px; padding: 14px 14px; }\r\n  .secbar__desc{ -webkit-line-clamp: 2; }\r\n  .secbar__cta{ padding: 9px 12px; letter-spacing: .10em; }\r\n}\r\n\r\n@media (max-width: 520px){\r\n  .secbar__inner{ flex-direction: column; align-items: flex-start; }\r\n  .secbar__cta{ align-self: flex-end; }\r\n}\r\n\r\n\/* ====== VARIANTES (skins por secci\u00f3n) ====== *\/\r\n\r\n\/* Programaci\u00f3n: m\u00e1s \u201ctech\u201d, cian\/azul el\u00e9ctrico, glow m\u00e1s fr\u00edo *\/\r\n.secbar--programacion{\r\n  --sec-accent: rgba(0, 210, 255, .95);\r\n  --sec-accent-soft: rgba(0, 210, 255, .18);\r\n  --sec-cta-ink: rgba(0, 170, 255, 1);\r\n\r\n  --sec-bg-1: rgba(0, 210, 255, .18);\r\n  --sec-bg-2: rgba(31, 76, 255, .16);\r\n}\r\n\r\n\/* Gu\u00edas: azul\/indigo (tu look actual) *\/\r\n.secbar--guias{\r\n  --sec-accent: rgba(60,120,255,.95);\r\n  --sec-accent-soft: rgba(60,120,255,.18);\r\n  --sec-cta-ink: rgba(31,76,255,1);\r\n\r\n  --sec-bg-1: rgba(31,76,255,.26);\r\n  --sec-bg-2: rgba(120,80,255,.16);\r\n}\r\n\r\n\/* Comunidad: m\u00e1s humano, verde\/teal suave *\/\r\n.secbar--comunidad{\r\n  --sec-accent: rgba(0, 220, 160, .95);\r\n  --sec-accent-soft: rgba(0, 220, 160, .18);\r\n  --sec-cta-ink: rgba(0, 170, 120, 1);\r\n\r\n  --sec-bg-1: rgba(0, 220, 160, .16);\r\n  --sec-bg-2: rgba(60,120,255,.12);\r\n}\r\n\r\n.secbar--programacion .secbar__inner::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset: 0;\r\n  background:\r\n    linear-gradient(rgba(255,255,255,.06) 1px, transparent 1px),\r\n    linear-gradient(90deg, rgba(255,255,255,.06) 1px, transparent 1px);\r\n  background-size: 26px 26px;\r\n  opacity: .10;\r\n  pointer-events:none;\r\n}\r\n\r\n\r\n\/* ====== DOT \u201cHEART\u201d (palpitar) ====== *\/\r\n\r\n\/* Animaci\u00f3n: pulso + halo (no mueve texto, no genera blur) *\/\r\n@keyframes secDotPulse {\r\n  0%   { transform: scale(1);   opacity: 1; }\r\n  45%  { transform: scale(1.18); opacity: 1; }\r\n  100% { transform: scale(1);   opacity: 1; }\r\n}\r\n\r\n@keyframes secDotHalo {\r\n  0%   { transform: scale(.9);  opacity: .55; }\r\n  70%  { transform: scale(2.2); opacity: 0; }\r\n  100% { transform: scale(2.2); opacity: 0; }\r\n}\r\n\r\n\/* El punto (ya lo tienes) lo convertimos en \u201cnodo vivo\u201d *\/\r\n.secbar__dot{\r\n  position: relative;\r\n  transform: translateZ(0);\r\n  will-change: transform;\r\n  animation: secDotPulse 1.9s ease-in-out infinite;\r\n}\r\n\r\n\/* Halo animado (la onda) *\/\r\n.secbar__dot::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset: -10px;\r\n  border-radius: 999px;\r\n  background: radial-gradient(circle, var(--sec-accent) 0%, transparent 60%);\r\n  opacity: .0;\r\n  transform: translateZ(0);\r\n  animation: secDotHalo 1.9s ease-out infinite;\r\n}\r\n\r\n\/* Si quieres que en hover \u201crespire\u201d m\u00e1s fuerte *\/\r\n@media (hover:hover){\r\n  .secbar__inner:hover .secbar__dot{\r\n    animation-duration: 1.4s;\r\n  }\r\n  .secbar__inner:hover .secbar__dot::after{\r\n    animation-duration: 1.4s;\r\n  }\r\n}\r\n\r\n\/* Respeto a usuarios con reduced motion *\/\r\n@media (prefers-reduced-motion: reduce){\r\n  .secbar__dot,\r\n  .secbar__dot::after{\r\n    animation: none !important;\r\n  }\r\n}\r\n\r\n\r\n   <\/style>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a54957e elementor-widget elementor-widget-shortcode\" data-id=\"a54957e\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-shortcode\">    \n    <div class=\"hp-featured\">\n      <article class=\"featured__card\">\n\n        <div class=\"featured__content\">\n          <a class=\"featured__tag\" href=\"https:\/\/tecsify.com\/blog\/category\/guias-y-tutoriales\/\">\n            Gu\u00edas y Tutoriales          <\/a>\n\n          <h2 class=\"featured__title\">\n            <a href=\"https:\/\/tecsify.com\/blog\/comandos-docker\/\">\n              Comandos de Docker: ejemplos y funciones esenciales para devs            <\/a>\n          <\/h2>\n\n          <div class=\"featured__meta\">\n            <span>Redacci\u00f3n Tecsify<\/span>\n            <span class=\"dot\">\u2022<\/span>\n            <time datetime=\"2026-01-17T19:57:30-06:00\">\n              17 enero, 2026            <\/time>\n          <\/div>\n\n          <p class=\"featured__excerpt\">\n            Docker es una plataforma de c\u00f3digo abierto ampliamente utilizada que simplifica la creaci\u00f3n, prueba, despliegue y gesti\u00f3n de aplicaciones mediante contenedores; su principal fortaleza es ofrecer un entorno consistente y port\u00e1til, ya sea que trabajes en tu equipo local, en un servidor virtual (VPS) o en la nube. Aunque Docker se ha convertido en una [&hellip;]          <\/p>\n        <\/div>\n\n        <a href=\"https:\/\/tecsify.com\/blog\/comandos-docker\/\" class=\"featured__media\" aria-label=\"Comandos de Docker: ejemplos y funciones esenciales para devs\">\n          <img loading=\"lazy\" decoding=\"async\" width=\"773\" height=\"522\" src=\"https:\/\/tecsify.com\/blog\/wp-content\/uploads\/2026\/01\/nuevaplantiblog-1.jpg\" class=\"attachment-large size-large wp-post-image\" alt=\"Comandos Docker m\u00e1s utilizados\" loading=\"lazy\" \/>        <\/a>\n\n      <\/article>\n    <\/div>\n\n    <\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-156dcd1 elementor-widget elementor-widget-shortcode\" data-id=\"156dcd1\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-shortcode\">  <section class=\"post-grid post-grid--4\">\n          <article class=\"post-card lift-hover pulse-hover\">\n        <a class=\"post-card__media\" href=\"https:\/\/tecsify.com\/blog\/input-en-html\/\">\n          <img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"519\" src=\"https:\/\/tecsify.com\/blog\/wp-content\/uploads\/2023\/11\/tipos-input-768x519.jpg\" class=\"post-card__img pulse-target wp-post-image\" alt=\"Tipos de input en HTML\" loading=\"lazy\" \/>        <\/a>\n\n        <div class=\"post-card__body\">\n          <h3 class=\"post-card__title\">\n            <a href=\"https:\/\/tecsify.com\/blog\/input-en-html\/\">Todos los tipos de input en HTML<\/a>\n          <\/h3>\n\n          <div class=\"post-card__meta\">\n          <\/div>\n        <\/div>\n      <\/article>\n          <article class=\"post-card lift-hover pulse-hover\">\n        <a class=\"post-card__media\" href=\"https:\/\/tecsify.com\/blog\/codigos-de-barras-python\/\">\n          <img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"519\" src=\"https:\/\/tecsify.com\/blog\/wp-content\/uploads\/2025\/03\/CodigosDeBarras-768x519.jpg\" class=\"post-card__img pulse-target wp-post-image\" alt=\"Como Crear C\u00f3digos de Barras con Python por Tecsify\" loading=\"lazy\" \/>        <\/a>\n\n        <div class=\"post-card__body\">\n          <h3 class=\"post-card__title\">\n            <a href=\"https:\/\/tecsify.com\/blog\/codigos-de-barras-python\/\">C\u00f3mo Crear C\u00f3digos de Barras con Python en Segundos<\/a>\n          <\/h3>\n\n          <div class=\"post-card__meta\">\n          <\/div>\n        <\/div>\n      <\/article>\n          <article class=\"post-card lift-hover pulse-hover\">\n        <a class=\"post-card__media\" href=\"https:\/\/tecsify.com\/blog\/python-texto-a-voz-gtts\/\">\n          <img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"519\" src=\"https:\/\/tecsify.com\/blog\/wp-content\/uploads\/2025\/02\/texto-a-voz-python-768x519.jpg\" class=\"post-card__img pulse-target wp-post-image\" alt=\"Portada del articulo de conversi\u00f3n de texto a voz con Python por Tecsify\" loading=\"lazy\" \/>        <\/a>\n\n        <div class=\"post-card__body\">\n          <h3 class=\"post-card__title\">\n            <a href=\"https:\/\/tecsify.com\/blog\/python-texto-a-voz-gtts\/\">Convierte Texto a Voz (TTS) con Python y gTTS \u2013 Gu\u00eda paso a paso<\/a>\n          <\/h3>\n\n          <div class=\"post-card__meta\">\n          <\/div>\n        <\/div>\n      <\/article>\n          <article class=\"post-card lift-hover pulse-hover\">\n        <a class=\"post-card__media\" href=\"https:\/\/tecsify.com\/blog\/deepseek-que-es-y-como-instalarlo\/\">\n          <img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"519\" src=\"https:\/\/tecsify.com\/blog\/wp-content\/uploads\/2025\/01\/plantideblogs-5-768x519.jpg\" class=\"post-card__img pulse-target wp-post-image\" alt=\"Tecsify Deepseek\" loading=\"lazy\" \/>        <\/a>\n\n        <div class=\"post-card__body\">\n          <h3 class=\"post-card__title\">\n            <a href=\"https:\/\/tecsify.com\/blog\/deepseek-que-es-y-como-instalarlo\/\">DeepSeek-R1: C\u00f3mo instalar y ejecutar IA localmente [Gu\u00eda paso a paso]<\/a>\n          <\/h3>\n\n          <div class=\"post-card__meta\">\n          <\/div>\n        <\/div>\n      <\/article>\n      <\/section>\n  \n<\/div>\n\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-6a21c32 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6a21c32\" data-element_type=\"section\">\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-d56eb6a\" data-id=\"d56eb6a\" data-element_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-773b615 elementor-widget elementor-widget-html\" data-id=\"773b615\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<section class=\"nl\" aria-labelledby=\"nl-title\">\r\n  <div class=\"nl__inner\">\r\n    <div class=\"nl__badge\" aria-hidden=\"true\"><\/div>\r\n\r\n    <div class=\"nl__copy\">\r\n      <h2 class=\"nl__title\" id=\"nl-title\">Suscr\u00edbete al newsletter<\/h2>\r\n      <p class=\"nl__desc\" id=\"nl-desc\">\r\n        Un correo semanal con contenido \u00fatil de tecnolog\u00eda, aprendizaje pr\u00e1ctico y lo mejor de Tecsify.\r\n      <\/p>\r\n\r\n<form class=\"nl__form\"\r\n      id=\"nl-form\"\r\n      method=\"POST\"\r\n      action=\"https:\/\/8bc223e9.sibforms.com\/serve\/MUIFAO9qy0KTN30KkyZNnczvj2yOZJZFfkqLNNDKHQZMfBONrsA3uhkL2x_ODmrxukZo009XAb8GlmdkuQljT7Ek0mv--hhlXsV8qJWNGeLIGXt-uFmSjcY6KIhMgw8YVhU75wQJOfM924-svXNUPWBc2S9qq5qAxlc9CUSfJrgnfzFoszkt6hIna-gBJ9XazvLBTQLypvtETqLr?isAjax=1\"\r\n      aria-describedby=\"nl-desc nl-fineprint nl-status\">\r\n\r\n  <label class=\"nl__label\" for=\"nl-email\">Tu correo<\/label>\r\n\r\n  <div class=\"nl__field\">\r\n    <input id=\"nl-email\"\r\n           class=\"nl__input\"\r\n           type=\"email\"\r\n           name=\"EMAIL\"\r\n           placeholder=\"nombre@correo.com\"\r\n           autocomplete=\"email\"\r\n           required\r\n           inputmode=\"email\"\r\n           aria-describedby=\"nl-desc nl-fineprint nl-status\"\r\n           aria-required=\"true\">\r\n\r\n    <button class=\"nl__btn\" type=\"submit\" aria-describedby=\"nl-status\">\r\n      Suscribirme <span class=\"nl__arrow\" aria-hidden=\"true\">\u203a<\/span>\r\n    <\/button>\r\n  <\/div>\r\n\r\n  <p class=\"nl__fineprint\" id=\"nl-fineprint\">Sin spam. Puedes salir cuando quieras.<\/p>\r\n  <p class=\"nl__status\" id=\"nl-status\" aria-live=\"polite\" aria-atomic=\"true\" role=\"status\"><\/p>\r\n\r\n  <!-- honeypot (debe quedar vac\u00edo) -->\r\n  <input type=\"text\"\r\n         name=\"email_address_check\"\r\n         value=\"\"\r\n         tabindex=\"-1\"\r\n         autocomplete=\"off\"\r\n         aria-hidden=\"true\"\r\n         style=\"display:none\">\r\n\r\n  <!-- idioma -->\r\n  <input type=\"hidden\" name=\"locale\" value=\"es\">\r\n<\/form>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"nl__visual\" aria-hidden=\"true\">\r\n      <div class=\"nl__chip\">Microlearning<\/div>\r\n      <div class=\"nl__chip\">Ejercicios<\/div>\r\n      <div class=\"nl__chip\">Gu\u00edas<\/div>\r\n      <div class=\"nl__chip\">IA<\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<script>\r\n(function () {\r\n  const form = document.getElementById('nl-form');\r\n  if (!form) return;\r\n\r\n  const statusEl = document.getElementById('nl-status');\r\n  const btn = form.querySelector('button[type=\"submit\"]');\r\n\r\n  function setStatus(msg) {\r\n    if (statusEl) statusEl.textContent = msg || '';\r\n  }\r\n\r\n  function showPopup() {\r\n    const popup = document.getElementById('nl-popup'); \/\/ <-- clave: buscarlo al momento\r\n    if (!popup) return;\r\n\r\n    popup.classList.add('is-visible');\r\n    popup.setAttribute('aria-hidden', 'false');\r\n\r\n    \/\/ autocierre\r\n    setTimeout(() => {\r\n      popup.classList.remove('is-visible');\r\n      popup.setAttribute('aria-hidden', 'true');\r\n    }, 8000);\r\n  }\r\n\r\n  \/\/ Honeypot de Brevo (si existe)\r\n  function isBot() {\r\n    const hp = form.querySelector('input[name=\"email_address_check\"]');\r\n    return !!(hp && hp.value && hp.value.trim().length > 0);\r\n  }\r\n\r\n  form.addEventListener('submit', async function (e) {\r\n    e.preventDefault();\r\n    setStatus('');\r\n    if (btn) btn.disabled = true;\r\n\r\n    if (isBot()) {\r\n      if (btn) btn.disabled = false;\r\n      return;\r\n    }\r\n\r\n    try {\r\n      const formData = new FormData(form);\r\n\r\n      const res = await fetch(form.action, {\r\n        method: 'POST',\r\n        body: formData\r\n      });\r\n\r\n      const text = await res.text();\r\n\r\n      const ok = res.ok && (\r\n        \/thank\\s*you\/i.test(text) ||\r\n        \/success\/i.test(text) ||\r\n        \/subscribed\/i.test(text) ||\r\n        \/subscription\/i.test(text) ||\r\n        \/confirm\/i.test(text) ||\r\n        \/almost\\s*finished\/i.test(text) ||\r\n        \/check\\s+your\\s+inbox\/i.test(text)\r\n      );\r\n\r\n      if (ok) {\r\n        setStatus('Listo. Revisa tu correo para confirmar la suscripci\u00f3n.');\r\n        form.reset();\r\n        showPopup();\r\n      } else {\r\n        setStatus('Si tu correo es v\u00e1lido, en breve recibir\u00e1s un email para confirmar la suscripci\u00f3n.');\r\n        \/\/ (opcional) si quieres mostrar modal tambi\u00e9n aqu\u00ed:\r\n        \/\/ showPopup();\r\n      }\r\n    } catch (err) {\r\n      setStatus('Error de conexi\u00f3n. Revisa tu internet e int\u00e9ntalo otra vez.');\r\n    } finally {\r\n      if (btn) btn.disabled = false;\r\n    }\r\n  });\r\n})();\r\n<\/script>\r\n\r\n\r\n\r\n<style>\r\n    \/* ====== NEWSLETTER (match con tu sistema) ====== *\/\r\n.nl{\r\n  padding: 14px 24px 18px;\r\n}\r\n\r\n.nl__inner{\r\n  position: relative;\r\n  border-radius: 8px;\r\n  overflow: hidden;\r\n\r\n  display:grid;\r\n  grid-template-columns: 1.2fr .8fr;\r\n  gap: 18px;\r\n  align-items: center;\r\n\r\n  padding: 20px 18px;\r\n\r\n  \/* mismo lenguaje visual: oscuro + glow *\/\r\n  background:\r\n    radial-gradient(900px 420px at 18% 10%, rgba(31,76,255,.26), transparent 60%),\r\n    radial-gradient(680px 420px at 86% 40%, rgba(120,80,255,.16), transparent 62%),\r\n    linear-gradient(180deg, #070b18 0%, #0b0f1f 60%, #070b18 100%);\r\n  border: 1px solid rgba(255,255,255,.07);\r\n  box-shadow: 0 22px 70px rgba(0,0,0,.28);\r\n}\r\n\r\n\/* scanline superior *\/\r\n.nl__inner::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  top:0;\r\n  left:0;\r\n  right:0;\r\n  height:2px;\r\n  background: linear-gradient(90deg, rgba(255,255,255,0), rgba(60,120,255,.95), rgba(255,255,255,0));\r\n  opacity:.85;\r\n  pointer-events:none;\r\n}\r\n\r\n\/* badge\/dot \u201cvivo\u201d *\/\r\n.nl__badge{\r\n  position:absolute;\r\n  top: 14px;\r\n  left: 14px;\r\n  width: 10px;\r\n  height: 10px;\r\n  border-radius: 999px;\r\n  background: rgba(60,120,255,.95);\r\n  box-shadow: 0 0 0 6px rgba(60,120,255,.18);\r\n}\r\n\r\n\/* Copy *\/\r\n.nl__copy{\r\n  position: relative;\r\n  z-index: 1;\r\n  min-width: 0;\r\n}\r\n\r\n.nl__title{\r\n  margin: 0 0 6px 0;\r\n  font-size: clamp(18px, 2.1vw, 26px);\r\n  line-height: 1.12;\r\n  font-weight: 950;\r\n  letter-spacing: -0.02em;\r\n  color:#fff;\r\n}\r\n\r\n.nl__desc{\r\n  margin: 0 0 14px 0;\r\n  font-size: 13.5px;\r\n  line-height: 1.55;\r\n  color: rgba(255,255,255,.78);\r\n  max-width: 68ch;\r\n}\r\n\r\n\/* Form *\/\r\n.nl__form{ margin: 0; }\r\n\r\n.nl__label{\r\n  position:absolute;\r\n  width:1px;\r\n  height:1px;\r\n  padding:0;\r\n  margin:-1px;\r\n  overflow:hidden;\r\n  clip: rect(0,0,0,0);\r\n  white-space:nowrap;\r\n  border:0;\r\n}\r\n\r\n.nl__field{\r\n  display:flex;\r\n  gap: 10px;\r\n  align-items: center;\r\n  padding: 10px;\r\n  border-radius: 16px;\r\n\r\n  background: rgba(255,255,255,.08);\r\n  border: 1px solid rgba(255,255,255,.10);\r\n  box-shadow: inset 0 0 0 1px rgba(0,0,0,.10);\r\n}\r\n\r\n.nl__input{\r\n  flex: 1 1 auto;\r\n  min-width: 0;\r\n  height: 44px;\r\n  border-radius: 12px;\r\n  border: 1px solid rgba(255,255,255,.12);\r\n  background: rgba(255,255,255,.10);\r\n  color:#fff;\r\n\r\n  padding: 0 12px;\r\n  font-size: 14px;\r\n  outline: none;\r\n}\r\n\r\n.nl__input::placeholder{\r\n  color: rgba(255,255,255,.60);\r\n}\r\n\r\n.nl__input:focus{\r\n  border-color: rgba(40,90,255,.55);\r\n  box-shadow: 0 0 0 3px rgba(40,90,255,.25);\r\n}\r\n\r\n.nl__btn{\r\n  flex: 0 0 auto;\r\n  height: 44px;\r\n  padding: 0 14px;\r\n  border-radius: 999px;\r\n  border: 1px solid rgba(255,255,255,.14);\r\n\r\n  background: rgba(255,255,255,.92);\r\n  color: rgba(31,76,255,1);\r\n\r\n  font-size: 12px;\r\n  font-weight: 950;\r\n  letter-spacing: .12em;\r\n  text-transform: uppercase;\r\n\r\n  cursor:pointer;\r\n  box-shadow: 0 16px 45px rgba(0,0,0,.25);\r\n  transition: transform .22s ease, opacity .22s ease;\r\n}\r\n\r\n.nl__arrow{\r\n  font-size: 16px;\r\n  line-height: 1;\r\n  margin-left: 6px;\r\n  transform: translateY(-1px);\r\n}\r\n\r\n@media (hover:hover){\r\n  .nl__btn:hover{ transform: translateY(-1px); opacity: .92; }\r\n}\r\n\r\n.nl__btn:focus-visible{\r\n  outline:none;\r\n  box-shadow: 0 0 0 2px rgba(255,255,255,.22), 0 0 0 5px rgba(40,90,255,.40);\r\n}\r\n\r\n.nl__fineprint{\r\n  margin: 10px 2px 0;\r\n  font-size: 12px;\r\n  color: rgba(255,255,255,.62);\r\n}\r\n\r\n\/* Visual chips *\/\r\n.nl__visual{\r\n  position: relative;\r\n  z-index: 1;\r\n  display:flex;\r\n  flex-wrap: wrap;\r\n  justify-content: flex-end;\r\n  gap: 10px;\r\n  padding-left: 10px;\r\n}\r\n\r\n.nl__chip{\r\n  padding: 10px 12px;\r\n  border-radius: 999px;\r\n  font-size: 12px;\r\n  font-weight: 900;\r\n  letter-spacing: .06em;\r\n\r\n  color: rgba(255,255,255,.86);\r\n  background: rgba(255,255,255,.08);\r\n  border: 1px solid rgba(255,255,255,.10);\r\n  box-shadow: 0 14px 36px rgba(0,0,0,.20);\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 820px){\r\n  .nl{ padding: 12px 14px 16px; }\r\n  .nl__inner{\r\n    grid-template-columns: 1fr;\r\n    gap: 14px;\r\n    padding: 18px 14px;\r\n  }\r\n  .nl__visual{\r\n    justify-content: flex-start;\r\n    padding-left: 0;\r\n  }\r\n}\r\n\r\n@media (max-width: 520px){\r\n  .nl__field{\r\n    flex-direction: column;\r\n    align-items: stretch;\r\n  }\r\n  .nl__btn{\r\n    width: 100%;\r\n    justify-content: center;\r\n  }\r\n}\r\n\r\n.nl__status{\r\n  margin: 8px 2px 0;\r\n  font-size: 12px;\r\n  color: rgba(255,255,255,.78);\r\n}\r\n\r\n\r\n<\/style>\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-050cc72 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"050cc72\" data-element_type=\"section\">\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-f4a34ef\" data-id=\"f4a34ef\" data-element_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-6e151df elementor-widget elementor-widget-html\" data-id=\"6e151df\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<section class=\"ml-banner ml-banner--prodigy\" aria-labelledby=\"mlp-title\">\r\n\r\n  <a\r\n    class=\"ml-banner__card\"\r\n    href=\"https:\/\/prodigy.tecsify.com\"\r\n    aria-labelledby=\"mlp-title\"\r\n    aria-describedby=\"mlp-desc mlp-features\"\r\n  >\r\n      \r\n    <span class=\"ml-banner__ring\" aria-hidden=\"true\"><\/span>\r\n\r\n    <div class=\"ml-banner__inner\">\r\n      <div class=\"ml-banner__left\">\r\n        <div class=\"ml-banner__topline\">\r\n          <span class=\"ml-banner__pill\">Tecsify Prodigy<\/span>\r\n          <span class=\"ml-banner__badge\">Gratis<\/span>\r\n        <\/div>\r\n\r\n        <h2 class=\"ml-banner__title\" id=\"mlp-title\">\r\n          Crea tu CV con IA <span>en minutos<\/span> | Tecsify Prodigy\r\n        <\/h2>\r\n\r\n        <p class=\"ml-banner__desc\" id=\"mlp-desc\">\r\n          Crea tu hoja de vida profesional con ayuda de la IA, lista para descargar y compartir con nuestra plataforma sin costo.\r\n        <\/p>\r\n\r\n        <div class=\"ml-banner__meta\" id=\"mlp-features\" aria-label=\"Caracter\u00edsticas\">\r\n          <span class=\"ml-banner__chip\">R\u00e1pido<\/span>\r\n          <span class=\"ml-banner__chip\">F\u00e1cil<\/span>\r\n          <span class=\"ml-banner__chip\">ATS-friendly<\/span>\r\n          <span class=\"ml-banner__chip\">PDF<\/span>\r\n          <span class=\"ml-banner__chip\">Online & Offline<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Decorativo (producto), sin robar atenci\u00f3n -->\r\n      <div class=\"ml-banner__visual\" aria-hidden=\"true\">\r\n        <div class=\"ml-banner__orb ml-banner__orb--1\"><\/div>\r\n        <div class=\"ml-banner__orb ml-banner__orb--2\"><\/div>\r\n        <div class=\"ml-banner__grid\"><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"ml-banner__cta\" aria-hidden=\"true\">\r\n        Crear mi CV gratis\r\n        <svg class=\"ml-banner__arrow\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\r\n          <path d=\"M5 12h12\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"\/>\r\n          <path d=\"M13 6l6 6-6 6\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n    <\/div>\r\n  <\/a>\r\n\r\n<\/section>\r\n\r\n<style>\r\n\r\n:root{\r\n  --tecsify-navy: #030399;\r\n  --tecsify-navy-2: #1a1ab8;\r\n  --tecsify-text: #121635;\r\n  --tecsify-muted: #5c6280;\r\n  --tecsify-bg: #ffffff;\r\n  --tecsify-stroke: rgba(3, 3, 153, 0.12);\r\n  --tecsify-shadow: 0 10px 26px rgba(13, 23, 60, 0.12);\r\n}\r\n\r\n\/* wrapper *\/\r\n.ml-banner{ padding: 10px 24px 10px;\r\n\r\n    \r\n}\r\n\r\n\/* card *\/\r\n.ml-banner__card{\r\n    \r\n  position: relative;\r\n  display: block;\r\n  width: 100%;\r\n  border-radius: 18px;\r\n  text-decoration: none;\r\n  color: inherit;\r\n  box-shadow: var(--tecsify-shadow);\r\n  background: transparent;\r\n  overflow: hidden;\r\n  transform: translateZ(0);\r\n\r\n    \r\n}\r\n\r\n\/* ring (ADN) *\/\r\n.ml-banner__ring{\r\n  position: absolute;\r\n  inset: -2px;\r\n  border-radius: 20px;\r\n  background:\r\n    conic-gradient(\r\n      from 180deg,\r\n      rgba(3,3,153,0.85),\r\n      rgba(90,120,255,0.65),\r\n      rgba(3,3,153,0.85),\r\n      rgba(125,211,252,0.55),\r\n      rgba(3,3,153,0.85)\r\n    );\r\n  filter: saturate(1.05);\r\n  animation: mlb-spin 6.5s linear infinite;\r\n  pointer-events: none;\r\n  \r\n}\r\n\r\n\r\n\/* inner layout *\/\r\n.ml-banner__inner{\r\n  position: relative;\r\n  margin: 1px;\r\n  border-radius: 17px;\r\n  background: var(--tecsify-bg);\r\n  border: 1px solid var(--tecsify-stroke);\r\n\r\n  display: grid;\r\n  grid-template-columns: 1fr 160px auto;\r\n  gap: 14px;\r\n  align-items: center;\r\n\r\n  padding: 14px 18px;\r\n  overflow: hidden;\r\n}\r\n\r\n\/* shimmer sutil *\/\r\n.ml-banner__inner::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:-40% -30%;\r\n  background: linear-gradient(\r\n    90deg,\r\n    rgba(255,255,255,0) 0%,\r\n    rgba(3,3,153,.05) 38%,\r\n    rgba(3,3,153,.10) 50%,\r\n    rgba(3,3,153,.05) 62%,\r\n    rgba(255,255,255,0) 100%\r\n  );\r\n  transform: rotate(8deg) translateX(-55%);\r\n  animation: mlb-shimmer 9.4s cubic-bezier(.2,.8,.2,1) infinite;\r\n  pointer-events: none;\r\n  opacity: .90;\r\n}\r\n\r\n\/* left content *\/\r\n.ml-banner__left{ position: relative; z-index: 1; min-width: 0; }\r\n\r\n.ml-banner__topline{\r\n    \r\n  display:flex;\r\n  align-items:center;\r\n  gap: 8px;\r\n  flex-wrap: wrap;\r\n}\r\n\r\n.ml-banner__pill{\r\n  display: inline-flex;\r\n  align-items: center;\r\n  padding: 6px 10px;\r\n  border-radius: 999px;\r\n  font-size: 12px;\r\n  font-weight: 800;\r\n  letter-spacing: .06em;\r\n  text-transform: uppercase;\r\n  color: var(--tecsify-navy);\r\n  background: rgba(3,3,153,0.06);\r\n  border: 1px solid rgba(3,3,153,0.12);\r\n}\r\n\r\n.ml-banner__badge{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  padding: 6px 10px;\r\n  border-radius: 999px;\r\n  font-size: 12px;\r\n  font-weight: 900;\r\n  color: #0b1020;\r\n  background: rgba(125, 211, 252, 0.55);\r\n  border: 1px solid rgba(3,3,153,0.10);\r\n}\r\n\r\n\/* title *\/\r\n.ml-banner__title{\r\n  margin: 6px 0 6px;\r\n  font-size: clamp(18px, 2.0vw, 22px);\r\n  line-height: 1.15;\r\n  font-weight: 950;\r\n  letter-spacing: -0.02em;\r\n  color: var(--tecsify-text);\r\n}\r\n.ml-banner__title span{\r\n  color: var(--tecsify-navy);\r\n  font-weight: 950;\r\n}\r\n\r\n\/* desc *\/\r\n.ml-banner__desc{\r\n  margin: 0 0 10px;\r\n  font-size: 13px;\r\n  line-height: 1.5;\r\n  color: var(--tecsify-muted);\r\n  max-width: 66ch;\r\n\r\n  display:-webkit-box;\r\n  -webkit-line-clamp: 2;\r\n  -webkit-box-orient: vertical;\r\n  overflow:hidden;\r\n}\r\n\r\n\/* chips *\/\r\n.ml-banner__meta{\r\n  display:flex;\r\n  flex-wrap: wrap;\r\n  gap: 7px;\r\n}\r\n.ml-banner__chip{\r\n  font-size: 12px;\r\n  font-weight: 700;\r\n  color: rgba(18,22,53,0.85);\r\n  background: rgba(13,23,60,0.04);\r\n  border: 1px solid rgba(13,23,60,0.08);\r\n  padding: 6px 10px;\r\n  border-radius: 999px;\r\n}\r\n\r\n\/* visual block (producto) *\/\r\n.ml-banner__visual{\r\n  position: relative;\r\n  height: 78px;\r\n  border-radius: 16px;\r\n  border: 1px solid rgba(3,3,153,0.10);\r\n  background:\r\n    radial-gradient(18px 18px at 30% 30%, rgba(3,3,153,0.18), transparent 70%),\r\n    radial-gradient(18px 18px at 70% 70%, rgba(26,26,184,0.14), transparent 70%),\r\n    linear-gradient(135deg, rgba(3,3,153,0.10), rgba(3,3,153,0.02));\r\n  overflow: hidden;\r\n}\r\n.ml-banner__grid{\r\n  position:absolute;\r\n  inset: 0;\r\n  background:\r\n    linear-gradient(rgba(3,3,153,.10) 1px, transparent 1px),\r\n    linear-gradient(90deg, rgba(3,3,153,.10) 1px, transparent 1px);\r\n  background-size: 26px 26px;\r\n  opacity: .18;\r\n  pointer-events:none;\r\n}\r\n.ml-banner__orb{\r\n  position:absolute;\r\n  border-radius: 999px;\r\n  background: radial-gradient(circle at 30% 30%, rgba(90,120,255,.35), transparent 65%);\r\n  filter: saturate(1.05);\r\n  opacity: .9;\r\n  animation: mlb-float 6.5s ease-in-out infinite;\r\n}\r\n.ml-banner__orb--1{\r\n  width: 62px; height: 62px;\r\n  top: -18px; left: -12px;\r\n}\r\n.ml-banner__orb--2{\r\n  width: 74px; height: 74px;\r\n  bottom: -26px; right: -22px;\r\n  animation-duration: 7.8s;\r\n  opacity: .75;\r\n}\r\n\r\n\/* CTA *\/\r\n.ml-banner__cta{\r\n  position: relative;\r\n  z-index: 1;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content: center;\r\n  gap: 10px;\r\n\r\n  padding: 10px 12px;\r\n  border-radius: 12px;\r\n\r\n  background: linear-gradient(135deg, var(--tecsify-navy), var(--tecsify-navy-2));\r\n  color: #fff;\r\n\r\n  font-size: 12px;\r\n  font-weight: 950;\r\n  letter-spacing: .08em;\r\n  text-transform: uppercase;\r\n\r\n  box-shadow: 0 10px 18px rgba(3,3,153,0.22);\r\n  transition: transform .22s ease, box-shadow .22s ease, filter .22s ease;\r\n  white-space: nowrap;\r\n}\r\n.ml-banner__arrow{ width: 18px; height: 18px; }\r\n\r\n\r\n\r\n\/* Hover *\/\r\n@media (hover:hover){\r\n  .ml-banner__card:hover .ml-banner__cta{\r\n    transform: translateY(-1px);\r\n    box-shadow: 0 14px 24px rgba(3,3,153,0.30);\r\n    filter: saturate(1.05);\r\n  }\r\n  .ml-banner__card:hover .ml-banner__ring{\r\n    filter: saturate(1.15) brightness(1.02);\r\n  }\r\n  .ml-banner__card:hover{\r\n    box-shadow: 0 14px 34px rgba(13, 23, 60, 0.14);\r\n  }\r\n}\r\n\r\n\/* Focus *\/\r\n.ml-banner__card:focus-visible{\r\n  outline: 3px solid rgba(3,3,153,0.30);\r\n  outline-offset: 3px;\r\n  border-radius: 18px;\r\n}\r\n\r\n\/* Animations *\/\r\n@keyframes mlb-spin{ to { transform: rotate(360deg); } }\r\n@keyframes mlb-shimmer{\r\n  0%   { transform: rotate(8deg) translateX(-60%); opacity: 0; }\r\n  12%  { opacity: .70; }\r\n  60%  { opacity: .45; }\r\n  100% { transform: rotate(8deg) translateX(60%); opacity: 0; }\r\n}\r\n@keyframes mlb-float{\r\n  0%,100% { transform: translate(0,0); }\r\n  50%     { transform: translate(10px, -6px); }\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 820px){\r\n  .ml-banner__inner{\r\n    grid-template-columns: 1fr auto;\r\n    grid-template-rows: auto auto;\r\n  }\r\n  .ml-banner__visual{ display:none; }\r\n  .ml-banner__cta{ justify-self: end; align-self: start; }\r\n}\r\n@media (max-width: 560px){\r\n  .ml-banner{ padding: 10px 14px 10px; }\r\n  .ml-banner__inner{\r\n    grid-template-columns: 1fr;\r\n    grid-template-rows: auto auto;\r\n    gap: 10px;\r\n  }\r\n  .ml-banner__cta{ width: 100%; }\r\n}\r\n\r\n\/* Reduced motion *\/\r\n@media (prefers-reduced-motion: reduce){\r\n  .ml-banner__ring,\r\n  .ml-banner__inner::before,\r\n  .ml-banner__orb{\r\n    animation: none !important;\r\n  }\r\n}\r\n<\/style>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e6a179c elementor-widget elementor-widget-shortcode\" data-id=\"e6a179c\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-shortcode\">    <section class=\"case-carousel\" data-interval=\"3200\">\n      <div class=\"case-carousel__head\">\n        <div>\n          <h3 class=\"case-carousel__title\">Portal de Infograf\u00edas \/ C\u00e1psulas<\/h3>\n                      <p class=\"case-carousel__subtitle\">Microlecciones visuales y pr\u00e1cticas para aprender en minutos: infograf\u00edas, gu\u00edas y recursos accionables que convierten conocimiento en habilidad.<\/p>\n                  <\/div>\n\n        <a class=\"case-carousel__more\" href=\"\/blog\/infografias\/\">\n          VER M\u00c1S CONTENIDO        <\/a>\n      <\/div>\n\n      <div class=\"case-carousel__controls\" aria-label=\"Controles del carrusel\">\n        <button class=\"case-carousel__btn\" type=\"button\" data-case-prev aria-label=\"Anterior\">\u2039<\/button>\n        <button class=\"case-carousel__btn\" type=\"button\" data-case-next aria-label=\"Siguiente\">\u203a<\/button>\n      <\/div>\n\n      <div class=\"case-carousel__viewport\">\n        <ul class=\"case-carousel__track\" role=\"list\">\n                      <li class=\"case-slide\">\n              <a class=\"case-card__link\" href=\"https:\/\/tecsify.com\/blog\/infografia\/tipos-de-input-en-html5\/\">\n                <div class=\"case-card__media\">\n                  <img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"768\" src=\"https:\/\/tecsify.com\/blog\/wp-content\/uploads\/2025\/10\/Group-27-768x768.jpg\" class=\"case-card__img wp-post-image\" alt=\"Infograf\u00eda de tecsify que muestra 19 tipos de input en HTML para formularios web, incluyendo ejemplos pr\u00e1cticos de campos como text, email, password, tel, number, search, url, file, hidden, button, reset, submit, radio, checkbox, range, image, color, date y time.\" loading=\"lazy\" \/>                <\/div>\n\n                <div class=\"case-card__meta\">\n                  <p class=\"case-card__name\">Gu\u00eda completa de todos los tipos de input en HTML<\/p>\n                                      <p class=\"case-card__sub\">Infografia<\/p>\n                                  <\/div>\n              <\/a>\n            <\/li>\n                      <li class=\"case-slide\">\n              <a class=\"case-card__link\" href=\"https:\/\/tecsify.com\/blog\/infografia\/que-es-docker-y-como-funciona\/\">\n                <div class=\"case-card__media\">\n                  <img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"768\" src=\"https:\/\/tecsify.com\/blog\/wp-content\/uploads\/2024\/04\/Docker-768x768.png\" class=\"case-card__img wp-post-image\" alt=\"Qu\u00e9 es Docker y c\u00f3mo funciona por Tecsify\" loading=\"lazy\" \/>                <\/div>\n\n                <div class=\"case-card__meta\">\n                  <p class=\"case-card__name\">\u00bfQu\u00e9 es Docker y c\u00f3mo funciona?<\/p>\n                                      <p class=\"case-card__sub\">Infografia<\/p>\n                                  <\/div>\n              <\/a>\n            <\/li>\n                      <li class=\"case-slide\">\n              <a class=\"case-card__link\" href=\"https:\/\/tecsify.com\/blog\/infografia\/infografia-bugs-heroes-o-villanos\/\">\n                <div class=\"case-card__media\">\n                  <img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"768\" src=\"https:\/\/tecsify.com\/blog\/wp-content\/uploads\/2024\/11\/BUGS-768x768.png\" class=\"case-card__img wp-post-image\" alt=\"Infografia de Bugs por Tecsify\" loading=\"lazy\" \/>                <\/div>\n\n                <div class=\"case-card__meta\">\n                  <p class=\"case-card__name\">Infograf\u00eda: Bugs: \u00bfH\u00e9roes o Villanos?<\/p>\n                                      <p class=\"case-card__sub\">Infografia<\/p>\n                                  <\/div>\n              <\/a>\n            <\/li>\n                      <li class=\"case-slide\">\n              <a class=\"case-card__link\" href=\"https:\/\/tecsify.com\/blog\/infografia\/programacion-orientada-a-objetos-explicada-con-perritos\/\">\n                <div class=\"case-card__media\">\n                  <img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"768\" src=\"https:\/\/tecsify.com\/blog\/wp-content\/uploads\/2024\/04\/POO-768x768.png\" class=\"case-card__img wp-post-image\" alt=\"Programacion orientada a objetos por tecsify\" loading=\"lazy\" \/>                <\/div>\n\n                <div class=\"case-card__meta\">\n                  <p class=\"case-card__name\">Programaci\u00f3n Orientada a Objetos (Explicada con perritos)<\/p>\n                                      <p class=\"case-card__sub\">Infografia<\/p>\n                                  <\/div>\n              <\/a>\n            <\/li>\n                      <li class=\"case-slide\">\n              <a class=\"case-card__link\" href=\"https:\/\/tecsify.com\/blog\/infografia\/sql-comandos\/\">\n                <div class=\"case-card__media\">\n                  <img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"768\" src=\"https:\/\/tecsify.com\/blog\/wp-content\/uploads\/2024\/03\/Group-21-768x768.png\" class=\"case-card__img wp-post-image\" alt=\"Que es SQL por Tecsify explicado con gatitos\" loading=\"lazy\" \/>                <\/div>\n\n                <div class=\"case-card__meta\">\n                  <p class=\"case-card__name\">SQL y sus comandos b\u00e1sicos<\/p>\n                                      <p class=\"case-card__sub\">Infografia<\/p>\n                                  <\/div>\n              <\/a>\n            <\/li>\n                  <\/ul>\n      <\/div>\n    <\/section>\n  \n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9e04df5 elementor-widget elementor-widget-spacer\" data-id=\"9e04df5\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\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<\/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-3be75ab elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"3be75ab\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\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-7805952\" data-id=\"7805952\" data-element_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-687173c elementor-widget elementor-widget-html\" data-id=\"687173c\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<section class=\"secbar secbar--programacion\" aria-labelledby=\"secbar-prog-title\">\r\n  <div class=\"secbar__inner\">\r\n    <div class=\"secbar__dot\" aria-hidden=\"true\"><\/div>\r\n\r\n    <div class=\"secbar__copy\">\r\n      <h2 class=\"secbar__title\" id=\"secbar-prog-title\">\r\n        Programaci\u00f3n y Desarrollo de software\r\n      <\/h2>\r\n      <p class=\"secbar__desc\" id=\"secbar-prog-desc\">\r\n        Recursos de desarrollo de software seleccionados para comprender c\u00f3mo se construyen las cosas a trav\u00e9s de conceptos y ejemplos.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <a\r\n      class=\"secbar__cta\"\r\n      href=\"https:\/\/tecsify.com\/blog\/category\/programacion\/\"\r\n      aria-describedby=\"secbar-prog-desc\"\r\n      aria-label=\"Ver art\u00edculos de programaci\u00f3n y desarrollo de software\"\r\n    >\r\n      VER PROGRAMACI\u00d3N <span class=\"secbar__arrow\" aria-hidden=\"true\">\u203a<\/span>\r\n    <\/a>\r\n  <\/div>\r\n<\/section>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6a49621 elementor-widget elementor-widget-shortcode\" data-id=\"6a49621\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-shortcode\">  <div class=\"hp-latest\">\n    <section class=\"latest\">\n      <div class=\"latest__head\">\n        <div class=\"latest__rule\"><\/div>\n      <\/div>\n\n      <div class=\"latest__grid\">\n        <!-- HERO -->\n       <!-- HERO -->\n<article class=\"hero\">\n  <a class=\"hero__overlay\" href=\"https:\/\/tecsify.com\/blog\/python-vs-java-2026\/\">\n    Java vs Python \u00bfcu\u00e1l debes aprender este 2026?  <\/a>\n\n      <img loading=\"lazy\" decoding=\"async\" width=\"773\" height=\"522\" src=\"https:\/\/tecsify.com\/blog\/wp-content\/uploads\/2026\/01\/nuevaplantiblog-3.jpg\" class=\"hero__img wp-post-image\" alt=\"Java vs Python: \u00bfCu\u00e1l debes aprender?\" loading=\"lazy\" \/>  \n  <div class=\"hero__content\">\n\n    <h2 class=\"hero__headline\">\n      <a class=\"hero__titlelink\" href=\"https:\/\/tecsify.com\/blog\/python-vs-java-2026\/\">\n        Java vs Python \u00bfcu\u00e1l debes aprender este 2026?      <\/a>\n    <\/h2>\n\n    <div class=\"meta\">\n      <span>Redacci\u00f3n Tecsify<\/span>\n      <span class=\"dot\">\u2022<\/span>\n      <time datetime=\"2026-01-17T20:31:57-06:00\">\n        17 enero, 2026      <\/time>\n    <\/div>\n  <\/div>\n<\/article>\n\n\n        <!-- LISTA -->\n        <aside class=\"side\">\n                      <div class=\"item\">\n              <div>\n                <h4 class=\"item__title\">\n                  <a href=\"https:\/\/tecsify.com\/blog\/comandos-docker\/\">\n                    Comandos de Docker: ejemplos y funciones esenciales para devs                  <\/a>\n                <\/h4>\n                <div class=\"item__meta\">\n                  <span>Redacci\u00f3n Tecsify<\/span>\n                  <span class=\"dot\">\u2022<\/span>\n                  <time datetime=\"2026-01-17T19:57:30-06:00\">\n                    17 enero, 2026                  <\/time>\n                <\/div>\n              <\/div>\n              <div class=\"thumb\">\n                <img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"203\" src=\"https:\/\/tecsify.com\/blog\/wp-content\/uploads\/2026\/01\/nuevaplantiblog-1-300x203.jpg\" class=\"attachment-medium size-medium wp-post-image\" alt=\"Comandos Docker m\u00e1s utilizados\" loading=\"lazy\" \/>              <\/div>\n            <\/div>\n                      <div class=\"item\">\n              <div>\n                <h4 class=\"item__title\">\n                  <a href=\"https:\/\/tecsify.com\/blog\/input-en-html\/\">\n                    Todos los tipos de input en HTML                  <\/a>\n                <\/h4>\n                <div class=\"item__meta\">\n                  <span>Redacci\u00f3n Tecsify<\/span>\n                  <span class=\"dot\">\u2022<\/span>\n                  <time datetime=\"2026-01-08T09:03:00-06:00\">\n                    8 enero, 2026                  <\/time>\n                <\/div>\n              <\/div>\n              <div class=\"thumb\">\n                <img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"203\" src=\"https:\/\/tecsify.com\/blog\/wp-content\/uploads\/2023\/11\/tipos-input-300x203.jpg\" class=\"attachment-medium size-medium wp-post-image\" alt=\"Tipos de input en HTML\" loading=\"lazy\" \/>              <\/div>\n            <\/div>\n                      <div class=\"item\">\n              <div>\n                <h4 class=\"item__title\">\n                  <a href=\"https:\/\/tecsify.com\/blog\/lenguajes-programacion-mas-populares-sept-2025\/\">\n                    Los 10 lenguajes de programaci\u00f3n que dominan la era de la IA en 2025                  <\/a>\n                <\/h4>\n                <div class=\"item__meta\">\n                  <span>Redacci\u00f3n Tecsify<\/span>\n                  <span class=\"dot\">\u2022<\/span>\n                  <time datetime=\"2025-09-18T00:43:18-06:00\">\n                    18 septiembre, 2025                  <\/time>\n                <\/div>\n              <\/div>\n              <div class=\"thumb\">\n                <img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"203\" src=\"https:\/\/tecsify.com\/blog\/wp-content\/uploads\/2025\/09\/lenguajesmasusados-300x203.jpg\" class=\"attachment-medium size-medium wp-post-image\" alt=\"Lenguajes de Programaci\u00f3n Septiembre 2025\" loading=\"lazy\" \/>              <\/div>\n            <\/div>\n                  <\/aside>\n\n      <\/div>\n    <\/section>\n  <\/div>\n  <\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5746db3 elementor-widget elementor-widget-shortcode\" data-id=\"5746db3\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-shortcode\">    <section class=\"case-carousel\" data-interval=\"3200\">\n      <div class=\"case-carousel__head\">\n        <div>\n          <h3 class=\"case-carousel__title\">Portal de Ejercicios de Programaci\u00f3n<\/h3>\n                      <p class=\"case-carousel__subtitle\">Ejercicios pr\u00e1cticos y ejemplos funcionales para aprender programando.\nC\u00f3digo explicado, listo para ejecutar, modificar y entender c\u00f3mo funciona en escenarios reales.<\/p>\n                  <\/div>\n\n        <a class=\"case-carousel__more\" href=\"\/blog\/codigos\/\">\n          VER M\u00c1S C\u00d3DIGOS        <\/a>\n      <\/div>\n\n      <div class=\"case-carousel__controls\" aria-label=\"Controles del carrusel\">\n        <button class=\"case-carousel__btn\" type=\"button\" data-case-prev aria-label=\"Anterior\">\u2039<\/button>\n        <button class=\"case-carousel__btn\" type=\"button\" data-case-next aria-label=\"Siguiente\">\u203a<\/button>\n      <\/div>\n\n      <div class=\"case-carousel__viewport\">\n        <ul class=\"case-carousel__track\" role=\"list\">\n                      <li class=\"case-slide\">\n              <a class=\"case-card__link\" href=\"https:\/\/tecsify.com\/blog\/codigo\/codigos-de-barras-con-python\/\">\n                <div class=\"case-card__media\">\n                  <img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"768\" src=\"https:\/\/tecsify.com\/blog\/wp-content\/uploads\/2025\/03\/Frame-1-768x768.jpg\" class=\"case-card__img wp-post-image\" alt=\"C\u00f3mo Crear C\u00f3digos de Barras con Python en Segundos por Tecsify\" loading=\"lazy\" \/>                <\/div>\n\n                <div class=\"case-card__meta\">\n                  <p class=\"case-card__name\">Aprende como crear c\u00f3digos de barras con Python en segundos<\/p>\n                                      <p class=\"case-card__sub\">Codigo<\/p>\n                                  <\/div>\n              <\/a>\n            <\/li>\n                      <li class=\"case-slide\">\n              <a class=\"case-card__link\" href=\"https:\/\/tecsify.com\/blog\/codigo\/texto-en-voz-tts-con-python-en-segundos\/\">\n                <div class=\"case-card__media\">\n                  <img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"768\" src=\"https:\/\/tecsify.com\/blog\/wp-content\/uploads\/2025\/02\/Frame-1-768x768.png\" class=\"case-card__img wp-post-image\" alt=\"Gu\u00eda explicada de conversi\u00f3n de texto a voz con Python por Tecsify\" loading=\"lazy\" \/>                <\/div>\n\n                <div class=\"case-card__meta\">\n                  <p class=\"case-card__name\">Convierte texto en voz (TTS) con Python \u00a1en segundos!<\/p>\n                                      <p class=\"case-card__sub\">Codigo<\/p>\n                                  <\/div>\n              <\/a>\n            <\/li>\n                      <li class=\"case-slide\">\n              <a class=\"case-card__link\" href=\"https:\/\/tecsify.com\/blog\/codigo\/python-webtech\/\">\n                <div class=\"case-card__media\">\n                  <img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"768\" src=\"https:\/\/tecsify.com\/blog\/wp-content\/uploads\/2022\/11\/Python-Inversa-768x768.jpg\" class=\"case-card__img wp-post-image\" alt=\"Python ingenier\u00eda inversa\" loading=\"lazy\" \/>                <\/div>\n\n                <div class=\"case-card__meta\">\n                  <p class=\"case-card__name\">Ingenier\u00eda inversa web con Python webtech<\/p>\n                                      <p class=\"case-card__sub\">Codigo<\/p>\n                                  <\/div>\n              <\/a>\n            <\/li>\n                      <li class=\"case-slide\">\n              <a class=\"case-card__link\" href=\"https:\/\/tecsify.com\/blog\/codigo\/python-traductor\/\">\n                <div class=\"case-card__media\">\n                  <img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"768\" src=\"https:\/\/tecsify.com\/blog\/wp-content\/uploads\/2021\/04\/Python-Translate-768x768.jpg\" class=\"case-card__img wp-post-image\" alt=\"Python Translate\" loading=\"lazy\" \/>                <\/div>\n\n                <div class=\"case-card__meta\">\n                  <p class=\"case-card__name\">Traducir textos a cualquier idioma con Python<\/p>\n                                      <p class=\"case-card__sub\">Codigo<\/p>\n                                  <\/div>\n              <\/a>\n            <\/li>\n                      <li class=\"case-slide\">\n              <a class=\"case-card__link\" href=\"https:\/\/tecsify.com\/blog\/codigo\/python-qrcode\/\">\n                <div class=\"case-card__media\">\n                  <img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"768\" src=\"https:\/\/tecsify.com\/blog\/wp-content\/uploads\/2021\/06\/PythonQrcode-768x768.jpg\" class=\"case-card__img wp-post-image\" alt=\"PythonQrcode\" loading=\"lazy\" \/>                <\/div>\n\n                <div class=\"case-card__meta\">\n                  <p class=\"case-card__name\">Python: Aprende a crear c\u00f3digos QR personalizados<\/p>\n                                      <p class=\"case-card__sub\">Codigo<\/p>\n                                  <\/div>\n              <\/a>\n            <\/li>\n                  <\/ul>\n      <\/div>\n    <\/section>\n  \n<\/div>\n\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-7f35234 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"7f35234\" data-element_type=\"section\">\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-9b864c7\" data-id=\"9b864c7\" data-element_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-67b2098 elementor-widget elementor-widget-html\" data-id=\"67b2098\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<section class=\"ml-banner ml-banner--prodigy\" aria-labelledby=\"mlb-title\">\r\n\r\n  <a\r\n    class=\"ml-banner__card\"\r\n    href=\"https:\/\/certificados.tecsify.com\"\r\n    aria-labelledby=\"mlb-title\"\r\n    aria-describedby=\"mlb-desc mlb-features\"\r\n  >\r\n      \r\n    <span class=\"ml-banner__ring\" aria-hidden=\"true\"><\/span>\r\n\r\n    <div class=\"ml-banner__inner\">\r\n      <div class=\"ml-banner__left\">\r\n        <div class=\"ml-banner__topline\">\r\n          <span class=\"ml-banner__pill\">Certificados | Tecsify <\/span>\r\n          <span class=\"ml-banner__badge\">Tecsify Verify<\/span>\r\n        <\/div>\r\n\r\n        <h2 class=\"ml-banner__title\" id=\"mlb-title\">\r\n          Certifica tus habilidades con <span>credenciales digitales<\/span> \r\n        <\/h2>\r\n\r\n        <p class=\"ml-banner__desc\" id=\"mlb-desc\">\r\nUn certificado Tecsify no es solo un comprobante: es un sello de confianza que abre puertas en el mercado laboral y acad\u00e9mico con credenciales digitales oficiales y verificables.\r\n        <\/p>\r\n\r\n        <div class=\"ml-banner__meta\" id=\"mlb-features\" aria-label=\"Caracter\u00edsticas\">\r\n          <span class=\"ml-banner__chip\">Seguro<\/span>\r\n          <span class=\"ml-banner__chip\">Reconocimiento Global<\/span>\r\n          <span class=\"ml-banner__chip\">Blockchain<\/span>\r\n          <span class=\"ml-banner__chip\">Emisi\u00f3n y verificaci\u00f3n<\/span>          \r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Decorativo (producto), sin robar atenci\u00f3n -->\r\n      <div class=\"ml-banner__visual\" aria-hidden=\"true\">\r\n        <div class=\"ml-banner__orb ml-banner__orb--1\"><\/div>\r\n        <div class=\"ml-banner__orb ml-banner__orb--2\"><\/div>\r\n        <div class=\"ml-banner__grid\"><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"ml-banner__cta\" aria-hidden=\"true\">\r\n        Certificate ahora\r\n        <svg class=\"ml-banner__arrow\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\r\n          <path d=\"M5 12h12\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"\/>\r\n          <path d=\"M13 6l6 6-6 6\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n    <\/div>\r\n  <\/a>\r\n\r\n<\/section>\r\n\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4602df4 elementor-widget elementor-widget-html\" data-id=\"4602df4\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<section class=\"secbar\" aria-labelledby=\"secbar-tech-title\">\r\n  <div class=\"secbar__inner\">\r\n    <div class=\"secbar__dot\" aria-hidden=\"true\"><\/div>\r\n\r\n    <div class=\"secbar__copy\">\r\n      <h2 class=\"secbar__title\" id=\"secbar-tech-title\">Tecnolog\u00eda e innovaci\u00f3n<\/h2>\r\n      <p class=\"secbar__desc\" id=\"secbar-tech-desc\">\r\n        An\u00e1lisis y lecturas sobre tecnolog\u00eda e innovaci\u00f3n para entender hacia d\u00f3nde se mueven las cosas.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <a\r\n      class=\"secbar__cta\"\r\n      href=\"https:\/\/tecsify.com\/blog\/category\/tech\/\"\r\n      aria-describedby=\"secbar-tech-desc\"\r\n      aria-label=\"Ver todo el contenido de tecnolog\u00eda e innovaci\u00f3n\"\r\n    >\r\n      VER TODO DE TECH <span class=\"secbar__arrow\" aria-hidden=\"true\">\u203a<\/span>\r\n    <\/a>\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n.secbar{\r\n  --sec-accent: rgba(60,120,255,.95);\r\n  --sec-accent-soft: rgba(60,120,255,.18);\r\n  --sec-cta-ink: rgba(31,76,255,1);\r\n  --sec-bg-1: rgba(31,76,255,.26);\r\n  --sec-bg-2: rgba(120,80,255,.16);\r\n  --sec-title: #ffffff;\r\n  --sec-desc: rgba(255,255,255,.78);\r\n\r\n  padding: 10px 24px 4px;\r\n}\r\n\r\n.secbar__inner{\r\n  position: relative;\r\n  border-radius: 18px;\r\n  overflow: hidden;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content: space-between;\r\n  gap: 16px;\r\n\r\n  padding: 16px 18px;\r\n\r\n  background:\r\n    radial-gradient(900px 420px at 18% 10%, var(--sec-bg-1), transparent 60%),\r\n    radial-gradient(680px 420px at 86% 40%, var(--sec-bg-2), transparent 62%),\r\n    linear-gradient(180deg, #070b18 0%, #0b0f1f 60%, #070b18 100%);\r\n  border: 1px solid rgba(255,255,255,.07);\r\n  box-shadow: 0 22px 70px rgba(0,0,0,.28);\r\n}\r\n\r\n.secbar__inner::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  top:0;\r\n  left:0;\r\n  right:0;\r\n  height: 2px;\r\n  background: linear-gradient(90deg, rgba(255,255,255,0), var(--sec-accent), rgba(255,255,255,0));\r\n  opacity:.85;\r\n  pointer-events:none;\r\n}\r\n\r\n.secbar__dot{\r\n  width: 10px;\r\n  height: 10px;\r\n  border-radius: 999px;\r\n  background: var(--sec-accent);\r\n  box-shadow: 0 0 0 6px var(--sec-accent-soft);\r\n  flex: 0 0 auto;\r\n}\r\n\r\n.secbar__copy{\r\n  min-width: 0;\r\n  flex: 1 1 auto;\r\n}\r\n\r\n.secbar__title{\r\n  margin: 0 0 6px 0;\r\n  font-size: clamp(18px, 2.0vw, 24px);\r\n  line-height: 1.12;\r\n  font-weight: 950;\r\n  letter-spacing: -0.02em;\r\n  color: var(--sec-title);\r\n}\r\n\r\n.secbar__desc{\r\n  margin: 0;\r\n  font-size: 13px;\r\n  line-height: 1.45;\r\n  color: var(--sec-desc);\r\n\r\n  display:-webkit-box;\r\n  -webkit-line-clamp: 1;\r\n  -webkit-box-orient: vertical;\r\n  overflow:hidden;\r\n}\r\n\r\n.secbar__cta{\r\n  flex: 0 0 auto;\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap: 10px;\r\n\r\n  padding: 10px 14px;\r\n  border-radius: 999px;\r\n\r\n  font-size: 12px;\r\n  font-weight: 950;\r\n  letter-spacing: .12em;\r\n  text-transform: uppercase;\r\n\r\n  color: var(--sec-cta-ink);\r\n  text-decoration:none;\r\n\r\n  background: rgba(255,255,255,.92);\r\n  border: 1px solid rgba(255,255,255,.14);\r\n  box-shadow: 0 16px 45px rgba(0,0,0,.25);\r\n\r\n  transition: transform .22s ease, opacity .22s ease, background-color .22s ease;\r\n}\r\n\r\n.secbar__arrow{\r\n  font-size: 16px;\r\n  line-height: 1;\r\n  transform: translateY(-1px);\r\n}\r\n\r\n@media (hover:hover){\r\n  .secbar__cta:hover{\r\n    transform: translateY(-1px);\r\n    opacity: .92;\r\n    background: rgba(255,255,255,.96);\r\n  }\r\n}\r\n\r\n.secbar__cta:focus-visible{\r\n  outline:none;\r\n  box-shadow: 0 0 0 2px rgba(255,255,255,.22), 0 0 0 5px rgba(40,90,255,.40);\r\n}\r\n\r\n@media (max-width: 720px){\r\n  .secbar{ padding: 10px 14px 12px; }\r\n  .secbar__inner{ gap: 12px; padding: 14px 14px; }\r\n  .secbar__desc{ -webkit-line-clamp: 2; }\r\n  .secbar__cta{ padding: 9px 12px; letter-spacing: .10em; }\r\n}\r\n\r\n@media (max-width: 520px){\r\n  .secbar__inner{ flex-direction: column; align-items: flex-start; }\r\n  .secbar__cta{ align-self: flex-end; }\r\n}\r\n\r\n.secbar--programacion{\r\n  --sec-accent: rgba(0, 210, 255, .95);\r\n  --sec-accent-soft: rgba(0, 210, 255, .18);\r\n  --sec-cta-ink: rgba(0, 170, 255, 1);\r\n\r\n  --sec-bg-1: rgba(0, 210, 255, .18);\r\n  --sec-bg-2: rgba(31, 76, 255, .16);\r\n}\r\n\r\n.secbar--guias{\r\n  --sec-accent: rgba(60,120,255,.95);\r\n  --sec-accent-soft: rgba(60,120,255,.18);\r\n  --sec-cta-ink: rgba(31,76,255,1);\r\n\r\n  --sec-bg-1: rgba(31,76,255,.26);\r\n  --sec-bg-2: rgba(120,80,255,.16);\r\n}\r\n\r\n\/* Comunidad: m\u00e1s humano, verde\/teal suave *\/\r\n.secbar--comunidad{\r\n  --sec-accent: rgba(0, 220, 160, .95);\r\n  --sec-accent-soft: rgba(0, 220, 160, .18);\r\n  --sec-cta-ink: rgba(0, 170, 120, 1);\r\n\r\n  --sec-bg-1: rgba(0, 220, 160, .16);\r\n  --sec-bg-2: rgba(60,120,255,.12);\r\n}\r\n\r\n.secbar--programacion .secbar__inner::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset: 0;\r\n  background:\r\n    linear-gradient(rgba(255,255,255,.06) 1px, transparent 1px),\r\n    linear-gradient(90deg, rgba(255,255,255,.06) 1px, transparent 1px);\r\n  background-size: 26px 26px;\r\n  opacity: .10;\r\n  pointer-events:none;\r\n}\r\n\r\n\r\n@keyframes secDotPulse {\r\n  0%   { transform: scale(1);   opacity: 1; }\r\n  45%  { transform: scale(1.18); opacity: 1; }\r\n  100% { transform: scale(1);   opacity: 1; }\r\n}\r\n\r\n@keyframes secDotHalo {\r\n  0%   { transform: scale(.9);  opacity: .55; }\r\n  70%  { transform: scale(2.2); opacity: 0; }\r\n  100% { transform: scale(2.2); opacity: 0; }\r\n}\r\n\r\n.secbar__dot{\r\n  position: relative;\r\n  transform: translateZ(0);\r\n  will-change: transform;\r\n  animation: secDotPulse 1.9s ease-in-out infinite;\r\n}\r\n\r\n.secbar__dot::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset: -10px;\r\n  border-radius: 999px;\r\n  background: radial-gradient(circle, var(--sec-accent) 0%, transparent 60%);\r\n  opacity: .0;\r\n  transform: translateZ(0);\r\n  animation: secDotHalo 1.9s ease-out infinite;\r\n}\r\n\r\n\r\n@media (hover:hover){\r\n  .secbar__inner:hover .secbar__dot{\r\n    animation-duration: 1.4s;\r\n  }\r\n  .secbar__inner:hover .secbar__dot::after{\r\n    animation-duration: 1.4s;\r\n  }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce){\r\n  .secbar__dot,\r\n  .secbar__dot::after{\r\n    animation: none !important;\r\n  }\r\n}\r\n\r\n\r\n   <\/style>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-91ba5c9 elementor-widget elementor-widget-shortcode\" data-id=\"91ba5c9\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-shortcode\">    \n    <div class=\"hp-featured\">\n      <article class=\"featured__card\">\n\n        <div class=\"featured__content\">\n          <a class=\"featured__tag\" href=\"https:\/\/tecsify.com\/blog\/category\/tech\/\">\n            Tecnolog\u00eda e innovaci\u00f3n          <\/a>\n\n          <h2 class=\"featured__title\">\n            <a href=\"https:\/\/tecsify.com\/blog\/input-en-html\/\">\n              Todos los tipos de input en HTML            <\/a>\n          <\/h2>\n\n          <div class=\"featured__meta\">\n            <span>Redacci\u00f3n Tecsify<\/span>\n            <span class=\"dot\">\u2022<\/span>\n            <time datetime=\"2026-01-08T09:03:00-06:00\">\n              8 enero, 2026            <\/time>\n          <\/div>\n\n          <p class=\"featured__excerpt\">\n            Aprende y domina los diferentes tipos de input en HTML con explicaci\u00f3n y ejemplos pr\u00e1cticos, mejora tus habilidades con Tecsify.          <\/p>\n        <\/div>\n\n        <a href=\"https:\/\/tecsify.com\/blog\/input-en-html\/\" class=\"featured__media\" aria-label=\"Todos los tipos de input en HTML\">\n          <img loading=\"lazy\" decoding=\"async\" width=\"773\" height=\"522\" src=\"https:\/\/tecsify.com\/blog\/wp-content\/uploads\/2023\/11\/tipos-input.jpg\" class=\"attachment-large size-large wp-post-image\" alt=\"Tipos de input en HTML\" loading=\"lazy\" \/>        <\/a>\n\n      <\/article>\n    <\/div>\n\n    <\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-163d498 elementor-widget elementor-widget-shortcode\" data-id=\"163d498\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-shortcode\">  <section class=\"post-grid post-grid--4\">\n          <article class=\"post-card lift-hover pulse-hover\">\n        <a class=\"post-card__media\" href=\"https:\/\/tecsify.com\/blog\/lenguajes-programacion-mas-populares-sept-2025\/\">\n          <img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"519\" src=\"https:\/\/tecsify.com\/blog\/wp-content\/uploads\/2025\/09\/lenguajesmasusados-768x519.jpg\" class=\"post-card__img pulse-target wp-post-image\" alt=\"Lenguajes de Programaci\u00f3n Septiembre 2025\" loading=\"lazy\" \/>        <\/a>\n\n        <div class=\"post-card__body\">\n          <h3 class=\"post-card__title\">\n            <a href=\"https:\/\/tecsify.com\/blog\/lenguajes-programacion-mas-populares-sept-2025\/\">Los 10 lenguajes de programaci\u00f3n que dominan la era de la IA en 2025<\/a>\n          <\/h3>\n\n          <div class=\"post-card__meta\">\n          <\/div>\n        <\/div>\n      <\/article>\n          <article class=\"post-card lift-hover pulse-hover\">\n        <a class=\"post-card__media\" href=\"https:\/\/tecsify.com\/blog\/dia-programador\/\">\n          <img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"519\" src=\"https:\/\/tecsify.com\/blog\/wp-content\/uploads\/2025\/09\/plantideblogs-12-768x519.jpg\" class=\"post-card__img pulse-target wp-post-image\" alt=\"D\u00eda del Programador 2025\" loading=\"lazy\" \/>        <\/a>\n\n        <div class=\"post-card__body\">\n          <h3 class=\"post-card__title\">\n            <a href=\"https:\/\/tecsify.com\/blog\/dia-programador\/\">D\u00eda del Programador: el secreto detr\u00e1s del n\u00famero 256<\/a>\n          <\/h3>\n\n          <div class=\"post-card__meta\">\n          <\/div>\n        <\/div>\n      <\/article>\n          <article class=\"post-card lift-hover pulse-hover\">\n        <a class=\"post-card__media\" href=\"https:\/\/tecsify.com\/blog\/tecsify-onu-huawei-ia-latinoamerica\/\">\n          <img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"519\" src=\"https:\/\/tecsify.com\/blog\/wp-content\/uploads\/2025\/08\/plantideblogs-10-768x519.jpg\" class=\"post-card__img pulse-target wp-post-image\" alt=\"Tecsify firma alianza con la ONU y Huawei para desarrollar Inteligencia Artificial en Latinoam\u00e9rica\" loading=\"lazy\" \/>        <\/a>\n\n        <div class=\"post-card__body\">\n          <h3 class=\"post-card__title\">\n            <a href=\"https:\/\/tecsify.com\/blog\/tecsify-onu-huawei-ia-latinoamerica\/\">Tecsify firma alianza con la ONU para desarrollar Inteligencia Artificial en Latinoam\u00e9rica<\/a>\n          <\/h3>\n\n          <div class=\"post-card__meta\">\n          <\/div>\n        <\/div>\n      <\/article>\n          <article class=\"post-card lift-hover pulse-hover\">\n        <a class=\"post-card__media\" href=\"https:\/\/tecsify.com\/blog\/tecsify-world-summit-awards\/\">\n          <img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"519\" src=\"https:\/\/tecsify.com\/blog\/wp-content\/uploads\/2025\/04\/plantideblogs-7-768x519.jpg\" class=\"post-card__img pulse-target wp-post-image\" alt=\"Oscar Morales Cuellar de Tecsify en el WSA 2025\" loading=\"lazy\" \/>        <\/a>\n\n        <div class=\"post-card__body\">\n          <h3 class=\"post-card__title\">\n            <a href=\"https:\/\/tecsify.com\/blog\/tecsify-world-summit-awards\/\">Tecsify pone a Guatemala en la cima al ganar los World Summit Awards WSA 2025 en India<\/a>\n          <\/h3>\n\n          <div class=\"post-card__meta\">\n          <\/div>\n        <\/div>\n      <\/article>\n      <\/section>\n  \n<\/div>\n\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-9fd75e9 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"9fd75e9\" data-element_type=\"section\">\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-6fb8b53\" data-id=\"6fb8b53\" data-element_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-6ba95a1 elementor-widget elementor-widget-html\" data-id=\"6ba95a1\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<section class=\"secbar secbar--comunidad\" aria-labelledby=\"secbar-title\">\r\n  <div class=\"secbar__inner\">\r\n    <div class=\"secbar__dot\" aria-hidden=\"true\"><\/div>\r\n\r\n    <div class=\"secbar__copy\">\r\n      <h2 class=\"secbar__title\" id=\"secbar-title\">Lo \u00faltimo del ecosistema de Tecsify<\/h2>\r\n      <p class=\"secbar__desc\" id=\"secbar-desc\">Noticias y novedades sobre Tecsify, nuestra comunidad, eventos y m\u00e1s.<\/p>\r\n    <\/div>\r\n\r\n    <a\r\n      class=\"secbar__cta\"\r\n      href=\"https:\/\/tecsify.com\/blog\/category\/noticias\/\"\r\n      aria-describedby=\"secbar-desc\"\r\n      aria-label=\"Ver m\u00e1s noticias del ecosistema de Tecsify\"\r\n    >\r\n      VER M\u00c1S NOTICIAS <span class=\"secbar__arrow\" aria-hidden=\"true\">\u203a<\/span>\r\n    <\/a>\r\n  <\/div>\r\n<\/section>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7de282c elementor-widget elementor-widget-spacer\" data-id=\"7de282c\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\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<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f73dcb1 elementor-widget elementor-widget-shortcode\" data-id=\"f73dcb1\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-shortcode\">    \n    <section class=\"featured-story post-card\">\n\n      <a href=\"https:\/\/tecsify.com\/blog\/oscar-morales-cuellar-onu-huawei\/\" class=\"featured-story__media\">\n        <img loading=\"lazy\" decoding=\"async\" width=\"773\" height=\"522\" src=\"https:\/\/tecsify.com\/blog\/wp-content\/uploads\/2025\/08\/plantideblogs-11.jpg\" class=\"attachment-large size-large wp-post-image\" alt=\"Oscar Morales Cuellar es reconocido por la ONU y Huawei como uno de los 31 innovadores m\u00e1s destacados del mundo\" loading=\"lazy\" \/>      <\/a>\n\n      <div class=\"featured-story__content\">\n        <span class=\"featured-story__label\">Historia destacada<\/span>\n\n        <h2 class=\"featured-story__title\">\n          Oscar Morales Cuellar es reconocido por la ONU como uno de los 31 innovadores m\u00e1s destacados del mundo        <\/h2>\n\n        <p class=\"featured-story__excerpt\">\n          Oscar Morales Cu\u00e9llar fue seleccionado por la Uni\u00f3n Internacional de Telecomunicaciones de la ONU como uno de los 31 l\u00edderes m\u00e1s innovadores del planeta        <\/p>\n\n        <a href=\"https:\/\/tecsify.com\/blog\/oscar-morales-cuellar-onu-huawei\/\" class=\"featured-story__cta\">\n          Leer historia \u2192\n        <\/a>\n      <\/div>\n\n    <\/section>\n\n  <\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bf62944 elementor-widget elementor-widget-shortcode\" data-id=\"bf62944\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-shortcode\">  <section class=\"post-grid post-grid--4\">\n          <article class=\"post-card lift-hover pulse-hover\">\n        <a class=\"post-card__media\" href=\"https:\/\/tecsify.com\/blog\/tecsify-onu-huawei-ia-latinoamerica\/\">\n          <img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"519\" src=\"https:\/\/tecsify.com\/blog\/wp-content\/uploads\/2025\/08\/plantideblogs-10-768x519.jpg\" class=\"post-card__img pulse-target wp-post-image\" alt=\"Tecsify firma alianza con la ONU y Huawei para desarrollar Inteligencia Artificial en Latinoam\u00e9rica\" loading=\"lazy\" \/>        <\/a>\n\n        <div class=\"post-card__body\">\n          <h3 class=\"post-card__title\">\n            <a href=\"https:\/\/tecsify.com\/blog\/tecsify-onu-huawei-ia-latinoamerica\/\">Tecsify firma alianza con la ONU para desarrollar Inteligencia Artificial en Latinoam\u00e9rica<\/a>\n          <\/h3>\n\n          <div class=\"post-card__meta\">\n          <\/div>\n        <\/div>\n      <\/article>\n          <article class=\"post-card lift-hover pulse-hover\">\n        <a class=\"post-card__media\" href=\"https:\/\/tecsify.com\/blog\/tecsify-forbes-30-under-30\/\">\n          <img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"519\" src=\"https:\/\/tecsify.com\/blog\/wp-content\/uploads\/2025\/07\/plantideblogs-8-768x519.jpg\" class=\"post-card__img pulse-target wp-post-image\" alt=\"Forbes 30 under 30 portada\" loading=\"lazy\" \/>        <\/a>\n\n        <div class=\"post-card__body\">\n          <h3 class=\"post-card__title\">\n            <a href=\"https:\/\/tecsify.com\/blog\/tecsify-forbes-30-under-30\/\">Tecsify en la portada de la primera edici\u00f3n de Forbes 30 Under 30 Latinoam\u00e9rica<\/a>\n          <\/h3>\n\n          <div class=\"post-card__meta\">\n          <\/div>\n        <\/div>\n      <\/article>\n          <article class=\"post-card lift-hover pulse-hover\">\n        <a class=\"post-card__media\" href=\"https:\/\/tecsify.com\/blog\/tecsify-world-summit-awards\/\">\n          <img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"519\" src=\"https:\/\/tecsify.com\/blog\/wp-content\/uploads\/2025\/04\/plantideblogs-7-768x519.jpg\" class=\"post-card__img pulse-target wp-post-image\" alt=\"Oscar Morales Cuellar de Tecsify en el WSA 2025\" loading=\"lazy\" \/>        <\/a>\n\n        <div class=\"post-card__body\">\n          <h3 class=\"post-card__title\">\n            <a href=\"https:\/\/tecsify.com\/blog\/tecsify-world-summit-awards\/\">Tecsify pone a Guatemala en la cima al ganar los World Summit Awards WSA 2025 en India<\/a>\n          <\/h3>\n\n          <div class=\"post-card__meta\">\n          <\/div>\n        <\/div>\n      <\/article>\n          <article class=\"post-card lift-hover pulse-hover\">\n        <a class=\"post-card__media\" href=\"https:\/\/tecsify.com\/blog\/ganadores-wsa\/\">\n          <img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"519\" src=\"https:\/\/tecsify.com\/blog\/wp-content\/uploads\/2025\/01\/plantideblogs-4-768x519.jpg\" class=\"post-card__img pulse-target wp-post-image\" alt=\"Tecsify Campeones Globales WSA\" loading=\"lazy\" \/>        <\/a>\n\n        <div class=\"post-card__body\">\n          <h3 class=\"post-card__title\">\n            <a href=\"https:\/\/tecsify.com\/blog\/ganadores-wsa\/\">Tecsify: Campeones Globales en los World Summit Awards WSA 2024<\/a>\n          <\/h3>\n\n          <div class=\"post-card__meta\">\n          <\/div>\n        <\/div>\n      <\/article>\n      <\/section>\n  \n<\/div>\n\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-7552f56 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"7552f56\" data-element_type=\"section\">\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-1cd7801\" data-id=\"1cd7801\" data-element_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-103f557 elementor-widget elementor-widget-html\" data-id=\"103f557\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<section class=\"nl\" aria-labelledby=\"nl-title\">\r\n  <div class=\"nl__inner_2\">\r\n    <!-- Elemento puramente decorativo -->\r\n    <div class=\"nl__badge\" aria-hidden=\"true\"><\/div>\r\n\r\n    <div class=\"nl__copy\">\r\n      <h2 class=\"nl__title\" id=\"nl-title\">\u00bfQuieres explorar m\u00e1s?<\/h2>\r\n      <p class=\"nl__desc\">Puedes explorar nuestro contenido en otras categor\u00edas.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"nl__visual\" role=\"navigation\" aria-label=\"Categor\u00edas del blog\">\r\n     \r\n      <a href=\"\/blog\/category\/emprendimiento\" aria-label=\"Explorar la categor\u00eda Emprendimiento\">\r\n        <div class=\"nl__chip\" role=\"link\">Emprendimiento<\/div>\r\n      <\/a>\r\n     \r\n      <a href=\"\/blog\/category\/comunidades\" aria-label=\"Explorar la categor\u00eda Comunidades\">\r\n        <div class=\"nl__chip\" role=\"link\">Comunidades<\/div>\r\n      <\/a>      \r\n     \r\n      <a href=\"\/blog\/category\/ciberseguridad\" aria-label=\"Explorar la categor\u00eda Ciberseguridad\">\r\n        <div class=\"nl__chip\" role=\"link\">Ciberseguridad<\/div>\r\n      <\/a>\r\n\r\n      <a href=\"\/blog\/category\/ia\" aria-label=\"Explorar la categor\u00eda Inteligencia Artificial\">\r\n        <div class=\"nl__chip\" role=\"link\">IA<\/div>\r\n      <\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<style>\r\n.nl{\r\n  padding: 14px 24px 18px;\r\n}\r\n\r\n.nl__inner_2{\r\n  position: relative;\r\n  border-radius: 8px;\r\n  overflow: hidden;\r\n\r\n  display:grid;\r\n  grid-template-columns: 1.2fr 2fr;\r\n  gap: 18px;\r\n  align-items: center;\r\n\r\n  padding: 20px 18px;\r\n\r\n  \/* mismo lenguaje visual: oscuro + glow *\/\r\n  background:\r\n    radial-gradient(900px 420px at 18% 10%, rgba(31,76,255,.26), transparent 60%),\r\n    radial-gradient(680px 420px at 86% 40%, rgba(120,80,255,.16), transparent 62%),\r\n    linear-gradient(180deg, #070b18 0%, #0b0f1f 60%, #070b18 100%);\r\n  border: 1px solid rgba(255,255,255,.07);\r\n  box-shadow: 0 22px 70px rgba(0,0,0,.28);\r\n}\r\n\r\n\/* scanline superior *\/\r\n.nl__inner::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  top:0;\r\n  left:0;\r\n  right:0;\r\n  height:2px;\r\n  background: linear-gradient(90deg, rgba(255,255,255,0), rgba(60,120,255,.95), rgba(255,255,255,0));\r\n  opacity:.85;\r\n  pointer-events:none;\r\n}\r\n\r\n\/* badge\/dot \u201cvivo\u201d *\/\r\n.nl__badge{\r\n  position:absolute;\r\n  top: 14px;\r\n  left: 14px;\r\n  width: 10px;\r\n  height: 10px;\r\n  border-radius: 999px;\r\n  background: rgba(60,120,255,.95);\r\n  box-shadow: 0 0 0 6px rgba(60,120,255,.18);\r\n}\r\n\r\n\/* Copy *\/\r\n.nl__copy{\r\n  position: relative;\r\n  z-index: 1;\r\n  min-width: 0;\r\n}\r\n\r\n.nl__title{\r\n  margin: 0 0 6px 0;\r\n  font-size: clamp(18px, 2.1vw, 26px);\r\n  line-height: 1.12;\r\n  font-weight: 950;\r\n  letter-spacing: -0.02em;\r\n  color:#fff;\r\n}\r\n\r\n.nl__desc{\r\n  margin: 0 0 14px 0;\r\n  font-size: 13.5px;\r\n  line-height: 1.55;\r\n  color: rgba(255,255,255,.78);\r\n  max-width: 68ch;\r\n}\r\n\r\n\/* Form *\/\r\n.nl__form{ margin: 0; }\r\n\r\n.nl__label{\r\n  position:absolute;\r\n  width:1px;\r\n  height:1px;\r\n  padding:0;\r\n  margin:-1px;\r\n  overflow:hidden;\r\n  clip: rect(0,0,0,0);\r\n  white-space:nowrap;\r\n  border:0;\r\n}\r\n\r\n.nl__field{\r\n  display:flex;\r\n  gap: 10px;\r\n  align-items: center;\r\n  padding: 10px;\r\n  border-radius: 16px;\r\n\r\n  background: rgba(255,255,255,.08);\r\n  border: 1px solid rgba(255,255,255,.10);\r\n  box-shadow: inset 0 0 0 1px rgba(0,0,0,.10);\r\n}\r\n\r\n.nl__input{\r\n  flex: 1 1 auto;\r\n  min-width: 0;\r\n  height: 44px;\r\n  border-radius: 12px;\r\n  border: 1px solid rgba(255,255,255,.12);\r\n  background: rgba(255,255,255,.10);\r\n  color:#fff;\r\n\r\n  padding: 0 12px;\r\n  font-size: 14px;\r\n  outline: none;\r\n}\r\n\r\n.nl__input::placeholder{\r\n  color: rgba(255,255,255,.60);\r\n}\r\n\r\n.nl__input:focus{\r\n  border-color: rgba(40,90,255,.55);\r\n  box-shadow: 0 0 0 3px rgba(40,90,255,.25);\r\n}\r\n\r\n.nl__btn{\r\n  flex: 0 0 auto;\r\n  height: 44px;\r\n  padding: 0 14px;\r\n  border-radius: 999px;\r\n  border: 1px solid rgba(255,255,255,.14);\r\n\r\n  background: rgba(255,255,255,.92);\r\n  color: rgba(31,76,255,1);\r\n\r\n  font-size: 12px;\r\n  font-weight: 950;\r\n  letter-spacing: .12em;\r\n  text-transform: uppercase;\r\n\r\n  cursor:pointer;\r\n  box-shadow: 0 16px 45px rgba(0,0,0,.25);\r\n  transition: transform .22s ease, opacity .22s ease;\r\n}\r\n\r\n.nl__arrow{\r\n  font-size: 16px;\r\n  line-height: 1;\r\n  margin-left: 6px;\r\n  transform: translateY(-1px);\r\n}\r\n\r\n@media (hover:hover){\r\n  .nl__btn:hover{ transform: translateY(-1px); opacity: .92; }\r\n}\r\n\r\n.nl__btn:focus-visible{\r\n  outline:none;\r\n  box-shadow: 0 0 0 2px rgba(255,255,255,.22), 0 0 0 5px rgba(40,90,255,.40);\r\n}\r\n\r\n.nl__fineprint{\r\n  margin: 10px 2px 0;\r\n  font-size: 12px;\r\n  color: rgba(255,255,255,.62);\r\n}\r\n\r\n\/* Visual chips *\/\r\n.nl__visual{\r\n  position: relative;\r\n  z-index: 1;\r\n  display:flex;\r\n  flex-wrap: wrap;\r\n  justify-content: flex-end;\r\n  gap: 10px;\r\n  padding-left: 10px;\r\n}\r\n\r\n.nl__chip{\r\n  padding: 10px 12px;\r\n  border-radius: 999px;\r\n  font-size: 12px;\r\n  font-weight: 900;\r\n  letter-spacing: .06em;\r\n\r\n  color: rgba(255,255,255,.86);\r\n  background: rgba(255,255,255,.08);\r\n  border: 1px solid rgba(255,255,255,.10);\r\n  box-shadow: 0 14px 36px rgba(0,0,0,.20);\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 820px){\r\n  .nl{ padding: 12px 14px 16px; }\r\n  .nl__inner{\r\n    grid-template-columns: 1fr;\r\n    gap: 14px;\r\n    padding: 18px 14px;\r\n  }\r\n  .nl__visual{\r\n    justify-content: flex-start;\r\n    padding-left: 0;\r\n  }\r\n}\r\n\r\n@media (max-width: 520px){\r\n  .nl__field{\r\n    flex-direction: column;\r\n    align-items: stretch;\r\n  }\r\n  .nl__btn{\r\n    width: 100%;\r\n    justify-content: center;\r\n  }\r\n}\r\n\r\n<\/style>\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<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":3,"featured_media":3629,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"rbc-frontend.php","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-3201","page","type-page","status-publish","has-post-thumbnail"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Tecsify Blog | Tecnolog\u00eda, IA y Desarrollo de Software<\/title>\n<meta name=\"description\" content=\"Gu\u00edas, tutoriales, microlearning e ideas sobre programaci\u00f3n, inteligencia artificial y desarrollo de software, creadas por expertos en Tecsify\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/tecsify.com\/blog\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Tecsify Blog | Tecnolog\u00eda, IA y Desarrollo de Software\" \/>\n<meta property=\"og:description\" content=\"Gu\u00edas, tutoriales, microlearning e ideas sobre programaci\u00f3n, inteligencia artificial y desarrollo de software, creadas por expertos en Tecsify\" \/>\n<meta property=\"og:url\" content=\"https:\/\/tecsify.com\/blog\/\" \/>\n<meta property=\"og:site_name\" content=\"Tecsify Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Tecsify\" \/>\n<meta property=\"article:modified_time\" content=\"2026-01-21T20:25:25+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/tecsify.com\/blog\/wp-content\/uploads\/2026\/01\/Proyecto-nuevo-74.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@tecsify\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/tecsify.com\\\/blog\\\/\",\"url\":\"https:\\\/\\\/tecsify.com\\\/blog\\\/\",\"name\":\"Tecsify Blog | Tecnolog\u00eda, IA y Desarrollo de Software\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/tecsify.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/tecsify.com\\\/blog\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/tecsify.com\\\/blog\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/tecsify.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/01\\\/Proyecto-nuevo-74.jpg\",\"datePublished\":\"2026-01-12T23:38:05+00:00\",\"dateModified\":\"2026-01-21T20:25:25+00:00\",\"description\":\"Gu\u00edas, tutoriales, microlearning e ideas sobre programaci\u00f3n, inteligencia artificial y desarrollo de software, creadas por expertos en Tecsify\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/tecsify.com\\\/blog\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/tecsify.com\\\/blog\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/tecsify.com\\\/blog\\\/#primaryimage\",\"url\":\"https:\\\/\\\/tecsify.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/01\\\/Proyecto-nuevo-74.jpg\",\"contentUrl\":\"https:\\\/\\\/tecsify.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/01\\\/Proyecto-nuevo-74.jpg\",\"width\":1200,\"height\":630,\"caption\":\"Tecsify Blog\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/tecsify.com\\\/blog\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Inicio\",\"item\":\"https:\\\/\\\/tecsify.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Tecsify Blog | Tecnolog\u00eda, IA y Desarrollo de Software\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/tecsify.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/tecsify.com\\\/blog\\\/\",\"name\":\"Tecsify Blog\",\"description\":\"Tecnolog\u00eda, IA y Desarrollo de Software\",\"publisher\":{\"@id\":\"https:\\\/\\\/tecsify.com\\\/blog\\\/#organization\"},\"alternateName\":\"Tecsify Blog\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/tecsify.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/tecsify.com\\\/blog\\\/#organization\",\"name\":\"Tecsify\",\"alternateName\":\"Tecsify Blog\",\"url\":\"https:\\\/\\\/tecsify.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/tecsify.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/tecsify.com\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/05\\\/bluenew.png\",\"contentUrl\":\"https:\\\/\\\/tecsify.com\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/05\\\/bluenew.png\",\"width\":830,\"height\":443,\"caption\":\"Tecsify\"},\"image\":{\"@id\":\"https:\\\/\\\/tecsify.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/Tecsify\",\"https:\\\/\\\/x.com\\\/tecsify\",\"https:\\\/\\\/www.instagram.com\\\/tecsify\",\"https:\\\/\\\/www.youtube.com\\\/channel\\\/UCalG-fWPHHWG-XTzhcCn0_A\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/tecsify\\\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Tecsify Blog | Tecnolog\u00eda, IA y Desarrollo de Software","description":"Gu\u00edas, tutoriales, microlearning e ideas sobre programaci\u00f3n, inteligencia artificial y desarrollo de software, creadas por expertos en Tecsify","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/tecsify.com\/blog\/","og_locale":"es_ES","og_type":"article","og_title":"Tecsify Blog | Tecnolog\u00eda, IA y Desarrollo de Software","og_description":"Gu\u00edas, tutoriales, microlearning e ideas sobre programaci\u00f3n, inteligencia artificial y desarrollo de software, creadas por expertos en Tecsify","og_url":"https:\/\/tecsify.com\/blog\/","og_site_name":"Tecsify Blog","article_publisher":"https:\/\/www.facebook.com\/Tecsify","article_modified_time":"2026-01-21T20:25:25+00:00","og_image":[{"width":1200,"height":630,"url":"https:\/\/tecsify.com\/blog\/wp-content\/uploads\/2026\/01\/Proyecto-nuevo-74.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_site":"@tecsify","twitter_misc":{"Est. reading time":"2 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/tecsify.com\/blog\/","url":"https:\/\/tecsify.com\/blog\/","name":"Tecsify Blog | Tecnolog\u00eda, IA y Desarrollo de Software","isPartOf":{"@id":"https:\/\/tecsify.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/tecsify.com\/blog\/#primaryimage"},"image":{"@id":"https:\/\/tecsify.com\/blog\/#primaryimage"},"thumbnailUrl":"https:\/\/tecsify.com\/blog\/wp-content\/uploads\/2026\/01\/Proyecto-nuevo-74.jpg","datePublished":"2026-01-12T23:38:05+00:00","dateModified":"2026-01-21T20:25:25+00:00","description":"Gu\u00edas, tutoriales, microlearning e ideas sobre programaci\u00f3n, inteligencia artificial y desarrollo de software, creadas por expertos en Tecsify","breadcrumb":{"@id":"https:\/\/tecsify.com\/blog\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/tecsify.com\/blog\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/tecsify.com\/blog\/#primaryimage","url":"https:\/\/tecsify.com\/blog\/wp-content\/uploads\/2026\/01\/Proyecto-nuevo-74.jpg","contentUrl":"https:\/\/tecsify.com\/blog\/wp-content\/uploads\/2026\/01\/Proyecto-nuevo-74.jpg","width":1200,"height":630,"caption":"Tecsify Blog"},{"@type":"BreadcrumbList","@id":"https:\/\/tecsify.com\/blog\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Inicio","item":"https:\/\/tecsify.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Tecsify Blog | Tecnolog\u00eda, IA y Desarrollo de Software"}]},{"@type":"WebSite","@id":"https:\/\/tecsify.com\/blog\/#website","url":"https:\/\/tecsify.com\/blog\/","name":"Tecsify Blog","description":"Tecnolog\u00eda, IA y Desarrollo de Software","publisher":{"@id":"https:\/\/tecsify.com\/blog\/#organization"},"alternateName":"Tecsify Blog","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/tecsify.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/tecsify.com\/blog\/#organization","name":"Tecsify","alternateName":"Tecsify Blog","url":"https:\/\/tecsify.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/tecsify.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/tecsify.com\/blog\/wp-content\/uploads\/2021\/05\/bluenew.png","contentUrl":"https:\/\/tecsify.com\/blog\/wp-content\/uploads\/2021\/05\/bluenew.png","width":830,"height":443,"caption":"Tecsify"},"image":{"@id":"https:\/\/tecsify.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Tecsify","https:\/\/x.com\/tecsify","https:\/\/www.instagram.com\/tecsify","https:\/\/www.youtube.com\/channel\/UCalG-fWPHHWG-XTzhcCn0_A\/","https:\/\/www.linkedin.com\/company\/tecsify\/"]}]}},"_links":{"self":[{"href":"https:\/\/tecsify.com\/blog\/wp-json\/wp\/v2\/pages\/3201","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tecsify.com\/blog\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tecsify.com\/blog\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tecsify.com\/blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/tecsify.com\/blog\/wp-json\/wp\/v2\/comments?post=3201"}],"version-history":[{"count":772,"href":"https:\/\/tecsify.com\/blog\/wp-json\/wp\/v2\/pages\/3201\/revisions"}],"predecessor-version":[{"id":4662,"href":"https:\/\/tecsify.com\/blog\/wp-json\/wp\/v2\/pages\/3201\/revisions\/4662"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tecsify.com\/blog\/wp-json\/wp\/v2\/media\/3629"}],"wp:attachment":[{"href":"https:\/\/tecsify.com\/blog\/wp-json\/wp\/v2\/media?parent=3201"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}