{"id":29,"date":"2026-03-03T18:51:38","date_gmt":"2026-03-03T17:51:38","guid":{"rendered":"https:\/\/academia.utp.edu.co\/eplab\/?page_id=29"},"modified":"2026-03-25T19:40:02","modified_gmt":"2026-03-25T18:40:02","slug":"grupo-de-investigacion-de-electronica-de-potencia","status":"publish","type":"page","link":"https:\/\/academia.utp.edu.co\/eplab\/grupo-de-investigacion-de-electronica-de-potencia\/","title":{"rendered":"Grupo de Investigaci\u00f3n en Electr\u00f3nica de Potencia"},"content":{"rendered":"Power Electronics Research Group – UTP<\/title><\/p>\n<p>\/* ===== RESET & BASE ===== *\/<br \/>\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }<br \/>\nhtml { scroll-behavior: smooth; }<br \/>\nbody {<br \/>\n font-family: ‘Inter’, system-ui, -apple-system, sans-serif;<br \/>\n color: #0a1628;<br \/>\n background: #ffffff;<br \/>\n line-height: 1.6;<br \/>\n overflow-x: hidden;<br \/>\n -webkit-font-smoothing: antialiased;<br \/>\n}<br \/>\nimg { max-width: 100%; height: auto; display: block; }<br \/>\na { text-decoration: none; color: inherit; }<br \/>\nul { list-style: none; }<br \/>\nbutton { cursor: pointer; border: none; background: none; font-family: inherit; }<br \/>\ninput, textarea { font-family: inherit; }<\/p>\n<p>\/* ===== VARIABLES ===== *\/<br \/>\n:root {<br \/>\n –navy: #0a1628;<br \/>\n –blue-dark: #0a3d8f;<br \/>\n –blue-mid: #1565c0;<br \/>\n –blue-bright: #42a5f5;<br \/>\n –blue-light: #90caf9;<br \/>\n –blue-pale: #e8eef6;<br \/>\n –red: #d32f2f;<br \/>\n –red-dark: #b71c1c;<br \/>\n –red-light: #ef5350;<br \/>\n –white: #ffffff;<br \/>\n –gray: #3a5a8c;<br \/>\n –gray-border: #c5d5e8;<br \/>\n –card-bg: #f0f4f8;<br \/>\n –dark-card: #0f2240;<br \/>\n –dark-border: #1a3a5c;<br \/>\n}<\/p>\n<p>\/* ===== UTILITIES ===== *\/<br \/>\n.container { max-width: 1280px; margin: 0 auto; padding: 0 24px; }<br \/>\n.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; }<br \/>\n.font-heading { font-family: ‘Montserrat’, ‘Inter’, sans-serif; }<\/p>\n<p>\/* ===== ANIMATIONS ===== *\/<br \/>\n@keyframes fadeInUp {<br \/>\n from { opacity: 0; transform: translateY(30px); }<br \/>\n to { opacity: 1; transform: translateY(0); }<br \/>\n}<br \/>\n@keyframes fadeInLeft {<br \/>\n from { opacity: 0; transform: translateX(-30px); }<br \/>\n to { opacity: 1; transform: translateX(0); }<br \/>\n}<br \/>\n@keyframes fadeInRight {<br \/>\n from { opacity: 0; transform: translateX(30px); }<br \/>\n to { opacity: 1; transform: translateX(0); }<br \/>\n}<br \/>\n@keyframes float {<br \/>\n 0%, 100% { transform: translateY(0) scale(1); opacity: 0.2; }<br \/>\n 50% { transform: translateY(-100vh) scale(1.5); opacity: 0; }<br \/>\n}<br \/>\n@keyframes bounce {<br \/>\n 0%, 100% { transform: translateY(0); }<br \/>\n 50% { transform: translateY(-12px); }<br \/>\n}<br \/>\n@keyframes pulse-glow {<br \/>\n 0%, 100% { box-shadow: 0 0 20px rgba(66,165,245,0.3); }<br \/>\n 50% { box-shadow: 0 0 40px rgba(66,165,245,0.6); }<br \/>\n}<\/p>\n<p>.animate-fade-in-up {<br \/>\n opacity: 0;<br \/>\n animation: fadeInUp 0.8s ease-out forwards;<br \/>\n}<br \/>\n.animate-fade-in-left {<br \/>\n opacity: 0;<br \/>\n animation: fadeInLeft 0.8s ease-out forwards;<br \/>\n}<br \/>\n.animate-fade-in-right {<br \/>\n opacity: 0;<br \/>\n animation: fadeInRight 0.8s ease-out forwards;<br \/>\n}<br \/>\n.animate-bounce { animation: bounce 2s ease-in-out infinite; }<\/p>\n<p>.in-view .reveal-up { animation: fadeInUp 0.7s ease-out forwards; }<br \/>\n.in-view .reveal-left { animation: fadeInLeft 0.7s ease-out forwards; }<br \/>\n.in-view .reveal-right { animation: fadeInRight 0.7s ease-out forwards; }<br \/>\n.reveal-up, .reveal-left, .reveal-right { opacity: 0; }<\/p>\n<p>\/* ===== NAVBAR ===== *\/<br \/>\n.navbar {<br \/>\n position: fixed; top: 0; left: 0; right: 0; z-index: 100;<br \/>\n transition: all 0.5s ease;<br \/>\n}<br \/>\n.navbar.scrolled {<br \/>\n background: rgba(10,22,40,0.95);<br \/>\n backdrop-filter: blur(12px);<br \/>\n box-shadow: 0 4px 20px rgba(10,61,143,0.1);<br \/>\n}<br \/>\n.navbar-inner {<br \/>\n display: flex; align-items: center; justify-content: space-between;<br \/>\n padding: 16px 24px; max-width: 1280px; margin: 0 auto;<br \/>\n}<br \/>\n.navbar-brand { display: flex; align-items: center; gap: 12px; }<br \/>\n.navbar-logo {<br \/>\n width: 40px; height: 40px; border-radius: 10px;<br \/>\n border: 2px solid rgba(66,165,245,0.5);<br \/>\n transition: all 0.3s; overflow: hidden;<br \/>\n object-fit: cover;<br \/>\n}<br \/>\n.navbar-brand:hover .navbar-logo {<br \/>\n border-color: rgba(211,47,47,0.7);<br \/>\n box-shadow: 0 0 15px rgba(66,165,245,0.4);<br \/>\n}<br \/>\n.navbar-brand-text { font-size: 14px; font-weight: 700; color: #e8eef6; letter-spacing: 0.5px; }<br \/>\n.navbar-brand-text span { color: #42a5f5; }<br \/>\n.navbar-brand-text .sub { font-weight: 400; color: #90caf9; }<\/p>\n<p>.nav-links { display: flex; align-items: center; gap: 4px; }<br \/>\n.nav-links a {<br \/>\n position: relative; padding: 8px 16px; font-size: 14px; font-weight: 500;<br \/>\n color: #c5d5e8; transition: color 0.3s;<br \/>\n}<br \/>\n.nav-links a::after {<br \/>\n content: \u00bb; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);<br \/>\n height: 2px; width: 0; background: var(–red); transition: width 0.3s;<br \/>\n}<br \/>\n.nav-links a:hover { color: #ffffff; }<br \/>\n.nav-links a:hover::after { width: 75%; }<\/p>\n<p>.nav-cta {<br \/>\n display: inline-block; padding: 10px 24px; border-radius: 50px;<br \/>\n background: var(–red); color: var(–white); font-size: 14px; font-weight: 600;<br \/>\n transition: all 0.3s;<br \/>\n}<br \/>\n.nav-cta:hover { background: var(–red-dark); box-shadow: 0 0 20px rgba(211,47,47,0.4); }<\/p>\n<p>.mobile-toggle {<br \/>\n display: none; padding: 8px; border-radius: 8px; color: #e8eef6; transition: background 0.3s;<br \/>\n}<br \/>\n.mobile-toggle:hover { background: var(–dark-border); }<br \/>\n.mobile-toggle svg { width: 24px; height: 24px; }<\/p>\n<p>.mobile-menu {<br \/>\n display: none; overflow: hidden; max-height: 0; opacity: 0;<br \/>\n transition: all 0.5s ease;<br \/>\n}<br \/>\n.mobile-menu.open { max-height: 500px; opacity: 1; }<br \/>\n.mobile-menu-inner {<br \/>\n border-top: 1px solid var(–dark-border);<br \/>\n background: rgba(10,22,40,0.95); backdrop-filter: blur(12px);<br \/>\n padding: 16px 24px 24px;<br \/>\n}<br \/>\n.mobile-menu a {<br \/>\n display: block; padding: 12px 16px; border-radius: 8px; font-size: 14px;<br \/>\n font-weight: 500; color: #c5d5e8; transition: all 0.3s;<br \/>\n}<br \/>\n.mobile-menu a:hover { background: var(–dark-border); color: var(–white); }<br \/>\n.mobile-menu .nav-cta {<br \/>\n display: block; text-align: center; margin-top: 16px; padding: 12px 24px;<br \/>\n}<\/p>\n<p>@media (max-width: 1023px) {<br \/>\n .nav-links, .navbar > .nav-cta-wrap { display: none !important; }<br \/>\n .mobile-toggle { display: block; }<br \/>\n .mobile-menu { display: block; }<br \/>\n .navbar-brand-text { display: none; }<br \/>\n}<br \/>\n@media (min-width: 640px) {<br \/>\n .navbar-brand-text { display: block; }<br \/>\n}<\/p>\n<p>\/* ===== HERO ===== *\/<br \/>\n.hero {<br \/>\n position: relative; min-height: 100vh; overflow: hidden;<br \/>\n display: flex; align-items: center; justify-content: center;<br \/>\n}<br \/>\n.hero-bg {<br \/>\n position: absolute; inset: 0; z-index: 0;<br \/>\n}<br \/>\n.hero-bg img {<br \/>\n width: 100%; height: 100%; object-fit: cover;<br \/>\n}<br \/>\n.hero-overlay {<br \/>\n position: absolute; inset: 0;<br \/>\n background: linear-gradient(to bottom, rgba(10,22,40,0.80), rgba(10,22,40,0.70), rgba(10,22,40,0.95));<br \/>\n}<br \/>\n.hero-overlay2 {<br \/>\n position: absolute; inset: 0;<br \/>\n background: linear-gradient(to right, rgba(10,61,143,0.3), transparent, rgba(10,61,143,0.2));<br \/>\n}<br \/>\n.hero-grid {<br \/>\n position: absolute; inset: 0; opacity: 0.1;<br \/>\n background-image:<br \/>\n linear-gradient(rgba(66,165,245,0.3) 1px, transparent 1px),<br \/>\n linear-gradient(90deg, rgba(66,165,245,0.3) 1px, transparent 1px);<br \/>\n background-size: 60px 60px;<br \/>\n transition: transform 0.3s ease-out;<br \/>\n}<br \/>\n.hero-particle {<br \/>\n position: absolute; border-radius: 50%; background: var(–blue-bright);<br \/>\n opacity: 0.2; animation: float linear infinite; bottom: -10%;<br \/>\n}<br \/>\n.hero-orb {<br \/>\n position: absolute; border-radius: 50%; filter: blur(80px);<br \/>\n transition: transform 0.5s ease-out; pointer-events: none;<br \/>\n}<br \/>\n.hero-orb-blue {<br \/>\n top: 25%; left: 25%; width: 256px; height: 256px;<br \/>\n background: rgba(10,61,143,0.2); filter: blur(100px);<br \/>\n}<br \/>\n.hero-orb-red {<br \/>\n bottom: 25%; right: 25%; width: 192px; height: 192px;<br \/>\n background: rgba(211,47,47,0.15);<br \/>\n}<\/p>\n<p>.hero-content {<br \/>\n position: relative; z-index: 10; text-align: center;<br \/>\n max-width: 1280px; margin: 0 auto; padding: 0 24px;<br \/>\n}<br \/>\n.hero-logo-wrap {<br \/>\n margin-bottom: 32px;<br \/>\n}<br \/>\n.hero-logo {<br \/>\n width: 112px; height: 112px; border-radius: 16px;<br \/>\n border: 2px solid rgba(66,165,245,0.4);<br \/>\n box-shadow: 0 0 40px rgba(66,165,245,0.3);<br \/>\n margin: 0 auto; overflow: hidden; object-fit: cover;<br \/>\n animation: pulse-glow 3s ease-in-out infinite;<br \/>\n}<br \/>\n@media (min-width: 768px) { .hero-logo { width: 144px; height: 144px; } }<\/p>\n<p>.hero-title {<br \/>\n font-family: ‘Montserrat’, sans-serif;<br \/>\n font-size: clamp(2.2rem, 5vw, 4.5rem);<br \/>\n font-weight: 800; color: var(–white); line-height: 1.1;<br \/>\n letter-spacing: -0.02em;<br \/>\n}<br \/>\n.hero-title-gradient {<br \/>\n background: linear-gradient(to right, #42a5f5, #90caf9, #42a5f5);<br \/>\n -webkit-background-clip: text; -webkit-text-fill-color: transparent;<br \/>\n background-clip: text;<br \/>\n}<br \/>\n.hero-title-underline {<br \/>\n display: block; height: 4px; margin-top: 8px;<br \/>\n background: linear-gradient(to right, transparent, var(–red), transparent);<br \/>\n border-radius: 2px;<br \/>\n}<br \/>\n.hero-subtitle {<br \/>\n margin-top: 24px; max-width: 640px; margin-left: auto; margin-right: auto;<br \/>\n font-size: clamp(1rem, 2vw, 1.25rem); line-height: 1.6;<br \/>\n color: rgba(144,202,249,0.9);<br \/>\n}<br \/>\n.hero-buttons {<br \/>\n display: flex; flex-wrap: wrap; align-items: center; justify-content: center;<br \/>\n gap: 16px; margin-top: 40px;<br \/>\n}<br \/>\n.btn-primary {<br \/>\n position: relative; overflow: hidden;<br \/>\n display: inline-flex; align-items: center; gap: 8px;<br \/>\n padding: 16px 32px; border-radius: 50px;<br \/>\n background: var(–red); color: var(–white);<br \/>\n font-size: 14px; font-weight: 600; transition: all 0.3s;<br \/>\n}<br \/>\n.btn-primary:hover {<br \/>\n box-shadow: 0 0 30px rgba(211,47,47,0.5); background: var(–red-dark);<br \/>\n}<br \/>\n.btn-secondary {<br \/>\n display: inline-flex; align-items: center; gap: 8px;<br \/>\n padding: 16px 32px; border-radius: 50px;<br \/>\n border: 2px solid rgba(66,165,245,0.5);<br \/>\n background: rgba(66,165,245,0.1);<br \/>\n color: var(–blue-bright); font-size: 14px; font-weight: 600;<br \/>\n backdrop-filter: blur(4px); transition: all 0.3s;<br \/>\n}<br \/>\n.btn-secondary:hover {<br \/>\n border-color: var(–blue-bright); background: rgba(66,165,245,0.2);<br \/>\n box-shadow: 0 0 20px rgba(66,165,245,0.2);<br \/>\n}<\/p>\n<p>.hero-stats {<br \/>\n display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px;<br \/>\n max-width: 480px; margin: 64px auto 0;<br \/>\n}<br \/>\n.stat-number {<br \/>\n display: block; font-size: clamp(1.8rem, 3vw, 2.5rem);<br \/>\n font-weight: 700; color: var(–white);<br \/>\n}<br \/>\n.stat-label {<br \/>\n display: block; margin-top: 4px; font-size: 11px;<br \/>\n font-weight: 600; text-transform: uppercase;<br \/>\n letter-spacing: 1.5px; color: var(–blue-light);<br \/>\n}<br \/>\n.hero-scroll {<br \/>\n position: absolute; bottom: 40px; left: 50%; transform: translateX(-50%);<br \/>\n color: rgba(66,165,245,0.6);<br \/>\n}<br \/>\n.hero-scroll svg { width: 32px; height: 32px; }<\/p>\n<p>\/* ===== SECTION COMMON ===== *\/<br \/>\n.section { padding: 96px 0; position: relative; overflow: hidden; }<br \/>\n.section-badge {<br \/>\n display: inline-block; border-radius: 50px; padding: 6px 16px;<br \/>\n font-size: 11px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase;<br \/>\n}<br \/>\n.section-title {<br \/>\n font-family: ‘Montserrat’, sans-serif;<br \/>\n font-size: clamp(1.8rem, 4vw, 3rem); font-weight: 800;<br \/>\n line-height: 1.15; margin-top: 16px;<br \/>\n}<br \/>\n.section-subtitle {<br \/>\n max-width: 640px; margin: 16px auto 0; font-size: 18px;<br \/>\n line-height: 1.6;<br \/>\n}<br \/>\n.section-header { text-align: center; margin-bottom: 64px; }<br \/>\n.gradient-line {<br \/>\n height: 4px; width: 100%;<br \/>\n background: linear-gradient(to right, var(–blue-dark), var(–red), var(–blue-dark));<br \/>\n position: absolute; top: 0; left: 0;<br \/>\n}<\/p>\n<p>\/* ===== ABOUT SECTION ===== *\/<br \/>\n.about { background: var(–white); }<br \/>\n.about-grid {<br \/>\n display: grid; gap: 48px; align-items: center;<br \/>\n}<br \/>\n@media (min-width: 1024px) { .about-grid { grid-template-columns: 1fr 1fr; } }<\/p>\n<p>.about-image-wrap { position: relative; }<br \/>\n.about-image {<br \/>\n aspect-ratio: 4\/3; border-radius: 16px; overflow: hidden;<br \/>\n box-shadow: 0 25px 50px rgba(10,61,143,0.1);<br \/>\n position: relative;<br \/>\n}<br \/>\n.about-image img { width: 100%; height: 100%; object-fit: cover; }<br \/>\n.about-image-overlay {<br \/>\n position: absolute; inset: 0;<br \/>\n background: linear-gradient(to top, rgba(10,22,40,0.6), transparent);<br \/>\n}<br \/>\n.about-image-label {<br \/>\n position: absolute; bottom: 24px; left: 24px; right: 24px;<br \/>\n font-size: 14px; font-weight: 500; color: #e8eef6;<br \/>\n}<br \/>\n.about-badge {<br \/>\n position: absolute; top: -16px; right: -16px;<br \/>\n border-radius: 12px; background: var(–red);<br \/>\n padding: 12px 20px; box-shadow: 0 10px 25px rgba(211,47,47,0.3);<br \/>\n text-align: center; z-index: 2;<br \/>\n}<br \/>\n.about-badge-number { display: block; font-size: 24px; font-weight: 800; color: var(–white); }<br \/>\n.about-badge-label {<br \/>\n display: block; font-size: 9px; font-weight: 600;<br \/>\n text-transform: uppercase; letter-spacing: 1px; color: rgba(255,255,255,0.8);<br \/>\n}<\/p>\n<p>.highlight-card {<br \/>\n position: relative; overflow: hidden;<br \/>\n border: 1px solid var(–gray-border); background: var(–white);<br \/>\n border-radius: 12px; padding: 24px; transition: all 0.4s;<br \/>\n}<br \/>\n.highlight-card:hover {<br \/>\n border-color: rgba(10,61,143,0.3);<br \/>\n box-shadow: 0 20px 40px rgba(10,61,143,0.1);<br \/>\n}<br \/>\n.highlight-card::before {<br \/>\n content: \u00bb; position: absolute; top: 0; left: 0;<br \/>\n width: 4px; height: 100%;<br \/>\n background: linear-gradient(to bottom, var(–blue-dark), var(–blue-bright));<br \/>\n opacity: 0; transition: opacity 0.3s;<br \/>\n}<br \/>\n.highlight-card:hover::before { opacity: 1; }<br \/>\n.highlight-card-inner { display: flex; align-items: flex-start; gap: 16px; }<br \/>\n.highlight-icon {<br \/>\n width: 48px; height: 48px; border-radius: 10px; flex-shrink: 0;<br \/>\n display: flex; align-items: center; justify-content: center;<br \/>\n background: rgba(10,61,143,0.1); color: var(–blue-dark); transition: all 0.3s;<br \/>\n}<br \/>\n.highlight-card:hover .highlight-icon { background: var(–blue-dark); color: var(–white); }<br \/>\n.highlight-icon svg { width: 24px; height: 24px; }<br \/>\n.highlight-title { font-size: 18px; font-weight: 700; color: var(–navy); }<br \/>\n.highlight-desc { margin-top: 4px; font-size: 14px; line-height: 1.6; color: var(–gray); }<br \/>\n.highlights-list { display: flex; flex-direction: column; gap: 24px; }<\/p>\n<p>\/* ===== RESEARCH SECTION ===== *\/<br \/>\n.research { background: var(–navy); }<br \/>\n.research .section-badge { background: rgba(66,165,245,0.2); color: var(–blue-bright); }<br \/>\n.research .section-title { color: var(–white); }<br \/>\n.research .section-title span { color: var(–blue-bright); }<br \/>\n.research .section-subtitle { color: rgba(144,202,249,0.7); }<br \/>\n.research-bg-pattern {<br \/>\n position: absolute; inset: 0; opacity: 0.1;<br \/>\n background-image:<br \/>\n linear-gradient(rgba(66,165,245,0.2) 1px, transparent 1px),<br \/>\n linear-gradient(90deg, rgba(66,165,245,0.2) 1px, transparent 1px);<br \/>\n background-size: 80px 80px;<br \/>\n}<br \/>\n.research-bg-glow {<br \/>\n position: absolute; inset: 0; opacity: 0.05;<br \/>\n background:<br \/>\n radial-gradient(circle at 20% 50%, #42a5f5, transparent 50%),<br \/>\n radial-gradient(circle at 80% 50%, #d32f2f, transparent 50%);<br \/>\n}<br \/>\n.research-grid {<br \/>\n display: grid; gap: 24px;<br \/>\n}<br \/>\n@media (min-width: 640px) { .research-grid { grid-template-columns: repeat(2, 1fr); } }<br \/>\n@media (min-width: 1024px) { .research-grid { grid-template-columns: repeat(3, 1fr); } }<\/p>\n<p>.research-card {<br \/>\n position: relative; overflow: hidden;<br \/>\n border: 1px solid var(–dark-border);<br \/>\n background: rgba(15,34,64,0.8); backdrop-filter: blur(4px);<br \/>\n border-radius: 12px; padding: 32px; transition: all 0.5s;<br \/>\n}<br \/>\n.research-card:hover {<br \/>\n box-shadow: 0 20px 40px rgba(0,0,0,0.3);<br \/>\n transform: translateY(-4px);<br \/>\n}<br \/>\n.research-card-glow {<br \/>\n position: absolute; top: -80px; right: -80px;<br \/>\n width: 160px; height: 160px; border-radius: 50%;<br \/>\n opacity: 0; filter: blur(60px); transition: opacity 0.4s;<br \/>\n}<br \/>\n.research-card:hover .research-card-glow { opacity: 0.2; }<br \/>\n.research-card-icon {<br \/>\n width: 56px; height: 56px; border-radius: 12px;<br \/>\n display: flex; align-items: center; justify-content: center;<br \/>\n transition: all 0.3s;<br \/>\n}<br \/>\n.research-card:hover .research-card-icon { transform: scale(1.1); }<br \/>\n.research-card-icon svg { width: 28px; height: 28px; }<br \/>\n.research-card h3 { margin-top: 20px; font-size: 18px; font-weight: 700; color: #e8eef6; }<br \/>\n.research-card p { margin-top: 8px; font-size: 14px; line-height: 1.6; color: rgba(144,202,249,0.7); }<br \/>\n.research-card-line {<br \/>\n position: absolute; bottom: 0; left: 0; width: 0; height: 2px;<br \/>\n transition: width 0.5s;<br \/>\n}<br \/>\n.research-card:hover .research-card-line { width: 100%; }<\/p>\n<p>\/* ===== SERVICES SECTION ===== *\/<br \/>\n.services { background: var(–card-bg); }<br \/>\n.services .section-badge { background: rgba(211,47,47,0.1); color: var(–red); }<br \/>\n.services .section-title { color: var(–navy); }<br \/>\n.services .section-title span { color: var(–blue-dark); }<br \/>\n.services .section-subtitle { color: var(–gray); }<\/p>\n<p>.services-tabs {<br \/>\n display: flex; flex-wrap: wrap; align-items: center; justify-content: center;<br \/>\n gap: 12px; max-width: 640px; margin: 0 auto 48px;<br \/>\n}<br \/>\n.tab-btn {<br \/>\n display: inline-flex; align-items: center; gap: 8px;<br \/>\n padding: 12px 24px; border-radius: 50px; font-size: 14px; font-weight: 600;<br \/>\n background: var(–white); color: var(–gray); border: 1px solid var(–gray-border);<br \/>\n transition: all 0.3s;<br \/>\n}<br \/>\n.tab-btn:hover { background: var(–blue-pale); }<br \/>\n.tab-btn.active { color: var(–white); border-color: transparent; }<br \/>\n.tab-btn svg { width: 16px; height: 16px; }<\/p>\n<p>.tab-header {<br \/>\n display: flex; align-items: center; gap: 16px;<br \/>\n border-radius: 16px; padding: 24px; color: var(–white); margin-bottom: 32px;<br \/>\n}<br \/>\n.tab-header-icon {<br \/>\n width: 56px; height: 56px; border-radius: 12px; flex-shrink: 0;<br \/>\n display: flex; align-items: center; justify-content: center;<br \/>\n background: rgba(255,255,255,0.2);<br \/>\n}<br \/>\n.tab-header-icon svg { width: 28px; height: 28px; }<br \/>\n.tab-header h3 { font-size: 20px; font-weight: 700; }<br \/>\n.tab-header p { font-size: 14px; color: rgba(255,255,255,0.8); }<\/p>\n<p>.service-items { display: flex; flex-direction: column; gap: 16px; }<br \/>\n.service-item {<br \/>\n display: flex; align-items: flex-start; gap: 16px;<br \/>\n border: 1px solid var(–gray-border); background: var(–white);<br \/>\n border-radius: 12px; padding: 24px; transition: all 0.3s;<br \/>\n}<br \/>\n.service-item:hover {<br \/>\n border-color: transparent;<br \/>\n box-shadow: 0 20px 40px rgba(10,61,143,0.1);<br \/>\n transform: translateY(-2px);<br \/>\n}<br \/>\n.service-item-icon {<br \/>\n width: 40px; height: 40px; border-radius: 8px; flex-shrink: 0;<br \/>\n display: flex; align-items: center; justify-content: center;<br \/>\n transition: all 0.3s;<br \/>\n}<br \/>\n.service-item-icon svg { width: 20px; height: 20px; }<br \/>\n.service-item p { font-size: 14px; line-height: 1.6; color: var(–navy); flex: 1; }<br \/>\n.service-item-arrow { flex-shrink: 0; transition: transform 0.3s; }<br \/>\n.service-item:hover .service-item-arrow { transform: translateX(4px); }<br \/>\n.service-item-arrow svg { width: 20px; height: 20px; }<\/p>\n<p>.services-content { max-width: 896px; margin: 0 auto; }<br \/>\n.services-cta { text-align: center; margin-top: 64px; }<br \/>\n.btn-blue {<br \/>\n display: inline-flex; align-items: center; gap: 8px;<br \/>\n padding: 16px 32px; border-radius: 50px;<br \/>\n background: var(–blue-dark); color: var(–white);<br \/>\n font-size: 14px; font-weight: 600; transition: all 0.3s;<br \/>\n}<br \/>\n.btn-blue:hover {<br \/>\n background: var(–navy); box-shadow: 0 0 30px rgba(10,61,143,0.4);<br \/>\n}<\/p>\n<p>\/* ===== TEAM SECTION ===== *\/<br \/>\n.team { background: var(–white); }<br \/>\n.team .section-badge { background: rgba(10,61,143,0.1); color: var(–blue-dark); }<br \/>\n.team .section-title { color: var(–navy); }<br \/>\n.team .section-title span { color: var(–blue-dark); }<br \/>\n.team .section-subtitle { color: var(–gray); }<\/p>\n<p>.team-grid {<br \/>\n display: grid; gap: 24px;<br \/>\n}<br \/>\n@media (min-width: 640px) { .team-grid { grid-template-columns: repeat(2, 1fr); } }<br \/>\n@media (min-width: 1024px) { .team-grid { grid-template-columns: repeat(3, 1fr); } }<\/p>\n<p>.team-card {<br \/>\n position: relative; overflow: hidden;<br \/>\n border: 1px solid var(–gray-border); background: var(–white);<br \/>\n border-radius: 12px; padding: 24px; text-align: center;<br \/>\n transition: all 0.5s;<br \/>\n}<br \/>\n.team-card:hover {<br \/>\n border-color: transparent;<br \/>\n box-shadow: 0 20px 40px rgba(10,61,143,0.12);<br \/>\n transform: translateY(-4px);<br \/>\n}<br \/>\n.team-card-accent {<br \/>\n position: absolute; top: 0; left: 0; right: 0; height: 4px; opacity: 0.3;<br \/>\n transition: opacity 0.3s;<br \/>\n}<br \/>\n.team-card-accent-fill {<br \/>\n position: absolute; top: 0; left: 0; height: 4px; width: 0;<br \/>\n transition: width 0.5s;<br \/>\n}<br \/>\n.team-card:hover .team-card-accent-fill { width: 100%; }<br \/>\n.team-avatar {<br \/>\n width: 80px; height: 80px; border-radius: 50%; margin: 0 auto;<br \/>\n display: flex; align-items: center; justify-content: center;<br \/>\n font-size: 24px; font-weight: 700; color: var(–white);<br \/>\n transition: all 0.3s;<br \/>\n}<br \/>\n.team-card:hover .team-avatar { transform: scale(1.1); }<br \/>\n.team-card h3 { margin-top: 16px; font-size: 16px; font-weight: 700; color: var(–navy); }<br \/>\n.team-card .role { margin-top: 4px; font-size: 14px; font-weight: 500; }<br \/>\n.team-card .area {<br \/>\n display: inline-block; margin-top: 8px;<br \/>\n border-radius: 50px; background: var(–blue-pale);<br \/>\n padding: 4px 12px; font-size: 12px; font-weight: 500; color: var(–gray);<br \/>\n}<br \/>\n.team-card-actions {<br \/>\n display: flex; align-items: center; justify-content: center; gap: 12px;<br \/>\n margin-top: 16px; opacity: 0; transition: opacity 0.3s;<br \/>\n}<br \/>\n.team-card:hover .team-card-actions { opacity: 1; }<br \/>\n.team-action-btn {<br \/>\n width: 32px; height: 32px; border-radius: 50%;<br \/>\n background: var(–blue-pale); color: var(–gray);<br \/>\n display: flex; align-items: center; justify-content: center;<br \/>\n transition: all 0.3s;<br \/>\n}<br \/>\n.team-action-btn:hover { background: var(–blue-dark); color: var(–white); }<br \/>\n.team-action-btn svg { width: 16px; height: 16px; }<\/p>\n<p>.team-cta { text-align: center; margin-top: 48px; }<br \/>\n.btn-outline-blue {<br \/>\n display: inline-flex; align-items: center; gap: 8px;<br \/>\n padding: 12px 32px; border-radius: 50px;<br \/>\n border: 2px solid var(–blue-dark); color: var(–blue-dark);<br \/>\n font-size: 14px; font-weight: 600; transition: all 0.3s;<br \/>\n}<br \/>\n.btn-outline-blue:hover { background: var(–blue-dark); color: var(–white); }<\/p>\n<p>\/* ===== CONTACT SECTION ===== *\/<br \/>\n.contact { background: var(–navy); }<br \/>\n.contact .section-badge { background: rgba(211,47,47,0.2); color: var(–red-light); }<br \/>\n.contact .section-title { color: var(–white); }<br \/>\n.contact .section-title span { color: var(–blue-bright); }<br \/>\n.contact .section-subtitle { color: rgba(144,202,249,0.7); }<\/p>\n<p>.contact-grid {<br \/>\n display: grid; gap: 48px;<br \/>\n}<br \/>\n@media (min-width: 1024px) { .contact-grid { grid-template-columns: 1fr 1fr; } }<\/p>\n<p>.contact-form {<br \/>\n display: flex; flex-direction: column; gap: 20px;<br \/>\n border: 1px solid var(–dark-border);<br \/>\n background: rgba(15,34,64,0.8); backdrop-filter: blur(4px);<br \/>\n border-radius: 16px; padding: 32px;<br \/>\n}<br \/>\n.form-row {<br \/>\n display: grid; gap: 20px;<br \/>\n}<br \/>\n@media (min-width: 640px) { .form-row { grid-template-columns: 1fr 1fr; } }<br \/>\n.form-label { display: block; margin-bottom: 8px; font-size: 14px; font-weight: 500; color: var(–blue-light); }<br \/>\n.form-input {<br \/>\n width: 100%; padding: 12px 16px; border-radius: 8px;<br \/>\n border: 1px solid var(–dark-border); background: var(–navy);<br \/>\n font-size: 14px; color: #e8eef6; outline: none; transition: all 0.3s;<br \/>\n}<br \/>\n.form-input::placeholder { color: var(–gray); }<br \/>\n.form-input:focus { border-color: var(–blue-bright); box-shadow: 0 0 0 3px rgba(66,165,245,0.2); }<br \/>\ntextarea.form-input { resize: none; min-height: 120px; }<br \/>\n.btn-submit {<br \/>\n display: inline-flex; align-items: center; justify-content: center; gap: 8px;<br \/>\n padding: 16px 32px; border-radius: 50px; border: none;<br \/>\n background: var(–red); color: var(–white);<br \/>\n font-size: 14px; font-weight: 600; transition: all 0.3s; cursor: pointer;<br \/>\n}<br \/>\n.btn-submit:hover { background: var(–red-dark); box-shadow: 0 0 25px rgba(211,47,47,0.4); }<br \/>\n.btn-submit svg { transition: transform 0.3s; }<br \/>\n.btn-submit:hover svg { transform: translateX(4px); }<\/p>\n<p>.contact-info { display: flex; flex-direction: column; gap: 24px; }<br \/>\n.contact-info-card {<br \/>\n display: flex; align-items: flex-start; gap: 16px;<br \/>\n border: 1px solid var(–dark-border); background: rgba(15,34,64,0.5);<br \/>\n backdrop-filter: blur(4px); border-radius: 12px; padding: 20px;<br \/>\n transition: all 0.3s;<br \/>\n}<br \/>\n.contact-info-card:hover { border-color: rgba(66,165,245,0.3); background: rgba(15,34,64,0.8); }<br \/>\n.contact-info-icon {<br \/>\n width: 48px; height: 48px; border-radius: 10px; flex-shrink: 0;<br \/>\n display: flex; align-items: center; justify-content: center;<br \/>\n background: rgba(66,165,245,0.1); color: var(–blue-bright);<br \/>\n transition: all 0.3s;<br \/>\n}<br \/>\n.contact-info-card:hover .contact-info-icon { background: rgba(66,165,245,0.2); }<br \/>\n.contact-info-icon svg { width: 20px; height: 20px; }<br \/>\n.contact-info-card h4 { font-size: 14px; font-weight: 700; color: #e8eef6; }<br \/>\n.contact-info-card p { margin-top: 4px; font-size: 14px; line-height: 1.6; color: rgba(144,202,249,0.7); }<\/p>\n<p>.contact-map {<br \/>\n border-radius: 12px; overflow: hidden; border: 1px solid var(–dark-border);<br \/>\n}<br \/>\n.contact-map iframe { opacity: 0.7; transition: opacity 0.3s; display: block; }<br \/>\n.contact-map:hover iframe { opacity: 1; }<\/p>\n<p>\/* ===== FOOTER ===== *\/<br \/>\n.footer { background: #060e1a; padding-top: 64px; padding-bottom: 32px; position: relative; }<br \/>\n.footer .gradient-line { background: linear-gradient(to right, var(–blue-dark), var(–red), var(–blue-bright)); }<br \/>\n.footer-grid {<br \/>\n display: grid; gap: 48px;<br \/>\n}<br \/>\n@media (min-width: 768px) { .footer-grid { grid-template-columns: repeat(2, 1fr); } }<br \/>\n@media (min-width: 1024px) { .footer-grid { grid-template-columns: 1.5fr 1fr 1fr 1.5fr; } }<\/p>\n<p>.footer-brand { display: flex; align-items: center; gap: 12px; }<br \/>\n.footer-logo {<br \/>\n width: 40px; height: 40px; border-radius: 8px; overflow: hidden;<br \/>\n border: 1px solid var(–dark-border); object-fit: cover;<br \/>\n}<br \/>\n.footer-brand-name { font-size: 14px; font-weight: 700; color: #e8eef6; }<br \/>\n.footer-brand-sub { font-size: 12px; color: var(–gray); }<br \/>\n.footer-desc { margin-top: 16px; font-size: 14px; line-height: 1.6; color: var(–gray); }<\/p>\n<p>.footer-heading {<br \/>\n font-size: 12px; font-weight: 700; text-transform: uppercase;<br \/>\n letter-spacing: 1.5px; color: #e8eef6; margin-bottom: 16px;<br \/>\n}<br \/>\n.footer-links { display: flex; flex-direction: column; gap: 8px; }<br \/>\n.footer-links a { font-size: 14px; color: var(–gray); transition: color 0.3s; }<br \/>\n.footer-links a:hover { color: var(–blue-bright); }<\/p>\n<p>.newsletter-desc { font-size: 14px; color: var(–gray); margin-bottom: 16px; }<br \/>\n.newsletter-form { display: flex; gap: 8px; }<br \/>\n.newsletter-input {<br \/>\n flex: 1; padding: 10px 16px; border-radius: 8px;<br \/>\n border: 1px solid var(–dark-border); background: var(–navy);<br \/>\n font-size: 14px; color: #e8eef6; outline: none; transition: border-color 0.3s;<br \/>\n}<br \/>\n.newsletter-input::placeholder { color: var(–gray); }<br \/>\n.newsletter-input:focus { border-color: var(–blue-bright); }<br \/>\n.newsletter-btn {<br \/>\n flex-shrink: 0; padding: 10px 16px; border-radius: 8px;<br \/>\n background: var(–red); color: var(–white);<br \/>\n font-size: 14px; font-weight: 600; transition: all 0.3s; border: none; cursor: pointer;<br \/>\n}<br \/>\n.newsletter-btn:hover { background: var(–red-dark); }<\/p>\n<p>.footer-bottom {<br \/>\n display: flex; flex-direction: column; align-items: center; justify-content: space-between;<br \/>\n gap: 16px; border-top: 1px solid var(–dark-border); margin-top: 48px; padding-top: 32px;<br \/>\n}<br \/>\n@media (min-width: 768px) { .footer-bottom { flex-direction: row; } }<br \/>\n.footer-bottom p { font-size: 12px; color: var(–gray); }<br \/>\n.footer-bottom-links { display: flex; gap: 24px; }<br \/>\n.footer-bottom-links a { font-size: 12px; color: var(–gray); transition: color 0.3s; }<br \/>\n.footer-bottom-links a:hover { color: var(–blue-bright); }<\/p>\n<p>\/* ===== DECORATIVE BLURS ===== *\/<br \/>\n.blur-orb {<br \/>\n position: absolute; border-radius: 50%; filter: blur(60px); pointer-events: none;<br \/>\n}<\/p>\n<p>\/* ===== TAB TRANSITIONS ===== *\/<br \/>\n.tab-content { animation: fadeInUp 0.4s ease-out; }<\/p>\n<p><!-- ===== NAVBAR ===== --><\/p>\n<header class=\"navbar\" id=\"navbar\">\n<nav class=\"navbar-inner\">\n <a href=\"#inicio\" class=\"navbar-brand\"><br \/>\n <img decoding=\"async\" src=\"https:\/\/hebbkx1anhila5yf.public.blob.vercel-storage.com\/unnamed-3-GGgg9BFXvrCNkGiYBfJTkZtFony35q.png\" alt=\"Power Electronics Research Group Logo\" class=\"navbar-logo\"><br \/>\n <span class=\"navbar-brand-text\">PERG <span>|<\/span> <span class=\"sub\">UTP<\/span><\/span><br \/>\n <\/a><\/p>\n<ul class=\"nav-links\">\n<li><a href=\"#inicio\">Inicio<\/a><\/li>\n<li><a href=\"#nosotros\">Nosotros<\/a><\/li>\n<li><a href=\"#investigacion\">Investigación<\/a><\/li>\n<li><a href=\"#servicios\">Servicios<\/a><\/li>\n<li><a href=\"#equipo\">Equipo<\/a><\/li>\n<li><a href=\"#contacto\">Contacto<\/a><\/li>\n<\/ul>\n<div class=\"nav-cta-wrap\">\n <a href=\"#contacto\" class=\"nav-cta\">Contáctenos<\/a>\n <\/div>\n<p> <button class=\"mobile-toggle\" id=\"mobileToggle\" aria-label=\"Abrir menu\"><\/p>\n<p> <\/button><br \/>\n <\/nav>\n<div class=\"mobile-menu\" id=\"mobileMenu\">\n<div class=\"mobile-menu-inner\">\n <a href=\"#inicio\">Inicio<\/a><br \/>\n <a href=\"#nosotros\">Nosotros<\/a><br \/>\n <a href=\"#investigacion\">Investigación<\/a><br \/>\n <a href=\"#servicios\">Servicios<\/a><br \/>\n <a href=\"#equipo\">Equipo<\/a><br \/>\n <a href=\"#contacto\">Contacto<\/a><br \/>\n <a href=\"#contacto\" class=\"nav-cta\">Contáctenos<\/a>\n <\/div>\n<\/p><\/div>\n<\/header>\n<p><!-- ===== HERO ===== --><\/p>\n<section class=\"hero\" id=\"inicio\">\n<div class=\"hero-bg\">\n <img decoding=\"async\" src=\"\/images\/hero-bg.jpg\" alt=\"Electronics laboratory background\"><\/p>\n<div class=\"hero-overlay\"><\/div>\n<div class=\"hero-overlay2\"><\/div>\n<\/p><\/div>\n<div class=\"hero-grid\" id=\"heroGrid\"><\/div>\n<p> <!-- Particles --><\/p>\n<div class=\"hero-particle\" style=\"width:6px;height:6px;left:10%\"><\/div>\n<div class=\"hero-particle\" style=\"width:4px;height:4px;left:25%\"><\/div>\n<div class=\"hero-particle\" style=\"width:8px;height:8px;left:45%\"><\/div>\n<div class=\"hero-particle\" style=\"width:5px;height:5px;left:60%\"><\/div>\n<div class=\"hero-particle\" style=\"width:7px;height:7px;left:75%\"><\/div>\n<div class=\"hero-particle\" style=\"width:4px;height:4px;left:90%\"><\/div>\n<p> <!-- Orbs --><\/p>\n<div class=\"hero-orb hero-orb-blue\" id=\"orbBlue\"><\/div>\n<div class=\"hero-orb hero-orb-red\" id=\"orbRed\"><\/div>\n<div class=\"hero-content\">\n<div class=\"hero-logo-wrap animate-fade-in-up\">\n <img decoding=\"async\" src=\"https:\/\/hebbkx1anhila5yf.public.blob.vercel-storage.com\/unnamed-3-GGgg9BFXvrCNkGiYBfJTkZtFony35q.png\" alt=\"Power Electronics Research Group Logo\" class=\"hero-logo\">\n <\/div>\n<h1 class=\"hero-title animate-fade-in-up\">\n Power Electronics<br \/>\n <span class=\"hero-title-gradient\">Research Group<\/span><br \/>\n <span class=\"hero-title-underline\"><\/span><br \/>\n <\/h1>\n<p class=\"hero-subtitle animate-fade-in-up\">\n Grupo de investigación de la Universidad Tecnológica de Pereira dedicado a la innovación en electrónica de potencia, calidad de energía y sistemas eléctricos.\n <\/p>\n<div class=\"hero-buttons animate-fade-in-up\">\n <a href=\"#servicios\" class=\"btn-primary\"><\/p>\n<p> Nuestros Servicios<br \/>\n <\/a><br \/>\n <a href=\"#investigacion\" class=\"btn-secondary\"><\/p>\n<p> Líneas de Investigación<br \/>\n <\/a>\n <\/div>\n<div class=\"hero-stats animate-fade-in-up\">\n<div class=\"text-center\">\n <span class=\"stat-number\" data-target=\"20\">0<\/span><br \/>\n <span class=\"stat-label\">Años<\/span>\n <\/div>\n<div class=\"text-center\">\n <span class=\"stat-number\" data-target=\"50\">0<\/span><br \/>\n <span class=\"stat-label\">Proyectos<\/span>\n <\/div>\n<div class=\"text-center\">\n <span class=\"stat-number\" data-target=\"15\">0<\/span><br \/>\n <span class=\"stat-label\">Investigadores<\/span>\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p> <a href=\"#nosotros\" class=\"hero-scroll animate-bounce\"><\/p>\n<p> <\/a><br \/>\n<\/section>\n<p><!-- ===== ABOUT ===== --><\/p>\n<section class=\"section about\" id=\"nosotros\">\n<div class=\"gradient-line\"><\/div>\n<div class=\"blur-orb\" style=\"top:-128px;right:-128px;width:256px;height:256px\"><\/div>\n<div class=\"blur-orb\" style=\"bottom:-128px;left:-128px;width:256px;height:256px\"><\/div>\n<div class=\"container observe-section\">\n<div class=\"section-header reveal-up\">\n <span class=\"section-badge\" style=\"color:#0a3d8f\">Sobre Nosotros<\/span><\/p>\n<h2 class=\"section-title\" style=\"color:#0a1628\">Impulsando la <span style=\"color:#0a3d8f\">Innovación<\/span> en <span style=\"color:#d32f2f\">Electrónica de Potencia<\/span><\/h2>\n<p class=\"section-subtitle\" style=\"color:#3a5a8c\">Somos un grupo de investigación adscrito a la Facultad de Ingenierías de la Universidad Tecnológica de Pereira, enfocado en el desarrollo de soluciones tecnológicas en el campo de la electrónica de potencia y los sistemas eléctricos.<\/p>\n<\/p><\/div>\n<div class=\"about-grid\">\n<div class=\"about-image-wrap reveal-left\">\n<div class=\"about-image\">\n <img decoding=\"async\" src=\"\/images\/research-lab.jpg\" alt=\"Laboratorio de investigacion en electronica de potencia\"><\/p>\n<div class=\"about-image-overlay\"><\/div>\n<p class=\"about-image-label\">Laboratorio de Electrónica de Potencia – UTP<\/p>\n<\/p><\/div>\n<div class=\"about-badge\">\n <span class=\"about-badge-number\">A1<\/span><br \/>\n <span class=\"about-badge-label\">MinCiencias<\/span>\n <\/div>\n<\/p><\/div>\n<div class=\"highlights-list\">\n<div class=\"highlight-card reveal-right\">\n<div class=\"highlight-card-inner\">\n<div class=\"highlight-icon\"><\/div>\n<div>\n<h3 class=\"highlight-title\">Misión<\/h3>\n<p class=\"highlight-desc\">Desarrollar investigación de alto impacto en electrónica de potencia, contribuyendo al avance tecnológico y a la formación de profesionales altamente capacitados.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"highlight-card reveal-right\">\n<div class=\"highlight-card-inner\">\n<div class=\"highlight-icon\"><\/div>\n<div>\n<h3 class=\"highlight-title\">Visión<\/h3>\n<p class=\"highlight-desc\">Ser referentes nacionales e internacionales en investigación de electrónica de potencia, calidad de energía y eficiencia energética.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"highlight-card reveal-right\">\n<div class=\"highlight-card-inner\">\n<div class=\"highlight-icon\"><\/div>\n<div>\n<h3 class=\"highlight-title\">Reconocimiento<\/h3>\n<p class=\"highlight-desc\">Grupo reconocido por MinCiencias con amplia trayectoria en proyectos de investigación, desarrollo tecnológico e innovación.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p><!-- ===== RESEARCH ===== --><\/p>\n<section class=\"section research\" id=\"investigacion\">\n<div class=\"research-bg-glow\"><\/div>\n<div class=\"research-bg-pattern\"><\/div>\n<div class=\"container observe-section\">\n<div class=\"section-header reveal-up\">\n <span class=\"section-badge\">Líneas de Investigación<\/span><\/p>\n<h2 class=\"section-title\">Áreas de <span>Conocimiento<\/span><\/h2>\n<p class=\"section-subtitle\">Nuestras líneas de investigación abarcan los campos más relevantes de la electrónica de potencia moderna.<\/p>\n<\/p><\/div>\n<div class=\"research-grid\">\n <!-- Card 1 --><\/p>\n<div class=\"research-card reveal-up\">\n<div class=\"research-card-glow\" style=\"background:#0a3d8f\"><\/div>\n<div class=\"research-card-icon\" style=\"color:#0a3d8f\"><\/div>\n<h3>Convertidores Electrónicos<\/h3>\n<p>Diseño y desarrollo de convertidores DC-DC, DC-AC y AC-DC para aplicaciones industriales y de energía renovable.<\/p>\n<div class=\"research-card-line\" style=\"background:#0a3d8f\"><\/div>\n<\/p><\/div>\n<p> <!-- Card 2 --><\/p>\n<div class=\"research-card reveal-up\">\n<div class=\"research-card-glow\" style=\"background:#1565c0\"><\/div>\n<div class=\"research-card-icon\" style=\"color:#1565c0\"><\/div>\n<h3>Calidad de Energía<\/h3>\n<p>Estudio, medición y mejora de la calidad de energía eléctrica en sistemas de potencia y distribución.<\/p>\n<div class=\"research-card-line\" style=\"background:#1565c0\"><\/div>\n<\/p><\/div>\n<p> <!-- Card 3 --><\/p>\n<div class=\"research-card reveal-up\">\n<div class=\"research-card-glow\" style=\"background:#42a5f5\"><\/div>\n<div class=\"research-card-icon\" style=\"color:#42a5f5\"><\/div>\n<h3>Energías Renovables<\/h3>\n<p>Integración de fuentes de generación renovable mediante convertidores electrónicos de potencia.<\/p>\n<div class=\"research-card-line\" style=\"background:#42a5f5\"><\/div>\n<\/p><\/div>\n<p> <!-- Card 4 --><\/p>\n<div class=\"research-card reveal-up\">\n<div class=\"research-card-glow\" style=\"background:#d32f2f\"><\/div>\n<div class=\"research-card-icon\" style=\"color:#d32f2f\"><\/div>\n<h3>Eficiencia Energética<\/h3>\n<p>Evaluación y optimización de la eficiencia en sistemas eléctricos, electrónicos y de conversión de energía.<\/p>\n<div class=\"research-card-line\" style=\"background:#d32f2f\"><\/div>\n<\/p><\/div>\n<p> <!-- Card 5 --><\/p>\n<div class=\"research-card reveal-up\">\n<div class=\"research-card-glow\" style=\"background:#0a3d8f\"><\/div>\n<div class=\"research-card-icon\" style=\"color:#0a3d8f\"><\/div>\n<h3>Sistemas de Control<\/h3>\n<p>Implementación de estrategias de control digital para convertidores de potencia y accionamientos eléctricos.<\/p>\n<div class=\"research-card-line\" style=\"background:#0a3d8f\"><\/div>\n<\/p><\/div>\n<p> <!-- Card 6 --><\/p>\n<div class=\"research-card reveal-up\">\n<div class=\"research-card-glow\" style=\"background:#1565c0\"><\/div>\n<div class=\"research-card-icon\" style=\"color:#1565c0\"><\/div>\n<h3>Iluminación y Electrónica<\/h3>\n<p>Investigación aplicada en sistemas de iluminación eficiente y electrónica de potencia para nuevas tecnologías.<\/p>\n<div class=\"research-card-line\" style=\"background:#1565c0\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p><!-- ===== SERVICES ===== --><\/p>\n<section class=\"section services\" id=\"servicios\">\n<div class=\"gradient-line\"><\/div>\n<div class=\"blur-orb\" style=\"top:-160px;right:0;width:320px;height:320px\"><\/div>\n<div class=\"blur-orb\" style=\"bottom:-160px;left:0;width:320px;height:320px\"><\/div>\n<div class=\"container observe-section\">\n<div class=\"section-header reveal-up\">\n <span class=\"section-badge\">Portafolio<\/span><\/p>\n<h2 class=\"section-title\">Nuestros <span>Servicios<\/span><\/h2>\n<p class=\"section-subtitle\">Ofrecemos un amplio portafolio de servicios en investigación, docencia y extensión universitaria.<\/p>\n<\/p><\/div>\n<div class=\"services-tabs reveal-up\">\n <button class=\"tab-btn active\" data-tab=\"investigacion\" style=\"background:#0a3d8f;color:#fff\"><\/p>\n<p> En Investigación<br \/>\n <\/button><br \/>\n <button class=\"tab-btn\" data-tab=\"docencia\"><\/p>\n<p> En Docencia<br \/>\n <\/button><br \/>\n <button class=\"tab-btn\" data-tab=\"extension\"><\/p>\n<p> En Extensión<br \/>\n <\/button>\n <\/div>\n<div class=\"services-content\" id=\"servicesContent\">\n <!-- Rendered by JS -->\n <\/div>\n<div class=\"services-cta reveal-up\">\n <a href=\"#contacto\" class=\"btn-blue\"><br \/>\n Solicitar un Servicio<\/p>\n<p> <\/a>\n <\/div>\n<\/p><\/div>\n<\/section>\n<p><!-- ===== TEAM ===== --><\/p>\n<section class=\"section team\" id=\"equipo\">\n<div class=\"blur-orb\" style=\"top:-160px;left:-160px;width:320px;height:320px\"><\/div>\n<div class=\"blur-orb\" style=\"bottom:-160px;right:-160px;width:320px;height:320px\"><\/div>\n<div class=\"container observe-section\">\n<div class=\"section-header reveal-up\">\n <span class=\"section-badge\">Nuestro Equipo<\/span><\/p>\n<h2 class=\"section-title\"><span>Investigadores<\/span> y Colaboradores<\/h2>\n<p class=\"section-subtitle\">Contamos con un equipo multidisciplinario de investigadores con formación doctoral y experiencia internacional.<\/p>\n<\/p><\/div>\n<div class=\"team-grid\" id=\"teamGrid\">\n <!-- Rendered by JS -->\n <\/div>\n<div class=\"team-cta reveal-up\">\n <a href=\"https:\/\/vicerrectorias.utp.edu.co\/viie\/integrantes\/47\/grupo\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"btn-outline-blue\"><br \/>\n Ver Todos los Integrantes<\/p>\n<p> <\/a>\n <\/div>\n<\/p><\/div>\n<\/section>\n<p><!-- ===== CONTACT ===== --><\/p>\n<section class=\"section contact\" id=\"contacto\">\n<div class=\"blur-orb\" style=\"top:0;left:0;width:100%;height:100%;opacity:0.05\"><\/div>\n<div class=\"container observe-section\">\n<div class=\"section-header reveal-up\">\n <span class=\"section-badge\">Contacto<\/span><\/p>\n<h2 class=\"section-title\" style=\"color:#fff\">Trabajemos <span>Juntos<\/span><\/h2>\n<p class=\"section-subtitle\">¿Tienes un proyecto en mente? Contáctanos y exploremos cómo podemos colaborar.<\/p>\n<\/p><\/div>\n<div class=\"contact-grid\">\n<div class=\"reveal-left\">\n<div class=\"form-row\">\n<div>\n <label class=\"form-label\" for=\"contact-name\">Nombre<\/label><\/p><\/div>\n<div>\n <label class=\"form-label\" for=\"contact-email\">Correo<\/label><\/p><\/div>\n<\/p><\/div>\n<div>\n <label class=\"form-label\" for=\"contact-subject\">Asunto<\/label><\/p><\/div>\n<div>\n <label class=\"form-label\" for=\"contact-message\">Mensaje<\/label><br \/>\n <textarea class=\"form-input\" id=\"contact-message\" rows=\"5\"><\/textarea>\n <\/div>\n<p> <button type=\"submit\" class=\"btn-submit\"><\/p>\n<p> Enviar Mensaje<br \/>\n <\/button><\/p><\/div>\n<div class=\"contact-info reveal-right\">\n<div class=\"contact-info-card\">\n<div class=\"contact-info-icon\"><\/div>\n<div>\n<h4>Dirección<\/h4>\n<p>Universidad Tecnológica de Pereira, La Julita, Pereira, Risaralda, Colombia<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"contact-info-card\">\n<div class=\"contact-info-icon\"><\/div>\n<div>\n<h4>Teléfono<\/h4>\n<p>+57 (606) 313 7300<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"contact-info-card\">\n<div class=\"contact-info-icon\"><\/div>\n<div>\n<h4>Correo Electrónico<\/h4>\n<p>perg@utp.edu.co<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"contact-info-card\">\n<div class=\"contact-info-icon\"><\/div>\n<div>\n<h4>Horario de Atención<\/h4>\n<p>Lunes a Viernes: 8:00 AM – 12:00 PM \/ 2:00 PM – 6:00 PM<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"contact-map\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p><!-- ===== FOOTER ===== --><\/p>\n<footer class=\"footer\">\n<div class=\"gradient-line\"><\/div>\n<div class=\"container\">\n<div class=\"footer-grid\">\n <!-- Brand --><\/p>\n<div>\n<div class=\"footer-brand\">\n <img decoding=\"async\" src=\"https:\/\/hebbkx1anhila5yf.public.blob.vercel-storage.com\/unnamed-3-GGgg9BFXvrCNkGiYBfJTkZtFony35q.png\" alt=\"PERG Logo\" class=\"footer-logo\"><\/p>\n<div>\n <span class=\"footer-brand-name\">PERG<\/span><br \/>\n <span class=\"footer-brand-sub\">UTP – Colombia<\/span>\n <\/div>\n<\/p><\/div>\n<p class=\"footer-desc\">Power Electronics Research Group – Grupo de Investigación en Electrónica de Potencia de la Universidad Tecnológica de Pereira.<\/p>\n<\/p><\/div>\n<p> <!-- Quick Links --><\/p>\n<div>\n<h4 class=\"footer-heading\">Navegación<\/h4>\n<ul class=\"footer-links\">\n<li><a href=\"#inicio\">Inicio<\/a><\/li>\n<li><a href=\"#nosotros\">Nosotros<\/a><\/li>\n<li><a href=\"#investigacion\">Investigación<\/a><\/li>\n<li><a href=\"#servicios\">Servicios<\/a><\/li>\n<li><a href=\"#equipo\">Equipo<\/a><\/li>\n<li><a href=\"#contacto\">Contacto<\/a><\/li>\n<\/ul><\/div>\n<p> <!-- External Links --><\/p>\n<div>\n<h4 class=\"footer-heading\">Enlaces<\/h4>\n<ul class=\"footer-links\">\n<li><a href=\"https:\/\/www.utp.edu.co\" target=\"_blank\" rel=\"noopener noreferrer\">Universidad Tecnológica de Pereira<\/a><\/li>\n<li><a href=\"https:\/\/vicerrectorias.utp.edu.co\/viie\/\" target=\"_blank\" rel=\"noopener noreferrer\">Vicerrectoría de Investigaciones<\/a><\/li>\n<li><a href=\"https:\/\/www.utp.edu.co\" target=\"_blank\" rel=\"noopener noreferrer\">Facultad de Ingenierías<\/a><\/li>\n<li><a href=\"https:\/\/minciencias.gov.co\" target=\"_blank\" rel=\"noopener noreferrer\">MinCiencias<\/a><\/li>\n<\/ul><\/div>\n<p> <!-- Newsletter --><\/p>\n<div>\n<h4 class=\"footer-heading\">Suscríbete<\/h4>\n<p class=\"newsletter-desc\">Recibe noticias sobre nuestros proyectos e investigaciones.<\/p>\n<p> <button class=\"newsletter-btn\" type=\"submit\" aria-label=\"Suscribirse\"><\/p>\n<p> <\/button><\/p><\/div>\n<\/p><\/div>\n<div class=\"footer-bottom\">\n<p>© 2026 Power Electronics Research Group – Universidad Tecnológica de Pereira. Todos los derechos reservados.<\/p>\n<div class=\"footer-bottom-links\">\n <a href=\"#\">Política de Privacidad<\/a><br \/>\n <a href=\"#\">Términos de Uso<\/a>\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/footer>\n<p><!-- ===== JAVASCRIPT ===== --><\/p>\n<p>\/\/ ===== NAVBAR SCROLL =====<br \/>\nvar navbar = document.getElementById(‘navbar’);<br \/>\nwindow.addEventListener(‘scroll’, function() {<br \/>\n if (window.scrollY > 50) {<br \/>\n navbar.classList.add(‘scrolled’);<br \/>\n } else {<br \/>\n navbar.classList.remove(‘scrolled’);<br \/>\n }<br \/>\n});<\/p>\n<p>\/\/ ===== MOBILE MENU =====<br \/>\nvar mobileToggle = document.getElementById(‘mobileToggle’);<br \/>\nvar mobileMenu = document.getElementById(‘mobileMenu’);<br \/>\nvar menuIcon = document.getElementById(‘menuIcon’);<br \/>\nvar closeIcon = document.getElementById(‘closeIcon’);<\/p>\n<p>mobileToggle.addEventListener(‘click’, function() {<br \/>\n mobileMenu.classList.toggle(‘open’);<br \/>\n var isOpen = mobileMenu.classList.contains(‘open’);<br \/>\n menuIcon.style.display = isOpen ? ‘none’ : ‘block’;<br \/>\n closeIcon.style.display = isOpen ? ‘block’ : ‘none’;<br \/>\n mobileToggle.setAttribute(‘aria-label’, isOpen ? ‘Cerrar menu’ : ‘Abrir menu’);<br \/>\n});<\/p>\n<p>function closeMobile() {<br \/>\n mobileMenu.classList.remove(‘open’);<br \/>\n menuIcon.style.display = ‘block’;<br \/>\n closeIcon.style.display = ‘none’;<br \/>\n}<\/p>\n<p>\/\/ ===== HERO PARALLAX =====<br \/>\nvar heroGrid = document.getElementById(‘heroGrid’);<br \/>\nvar orbBlue = document.getElementById(‘orbBlue’);<br \/>\nvar orbRed = document.getElementById(‘orbRed’);<\/p>\n<p>document.addEventListener(‘mousemove’, function(e) {<br \/>\n var x = (e.clientX \/ window.innerWidth – 0.5) * 20;<br \/>\n var y = (e.clientY \/ window.innerHeight – 0.5) * 20;<br \/>\n if (heroGrid) heroGrid.style.transform = ‘translate(‘ + (x * 0.3) + ‘px, ‘ + (y * 0.3) + ‘px)’;<br \/>\n if (orbBlue) orbBlue.style.transform = ‘translate(‘ + x + ‘px, ‘ + y + ‘px)’;<br \/>\n if (orbRed) orbRed.style.transform = ‘translate(‘ + (-x * 0.5) + ‘px, ‘ + (-y * 0.5) + ‘px)’;<br \/>\n});<\/p>\n<p>\/\/ ===== ANIMATED COUNTERS =====<br \/>\nvar counters = document.querySelectorAll(‘.stat-number[data-target]’);<br \/>\nvar counterStarted = false;<\/p>\n<p>function animateCounters() {<br \/>\n if (counterStarted) return;<br \/>\n counterStarted = true;<br \/>\n counters.forEach(function(counter) {<br \/>\n var target = parseInt(counter.getAttribute(‘data-target’));<br \/>\n var current = 0;<br \/>\n var step = Math.ceil(target \/ 125);<br \/>\n var timer = setInterval(function() {<br \/>\n current += step;<br \/>\n if (current >= target) {<br \/>\n counter.textContent = target + ‘+’;<br \/>\n clearInterval(timer);<br \/>\n } else {<br \/>\n counter.textContent = current + ‘+’;<br \/>\n }<br \/>\n }, 16);<br \/>\n });<br \/>\n}<\/p>\n<p>var statsObserver = new IntersectionObserver(function(entries) {<br \/>\n entries.forEach(function(entry) {<br \/>\n if (entry.isIntersecting) animateCounters();<br \/>\n });<br \/>\n}, { threshold: 0.5 });<br \/>\nvar statsEl = document.querySelector(‘.hero-stats’);<br \/>\nif (statsEl) statsObserver.observe(statsEl);<\/p>\n<p>\/\/ ===== INTERSECTION OBSERVER FOR SECTIONS =====<br \/>\nvar sections = document.querySelectorAll(‘.observe-section’);<br \/>\nvar sectionObserver = new IntersectionObserver(function(entries) {<br \/>\n entries.forEach(function(entry) {<br \/>\n if (entry.isIntersecting) {<br \/>\n entry.target.classList.add(‘in-view’);<br \/>\n }<br \/>\n });<br \/>\n}, { threshold: 0.1 });<\/p>\n<p>sections.forEach(function(section) {<br \/>\n sectionObserver.observe(section);<br \/>\n});<\/p>\n<p>\/\/ ===== SERVICES TABS =====<br \/>\nvar servicesData = {<br \/>\n investigacion: {<br \/>\n title: ‘En Investigaci\\u00f3n’,<br \/>\n color: ‘#0a3d8f’,<br \/>\n lightBg: ‘rgba(10,61,143,0.06)’,<br \/>\n icon: \u00bb,<br \/>\n items: [<br \/>\n {<br \/>\n icon: \u00bb,<br \/>\n text: ‘Gesti\\u00f3n, formulaci\\u00f3n y administraci\\u00f3n de proyectos de investigaci\\u00f3n de impacto nacional e internacional.’<br \/>\n },<br \/>\n {<br \/>\n icon: \u00bb,<br \/>\n text: ‘Escenario para el desarrollo de pr\\u00e1cticas universitarias.’<br \/>\n }<br \/>\n ]<br \/>\n },<br \/>\n docencia: {<br \/>\n title: ‘En Docencia’,<br \/>\n color: ‘#1565c0’,<br \/>\n lightBg: ‘rgba(21,101,192,0.06)’,<br \/>\n icon: \u00bb,<br \/>\n items: [<br \/>\n {<br \/>\n icon: \u00bb,<br \/>\n text: ‘Formulaci\\u00f3n y orientaci\\u00f3n de oferta acad\\u00e9mica en cursos de pregrado, posgrado y formaci\\u00f3n continua.’<br \/>\n }<br \/>\n ]<br \/>\n },<br \/>\n extension: {<br \/>\n title: ‘En Extensi\\u00f3n’,<br \/>\n color: ‘#d32f2f’,<br \/>\n lightBg: ‘rgba(211,47,47,0.06)’,<br \/>\n icon: \u00bb,<br \/>\n items: [<br \/>\n {<br \/>\n icon: \u00bb,<br \/>\n text: ‘Dise\\u00f1o, construcci\\u00f3n, validaci\\u00f3n, prueba y ensayo de convertidores el\\u00e9ctricos y electr\\u00f3nicos para integraci\\u00f3n de fuentes de generaci\\u00f3n de energ\\u00eda.’<br \/>\n },<br \/>\n {<br \/>\n icon: \u00bb,<br \/>\n text: ‘Medici\\u00f3n, evaluaci\\u00f3n y estudio de la calidad de energ\\u00eda el\\u00e9ctrica y potencia el\\u00e9ctrica.’<br \/>\n },<br \/>\n {<br \/>\n icon: \u00bb,<br \/>\n text: ‘Evaluaci\\u00f3n y an\\u00e1lisis de la eficiencia energ\\u00e9tica en sistemas el\\u00e9ctricos y electr\\u00f3nicos y de conversi\\u00f3n de energ\\u00eda.’<br \/>\n },<br \/>\n {<br \/>\n icon: \u00bb,<br \/>\n text: ‘Orientaci\\u00f3n de talleres, seminarios, cursos, diplomados.’<br \/>\n },<br \/>\n {<br \/>\n icon: \u00bb,<br \/>\n text: ‘Consultor\\u00eda, asesor\\u00eda, asistencia t\\u00e9cnica, interventor\\u00edas de proyectos espec\\u00edficos relacionados con el sector el\\u00e9ctrico y el sector de la educaci\\u00f3n superior.’<br \/>\n }<br \/>\n ]<br \/>\n }<br \/>\n};<\/p>\n<p>function renderServices(tabId) {<br \/>\n var data = servicesData[tabId];<br \/>\n var container = document.getElementById(‘servicesContent’);<br \/>\n var html = ‘<\/p>\n<div class=\"tab-content\">‘;<br \/>\n html += ‘<\/p>\n<div class=\"tab-header\" style=\"background:' + data.color + '\">‘;<br \/>\n html += ‘<\/p>\n<div class=\"tab-header-icon\">‘ + data.icon + ‘<\/div>\n<p>‘;<br \/>\n html += ‘<\/p>\n<div>\n<h3>‘ + data.title + ‘<\/h3>\n<p>‘;<br \/>\n html += ‘<\/p>\n<p>‘ + data.items.length + ‘ servicio’ + (data.items.length > 1 ? ‘s’ : \u00bb) + ‘ disponible’ + (data.items.length > 1 ? ‘s’ : \u00bb) + ‘<\/p>\n<\/div>\n<p>‘;<br \/>\n html += ‘<\/p><\/div>\n<p>‘;<br \/>\n html += ‘<\/p>\n<div class=\"service-items\">‘;<br \/>\n data.items.forEach(function(item) {<br \/>\n html += ‘<\/p>\n<div class=\"service-item\">‘;<br \/>\n html += ‘<\/p>\n<div class=\"service-item-icon\" style=\"background:' + data.lightBg + ';color:' + data.color + '\">‘ + item.icon + ‘<\/div>\n<p>‘;<br \/>\n html += ‘<\/p>\n<p>‘ + item.text + ‘<\/p>\n<p>‘;<br \/>\n html += ‘<\/p>\n<div class=\"service-item-arrow\" style=\"color:' + data.color + '\"><\/div>\n<p>‘;<br \/>\n html += ‘<\/p><\/div>\n<p>‘;<br \/>\n });<br \/>\n html += ‘<\/p><\/div>\n<\/div>\n<p>‘;<br \/>\n container.innerHTML = html;<br \/>\n}<\/p>\n<p>\/\/ Initialize services<br \/>\nrenderServices(‘investigacion’);<\/p>\n<p>\/\/ Tab switching<br \/>\ndocument.querySelectorAll(‘.tab-btn’).forEach(function(btn) {<br \/>\n btn.addEventListener(‘click’, function() {<br \/>\n var tabId = this.getAttribute(‘data-tab’);<br \/>\n var tabData = servicesData[tabId];<\/p>\n<p> \/\/ Update active states<br \/>\n document.querySelectorAll(‘.tab-btn’).forEach(function(b) {<br \/>\n b.classList.remove(‘active’);<br \/>\n b.style.background = \u00bb;<br \/>\n b.style.color = \u00bb;<br \/>\n b.style.boxShadow = \u00bb;<br \/>\n b.style.borderColor = \u00bb;<br \/>\n });<br \/>\n this.classList.add(‘active’);<br \/>\n this.style.background = tabData.color;<br \/>\n this.style.color = ‘#ffffff’;<br \/>\n this.style.boxShadow = ‘0 10px 25px ‘ + tabData.color + ’66’;<br \/>\n this.style.borderColor = ‘transparent’;<\/p>\n<p> renderServices(tabId);<br \/>\n });<br \/>\n});<\/p>\n<p>\/\/ ===== TEAM GRID =====<br \/>\nvar teamMembers = [<br \/>\n { name: ‘PhD. Investigador Principal’, role: ‘Director del Grupo’, area: ‘Electronica de Potencia’, color: ‘#0a3d8f’, initials: ‘IP’ },<br \/>\n { name: ‘PhD. Investigador Senior’, role: ‘Co-investigador’, area: ‘Calidad de Energia’, color: ‘#1565c0’, initials: ‘IS’ },<br \/>\n { name: ‘MSc. Investigador’, role: ‘Co-investigador’, area: ‘Convertidores DC-DC’, color: ‘#42a5f5’, initials: ‘MI’ },<br \/>\n { name: ‘MSc. Investigador’, role: ‘Investigador Asociado’, area: ‘Energias Renovables’, color: ‘#d32f2f’, initials: ‘MA’ },<br \/>\n { name: ‘Ing. Investigador Junior’, role: ‘Estudiante Doctorado’, area: ‘Control Digital’, color: ‘#0a3d8f’, initials: ‘IJ’ },<br \/>\n { name: ‘Ing. Investigador Junior’, role: ‘Estudiante Maestria’, area: ‘Eficiencia Energetica’, color: ‘#1565c0’, initials: ‘IJ’ }<br \/>\n];<\/p>\n<p>var teamGrid = document.getElementById(‘teamGrid’);<br \/>\nteamMembers.forEach(function(member, i) {<br \/>\n var card = document.createElement(‘div’);<br \/>\n card.className = ‘team-card reveal-up’;<br \/>\n card.style.animationDelay = (0.2 + i * 0.1) + ‘s’;<br \/>\n card.innerHTML =<br \/>\n ‘<\/p>\n<div class=\"team-card-accent\" style=\"background:' + member.color + '\"><\/div>\n<p>‘ +<br \/>\n ‘<\/p>\n<div class=\"team-card-accent-fill\" style=\"background:' + member.color + '\"><\/div>\n<p>‘ +<br \/>\n ‘<\/p>\n<div class=\"team-avatar\" style=\"background:' + member.color + ';box-shadow:0 4px 15px ' + member.color + '4d\">‘ + member.initials + ‘<\/div>\n<p>‘ +<br \/>\n ‘<\/p>\n<h3>‘ + member.name + ‘<\/h3>\n<p>‘ +<br \/>\n ‘<\/p>\n<p class=\"role\" style=\"color:' + member.color + '\">‘ + member.role + ‘<\/p>\n<p>‘ +<br \/>\n ‘<span class=\"area\">‘ + member.area + ‘<\/span>‘ +<br \/>\n ‘<\/p>\n<div class=\"team-card-actions\">‘ +<br \/>\n ‘<button class=\"team-action-btn\" aria-label=\"Email\"><\/button>‘ +<br \/>\n ‘<button class=\"team-action-btn\" aria-label=\"Perfil\"><\/button>‘ +<br \/>\n ‘<\/div>\n<p>‘;<br \/>\n teamGrid.appendChild(card);<br \/>\n});<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Power Electronics Research Group – UTP \/* ===== RESET & BASE ===== *\/ *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } html { scroll-behavior: smooth; } body […]<\/p>\n","protected":false},"author":1902,"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-29","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/academia.utp.edu.co\/eplab\/wp-json\/wp\/v2\/pages\/29","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/academia.utp.edu.co\/eplab\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/academia.utp.edu.co\/eplab\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/academia.utp.edu.co\/eplab\/wp-json\/wp\/v2\/users\/1902"}],"replies":[{"embeddable":true,"href":"https:\/\/academia.utp.edu.co\/eplab\/wp-json\/wp\/v2\/comments?post=29"}],"version-history":[{"count":3,"href":"https:\/\/academia.utp.edu.co\/eplab\/wp-json\/wp\/v2\/pages\/29\/revisions"}],"predecessor-version":[{"id":193,"href":"https:\/\/academia.utp.edu.co\/eplab\/wp-json\/wp\/v2\/pages\/29\/revisions\/193"}],"wp:attachment":[{"href":"https:\/\/academia.utp.edu.co\/eplab\/wp-json\/wp\/v2\/media?parent=29"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}