{"id":2055,"date":"2026-09-02T16:09:17","date_gmt":"2026-09-02T16:09:17","guid":{"rendered":"https:\/\/pca.edu.co\/thekey\/?page_id=2055"},"modified":"2026-09-03T18:53:30","modified_gmt":"2026-09-03T18:53:30","slug":"the-key","status":"publish","type":"page","link":"https:\/\/pca.edu.co\/thekey\/the-key\/","title":{"rendered":"The Key"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2055\" class=\"elementor elementor-2055\">\n\t\t\t\t<div class=\"elementor-element elementor-element-73a11f8 e-flex e-con-boxed e-con e-parent\" data-id=\"73a11f8\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-302e038 elementor-widget elementor-widget-html\" data-id=\"302e038\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =========================================================\r\n     TOP BAR INSTITUCIONAL \/ REDES SOCIALES \/ FECHA \/ HORA\r\n     Compatible con Elementor\r\n========================================================= -->\r\n\r\n<div id=\"topBarInstitutional\">\r\n\r\n  <div class=\"topbar-container\">\r\n\r\n    <!-- FECHA Y HORA -->\r\n    <div class=\"topbar-datetime\">\r\n\r\n      <div class=\"datetime-item\">\r\n        <span class=\"datetime-icon\">\ud83d\udcc5<\/span>\r\n        <span id=\"currentDate\">Cargando fecha...<\/span>\r\n      <\/div>\r\n\r\n      <span class=\"datetime-separator\"><\/span>\r\n\r\n      <div class=\"datetime-item\">\r\n        <span class=\"datetime-icon\">\ud83d\udd50<\/span>\r\n        <span id=\"currentTime\">00:00:00<\/span>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- PARTE DERECHA -->\r\n    <div class=\"topbar-right\">\r\n\r\n      <!-- B\u00daSQUEDA -->\r\n      <div class=\"topbar-search\">\r\n\r\n        <button\r\n          id=\"searchToggle\"\r\n          class=\"search-button\"\r\n          aria-label=\"Abrir b\u00fasqueda\"\r\n          aria-expanded=\"false\">\r\n\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n            <circle cx=\"11\" cy=\"11\" r=\"6.5\"><\/circle>\r\n            <line x1=\"16\" y1=\"16\" x2=\"21\" y2=\"21\"><\/line>\r\n          <\/svg>\r\n\r\n          <span>Buscar<\/span>\r\n\r\n        <\/button>\r\n\r\n\r\n        <div id=\"searchBox\" class=\"search-box\">\r\n\r\n          <form action=\"\/\" method=\"get\">\r\n\r\n            <input\r\n              type=\"search\"\r\n              name=\"s\"\r\n              placeholder=\"\u00bfQu\u00e9 est\u00e1s buscando?\"\r\n              aria-label=\"Buscar en el sitio\">\r\n\r\n            <button type=\"submit\">\r\n              Buscar\r\n            <\/button>\r\n\r\n          <\/form>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- SEPARADOR -->\r\n      <span class=\"topbar-divider\"><\/span>\r\n\r\n\r\n      <!-- REDES SOCIALES -->\r\n      <div class=\"social-links\" aria-label=\"Redes sociales\">\r\n\r\n        <!-- FACEBOOK -->\r\n        <a\r\n          href=\"https:\/\/facebook.com\/\"\r\n          target=\"_blank\"\r\n          rel=\"noopener\"\r\n          aria-label=\"Facebook\">\r\n\r\n          <svg viewBox=\"0 0 24 24\">\r\n            <path d=\"M14 8h3V4h-3c-3.31 0-5 1.69-5 5v3H6v4h3v8h4v-8h3.5l.5-4H13V9c0-.67.33-1 1-1z\"\/>\r\n          <\/svg>\r\n\r\n        <\/a>\r\n\r\n\r\n        <!-- INSTAGRAM -->\r\n  <a\r\n    href=\"https:\/\/www.instagram.com\/\"\r\n    target=\"_blank\"\r\n    rel=\"noopener noreferrer\"\r\n    aria-label=\"Instagram\">\r\n\r\n    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n      <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"5\"\r\n            fill=\"none\"\r\n            stroke=\"currentColor\"\r\n            stroke-width=\"2\"\/>\r\n      <circle cx=\"12\" cy=\"12\" r=\"4\"\r\n              fill=\"none\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"2\"\/>\r\n      <circle cx=\"17.5\" cy=\"6.5\" r=\"1.2\"\/>\r\n    <\/svg>\r\n\r\n  <\/a>\r\n\r\n\r\n      <!-- YOUTUBE -->\r\n  <a\r\n    href=\"https:\/\/www.youtube.com\/\"\r\n    target=\"_blank\"\r\n    rel=\"noopener noreferrer\"\r\n    aria-label=\"YouTube\">\r\n\r\n    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n\r\n      <path\r\n        d=\"M21.58 7.2a2.98 2.98 0 0 0-2.1-2.1C17.63 4.6 12 4.6 12 4.6s-5.63 0-7.48.5a2.98 2.98 0 0 0-2.1 2.1C1.92 9.05 1.92 12 1.92 12s0 2.95.5 4.8a2.98 2.98 0 0 0 2.1 2.1c1.85.5 7.48.5 7.48.5s5.63 0 7.48-.5a2.98 2.98 0 0 0 2.1-2.1c.5-1.85.5-4.8.5-4.8s0-2.95-.5-4.8Z\"\r\n        fill=\"none\"\r\n        stroke=\"currentColor\"\r\n        stroke-width=\"1.8\"\/>\r\n\r\n      <path\r\n        d=\"M10 9l5 3-5 3V9Z\"\r\n        fill=\"currentColor\"\/>\r\n\r\n    <\/svg>\r\n\r\n  <\/a>\r\n\r\n\r\n  <!-- TIKTOK -->\r\n  <a\r\n    href=\"https:\/\/www.tiktok.com\/\"\r\n    target=\"_blank\"\r\n    rel=\"noopener noreferrer\"\r\n    aria-label=\"TikTok\">\r\n\r\n    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n\r\n      <path\r\n        d=\"M15.5 4c.35 2.2 1.65 3.65 4 4v3.05c-1.45-.05-2.8-.5-4-1.3v6.05c0 3.35-2.3 5.2-5.15 5.2A5.05 5.05 0 0 1 5 15.85c0-3.05 2.45-5.15 5.55-5.15.3 0 .6.03.95.08v3.05a3.1 3.1 0 0 0-.9-.13c-1.35 0-2.35.85-2.35 2.15 0 1.25.9 2.1 2.15 2.1 1.4 0 2.55-.9 2.55-2.85V4h2.55Z\"\r\n        fill=\"currentColor\"\/>\r\n\r\n    <\/svg>\r\n\r\n  <\/a>\r\n\r\n\r\n        <!-- LINKEDIN -->\r\n  <a\r\n    href=\"https:\/\/www.linkedin.com\/\"\r\n    target=\"_blank\"\r\n    rel=\"noopener noreferrer\"\r\n    aria-label=\"LinkedIn\">\r\n\r\n    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n\r\n      <rect\r\n        x=\"3\"\r\n        y=\"3\"\r\n        width=\"18\"\r\n        height=\"18\"\r\n        rx=\"2\"\r\n        fill=\"none\"\r\n        stroke=\"currentColor\"\r\n        stroke-width=\"1.8\"\/>\r\n\r\n      <circle\r\n        cx=\"8\"\r\n        cy=\"8\"\r\n        r=\"1.2\"\r\n        fill=\"currentColor\"\/>\r\n\r\n      <path\r\n        d=\"M7 11v6M11 17v-3.2c0-1.7.9-2.8 2.4-2.8 1.5 0 2.6 1.05 2.6 3v3\"\r\n        fill=\"none\"\r\n        stroke=\"currentColor\"\r\n        stroke-width=\"1.8\"\r\n        stroke-linecap=\"round\"\/>\r\n\r\n     <\/a>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   VARIABLES\r\n========================================================= *\/\r\n\r\n#topBarInstitutional {\r\n\r\n  --topbar-bg: #111111;\r\n  --topbar-text: #ffffff;\r\n  --topbar-muted: #ffffff;\r\n  --topbar-border: rgba(255,255,255,.14);\r\n  --topbar-accent: #ffff;\r\n\r\n  width: 100%;\r\n  position: relative;\r\n  z-index: 9999;\r\n  \r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTENEDOR\r\n========================================================= *\/\r\n\r\n#topBarInstitutional .topbar-container {\r\n\r\n  width: min(1400px, 92%);\r\n  margin: 0 auto;\r\n\r\n  min-height: 22px;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n\r\n  gap: 20px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FECHA \/ HORA\r\n========================================================= *\/\r\n\r\n#topBarInstitutional .topbar-datetime {\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 14px;\r\n\r\n  color: var(--topbar-muted);\r\n\r\n  font-family: Arial, sans-serif;\r\n  font-size: 12px;\r\n\r\n  white-space: nowrap;\r\n\r\n}\r\n\r\n#topBarInstitutional .datetime-item {\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 7px;\r\n\r\n}\r\n\r\n#topBarInstitutional .datetime-icon {\r\n\r\n  font-size: 13px;\r\n  opacity: .8;\r\n\r\n}\r\n\r\n#topBarInstitutional .datetime-separator {\r\n\r\n  width: 1px;\r\n  height: 14px;\r\n\r\n  background: var(--topbar-border);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PARTE DERECHA\r\n========================================================= *\/\r\n\r\n#topBarInstitutional .topbar-right {\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 16px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   B\u00daSQUEDA\r\n========================================================= *\/\r\n\r\n#topBarInstitutional .topbar-search {\r\n\r\n  position: relative;\r\n\r\n}\r\n\r\n#topBarInstitutional .search-button {\r\n\r\n  appearance: none;\r\n  border: 0;\r\n  background: transparent;\r\n\r\n  color: var(--topbar-muted);\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 7px;\r\n\r\n  padding: 5px 0;\r\n\r\n  font-size: 12px;\r\n  font-family: Arial, sans-serif;\r\n\r\n  cursor: pointer;\r\n\r\n  transition: .25s ease;\r\n\r\n}\r\n\r\n#topBarInstitutional .search-button:hover {\r\n\r\n  color: #ffffff;\r\n\r\n}\r\n\r\n#topBarInstitutional .search-button svg {\r\n\r\n  width: 16px;\r\n  height: 16px;\r\n\r\n  fill: none;\r\n  stroke: currentColor;\r\n  stroke-width: 1.8;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CAJA DE B\u00daSQUEDA\r\n========================================================= *\/\r\n\r\n#topBarInstitutional .search-box {\r\n\r\n  position: absolute;\r\n\r\n  top: calc(100% + 12px);\r\n  right: 0;\r\n\r\n  width: 320px;\r\n\r\n  background: #ffffff;\r\n\r\n  padding: 10px;\r\n\r\n  border-radius: 5px;\r\n\r\n  box-shadow:\r\n    0 15px 40px rgba(0,0,0,.18);\r\n\r\n  opacity: 0;\r\n  visibility: hidden;\r\n\r\n  transform: translateY(-8px);\r\n\r\n  transition: .25s ease;\r\n\r\n}\r\n\r\n#topBarInstitutional .search-box.active {\r\n\r\n  opacity: 1;\r\n  visibility: visible;\r\n\r\n  transform: translateY(0);\r\n\r\n}\r\n\r\n#topBarInstitutional .search-box form {\r\n\r\n  display: flex;\r\n  gap: 8px;\r\n\r\n}\r\n\r\n#topBarInstitutional .search-box input {\r\n\r\n  width: 100%;\r\n\r\n  border: 1px solid #dddddd;\r\n\r\n  padding: 11px 12px;\r\n\r\n  outline: none;\r\n\r\n  font-size: 13px;\r\n\r\n  border-radius: 3px;\r\n\r\n}\r\n\r\n#topBarInstitutional .search-box input:focus {\r\n\r\n  border-color: #111111;\r\n\r\n}\r\n\r\n#topBarInstitutional .search-box button {\r\n\r\n  border: 0;\r\n\r\n  background: #ed3235;\r\n  color: #ffffff;\r\n\r\n  padding: 0 16px;\r\n\r\n  border-radius: 3px;\r\n\r\n  cursor: pointer;\r\n\r\n  font-size: 12px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SEPARADOR\r\n========================================================= *\/\r\n\r\n#topBarInstitutional .topbar-divider {\r\n\r\n  width: 1px;\r\n  height: 18px;\r\n\r\n  background: var(--topbar-border);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REDES SOCIALES\r\n========================================================= *\/\r\n\r\n#topBarInstitutional .social-links {\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 9px;\r\n\r\n}\r\n\r\n#topBarInstitutional .social-links a {\r\n\r\n  width: 25px;\r\n  height: 25px;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  color: var(--topbar-muted);\r\n\r\n  border-radius: 50%;\r\n\r\n  transition:\r\n    color .25s ease,\r\n    background .25s ease,\r\n    transform .25s ease;\r\n\r\n}\r\n\r\n#topBarInstitutional .social-links a:hover {\r\n\r\n  color: #E74343;\r\n\r\n  background: rgba(255,255,255,.12);\r\n\r\n  transform: translateY(-2px);\r\n\r\n}\r\n\r\n#topBarInstitutional .social-links svg {\r\n\r\n  width: 14px;\r\n  height: 14px;\r\n\r\n  fill: currentColor;\r\n  stroke: currentColor;\r\n\r\n  stroke-width: 1.5;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width: 800px) {\r\n\r\n  #topBarInstitutional .topbar-container {\r\n\r\n    width: 94%;\r\n\r\n  }\r\n\r\n  #topBarInstitutional .datetime-separator {\r\n\r\n    display: none;\r\n\r\n  }\r\n\r\n  #topBarInstitutional .topbar-datetime {\r\n\r\n    gap: 8px;\r\n\r\n  }\r\n\r\n  #topBarInstitutional .datetime-item {\r\n\r\n    font-size: 11px;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   M\u00d3VIL\r\n========================================================= *\/\r\n\r\n@media (max-width: 600px) {\r\n\r\n  #topBarInstitutional .topbar-container {\r\n\r\n    min-height: 40px;\r\n\r\n    justify-content: center;\r\n\r\n  }\r\n\r\n  #topBarInstitutional .topbar-datetime {\r\n\r\n    display: none;\r\n\r\n  }\r\n\r\n  #topBarInstitutional .topbar-right {\r\n\r\n    width: 100%;\r\n\r\n    justify-content: center;\r\n\r\n    gap: 12px;\r\n\r\n  }\r\n\r\n  #topBarInstitutional .search-button span {\r\n\r\n    display: none;\r\n\r\n  }\r\n\r\n  #topBarInstitutional .topbar-divider {\r\n\r\n    display: block;\r\n\r\n  }\r\n\r\n  #topBarInstitutional .search-box {\r\n\r\n    position: fixed;\r\n\r\n    left: 50%;\r\n\r\n    right: auto;\r\n\r\n    transform: translate(-50%, -8px);\r\n\r\n    width: min(90vw, 360px);\r\n\r\n  }\r\n\r\n  #topBarInstitutional .search-box.active {\r\n\r\n    transform: translate(-50%, 0);\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ACCESIBILIDAD\r\n========================================================= *\/\r\n\r\n#topBarInstitutional a:focus-visible,\r\n#topBarInstitutional button:focus-visible,\r\n#topBarInstitutional input:focus-visible {\r\n\r\n  outline: 2px solid #ffffff;\r\n  outline-offset: 3px;\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\n\r\n(function(){\r\n\r\n  \/* =======================================================\r\n     FECHA\r\n  ======================================================= *\/\r\n\r\n  function updateDate(){\r\n\r\n    const dateElement =\r\n      document.getElementById(\"currentDate\");\r\n\r\n    if(!dateElement) return;\r\n\r\n    const now = new Date();\r\n\r\n    const options = {\r\n      weekday: \"long\",\r\n      day: \"numeric\",\r\n      month: \"long\",\r\n      year: \"numeric\"\r\n    };\r\n\r\n    let date = now.toLocaleDateString(\r\n      \"es-CO\",\r\n      options\r\n    );\r\n\r\n    date =\r\n      date.charAt(0).toUpperCase() +\r\n      date.slice(1);\r\n\r\n    dateElement.textContent = date;\r\n\r\n  }\r\n\r\n\r\n  \/* =======================================================\r\n     HORA\r\n  ======================================================= *\/\r\n\r\n  function updateTime(){\r\n\r\n    const timeElement =\r\n      document.getElementById(\"currentTime\");\r\n\r\n    if(!timeElement) return;\r\n\r\n    const now = new Date();\r\n\r\n    const hours =\r\n      String(now.getHours()).padStart(2,\"0\");\r\n\r\n    const minutes =\r\n      String(now.getMinutes()).padStart(2,\"0\");\r\n\r\n    const seconds =\r\n      String(now.getSeconds()).padStart(2,\"0\");\r\n\r\n    timeElement.textContent =\r\n      hours + \":\" +\r\n      minutes + \":\" +\r\n      seconds;\r\n\r\n  }\r\n\r\n\r\n  updateDate();\r\n  updateTime();\r\n\r\n  setInterval(updateTime,1000);\r\n\r\n\r\n  \/* =======================================================\r\n     BUSCADOR\r\n  ======================================================= *\/\r\n\r\n  const searchToggle =\r\n    document.getElementById(\"searchToggle\");\r\n\r\n  const searchBox =\r\n    document.getElementById(\"searchBox\");\r\n\r\n\r\n  if(searchToggle && searchBox){\r\n\r\n    searchToggle.addEventListener(\"click\", function(e){\r\n\r\n      e.stopPropagation();\r\n\r\n      const isActive =\r\n        searchBox.classList.toggle(\"active\");\r\n\r\n      searchToggle.setAttribute(\r\n        \"aria-expanded\",\r\n        isActive\r\n      );\r\n\r\n      if(isActive){\r\n\r\n        const input =\r\n          searchBox.querySelector(\"input\");\r\n\r\n        if(input){\r\n\r\n          setTimeout(function(){\r\n\r\n            input.focus();\r\n\r\n          },150);\r\n\r\n        }\r\n\r\n      }\r\n\r\n    });\r\n\r\n\r\n    document.addEventListener(\"click\", function(e){\r\n\r\n      if(\r\n        !searchBox.contains(e.target) &&\r\n        !searchToggle.contains(e.target)\r\n      ){\r\n\r\n        searchBox.classList.remove(\"active\");\r\n\r\n        searchToggle.setAttribute(\r\n          \"aria-expanded\",\r\n          \"false\"\r\n        );\r\n\r\n      }\r\n\r\n    });\r\n\r\n\r\n    document.addEventListener(\"keydown\", function(e){\r\n\r\n      if(e.key === \"Escape\"){\r\n\r\n        searchBox.classList.remove(\"active\");\r\n\r\n        searchToggle.setAttribute(\r\n          \"aria-expanded\",\r\n          \"false\"\r\n        );\r\n\r\n      }\r\n\r\n    });\r\n\r\n  }\r\n\r\n})();\r\n\r\n\r\n<\/script>.\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-dd0a308 e-flex e-con-boxed e-con e-parent\" data-id=\"dd0a308\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7f81155 elementor-widget elementor-widget-html\" data-id=\"7f81155\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n<!-- =========================================================\r\n     MEN\u00da PRINCIPAL \/ ELEMENTOR\r\n     HEADER INSTITUCIONAL MODERNO\r\n     ========================================================= -->\r\n\r\n<header class=\"main-header\" id=\"mainHeader\">\r\n\r\n    <div class=\"header-container\">\r\n\r\n        <!-- LOGO -->\r\n        <a href=\"\/\" class=\"site-logo\" aria-label=\"Inicio\">\r\n\r\n            <img decoding=\"async\"\r\n                src=\"http:\/\/pca.edu.co\/thekey\/wp-content\/uploads\/2026\/09\/LogoThe-KEYTransp.png\"\r\n                alt=\"Logo institucional\"\r\n            >\r\n\r\n        <\/a>\r\n\r\n\r\n        <!-- MEN\u00da DESKTOP -->\r\n        <nav class=\"main-navigation\" aria-label=\"Men\u00fa principal\">\r\n\r\n            <ul class=\"nav-menu\">\r\n\r\n                <li class=\"nav-item active\">\r\n                    <a href=\"\/\">Inicio<\/a>\r\n                <\/li>\r\n\r\n\r\n                <li class=\"nav-item has-dropdown\">\r\n\r\n                    <a href=\"#\">\r\n                        Marketing\r\n                        <span class=\"dropdown-arrow\">\u2304<\/span>\r\n                    <\/a>\r\n\r\n                    <ul class=\"dropdown-menu\">\r\n\r\n                        <li>\r\n                            <a href=\"\/quienes-somos\">\r\n                                CEO\r\n                            <\/a>\r\n                        <\/li>\r\n\r\n                        <li>\r\n                            <a href=\"\/mision-vision\">\r\n                                Redes Sociales\r\n                            <\/a>\r\n                        <\/li>\r\n\r\n                        <li>\r\n                            <a href=\"\/organigrama\">\r\n                                Ecosistemas digitales\r\n                            <\/a>\r\n                        <\/li>\r\n\r\n                        <li>\r\n                            <a href=\"\/directorio\">\r\n                                Inteligencia Artificial\r\n                            <\/a>\r\n                        <\/li>\r\n\r\n                    <\/ul>\r\n\r\n                <\/li>\r\n\r\n\r\n                <li class=\"nav-item\">\r\n                    <a href=\"\/servicios\">\r\n                        Tendencias\r\n                    <\/a>\r\n                <\/li>\r\n\r\n\r\n                <li class=\"nav-item has-dropdown\">\r\n\r\n                    <a href=\"#\">\r\n                        Publicidad\r\n                        <span class=\"dropdown-arrow\">\u2304<\/span>\r\n                    <\/a>\r\n\r\n                    <ul class=\"dropdown-menu\">\r\n\r\n                        <li>\r\n                            <a href=\"\/transparencia\">\r\n                                Identidad Corporativa\r\n                            <\/a>\r\n                        <\/li>\r\n\r\n                        <li>\r\n                            <a href=\"\/normatividad\">\r\n                               Experiencia de Usuario\r\n                            <\/a>\r\n                        <\/li>\r\n\r\n                        <li>\r\n                            <a href=\"\/contratacion\">\r\n                                Community Manager\r\n                            <\/a>\r\n                        <\/li>\r\n\r\n                        <li>\r\n                            <a href=\"\/datos-abiertos\">\r\n                                Plan de medios Digitales\r\n                            <\/a>\r\n                        <\/li>\r\n\r\n                    <\/ul>\r\n\r\n                <\/li>\r\n\r\n\r\n                <li class=\"nav-item\">\r\n                    <a href=\"\/noticias\">\r\n                        Noticias\r\n                    <\/a>\r\n                <\/li>\r\n\r\n\r\n                <li class=\"nav-item\">\r\n                    <a href=\"\/contacto\">\r\n                        Cont\u00e1ctanos\r\n                    <\/a>\r\n                <\/li>\r\n\r\n            <\/ul>\r\n\r\n        <\/nav>\r\n\r\n\r\n        <!-- ACCI\u00d3N DESTACADA -->\r\n        <a\r\n            href=\"\/Suscr\u00edbete\"\r\n            class=\"header-action\"\r\n        >\r\n            <span>Suscr\u00edbete<\/span>\r\n            <strong>\u2192<\/strong>\r\n        <\/a>\r\n\r\n\r\n        <!-- BOT\u00d3N MOBILE -->\r\n        <button\r\n            class=\"menu-toggle\"\r\n            id=\"menuToggle\"\r\n            aria-label=\"Abrir men\u00fa\"\r\n            aria-expanded=\"false\"\r\n        >\r\n\r\n            <span><\/span>\r\n            <span><\/span>\r\n            <span><\/span>\r\n\r\n        <\/button>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- MEN\u00da MOBILE -->\r\n    <div\r\n        class=\"mobile-menu\"\r\n        id=\"mobileMenu\"\r\n    >\r\n\r\n        <nav>\r\n\r\n            <a href=\"\/\">Inicio<\/a>\r\n\r\n            <div class=\"mobile-dropdown\">\r\n\r\n                <button class=\"mobile-dropdown-button\">\r\n\r\n                   Marketing\r\n\r\n                    <span>+<\/span>\r\n\r\n                <\/button>\r\n\r\n                <div class=\"mobile-submenu\">\r\n\r\n                    <a href=\"\/quienes-somos\">\r\n                        CEO\r\n                    <\/a>\r\n\r\n                    <a href=\"\/mision-vision\">\r\n                        Redes Sociales\r\n                    <\/a>\r\n\r\n                    <a href=\"\/organigrama\">\r\n                        Ecosistema digital\r\n                    <\/a>\r\n\r\n                    <a href=\"\/directorio\">\r\n                        Inteligencia Artificial\r\n                    <\/a>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <a href=\"\/servicios\">\r\n               Tendencias\r\n            <\/a>\r\n\r\n\r\n            <div class=\"mobile-dropdown\">\r\n\r\n                <button class=\"mobile-dropdown-button\">\r\n\r\n                    Publicidad\r\n\r\n                    <span>+<\/span>\r\n\r\n                <\/button>\r\n\r\n                <div class=\"mobile-submenu\">\r\n\r\n                    <a href=\"\/transparencia\">\r\n                        Identidad Corporativa\r\n                    <\/a>\r\n\r\n                    <a href=\"\/normatividad\">\r\n                        Experiencia de Usuario\r\n                    <\/a>\r\n\r\n                    <a href=\"\/contratacion\">\r\n                        Community Manager\r\n                    <\/a>\r\n\r\n                    <a href=\"\/datos-abiertos\">\r\n                        Plan de Medios Digitales\r\n                    <\/a>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <a href=\"\/noticias\">\r\n                Noticias\r\n            <\/a>\r\n\r\n\r\n            <a href=\"\/contacto\">\r\n                Cont\u00e1ctanos\r\n            <\/a>\r\n\r\n\r\n            <a\r\n                href=\"\/Suscribete\"\r\n                class=\"mobile-action\"\r\n            >\r\n                Suscr\u00edbete \u2192\r\n            <\/a>\r\n\r\n        <\/nav>\r\n\r\n    <\/div>\r\n\r\n<\/header>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   VARIABLES\r\n   ========================================================= *\/\r\n\r\n#mainHeader {\r\n\r\n    --header-bg: rgba(255,255,255,.94);\r\n    --header-text: #111111;\r\n    --header-muted: #666666;\r\n    --header-border: rgba(0,0,0,.08);\r\n    --header-accent: #111111;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADER\r\n   ========================================================= *\/\r\n\r\n.main-header {\r\n\r\n    position: relative;\r\n\r\n    width: 100%;\r\n\r\n    z-index: 9999;\r\n\r\n    background: var(--header-bg);\r\n\r\n    border-bottom: 1px solid var(--header-border);\r\n\r\n    transition:\r\n        background .35s ease,\r\n        box-shadow .35s ease,\r\n        backdrop-filter .35s ease;\r\n\r\n}\r\n\r\n\r\n\/* HEADER AL HACER SCROLL *\/\r\n\r\n.main-header.scrolled {\r\n\r\n    position: fixed;\r\n\r\n    top: 2;\r\n\r\n    left: 0;\r\n\r\n    background: rgba(255,255,255,.88);\r\n\r\n    backdrop-filter: blur(18px);\r\n\r\n    -webkit-backdrop-filter: blur(18px);\r\n\r\n    box-shadow:\r\n        0 10px 40px rgba(0,0,0,.08);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTAINER\r\n   ========================================================= *\/\r\n\r\n.header-container {\r\n\r\n    width: min(\r\n        calc(100% - 60px),\r\n        1450px\r\n    );\r\n\r\n    min-height: 86px;\r\n\r\n    margin: auto;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 35px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LOGO\r\n   ========================================================= *\/\r\n\r\n.site-logo {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    flex-shrink: 0;\r\n\r\n}\r\n\r\n\r\n.site-logo img {\r\n\r\n    display: block;\r\n\r\n    width: 380px;\r\n\r\n    max-height: 600px;\r\n\r\n    object-fit: contain;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DESKTOP NAV\r\n   ========================================================= *\/\r\n\r\n.main-navigation {\r\n\r\n    flex: 1;\r\n\r\n}\r\n\r\n\r\n.nav-menu {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    gap: 5px;\r\n\r\n    list-style: none;\r\n\r\n    padding: 0;\r\n\r\n    margin: 0;\r\n\r\n}\r\n\r\n\r\n.nav-item {\r\n\r\n    position: relative;\r\n\r\n}\r\n\r\n\r\n.nav-item > a {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 7px;\r\n\r\n    padding: 32px 15px;\r\n\r\n    color: var(--header-text);\r\n\r\n    font-size: 15px;\r\n\r\n    font-weight: 600;\r\n\r\n    text-decoration: none;\r\n\r\n    white-space: nowrap;\r\n\r\n    transition:\r\n        color .25s ease;\r\n\r\n}\r\n\r\n\r\n.nav-item > a::after {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    bottom: 18px;\r\n\r\n    left: 15px;\r\n\r\n    width: 0;\r\n\r\n    height: 2px;\r\n\r\n    background: var(--header-accent);\r\n\r\n    transition: width .3s ease;\r\n\r\n}\r\n\r\n\r\n.nav-item:hover > a::after,\r\n.nav-item.active > a::after {\r\n\r\n    width: calc(100% - 30px);\r\n\r\n}\r\n\r\n\r\n.nav-item:hover > a {\r\n\r\n    color: #c72629;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FLECHA\r\n   ========================================================= *\/\r\n\r\n.dropdown-arrow {\r\n\r\n    font-size: 14px;\r\n\r\n    line-height: 1;\r\n\r\n    transition:\r\n        transform .3s ease;\r\n\r\n}\r\n\r\n\r\n.has-dropdown:hover\r\n.dropdown-arrow {\r\n\r\n    transform: rotate(180deg);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DROPDOWN\r\n   ========================================================= *\/\r\n\r\n.dropdown-menu {\r\n\r\n    position: absolute;\r\n\r\n    top: calc(100% - 5px);\r\n\r\n    left: 0;\r\n\r\n    min-width: 230px;\r\n\r\n    padding: 12px;\r\n\r\n    margin: 0;\r\n\r\n    list-style: none;\r\n\r\n    background: rgba(255,255,255,.98);\r\n\r\n    border: 1px solid var(--header-border);\r\n\r\n    box-shadow:\r\n        0 20px 50px rgba(0,0,0,.10);\r\n\r\n    border-radius: 12px;\r\n\r\n    opacity: 0;\r\n\r\n    visibility: hidden;\r\n\r\n    transform:\r\n        translateY(10px);\r\n\r\n    transition:\r\n        opacity .25s ease,\r\n        visibility .25s ease,\r\n        transform .25s ease;\r\n\r\n}\r\n\r\n\r\n.has-dropdown:hover\r\n.dropdown-menu {\r\n\r\n    opacity: 1;\r\n\r\n    visibility: visible;\r\n\r\n    transform:\r\n        translateY(0);\r\n\r\n}\r\n\r\n\r\n.dropdown-menu li a {\r\n\r\n    display: block;\r\n\r\n    padding: 12px 14px;\r\n\r\n    border-radius: 8px;\r\n\r\n    color: #222;\r\n\r\n    font-size: 15px;\r\n\r\n    font-weight: 500;\r\n\r\n    text-decoration: none;\r\n\r\n    transition:\r\n        background .25s ease,\r\n        padding-left .25s ease;\r\n\r\n}\r\n\r\n\r\n.dropdown-menu li a:hover {\r\n\r\n    background: #f3f3f3;\r\n\r\n    padding-left: 19px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BOT\u00d3N PRINCIPAL\r\n   ========================================================= *\/\r\n\r\n.header-action {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 15px;\r\n\r\n    padding: 13px 19px;\r\n\r\n    background: #c72629;\r\n\r\n    color: #fff;\r\n\r\n    border-radius: 50px;\r\n\r\n    text-decoration: none;\r\n\r\n    font-size: 12px;\r\n\r\n    font-weight: 700;\r\n\r\n    transition:\r\n        transform .3s ease,\r\n        background .3s ease;\r\n\r\n}\r\n\r\n\r\n.header-action strong {\r\n\r\n    font-size: 17px;\r\n\r\n    font-weight: 400;\r\n\r\n}\r\n\r\n\r\n.header-action:hover {\r\n\r\n    transform: translateY(-2px);\r\n\r\n    background: #333;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE BUTTON\r\n   ========================================================= *\/\r\n\r\n.menu-toggle {\r\n\r\n    display: none;\r\n\r\n    width: 44px;\r\n\r\n    height: 44px;\r\n\r\n    padding: 10px;\r\n\r\n    border: 0;\r\n\r\n    background: transparent;\r\n\r\n    cursor: pointer;\r\n\r\n}\r\n\r\n\r\n.menu-toggle span {\r\n\r\n    display: block;\r\n\r\n    width: 24px;\r\n\r\n    height: 2px;\r\n\r\n    margin: 5px auto;\r\n\r\n    background: #111;\r\n\r\n    transition:\r\n        transform .3s ease,\r\n        opacity .3s ease;\r\n\r\n}\r\n\r\n\r\n\/* ANIMACI\u00d3N HAMBURGUESA *\/\r\n\r\n.menu-toggle.open span:nth-child(1) {\r\n\r\n    transform:\r\n        translateY(7px)\r\n        rotate(45deg);\r\n\r\n}\r\n\r\n\r\n.menu-toggle.open span:nth-child(2) {\r\n\r\n    opacity: 0;\r\n\r\n}\r\n\r\n\r\n.menu-toggle.open span:nth-child(3) {\r\n\r\n    transform:\r\n        translateY(-7px)\r\n        rotate(-45deg);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE MENU\r\n   ========================================================= *\/\r\n\r\n.mobile-menu {\r\n\r\n    display: none;\r\n\r\n    position: fixed;\r\n\r\n    top: 86px;\r\n\r\n    left: 0;\r\n\r\n    width: 100%;\r\n\r\n    max-height:\r\n        calc(100vh - 86px);\r\n\r\n    overflow-y: auto;\r\n\r\n    background: #fff;\r\n\r\n    border-top: 1px solid #eee;\r\n\r\n    box-shadow:\r\n        0 20px 50px rgba(0,0,0,.10);\r\n\r\n}\r\n\r\n\r\n.mobile-menu.active {\r\n\r\n    display: block;\r\n\r\n}\r\n\r\n\r\n.mobile-menu nav {\r\n\r\n    padding: 20px 25px 35px;\r\n\r\n}\r\n\r\n\r\n.mobile-menu nav > a,\r\n.mobile-dropdown-button {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: space-between;\r\n\r\n    width: 100%;\r\n\r\n    padding: 18px 0;\r\n\r\n    border: 0;\r\n\r\n    border-bottom: 1px solid #eee;\r\n\r\n    background: transparent;\r\n\r\n    color: #111;\r\n\r\n    font-family: inherit;\r\n\r\n    font-size: 16px;\r\n\r\n    font-weight: 600;\r\n\r\n    text-decoration: none;\r\n\r\n    text-align: left;\r\n\r\n    cursor: pointer;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE SUBMENU\r\n   ========================================================= *\/\r\n\r\n.mobile-submenu {\r\n\r\n    display: none;\r\n\r\n    padding: 5px 0 10px 18px;\r\n\r\n}\r\n\r\n\r\n.mobile-dropdown.open\r\n.mobile-submenu {\r\n\r\n    display: block;\r\n\r\n}\r\n\r\n\r\n.mobile-submenu a {\r\n\r\n    display: block;\r\n\r\n    padding: 12px 0;\r\n\r\n    color: #777;\r\n\r\n    font-size: 14px;\r\n\r\n    text-decoration: none;\r\n\r\n}\r\n\r\n\r\n.mobile-dropdown-button span {\r\n\r\n    font-size: 22px;\r\n\r\n    font-weight: 300;\r\n\r\n    transition:\r\n        transform .3s ease;\r\n\r\n}\r\n\r\n\r\n.mobile-dropdown.open\r\n.mobile-dropdown-button span {\r\n\r\n    transform:\r\n        rotate(45deg);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE ACTION\r\n   ========================================================= *\/\r\n\r\n.mobile-action {\r\n\r\n    margin-top: 25px;\r\n\r\n    justify-content: center !important;\r\n\r\n    padding: 16px !important;\r\n\r\n    background: #111;\r\n\r\n    border: 0 !important;\r\n\r\n    border-radius: 50px;\r\n\r\n    color: #fff !important;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n   ========================================================= *\/\r\n\r\n@media(max-width: 1100px) {\r\n\r\n    .header-container {\r\n\r\n        width:\r\n            calc(100% - 40px);\r\n\r\n        gap: 20px;\r\n\r\n    }\r\n\r\n\r\n    .nav-item > a {\r\n\r\n        padding-left: 9px;\r\n\r\n        padding-right: 9px;\r\n\r\n        font-size: 12px;\r\n\r\n    }\r\n\r\n\r\n    .header-action {\r\n\r\n        padding: 11px 15px;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n   ========================================================= *\/\r\n\r\n@media(max-width: 900px) {\r\n\r\n    .header-container {\r\n\r\n        min-height: 76px;\r\n\r\n    }\r\n\r\n\r\n    .site-logo img {\r\n\r\n        width: 240px;\r\n\r\n    }\r\n\r\n\r\n    .main-navigation,\r\n    .header-action {\r\n\r\n        display: none;\r\n\r\n    }\r\n\r\n\r\n    .menu-toggle {\r\n\r\n        display: block;\r\n\r\n        margin-left: auto;\r\n\r\n    }\r\n\r\n\r\n    .mobile-menu {\r\n\r\n        top: 76px;\r\n\r\n        max-height:\r\n            calc(100vh - 76px);\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ACCESSIBILITY\r\n   ========================================================= *\/\r\n\r\n.nav-item a:focus-visible,\r\n.header-action:focus-visible,\r\n.menu-toggle:focus-visible,\r\n.mobile-menu a:focus-visible,\r\n.mobile-dropdown-button:focus-visible {\r\n\r\n    outline: 2px solid #111;\r\n\r\n    outline-offset: 3px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n   ========================================================= *\/\r\n\r\n@media(prefers-reduced-motion: reduce) {\r\n\r\n    *,\r\n    *::before,\r\n    *::after {\r\n\r\n        animation-duration: .01ms !important;\r\n\r\n        animation-iteration-count: 1 !important;\r\n\r\n        transition-duration: .01ms !important;\r\n\r\n        scroll-behavior: auto !important;\r\n\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\n\r\n(function () {\r\n\r\n    \"use strict\";\r\n\r\n\r\n    \/* =====================================================\r\n       ELEMENTOS\r\n       ===================================================== *\/\r\n\r\n    const header =\r\n        document.getElementById(\"mainHeader\");\r\n\r\n    const toggle =\r\n        document.getElementById(\"menuToggle\");\r\n\r\n    const mobileMenu =\r\n        document.getElementById(\"mobileMenu\");\r\n\r\n\r\n    \/* =====================================================\r\n       SCROLL HEADER\r\n       ===================================================== *\/\r\n\r\n    function handleScroll() {\r\n\r\n        if (window.scrollY > 30) {\r\n\r\n            header.classList.add(\"scrolled\");\r\n\r\n        } else {\r\n\r\n            header.classList.remove(\"scrolled\");\r\n\r\n        }\r\n\r\n    }\r\n\r\n\r\n    window.addEventListener(\r\n        \"scroll\",\r\n        handleScroll,\r\n        { passive: true }\r\n    );\r\n\r\n\r\n    handleScroll();\r\n\r\n\r\n    \/* =====================================================\r\n       MEN\u00da MOBILE\r\n       ===================================================== *\/\r\n\r\n    toggle.addEventListener(\r\n        \"click\",\r\n        function () {\r\n\r\n            const isOpen =\r\n                toggle.classList.toggle(\"open\");\r\n\r\n\r\n            mobileMenu.classList.toggle(\r\n                \"active\",\r\n                isOpen\r\n            );\r\n\r\n\r\n            toggle.setAttribute(\r\n                \"aria-expanded\",\r\n                isOpen\r\n            );\r\n\r\n        }\r\n    );\r\n\r\n\r\n    \/* =====================================================\r\n       SUBMEN\u00daS MOBILE\r\n       ===================================================== *\/\r\n\r\n    const dropdownButtons =\r\n        document.querySelectorAll(\r\n            \".mobile-dropdown-button\"\r\n        );\r\n\r\n\r\n    dropdownButtons.forEach(\r\n        function (button) {\r\n\r\n            button.addEventListener(\r\n                \"click\",\r\n                function () {\r\n\r\n                    const parent =\r\n                        button.closest(\r\n                            \".mobile-dropdown\"\r\n                        );\r\n\r\n\r\n                    parent.classList.toggle(\r\n                        \"open\"\r\n                    );\r\n\r\n                }\r\n            );\r\n\r\n        }\r\n    );\r\n\r\n\r\n    \/* =====================================================\r\n       CERRAR MOBILE AL HACER CLICK\r\n       ===================================================== *\/\r\n\r\n    const mobileLinks =\r\n        mobileMenu.querySelectorAll(\r\n            \"a\"\r\n        );\r\n\r\n\r\n    mobileLinks.forEach(\r\n        function (link) {\r\n\r\n            link.addEventListener(\r\n                \"click\",\r\n                function () {\r\n\r\n                    toggle.classList.remove(\r\n                        \"open\"\r\n                    );\r\n\r\n                    mobileMenu.classList.remove(\r\n                        \"active\"\r\n                    );\r\n\r\n                    toggle.setAttribute(\r\n                        \"aria-expanded\",\r\n                        \"false\"\r\n                    );\r\n\r\n                }\r\n            );\r\n\r\n        }\r\n    );\r\n\r\n\r\n    \/* =====================================================\r\n       ESC PARA CERRAR\r\n       ===================================================== *\/\r\n\r\n    document.addEventListener(\r\n        \"keydown\",\r\n        function (event) {\r\n\r\n            if (\r\n                event.key === \"Escape\" &&\r\n                mobileMenu.classList.contains(\r\n                    \"active\"\r\n                )\r\n            ) {\r\n\r\n                toggle.classList.remove(\r\n                    \"open\"\r\n                );\r\n\r\n                mobileMenu.classList.remove(\r\n                    \"active\"\r\n                );\r\n\r\n                toggle.setAttribute(\r\n                    \"aria-expanded\",\r\n                    \"false\"\r\n                );\r\n\r\n            }\r\n\r\n        }\r\n    );\r\n\r\n\r\n    \/* =====================================================\r\n       CERRAR MOBILE AL CAMBIAR A DESKTOP\r\n       ===================================================== *\/\r\n\r\n    window.addEventListener(\r\n        \"resize\",\r\n        function () {\r\n\r\n            if (window.innerWidth > 900) {\r\n\r\n                toggle.classList.remove(\r\n                    \"open\"\r\n                );\r\n\r\n                mobileMenu.classList.remove(\r\n                    \"active\"\r\n                );\r\n\r\n                toggle.setAttribute(\r\n                    \"aria-expanded\",\r\n                    \"false\"\r\n                );\r\n\r\n            }\r\n\r\n        }\r\n    );\r\n\r\n})();\r\n\r\n<\/script\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-43db301 e-con-full e-flex e-con e-parent\" data-id=\"43db301\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-40050e5 e-con-full e-flex e-con e-child\" data-id=\"40050e5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d524537 elementor-widget elementor-widget-image\" data-id=\"d524537\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"480\" height=\"255\" src=\"https:\/\/pca.edu.co\/thekey\/wp-content\/uploads\/2026\/09\/TituloBanner.jpg\" class=\"attachment-large size-large wp-image-2078\" alt=\"\" srcset=\"https:\/\/pca.edu.co\/thekey\/wp-content\/uploads\/2026\/09\/TituloBanner.jpg 480w, https:\/\/pca.edu.co\/thekey\/wp-content\/uploads\/2026\/09\/TituloBanner-300x159.jpg 300w, https:\/\/pca.edu.co\/thekey\/wp-content\/uploads\/2026\/09\/TituloBanner-440x234.jpg 440w\" sizes=\"(max-width: 480px) 100vw, 480px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-57b6b73 elementor-widget elementor-widget-text-editor\" data-id=\"57b6b73\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>The Key es tu revista digital de Marketing y Publicidad, creada para los estudiantes y por estudiantes.<\/p><p>Explora, aprende y comparte lo que mueve al mundo digital<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5a81850 elementor-button-info elementor-align-right elementor-widget elementor-widget-button\" data-id=\"5a81850\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/pca.edu.co\/thekey\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Explora los articulos<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-efbadfa e-con-full e-flex e-con e-child\" data-id=\"efbadfa\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1709269 elementor-widget elementor-widget-image\" data-id=\"1709269\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1536\" height=\"787\" src=\"https:\/\/pca.edu.co\/thekey\/wp-content\/uploads\/2026\/09\/Foto-Banner-1536x787.jpg\" class=\"attachment-1536x1536 size-1536x1536 wp-image-2077\" alt=\"\" srcset=\"https:\/\/pca.edu.co\/thekey\/wp-content\/uploads\/2026\/09\/Foto-Banner-1536x787.jpg 1536w, https:\/\/pca.edu.co\/thekey\/wp-content\/uploads\/2026\/09\/Foto-Banner-300x154.jpg 300w, https:\/\/pca.edu.co\/thekey\/wp-content\/uploads\/2026\/09\/Foto-Banner-1024x525.jpg 1024w, https:\/\/pca.edu.co\/thekey\/wp-content\/uploads\/2026\/09\/Foto-Banner-768x394.jpg 768w, https:\/\/pca.edu.co\/thekey\/wp-content\/uploads\/2026\/09\/Foto-Banner-440x226.jpg 440w, https:\/\/pca.edu.co\/thekey\/wp-content\/uploads\/2026\/09\/Foto-Banner-680x349.jpg 680w, https:\/\/pca.edu.co\/thekey\/wp-content\/uploads\/2026\/09\/Foto-Banner.jpg 1672w\" sizes=\"(max-width: 1536px) 100vw, 1536px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ba39b87 e-con-full e-flex e-con e-parent\" data-id=\"ba39b87\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-aa88b96 elementor-widget elementor-widget-html\" data-id=\"aa88b96\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n\r\n*{\r\nmargin:0;\r\npadding:0;\r\nbox-sizing:border-box;\r\n}\r\n\r\n:root{\r\n--primary:#F6B100;\r\n--dark:#111;\r\n--light:#fff;\r\n}\r\n\r\n.hero-slider{\r\n\r\nposition:relative;\r\nwidth:100%;\r\nheight:720px;\r\noverflow:hidden;\r\nborder-radius:20px;\r\nfont-family:'Poppins',sans-serif;\r\n\r\n}\r\n\r\n.slide{\r\n\r\nposition:absolute;\r\nwidth:100%;\r\nheight:100%;\r\nopacity:0;\r\nvisibility:hidden;\r\ntransition:opacity 1.3s ease;\r\n\r\n}\r\n\r\n.slide.active{\r\n\r\nopacity:1;\r\nvisibility:visible;\r\n\r\n}\r\n\r\n.slide img{\r\n\r\nwidth:100%;\r\nheight:100%;\r\nobject-fit:cover;\r\n\r\nanimation:kenburns 12s linear forwards;\r\n\r\n}\r\n\r\n@keyframes kenburns{\r\n\r\n0%{\r\ntransform:scale(1) translate(0,0);\r\n}\r\n\r\n100%{\r\ntransform:scale(1.18) translate(-2%,-2%);\r\n}\r\n\r\n}\r\n\r\n.overlay{\r\n\r\nposition:absolute;\r\ninset:0;\r\n\r\nbackground:\r\nlinear-gradient(\r\n90deg,\r\nrgba(0,0,0,.72),\r\nrgba(0,0,0,.15)\r\n);\r\n\r\n}\r\n\r\n.content{\r\n\r\nposition:absolute;\r\n\r\ntop:50%;\r\nleft:9%;\r\n\r\ntransform:translateY(-50%);\r\n\r\nmax-width:420px;\r\ncolor:white;\r\nz-index:5;\r\n\r\n}\r\n\r\n.tag{\r\n\r\ndisplay:inline-block;\r\n\r\nbackground:rgba(255,255,255,.15);\r\n\r\npadding:10px 18px;\r\n\r\nborder-radius:30px;\r\n\r\nbackdrop-filter:blur(8px);\r\n\r\nfont-size:14px;\r\n\r\nletter-spacing:1px;\r\n\r\nmargin-bottom:25px;\r\n\r\nopacity:0;\r\n\r\ntransform:translateY(40px);\r\n\r\n}\r\n\r\n.slide.active .tag{\r\n\r\nanimation:fadeUp .8s .2s forwards;\r\n\r\n}\r\n\r\n.content h1{\r\n\r\nfont-size:54px;\r\n\r\nline-height:1.1;\r\n\r\nfont-weight:700;\r\n\r\nmargin-bottom:25px;\r\n\r\nopacity:0;\r\n\r\ntransform:translateY(50px);\r\n\r\ncolor:#FFCB77;\r\n\r\n}\r\n\r\n.slide.active h1{\r\n\r\nanimation:fadeUp .8s .5s forwards;\r\n\r\n}\r\n\r\n.content p{\r\n\r\nfont-size:20px;\r\n\r\nline-height:1.8;\r\n\r\nmargin-bottom:80px;\r\n\r\nopacity:0;\r\n\r\ntransform:translateY(50px);\r\n\r\n}\r\n\r\n.slide.active p{\r\n\r\nanimation:fadeUp .8s .8s forwards;\r\n\r\n}\r\n\r\n.buttons{\r\n\r\ndisplay:flex;\r\n\r\ngap:18px;\r\n\r\nopacity:0;\r\n\r\ntransform:translateY(50px);\r\n\r\n}\r\n\r\n.slide.active .buttons{\r\n\r\nanimation:fadeUp .8s 1.1s forwards;\r\n\r\n}\r\n\r\n.btn{\r\n\r\npadding:18px 24px;\r\n\r\nborder-radius:10px;\r\n\r\nfont-weight:500;\r\n\r\ntext-decoration:none;\r\n\r\ntransition:.35s;\r\n\r\n}\r\n\r\n.primary{\r\n\r\nbackground:var(--primary);\r\n\r\ncolor:#222;\r\n\r\n}\r\n\r\n.primary:hover{\r\n\r\nbackground:123;\r\n\r\ntransform:translateY(-3px);\r\n\r\n}\r\n\r\n.secondary{\r\n\r\nborder:2px solid white;\r\n\r\ncolor:white;\r\n\r\n}\r\n\r\n.secondary:hover{\r\n\r\nbackground:white;\r\n\r\ncolor:#222;\r\n\r\n}\r\n\r\n@keyframes fadeUp{\r\n\r\nto{\r\n\r\nopacity:1;\r\n\r\ntransform:translateY(0);\r\n\r\n}\r\n\r\n}\r\n\r\n.arrow{\r\n\r\nposition:absolute;\r\n\r\ntop:50%;\r\n\r\ntransform:translateY(-50%);\r\n\r\nwidth:20px;\r\n\r\nheight:20px;\r\n\r\nborder-radius:50%;\r\n\r\nbackground:rgba(255,255,255,.15);\r\n\r\nbackdrop-filter:blur(15px);\r\n\r\ndisplay:flex;\r\n\r\njustify-content:center;\r\n\r\nalign-items:center;\r\n\r\ncursor:pointer;\r\n\r\nfont-size:28px;\r\n\r\ncolor:white;\r\n\r\ntransition:.3s;\r\n\r\nz-index:20;\r\n\r\n}\r\n\r\n.arrow:hover{\r\n\r\nbackground:var(--primary);\r\n\r\ncolor:#222;\r\n\r\n}\r\n\r\n.prev{\r\n\r\nleft:16px;\r\n\r\n}\r\n\r\n.next{\r\n\r\nright:16px;\r\n\r\n}\r\n\r\n.dots{\r\n\r\nposition:absolute;\r\n\r\nbottom:30px;\r\n\r\nleft:50%;\r\n\r\ntransform:translateX(-50%);\r\n\r\ndisplay:flex;\r\n\r\ngap:12px;\r\n\r\nz-index:30;\r\n\r\n}\r\n\r\n.dot{\r\n\r\nwidth:14px;\r\n\r\nheight:14px;\r\n\r\nborder-radius:50%;\r\n\r\nbackground:white;\r\n\r\nopacity:.4;\r\n\r\ncursor:pointer;\r\n\r\ntransition:.3s;\r\n\r\n}\r\n\r\n.dot.active{\r\n\r\nopacity:1;\r\n\r\nbackground:var(--primary);\r\n\r\ntransform:scale(1.3);\r\n\r\n}\r\n\r\n@media(max-width:768px){\r\n\r\n.hero-slider{\r\n\r\nheight:560px;\r\n\r\n}\r\n\r\n.content{\r\n\r\nleft:30px;\r\nright:30px;\r\n\r\n}\r\n\r\n.content h1{\r\n\r\nfont-size:38px;\r\n\r\n}\r\n\r\n.content p{\r\n\r\nfont-size:15px;\r\n\r\n}\r\n\r\n.buttons{\r\n\r\nflex-direction:column;\r\n\r\n}\r\n\r\n.arrow{\r\n\r\ndisplay:none;\r\n\r\n}\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n<div class=\"hero-slider\">\r\n\r\n<div class=\"slide active\">\r\n\r\n<img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1522202176988-66273c2fd55f\">\r\n\r\n<div class=\"overlay\"><\/div>\r\n\r\n<div class=\"content\">\r\n\r\n<div class=\"tag\">\r\nPUBLICIDAD \u2022 MARKETING DIGITAL\r\n<\/div>\r\n\r\n<h1>\r\nImpulsamos tu transformaci\u00f3n digital\r\n<\/h1>\r\n\r\n<p>\r\n\r\nCreamos experiencias digitales que conectan con tus clientes y aumentan tus ventas mediante estrategias de alto impacto.\r\n\r\n<\/p>\r\n\r\n<div class=\"buttons\">\r\n\r\n<a href=\"#\" class=\"btn primary\">\r\nLeer m\u00e1s\r\n<\/a>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<div class=\"slide\">\r\n\r\n<img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1498050108023-c5249f4df085\">\r\n\r\n<div class=\"overlay\"><\/div>\r\n\r\n<div class=\"content\">\r\n\r\n<div class=\"tag\">\r\nDISE\u00d1O WEB UX\/UI\r\n<\/div>\r\n\r\n<h1>\r\nSitios web que generan resultados\r\n<\/h1>\r\n\r\n<p>\r\n\r\nDise\u00f1amos p\u00e1ginas modernas, r\u00e1pidas y optimizadas para posicionamiento SEO y conversiones.\r\n\r\n<\/p>\r\n\r\n<div class=\"buttons\">\r\n\r\n<a href=\"#\" class=\"btn primary\">\r\nLeer m\u00e1s\r\n<\/a>\r\n\r\n\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<div class=\"slide\">\r\n\r\n<img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1516321318423-f06f85e504b3\">\r\n\r\n<div class=\"overlay\"><\/div>\r\n\r\n<div class=\"content\">\r\n\r\n<div class=\"tag\">\r\nE-COMMERCE\r\n<\/div>\r\n\r\n<h1>\r\nConvierte visitantes en compradores\r\n<\/h1>\r\n\r\n<p>\r\n\r\nDesarrollamos tiendas online profesionales conectadas con pasarelas de pago, CRM y automatizaci\u00f3n.\r\n\r\n<\/p>\r\n\r\n<div class=\"buttons\">\r\n\r\n<a href=\"#\" class=\"btn primary\">\r\nLeer m\u00e1s\r\n<\/a>\r\n\r\n\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<div class=\"arrow prev\">&#10094;<\/div>\r\n<div class=\"arrow next\">&#10095;<\/div>\r\n\r\n<div class=\"dots\"><\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\n\r\nconst slides=document.querySelectorAll(\".slide\");\r\nconst dotsBox=document.querySelector(\".dots\");\r\n\r\nlet current=0;\r\n\r\nslides.forEach((s,i)=>{\r\n\r\nlet d=document.createElement(\"span\");\r\n\r\nd.className=\"dot\";\r\n\r\nif(i===0)d.classList.add(\"active\");\r\n\r\nd.onclick=()=>go(i);\r\n\r\ndotsBox.appendChild(d);\r\n\r\n});\r\n\r\nconst dots=document.querySelectorAll(\".dot\");\r\n\r\nfunction go(i){\r\n\r\nslides[current].classList.remove(\"active\");\r\n\r\ndots[current].classList.remove(\"active\");\r\n\r\ncurrent=i;\r\n\r\nslides[current].classList.add(\"active\");\r\n\r\ndots[current].classList.add(\"active\");\r\n\r\n}\r\n\r\ndocument.querySelector(\".next\").onclick=()=>{\r\n\r\ngo((current+1)%slides.length);\r\n\r\n}\r\n\r\ndocument.querySelector(\".prev\").onclick=()=>{\r\n\r\ngo((current-1+slides.length)%slides.length);\r\n\r\n}\r\n\r\nsetInterval(()=>{\r\n\r\ngo((current+1)%slides.length);\r\n\r\n},7000);\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8af7d2c e-flex e-con-boxed e-con e-parent\" data-id=\"8af7d2c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b6f7a5a elementor-widget elementor-widget-html\" data-id=\"b6f7a5a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =========================================\r\n     SLIDER DE ENTRADAS - ELEMENTOR\r\n     ========================================= -->\r\n\r\n<div class=\"blog-slider-wrapper\" id=\"blogSlider\">\r\n\r\n  <div class=\"blog-slider-header\">\r\n    <div>\r\n      <span class=\"blog-slider-label\">BLOG<\/span>\r\n      <h2>\u00daltimas publicaciones<\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"blog-slider-controls\">\r\n      <button class=\"blog-prev\" aria-label=\"Anterior\">\u2190<\/button>\r\n      <button class=\"blog-next\" aria-label=\"Siguiente\">\u2192<\/button>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"blog-slider-track\" id=\"blogTrack\">\r\n    <!-- Las entradas se cargar\u00e1n autom\u00e1ticamente -->\r\n  <\/div>\r\n\r\n  <div class=\"blog-slider-dots\" id=\"blogDots\"><\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================\r\n   CONTENEDOR\r\n   ========================================= *\/\r\n\r\n#blogSlider {\r\n  --blog-primary: #111111;\r\n  --blog-secondary: #666666;\r\n  --blog-background: #ffffff;\r\n  --blog-card: #ffffff;\r\n  --blog-border: #eeeeee;\r\n  --blog-radius: 22px;\r\n\r\n  width: 100%;\r\n  max-width: 1400px;\r\n  margin: 0 auto;\r\n  font-family: inherit;\r\n  box-sizing: border-box;\r\n}\r\n\r\n\/* =========================================\r\n   HEADER\r\n   ========================================= *\/\r\n\r\n.blog-slider-header {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: flex-end;\r\n  margin-bottom: 30px;\r\n}\r\n\r\n.blog-slider-label {\r\n  display: inline-block;\r\n  font-size: 12px;\r\n  font-weight: 700;\r\n  letter-spacing: 2px;\r\n  margin-bottom: 8px;\r\n  color: var(--blog-secondary);\r\n}\r\n\r\n.blog-slider-header h2 {\r\n  margin: 0;\r\n  font-size: clamp(28px, 4vw, 46px);\r\n  line-height: 1.1;\r\n  font-weight: 700;\r\n  color: var(--blog-primary);\r\n}\r\n\r\n\/* =========================================\r\n   CONTROLES\r\n   ========================================= *\/\r\n\r\n.blog-slider-controls {\r\n  display: flex;\r\n  gap: 10px;\r\n}\r\n\r\n.blog-slider-controls button {\r\n  width: 46px;\r\n  height: 46px;\r\n  border-radius: 50%;\r\n  border: 1px solid var(--blog-border);\r\n  background: #fff;\r\n  color: #111;\r\n  font-size: 20px;\r\n  cursor: pointer;\r\n  transition: all .3s ease;\r\n}\r\n\r\n.blog-slider-controls button:hover {\r\n  background: #111;\r\n  color: #fff;\r\n  transform: translateY(-2px);\r\n}\r\n\r\n\/* =========================================\r\n   TRACK\r\n   ========================================= *\/\r\n\r\n.blog-slider-track {\r\n  display: flex;\r\n  gap: 24px;\r\n  overflow: hidden;\r\n  scroll-behavior: smooth;\r\n  scroll-snap-type: x mandatory;\r\n}\r\n\r\n\/* =========================================\r\n   CARD\r\n   ========================================= *\/\r\n\r\n.blog-card {\r\n  flex: 0 0 calc(33.333% - 16px);\r\n  min-width: 0;\r\n  background: var(--blog-card);\r\n  border: 1px solid var(--blog-border);\r\n  border-radius: var(--blog-radius);\r\n  overflow: hidden;\r\n  scroll-snap-align: start;\r\n  transition: transform .35s ease, box-shadow .35s ease;\r\n}\r\n\r\n.blog-card:hover {\r\n  transform: translateY(-7px);\r\n  box-shadow: 0 18px 45px rgba(0,0,0,.10);\r\n}\r\n\r\n\/* =========================================\r\n   IMAGEN\r\n   ========================================= *\/\r\n\r\n.blog-card-image {\r\n  position: relative;\r\n  width: 100%;\r\n  aspect-ratio: 16 \/ 10;\r\n  overflow: hidden;\r\n  background: #f2f2f2;\r\n}\r\n\r\n.blog-card-image img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  display: block;\r\n  transition: transform .6s ease;\r\n}\r\n\r\n.blog-card:hover .blog-card-image img {\r\n  transform: scale(1.06);\r\n}\r\n\r\n\/* =========================================\r\n   CATEGOR\u00cdA\r\n   ========================================= *\/\r\n\r\n.blog-category {\r\n  position: absolute;\r\n  left: 18px;\r\n  top: 18px;\r\n  padding: 7px 12px;\r\n  border-radius: 50px;\r\n  background: rgba(255,255,255,.92);\r\n  backdrop-filter: blur(8px);\r\n  font-size: 11px;\r\n  font-weight: 700;\r\n  letter-spacing: .5px;\r\n  text-transform: uppercase;\r\n  color: #111;\r\n}\r\n\r\n\/* =========================================\r\n   CONTENIDO\r\n   ========================================= *\/\r\n\r\n.blog-card-content {\r\n  padding: 24px;\r\n}\r\n\r\n.blog-date {\r\n  display: block;\r\n  margin-bottom: 10px;\r\n  font-size: 12px;\r\n  color: #888;\r\n}\r\n\r\n.blog-card-title {\r\n  margin: 0 0 12px;\r\n  font-size: 22px;\r\n  line-height: 1.25;\r\n  font-weight: 700;\r\n  color: #111;\r\n}\r\n\r\n.blog-card-title a {\r\n  color: inherit;\r\n  text-decoration: none;\r\n}\r\n\r\n.blog-card-excerpt {\r\n  margin: 0 0 22px;\r\n  font-size: 14px;\r\n  line-height: 1.65;\r\n  color: #666;\r\n}\r\n\r\n.blog-read-more {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  font-size: 13px;\r\n  font-weight: 700;\r\n  text-decoration: none;\r\n  color: #111;\r\n  transition: gap .3s ease;\r\n}\r\n\r\n.blog-read-more:hover {\r\n  gap: 13px;\r\n}\r\n\r\n\/* =========================================\r\n   DOTS\r\n   ========================================= *\/\r\n\r\n.blog-slider-dots {\r\n  display: flex;\r\n  justify-content: center;\r\n  gap: 7px;\r\n  margin-top: 28px;\r\n}\r\n\r\n.blog-dot {\r\n  width: 7px;\r\n  height: 7px;\r\n  border-radius: 50%;\r\n  border: none;\r\n  padding: 0;\r\n  background: #d5d5d5;\r\n  cursor: pointer;\r\n  transition: all .3s ease;\r\n}\r\n\r\n.blog-dot.active {\r\n  width: 24px;\r\n  border-radius: 10px;\r\n  background: #111;\r\n}\r\n\r\n\/* =========================================\r\n   TABLET\r\n   ========================================= *\/\r\n\r\n@media (max-width: 1024px) {\r\n\r\n  .blog-card {\r\n    flex: 0 0 calc(50% - 12px);\r\n  }\r\n\r\n}\r\n\r\n\/* =========================================\r\n   MOBILE\r\n   ========================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n  .blog-slider-header {\r\n    align-items: center;\r\n  }\r\n\r\n  .blog-slider-controls {\r\n    gap: 6px;\r\n  }\r\n\r\n  .blog-slider-controls button {\r\n    width: 40px;\r\n    height: 40px;\r\n    font-size: 17px;\r\n  }\r\n\r\n  .blog-card {\r\n    flex: 0 0 88%;\r\n  }\r\n\r\n  .blog-card-content {\r\n    padding: 20px;\r\n  }\r\n\r\n  .blog-card-title {\r\n    font-size: 20px;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\n\r\n(function() {\r\n\r\n  \/* =========================================\r\n     CONFIGURACI\u00d3N\r\n     ========================================= *\/\r\n\r\n  const CONFIG = {\r\n\r\n    \/\/ URL DE TU WORDPRESS\r\n    api: 'https:\/\/pca.edu.co\/thekey\/wp-json\/wp\/v2\/posts',\r\n\r\n    \/\/ Cantidad de entradas\r\n    posts: 9,\r\n\r\n    \/\/ Activar reproducci\u00f3n autom\u00e1tica\r\n    autoplay: true,\r\n\r\n    \/\/ Tiempo entre movimientos\r\n    autoplaySpeed: 5000\r\n\r\n  };\r\n\r\n\r\n  const slider = document.getElementById('blogSlider');\r\n  const track = document.getElementById('blogTrack');\r\n  const dotsContainer = document.getElementById('blogDots');\r\n\r\n  const prevButton = slider.querySelector('.blog-prev');\r\n  const nextButton = slider.querySelector('.blog-next');\r\n\r\n  let currentPage = 0;\r\n  let totalPages = 0;\r\n  let autoplayTimer;\r\n\r\n\r\n  \/* =========================================\r\n     OBTENER ENTRADAS WORDPRESS\r\n     ========================================= *\/\r\n\r\n  async function loadPosts() {\r\n\r\n    try {\r\n\r\n      const response = await fetch(\r\n        CONFIG.api +\r\n        '?per_page=' +\r\n        CONFIG.posts +\r\n        '&_embed'\r\n      );\r\n\r\n      if (!response.ok) {\r\n        throw new Error('No se pudieron cargar las entradas');\r\n      }\r\n\r\n      const posts = await response.json();\r\n\r\n      renderPosts(posts);\r\n\r\n    } catch (error) {\r\n\r\n      console.error(error);\r\n\r\n      track.innerHTML = `\r\n        <div style=\"\r\n          width:100%;\r\n          padding:40px;\r\n          text-align:center;\r\n          color:#777;\r\n        \">\r\n          No fue posible cargar las publicaciones.\r\n        <\/div>\r\n      `;\r\n\r\n    }\r\n\r\n  }\r\n\r\n\r\n  \/* =========================================\r\n     RENDERIZAR POSTS\r\n     ========================================= *\/\r\n\r\n  function renderPosts(posts) {\r\n\r\n    track.innerHTML = '';\r\n\r\n    posts.forEach(post => {\r\n\r\n      const title = post.title.rendered;\r\n\r\n      const link = post.link;\r\n\r\n      const date = new Date(post.date).toLocaleDateString(\r\n        'es-CO',\r\n        {\r\n          day: 'numeric',\r\n          month: 'long',\r\n          year: 'numeric'\r\n        }\r\n      );\r\n\r\n      let image =\r\n        'https:\/\/via.placeholder.com\/900x560?text=Blog';\r\n\r\n      if (\r\n        post._embedded &&\r\n        post._embedded['wp:featuredmedia'] &&\r\n        post._embedded['wp:featuredmedia'][0]\r\n      ) {\r\n\r\n        image =\r\n          post._embedded['wp:featuredmedia'][0].source_url;\r\n\r\n      }\r\n\r\n      let category = 'Blog';\r\n\r\n      if (\r\n        post._embedded &&\r\n        post._embedded['wp:term'] &&\r\n        post._embedded['wp:term'][0] &&\r\n        post._embedded['wp:term'][0][0]\r\n      ) {\r\n\r\n        category =\r\n          post._embedded['wp:term'][0][0].name;\r\n\r\n      }\r\n\r\n      const excerpt =\r\n        post.excerpt.rendered\r\n        .replace(\/<[^>]*>\/g, '')\r\n        .substring(0, 120) + '...';\r\n\r\n\r\n      const card = document.createElement('article');\r\n\r\n      card.className = 'blog-card';\r\n\r\n      card.innerHTML = `\r\n\r\n        <div class=\"blog-card-image\">\r\n\r\n          <img decoding=\"async\"\r\n            src=\"${image}\"\r\n            alt=\"${title.replace(\/\"\/g, '')}\"\r\n            loading=\"lazy\"\r\n          >\r\n\r\n          <span class=\"blog-category\">\r\n            ${category}\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"blog-card-content\">\r\n\r\n          <span class=\"blog-date\">\r\n            ${date}\r\n          <\/span>\r\n\r\n          <h3 class=\"blog-card-title\">\r\n\r\n            <a href=\"${link}\">\r\n              ${title}\r\n            <\/a>\r\n\r\n          <\/h3>\r\n\r\n          <p class=\"blog-card-excerpt\">\r\n            ${excerpt}\r\n          <\/p>\r\n\r\n          <a\r\n            class=\"blog-read-more\"\r\n            href=\"${link}\"\r\n          >\r\n            Leer art\u00edculo\r\n            <span>\u2192<\/span>\r\n          <\/a>\r\n\r\n        <\/div>\r\n\r\n      `;\r\n\r\n      track.appendChild(card);\r\n\r\n    });\r\n\r\n\r\n    createDots();\r\n\r\n  }\r\n\r\n\r\n  \/* =========================================\r\n     NAVEGACI\u00d3N\r\n     ========================================= *\/\r\n\r\n  function getScrollAmount() {\r\n\r\n    const card = track.querySelector('.blog-card');\r\n\r\n    if (!card) return 0;\r\n\r\n    return card.offsetWidth + 24;\r\n\r\n  }\r\n\r\n\r\n  function nextSlide() {\r\n\r\n    const amount = getScrollAmount();\r\n\r\n    track.scrollBy({\r\n      left: amount,\r\n      behavior: 'smooth'\r\n    });\r\n\r\n    updateDots();\r\n\r\n  }\r\n\r\n\r\n  function previousSlide() {\r\n\r\n    const amount = getScrollAmount();\r\n\r\n    track.scrollBy({\r\n      left: -amount,\r\n      behavior: 'smooth'\r\n    });\r\n\r\n    updateDots();\r\n\r\n  }\r\n\r\n\r\n  nextButton.addEventListener(\r\n    'click',\r\n    function() {\r\n\r\n      nextSlide();\r\n\r\n      restartAutoplay();\r\n\r\n    }\r\n  );\r\n\r\n\r\n  prevButton.addEventListener(\r\n    'click',\r\n    function() {\r\n\r\n      previousSlide();\r\n\r\n      restartAutoplay();\r\n\r\n    }\r\n  );\r\n\r\n\r\n  \/* =========================================\r\n     DOTS\r\n     ========================================= *\/\r\n\r\n  function createDots() {\r\n\r\n    const cards =\r\n      track.querySelectorAll('.blog-card');\r\n\r\n    if (!cards.length) return;\r\n\r\n    const visible =\r\n      window.innerWidth <= 767\r\n        ? 1\r\n        : window.innerWidth <= 1024\r\n          ? 2\r\n          : 3;\r\n\r\n    totalPages =\r\n      Math.ceil(cards.length \/ visible);\r\n\r\n    dotsContainer.innerHTML = '';\r\n\r\n    for (\r\n      let i = 0;\r\n      i < totalPages;\r\n      i++\r\n    ) {\r\n\r\n      const dot =\r\n        document.createElement('button');\r\n\r\n      dot.className = 'blog-dot';\r\n\r\n      dot.setAttribute(\r\n        'aria-label',\r\n        'Ir a p\u00e1gina ' + (i + 1)\r\n      );\r\n\r\n      dot.addEventListener(\r\n        'click',\r\n        function() {\r\n\r\n          const amount =\r\n            getScrollAmount() *\r\n            visible *\r\n            i;\r\n\r\n          track.scrollTo({\r\n            left: amount,\r\n            behavior: 'smooth'\r\n          });\r\n\r\n          updateDots();\r\n\r\n          restartAutoplay();\r\n\r\n        }\r\n      );\r\n\r\n      dotsContainer.appendChild(dot);\r\n\r\n    }\r\n\r\n    updateDots();\r\n\r\n  }\r\n\r\n\r\n  function updateDots() {\r\n\r\n    const dots =\r\n      dotsContainer.querySelectorAll('.blog-dot');\r\n\r\n    const amount =\r\n      getScrollAmount();\r\n\r\n    if (!amount) return;\r\n\r\n    const visible =\r\n      window.innerWidth <= 767\r\n        ? 1\r\n        : window.innerWidth <= 1024\r\n          ? 2\r\n          : 3;\r\n\r\n    const page =\r\n      Math.round(\r\n        track.scrollLeft \/\r\n        (amount * visible)\r\n      );\r\n\r\n    dots.forEach(\r\n      (dot, index) => {\r\n\r\n        dot.classList.toggle(\r\n          'active',\r\n          index === page\r\n        );\r\n\r\n      }\r\n    );\r\n\r\n  }\r\n\r\n\r\n  \/* =========================================\r\n     AUTOPLAY\r\n     ========================================= *\/\r\n\r\n  function startAutoplay() {\r\n\r\n    if (!CONFIG.autoplay) return;\r\n\r\n    autoplayTimer =\r\n      setInterval(\r\n        function() {\r\n\r\n          const maxScroll =\r\n            track.scrollWidth -\r\n            track.clientWidth;\r\n\r\n          if (\r\n            track.scrollLeft >=\r\n            maxScroll - 10\r\n          ) {\r\n\r\n            track.scrollTo({\r\n              left: 0,\r\n              behavior: 'smooth'\r\n            });\r\n\r\n          } else {\r\n\r\n            nextSlide();\r\n\r\n          }\r\n\r\n        },\r\n        CONFIG.autoplaySpeed\r\n      );\r\n\r\n  }\r\n\r\n\r\n  function restartAutoplay() {\r\n\r\n    clearInterval(autoplayTimer);\r\n\r\n    startAutoplay();\r\n\r\n  }\r\n\r\n\r\n  \/* =========================================\r\n     PAUSAR AL PASAR EL MOUSE\r\n     ========================================= *\/\r\n\r\n  slider.addEventListener(\r\n    'mouseenter',\r\n    function() {\r\n\r\n      clearInterval(autoplayTimer);\r\n\r\n    }\r\n  );\r\n\r\n\r\n  slider.addEventListener(\r\n    'mouseleave',\r\n    function() {\r\n\r\n      startAutoplay();\r\n\r\n    }\r\n  );\r\n\r\n\r\n  \/* =========================================\r\n     ACTUALIZAR DOTS AL HACER SCROLL\r\n     ========================================= *\/\r\n\r\n  track.addEventListener(\r\n    'scroll',\r\n    function() {\r\n\r\n      window.requestAnimationFrame(\r\n        updateDots\r\n      );\r\n\r\n    }\r\n  );\r\n\r\n\r\n  \/* =========================================\r\n     RESPONSIVE\r\n     ========================================= *\/\r\n\r\n  window.addEventListener(\r\n    'resize',\r\n    function() {\r\n\r\n      createDots();\r\n\r\n    }\r\n  );\r\n\r\n\r\n  \/* =========================================\r\n     INICIAR\r\n     ========================================= *\/\r\n\r\n  loadPosts();\r\n\r\n})();\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2d21796 e-flex e-con-boxed e-con e-parent\" data-id=\"2d21796\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-3f7391d e-con-full e-flex e-con e-child\" data-id=\"3f7391d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d0465e0 elementor-widget__width-initial elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"d0465e0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<div class=\"elementor-icon elementor-animation-grow\">\n\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-far-lightbulb\" viewBox=\"0 0 352 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M176 80c-52.94 0-96 43.06-96 96 0 8.84 7.16 16 16 16s16-7.16 16-16c0-35.3 28.72-64 64-64 8.84 0 16-7.16 16-16s-7.16-16-16-16zM96.06 459.17c0 3.15.93 6.22 2.68 8.84l24.51 36.84c2.97 4.46 7.97 7.14 13.32 7.14h78.85c5.36 0 10.36-2.68 13.32-7.14l24.51-36.84c1.74-2.62 2.67-5.7 2.68-8.84l.05-43.18H96.02l.04 43.18zM176 0C73.72 0 0 82.97 0 176c0 44.37 16.45 84.85 43.56 115.78 16.64 18.99 42.74 58.8 52.42 92.16v.06h48v-.12c-.01-4.77-.72-9.51-2.15-14.07-5.59-17.81-22.82-64.77-62.17-109.67-20.54-23.43-31.52-53.15-31.61-84.14-.2-73.64 59.67-128 127.95-128 70.58 0 128 57.42 128 128 0 30.97-11.24 60.85-31.65 84.14-39.11 44.61-56.42 91.47-62.1 109.46a47.507 47.507 0 0 0-2.22 14.3v.1h48v-.05c9.68-33.37 35.78-73.18 52.42-92.16C335.55 260.85 352 220.37 352 176 352 78.8 273.2 0 176 0z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d699cd3 elementor-widget-tablet__width-initial elementor-widget-mobile__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"d699cd3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Contenido hecho por estudiantes<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-dd9914d e-con-full e-flex e-con e-child\" data-id=\"dd9914d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0f944c1 elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"0f944c1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<div class=\"elementor-icon elementor-animation-grow\">\n\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-graduation-cap\" viewBox=\"0 0 640 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M622.34 153.2L343.4 67.5c-15.2-4.67-31.6-4.67-46.79 0L17.66 153.2c-23.54 7.23-23.54 38.36 0 45.59l48.63 14.94c-10.67 13.19-17.23 29.28-17.88 46.9C38.78 266.15 32 276.11 32 288c0 10.78 5.68 19.85 13.86 25.65L20.33 428.53C18.11 438.52 25.71 448 35.94 448h56.11c10.24 0 17.84-9.48 15.62-19.47L82.14 313.65C90.32 307.85 96 298.78 96 288c0-11.57-6.47-21.25-15.66-26.87.76-15.02 8.44-28.3 20.69-36.72L296.6 284.5c9.06 2.78 26.44 6.25 46.79 0l278.95-85.7c23.55-7.24 23.55-38.36 0-45.6zM352.79 315.09c-28.53 8.76-52.84 3.92-65.59 0l-145.02-44.55L128 384c0 35.35 85.96 64 192 64s192-28.65 192-64l-14.18-113.47-145.03 44.56z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dbb6e52 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"dbb6e52\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Aprende de Marketing, Publicidad y m\u00e1s&#8230;<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f1fd283 e-con-full e-flex e-con e-child\" data-id=\"f1fd283\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dbd39fa elementor-widget-mobile__width-initial elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"dbd39fa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<div class=\"elementor-icon elementor-animation-grow\">\n\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-far-comments\" viewBox=\"0 0 576 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M532 386.2c27.5-27.1 44-61.1 44-98.2 0-80-76.5-146.1-176.2-157.9C368.3 72.5 294.3 32 208 32 93.1 32 0 103.6 0 192c0 37 16.5 71 44 98.2-15.3 30.7-37.3 54.5-37.7 54.9-6.3 6.7-8.1 16.5-4.4 25 3.6 8.5 12 14 21.2 14 53.5 0 96.7-20.2 125.2-38.8 9.2 2.1 18.7 3.7 28.4 4.9C208.1 407.6 281.8 448 368 448c20.8 0 40.8-2.4 59.8-6.8C456.3 459.7 499.4 480 553 480c9.2 0 17.5-5.5 21.2-14 3.6-8.5 1.9-18.3-4.4-25-.4-.3-22.5-24.1-37.8-54.8zm-392.8-92.3L122.1 305c-14.1 9.1-28.5 16.3-43.1 21.4 2.7-4.7 5.4-9.7 8-14.8l15.5-31.1L77.7 256C64.2 242.6 48 220.7 48 192c0-60.7 73.3-112 160-112s160 51.3 160 112-73.3 112-160 112c-16.5 0-33-1.9-49-5.6l-19.8-4.5zM498.3 352l-24.7 24.4 15.5 31.1c2.6 5.1 5.3 10.1 8 14.8-14.6-5.1-29-12.3-43.1-21.4l-17.1-11.1-19.9 4.6c-16 3.7-32.5 5.6-49 5.6-54 0-102.2-20.1-131.3-49.7C338 339.5 416 272.9 416 192c0-3.4-.4-6.7-.7-10C479.7 196.5 528 238.8 528 288c0 28.7-16.2 50.6-29.7 64z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-82c333c elementor-widget-tablet__width-initial elementor-widget-mobile__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"82c333c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Opina, Comparte y haz comunidad.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-abbcfc9 e-con-full e-flex e-con e-child\" data-id=\"abbcfc9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-036c534 elementor-widget-mobile__width-initial elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"036c534\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<div class=\"elementor-icon elementor-animation-grow\">\n\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-rocket\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M505.12019,19.09375c-1.18945-5.53125-6.65819-11-12.207-12.1875C460.716,0,435.507,0,410.40747,0,307.17523,0,245.26909,55.20312,199.05238,128H94.83772c-16.34763.01562-35.55658,11.875-42.88664,26.48438L2.51562,253.29688A28.4,28.4,0,0,0,0,264a24.00867,24.00867,0,0,0,24.00582,24H127.81618l-22.47457,22.46875c-11.36521,11.36133-12.99607,32.25781,0,45.25L156.24582,406.625c11.15623,11.1875,32.15619,13.15625,45.27726,0l22.47457-22.46875V488a24.00867,24.00867,0,0,0,24.00581,24,28.55934,28.55934,0,0,0,10.707-2.51562l98.72834-49.39063c14.62888-7.29687,26.50776-26.5,26.50776-42.85937V312.79688c72.59753-46.3125,128.03493-108.40626,128.03493-211.09376C512.07526,76.5,512.07526,51.29688,505.12019,19.09375ZM384.04033,168A40,40,0,1,1,424.05,128,40.02322,40.02322,0,0,1,384.04033,168Z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-695fa78 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"695fa78\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Inspirate y transforma tus ideas.<\/p>\t\t\t\t\t\t\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\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\ud83d\udcc5 Cargando fecha&#8230; \ud83d\udd50 00:00:00 Buscar Buscar . Inicio Marketing \u2304 CEO Redes Sociales Ecosistemas digitales Inteligencia Artificial Tendencias Publicidad \u2304 Identidad Corporativa Experiencia de Usuario Community Manager Plan de medios Digitales Noticias Cont\u00e1ctanos Suscr\u00edbete \u2192 Inicio Marketing + CEO Redes Sociales Ecosistema digital Inteligencia Artificial Tendencias Publicidad + Identidad Corporativa Experiencia de Usuario Community [&hellip;]<\/p>\n","protected":false},"author":14,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"content-type":"","footnotes":""},"class_list":["post-2055","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>The Key -<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/pca.edu.co\/thekey\/the-key\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"The Key -\" \/>\n<meta property=\"og:description\" content=\"\ud83d\udcc5 Cargando fecha&#8230; \ud83d\udd50 00:00:00 Buscar Buscar . Inicio Marketing \u2304 CEO Redes Sociales Ecosistemas digitales Inteligencia Artificial Tendencias Publicidad \u2304 Identidad Corporativa Experiencia de Usuario Community Manager Plan de medios Digitales Noticias Cont\u00e1ctanos Suscr\u00edbete \u2192 Inicio Marketing + CEO Redes Sociales Ecosistema digital Inteligencia Artificial Tendencias Publicidad + Identidad Corporativa Experiencia de Usuario Community [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/pca.edu.co\/thekey\/the-key\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-03T18:53:30+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"6 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/pca.edu.co\\\/thekey\\\/the-key\\\/\",\"url\":\"https:\\\/\\\/pca.edu.co\\\/thekey\\\/the-key\\\/\",\"name\":\"The Key -\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/pca.edu.co\\\/thekey\\\/#website\"},\"datePublished\":\"2026-09-02T16:09:17+00:00\",\"dateModified\":\"2026-09-03T18:53:30+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/pca.edu.co\\\/thekey\\\/the-key\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/pca.edu.co\\\/thekey\\\/the-key\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/pca.edu.co\\\/thekey\\\/the-key\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/pca.edu.co\\\/thekey\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"The Key\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/pca.edu.co\\\/thekey\\\/#website\",\"url\":\"https:\\\/\\\/pca.edu.co\\\/thekey\\\/\",\"name\":\"\",\"description\":\"Revista Digital de los Programas de Administraci\u00f3n de Mercadeo y Publicidad\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/pca.edu.co\\\/thekey\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"The Key -","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:\/\/pca.edu.co\/thekey\/the-key\/","og_locale":"es_ES","og_type":"article","og_title":"The Key -","og_description":"\ud83d\udcc5 Cargando fecha&#8230; \ud83d\udd50 00:00:00 Buscar Buscar . Inicio Marketing \u2304 CEO Redes Sociales Ecosistemas digitales Inteligencia Artificial Tendencias Publicidad \u2304 Identidad Corporativa Experiencia de Usuario Community Manager Plan de medios Digitales Noticias Cont\u00e1ctanos Suscr\u00edbete \u2192 Inicio Marketing + CEO Redes Sociales Ecosistema digital Inteligencia Artificial Tendencias Publicidad + Identidad Corporativa Experiencia de Usuario Community [&hellip;]","og_url":"https:\/\/pca.edu.co\/thekey\/the-key\/","article_modified_time":"2026-09-03T18:53:30+00:00","twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"6 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/pca.edu.co\/thekey\/the-key\/","url":"https:\/\/pca.edu.co\/thekey\/the-key\/","name":"The Key -","isPartOf":{"@id":"https:\/\/pca.edu.co\/thekey\/#website"},"datePublished":"2026-09-02T16:09:17+00:00","dateModified":"2026-09-03T18:53:30+00:00","breadcrumb":{"@id":"https:\/\/pca.edu.co\/thekey\/the-key\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/pca.edu.co\/thekey\/the-key\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/pca.edu.co\/thekey\/the-key\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/pca.edu.co\/thekey\/"},{"@type":"ListItem","position":2,"name":"The Key"}]},{"@type":"WebSite","@id":"https:\/\/pca.edu.co\/thekey\/#website","url":"https:\/\/pca.edu.co\/thekey\/","name":"","description":"Revista Digital de los Programas de Administraci\u00f3n de Mercadeo y Publicidad","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/pca.edu.co\/thekey\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"}]}},"_links":{"self":[{"href":"https:\/\/pca.edu.co\/thekey\/wp-json\/wp\/v2\/pages\/2055","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pca.edu.co\/thekey\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pca.edu.co\/thekey\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pca.edu.co\/thekey\/wp-json\/wp\/v2\/users\/14"}],"replies":[{"embeddable":true,"href":"https:\/\/pca.edu.co\/thekey\/wp-json\/wp\/v2\/comments?post=2055"}],"version-history":[{"count":150,"href":"https:\/\/pca.edu.co\/thekey\/wp-json\/wp\/v2\/pages\/2055\/revisions"}],"predecessor-version":[{"id":2223,"href":"https:\/\/pca.edu.co\/thekey\/wp-json\/wp\/v2\/pages\/2055\/revisions\/2223"}],"wp:attachment":[{"href":"https:\/\/pca.edu.co\/thekey\/wp-json\/wp\/v2\/media?parent=2055"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}