\/* ===================================================================
\n ECOSISTEMA DEL CONOCIMIENTO \u2014 CSS HEADER v2 (9 jun 2026)
\n Va en: Apariencia > Personalizar > Scripts de cabecera y pie de
\n p\u00e1gina > \u00abScripts de la cabecera\u00bb. Pegar TODO (incluye ).
\n Paleta nueva UTP: navy #003d6d + dorado #c9a227 \/ Oswald + Roboto.
\n =================================================================== *\/
\n@import url(‘https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css’);
\n@import url(‘https:\/\/fonts.googleapis.com\/css2?family=Oswald:wght@400;500;600;700&family=Roboto:wght@300;400;500;700&display=swap’);<\/p>\n
\/* === Variables (referencia) ===
\n primary #003d6d \u00b7 primary-dark #003157 \u00b7 dark #002744
\n accent dorado #c9a227 \u00b7 accent-soft #e6c65a \u00b7 cyan #0d8ecf
\n gris texto #495057 \u00b7 gris suave #6c757d \u00b7 borde #dee2e6 \u00b7 bg #f8f9fa *\/<\/p>\n
\/* === Tipograf\u00eda: Roboto cuerpo \/ Oswald t\u00edtulos (solo contenido) === *\/
\n.entry-content { font-family:’Roboto’, system-ui, -apple-system, sans-serif; }
\n.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4,
\n.entry-content .wp-block-heading,
\n.hero-banner h1, .metafora-band h2 {
\n font-family:’Oswald’,’Roboto’, sans-serif;
\n letter-spacing:.4px;
\n}<\/p>\n
\/* === STICKY NAVBAR === *\/
\n#masthead,
\n.site-header,
\n.ast-primary-header-bar {
\n position: sticky !important;
\n top: 0;
\n z-index: 999;
\n box-shadow: 0 2px 12px rgba(0,0,0,0.15);
\n}<\/p>\n
\/* === Links del men\u00fa: navy legible sobre navbar blanco === *\/
\n.ast-primary-header-bar .main-header-menu .menu-link,
\n.main-header-menu .menu-link,
\n.ast-builder-menu .menu-link,
\n.ast-primary-header-bar a.menu-link,
\n.main-navigation .menu-item > a {
\n color: #003d6d !important;
\n font-weight: 600 !important;
\n font-family: ‘Oswald’, sans-serif;
\n letter-spacing: .3px;
\n}
\n.main-header-menu .menu-link:hover,
\n.ast-builder-menu .menu-link:hover,
\n.main-navigation .menu-item > a:hover,
\n.menu-item.current-menu-item > .menu-link,
\n.menu-item.current-menu-item > a {
\n color: #0a5a96 !important;
\n}
\n\/* submen\u00fas (desplegables) legibles *\/
\n.ast-primary-header-bar .sub-menu .menu-link,
\n.main-header-menu .sub-menu .menu-link {
\n color: #003d6d !important;
\n font-weight: 500 !important;
\n}<\/p>\n
\/* === Padding lateral del men\u00fa === *\/
\n.ast-primary-header-bar .ast-container,
\n.main-header-bar .ast-container,
\n.site-header .ast-container {
\n padding-left: 2.5rem !important;
\n padding-right: 2.5rem !important;
\n max-width: 1400px;
\n margin: 0 auto;
\n}<\/p>\n
\/* === Fondo blanco en el contenido (fix mobile) === *\/
\n.site-content,
\n.entry-content,
\n.home .entry-content,
\n.home .ast-container {
\n background-color: #ffffff !important;
\n}<\/p>\n
\/* === Inicio: ocultar t\u00edtulo y espacio === *\/
\n.home .entry-title,
\n.home h1.entry-title,
\n.home .ast-archive-title,
\n.home .page-title,
\n.home .entry-header,
\n.home .ast-page-banner,
\n.home .ast-archive-description {
\n display: none !important;
\n}
\n.home main,
\n.home .site-content,
\n.home .ast-container,
\n.home #primary,
\n.home .ast-content-area,
\n.home .entry-content {
\n padding-top: 0 !important;
\n margin-top: 0 !important;
\n}
\n.home .entry-content > .ast-container,
\n.home .site-content > .ast-container {
\n max-width: 100% !important;
\n padding-left: 0 !important;
\n padding-right: 0 !important;
\n}<\/p>\n
\/* === Badge EC === *\/
\n.site-title a {
\n display: inline-flex !important;
\n align-items: center;
\n}
\n.site-title a::before {
\n content: ‘EC’;
\n display: inline-flex;
\n align-items: center;
\n justify-content: center;
\n width: 36px;
\n height: 36px;
\n background: #003d6d;
\n color: #ffffff !important;
\n font-weight: 800;
\n font-size: 0.8rem;
\n border-radius: 8px;
\n margin-right: 12px;
\n flex-shrink: 0;
\n font-family:’Oswald’, sans-serif;
\n}<\/p>\n
\/* === HERO: gradiente navy + glows sutiles + S\u00cdMBOLO nuevo === *\/
\n.hero-banner {
\n background: linear-gradient(135deg, #001f33 0%, #003d6d 50%, #0a5a96 100%) !important;
\n position: relative;
\n overflow: hidden;
\n}
\n\/* glows ambientales (dorado arriba-der + cyan abajo-izq) *\/
\n.hero-banner::before {
\n content: \u00bb;
\n position: absolute;
\n top: -40%; right: -15%;
\n width: 620px; height: 620px;
\n background: radial-gradient(circle, rgba(230,198,90,.10) 0%, transparent 70%);
\n border-radius: 50%;
\n pointer-events: none; z-index: 1;
\n}
\n.hero-banner::after {
\n content: \u00bb;
\n position: absolute;
\n bottom: -35%; left: -12%;
\n width: 460px; height: 460px;
\n background: radial-gradient(circle, rgba(13,142,207,.14) 0%, transparent 70%);
\n border-radius: 50%;
\n pointer-events: none; z-index: 1;
\n}
\n.hero-banner > * { position: relative; z-index: 2; }<\/p>\n
\/* S\u00cdMBOLO: red hexagonal de personas + n\u00facleo de conocimiento (animado).
\n Va como background-image data-URI (sobrevive el sanitizer de WP).
\n La animaci\u00f3n (pulso de nodos, anillo, part\u00edculas orbitando) viaja
\n embebida dentro del SVG, no depende del CSS de la p\u00e1gina. *\/
\n.hero-symbol {
\n min-height: 380px;
\n background-image: url(\u00abdata:image\/svg+xml;utf8,\u00bb);
\n background-repeat: no-repeat;
\n background-position: center;
\n background-size: contain;
\n}
\n@media (max-width: 1024px) { .hero-symbol { display: none !important; } }<\/p>\n
\/* === Hero features === *\/
\n.hero-features {
\n gap: 0.8rem 2rem !important;
\n max-width: 800px;
\n margin: 0 auto !important;
\n flex-wrap: wrap !important;
\n}
\n.hero-feature {
\n color: #ffffff !important;
\n margin: 0 !important;
\n display: inline-flex !important;
\n align-items: center;
\n gap: 12px;
\n font-size: 1.05rem !important;
\n font-weight: 500 !important;
\n}
\n.hero-feature i {
\n color: #e6c65a !important;
\n font-size: 1.2rem !important;
\n filter: drop-shadow(0 0 8px rgba(230,198,90,0.5));
\n}<\/p>\n
\/* === Pilares === *\/
\n.pilar-card {
\n text-align: center;
\n transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease !important;
\n background: #ffffff;
\n}
\n.pilar-icon {
\n width: 64px !important;
\n height: 64px !important;
\n background: #eef3f8;
\n color: #003d6d !important;
\n border-radius: 14px;
\n display: flex !important;
\n align-items: center;
\n justify-content: center;
\n font-size: 1.5rem;
\n margin: 0 auto 1rem !important;
\n transition: all 0.3s ease;
\n}
\n.pilar-card:hover {
\n transform: translateY(-6px);
\n box-shadow: 0 12px 32px rgba(0, 61, 109, 0.14);
\n border-color: #003d6d !important;
\n}
\n.pilar-card:hover .pilar-icon {
\n background: #003d6d;
\n color: #ffffff !important;
\n transform: scale(1.06);
\n}
\n.pilar-card:hover h3 { color: #0a5a96 !important; }<\/p>\n
\/* === FRANJA MET\u00c1FORA (Sembrar hoy para cosechar) ===
\n IMPORTANTE: reemplazar URL_COSECHA por la URL de la imagen
\n cosecha.png una vez subida a la Biblioteca de medios de WP. *\/
\n.metafora-band {
\n position: relative;
\n text-align: center;
\n color: #fff !important;
\n background: #003157 url(‘URL_COSECHA’) center 60% \/ cover no-repeat;
\n overflow: hidden;
\n}
\n.metafora-band::before {
\n content: \u00bb;
\n position: absolute;
\n inset: 0;
\n background: linear-gradient(180deg, rgba(0,39,68,.82), rgba(0,49,87,.66));
\n z-index: 1;
\n}
\n.metafora-band > * { position: relative; z-index: 2; }
\n.metafora-band h2 {
\n text-transform: uppercase;
\n letter-spacing: 1px;
\n color: #fff !important;
\n text-shadow: 0 2px 16px rgba(0,20,40,.6);
\n}
\n.metafora-band h2 .acento { color: #e6c65a; }
\n.metafora-band p {
\n color: #fff !important;
\n text-shadow: 0 1px 12px rgba(0,20,40,.7);
\n max-width: 680px;
\n margin: 0 auto;
\n}<\/p>\n
\/* === FAQs === *\/
\n.wp-block-details.faq-item {
\n border: 1px solid #dee2e6;
\n border-radius: 8px;
\n margin-bottom: 0.75rem;
\n padding: 0;
\n transition: border-color 0.3s ease, box-shadow 0.3s ease;
\n overflow: hidden;
\n}
\n.wp-block-details.faq-item:hover {
\n border-color: #003d6d;
\n box-shadow: 0 2px 8px rgba(0, 61, 109, 0.06);
\n}
\n.wp-block-details.faq-item summary {
\n cursor: pointer;
\n padding: 1rem 1.25rem;
\n font-weight: 600;
\n color: #003d6d;
\n list-style: none;
\n position: relative;
\n padding-right: 3rem;
\n}
\n.wp-block-details.faq-item summary::-webkit-details-marker { display: none; }
\n.wp-block-details.faq-item summary:hover { background: #f8f9fa; }
\n.wp-block-details.faq-item summary::after {
\n content: ‘+’;
\n position: absolute;
\n right: 1.25rem;
\n top: 50%;
\n transform: translateY(-50%);
\n font-size: 1.5rem;
\n font-weight: 300;
\n color: #c9a227;
\n transition: transform 0.3s ease;
\n}
\n.wp-block-details.faq-item[open] summary::after { transform: translateY(-50%) rotate(45deg); }
\n.wp-block-details.faq-item[open] summary { border-bottom: 1px solid #dee2e6; }
\n.wp-block-details.faq-item p { padding: 1rem 1.25rem; margin: 0; color: #495057; line-height: 1.7; }<\/p>\n
\/* === Botones === *\/
\n.hero-banner .wp-block-button__link,
\n.wp-block-button.is-style-accent .wp-block-button__link {
\n background-color: #c9a227 !important;
\n color: #002744 !important;
\n font-weight: 700 !important;
\n transition: all 0.25s ease !important;
\n}
\n.hero-banner .wp-block-button__link:hover,
\n.wp-block-button.is-style-accent .wp-block-button__link:hover {
\n background-color: #e6c65a !important;
\n transform: translateY(-2px);
\n box-shadow: 0 6px 16px rgba(201, 162, 39, 0.35);
\n}
\n.wp-block-button.is-style-outline .wp-block-button__link {
\n transition: all 0.25s ease;
\n border-color: #003d6d !important;
\n color: #003d6d !important;
\n}
\n.wp-block-button.is-style-outline .wp-block-button__link:hover {
\n background: #003d6d !important;
\n color: #ffffff !important;
\n}<\/p>\n
\/* === Mobile === *\/
\n@media (max-width: 768px) {
\n .hero-banner { padding: 4rem 1rem !important; min-height: auto !important; }
\n .hero-features { flex-direction: column !important; gap: 0.75rem !important; align-items: center !important; }
\n .ast-primary-header-bar .ast-container,
\n .site-header .ast-container {
\n padding-left: 1rem !important;
\n padding-right: 1rem !important;
\n }
\n .site-title a::before { width: 30px !important; height: 30px !important; font-size: 0.75rem !important; margin-right: 8px !important; }
\n .metafora-band h2 { font-size: 1.6rem !important; }
\n}<\/p>\n","protected":false},"excerpt":{"rendered":"
\/* =================================================================== ECOSISTEMA DEL CONOCIMIENTO \u2014 CSS HEADER v2 (9 jun 2026) Va en: Apariencia > Personalizar > Scripts de cabecera y pie de p\u00e1gina > \u00abScripts de la cabecera\u00bb. […]<\/p>\n","protected":false},"author":1968,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-55","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/academia.utp.edu.co\/ecosistema-del-conocimiento\/wp-json\/wp\/v2\/pages\/55","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/academia.utp.edu.co\/ecosistema-del-conocimiento\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/academia.utp.edu.co\/ecosistema-del-conocimiento\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/academia.utp.edu.co\/ecosistema-del-conocimiento\/wp-json\/wp\/v2\/users\/1968"}],"replies":[{"embeddable":true,"href":"https:\/\/academia.utp.edu.co\/ecosistema-del-conocimiento\/wp-json\/wp\/v2\/comments?post=55"}],"version-history":[{"count":11,"href":"https:\/\/academia.utp.edu.co\/ecosistema-del-conocimiento\/wp-json\/wp\/v2\/pages\/55\/revisions"}],"predecessor-version":[{"id":117,"href":"https:\/\/academia.utp.edu.co\/ecosistema-del-conocimiento\/wp-json\/wp\/v2\/pages\/55\/revisions\/117"}],"wp:attachment":[{"href":"https:\/\/academia.utp.edu.co\/ecosistema-del-conocimiento\/wp-json\/wp\/v2\/media?parent=55"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}