{"id":338,"date":"2026-06-02T20:13:17","date_gmt":"2026-06-02T23:13:17","guid":{"rendered":"https:\/\/www.ufrgs.br\/lde\/?page_id=338"},"modified":"2026-08-11T12:49:46","modified_gmt":"2026-08-11T15:49:46","slug":"front_page","status":"publish","type":"page","link":"https:\/\/www.ufrgs.br\/lde\/","title":{"rendered":"Teste"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"338\" class=\"elementor elementor-338\">\n\t\t\t\t<div class=\"elementor-element elementor-element-71e2b01 e-flex e-con-boxed e-con e-parent\" data-id=\"71e2b01\" 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-64e112e elementor-widget elementor-widget-html\" data-id=\"64e112e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"pt-BR\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>LDE \u2013 Laborat\u00f3rio de Detona\u00e7\u00f5es e Explos\u00f5es | UFRGS<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Exo+2:ital,wght@0,300;0,400;0,600;0,700;0,900;1,400&family=Source+Sans+3:wght@300;400;500;600;700&family=Rajdhani:wght@500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\/* ============================================================\r\n   VARIABLES & RESET\r\n============================================================ *\/\r\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n:root {\r\n  --blue:       #1A90E8;\r\n  --blue-dark:  #0F6BBF;\r\n  --blue-light: #D6EEFF;\r\n  --blue-mid:   #4AAEF5;\r\n  --blue-xlight:#EBF6FF;\r\n  --white:      #ffffff;\r\n  --off-white:  #F5FAFE;\r\n  --gray-100:   #EEF4FA;\r\n  --gray-200:   #D8E8F5;\r\n  --gray-400:   #7BA8C9;\r\n  --gray-600:   #4A7294;\r\n  --gray-800:   #1C3A52;\r\n  --text:       #0D2840;\r\n  --muted:      #4A7294;\r\n  --radius:     10px;\r\n  --shadow-sm:  0 2px 12px rgba(26,144,232,0.10);\r\n  --shadow-md:  0 6px 28px rgba(26,144,232,0.15);\r\n  --shadow-lg:  0 16px 60px rgba(26,144,232,0.18);\r\n  --font-h:     \"Rajdhani\", sans-serif;\r\n  --font-b:     \"Source Sans 3\", sans-serif;\r\n  --font-t:     \"Exo 2\", sans-serif;\r\n}\r\n\r\nhtml { scroll-behavior: smooth; }\r\n\r\nbody {\r\n  background: var(--white);\r\n  color: var(--text);\r\n  font-family: var(--font-b);\r\n  font-size: 16px;\r\n  line-height: 1.7;\r\n  overflow-x: hidden;\r\n}\r\n\r\n\/* ============================================================\r\n   NAVIGATION\r\n============================================================ *\/\r\nnav {\r\n  position: sticky;\r\n  top: 0;\r\n  z-index: 1000;\r\n  background: rgba(255,255,255,0.96);\r\n  backdrop-filter: blur(16px);\r\n  border-bottom: 2px solid var(--blue-light);\r\n  padding: 0 2rem;\r\n  box-shadow: 0 2px 20px rgba(26,144,232,0.08);\r\n}\r\n\r\n.nav-inner {\r\n  max-width: 1280px;\r\n  margin: 0 auto;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  height: 68px;\r\n}\r\n\r\n.nav-logo {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n  text-decoration: none;\r\n}\r\n\r\n.nav-logo img {\r\n  width: 44px;\r\n  height: 44px;\r\n  object-fit: contain;\r\n}\r\n\r\n.nav-logo-text {\r\n  display: flex;\r\n  flex-direction: column;\r\n  line-height: 1.15;\r\n}\r\n\r\n.nav-logo-text .lde-name {\r\n  font-family: var(--font-h);\r\n  font-size: 16px;\r\n  font-weight: 700;\r\n  color: var(--blue-dark);\r\n  letter-spacing: 0.5px;\r\n}\r\n\r\n.nav-logo-text .lde-uni {\r\n  font-family: var(--font-t);\r\n  font-size: 11px;\r\n  font-weight: 500;\r\n  color: var(--muted);\r\n  letter-spacing: 0.5px;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.nav-links {\r\n  display: flex;\r\n  gap: 2px;\r\n  list-style: none;\r\n}\r\n\r\n.nav-links a {\r\n  display: block;\r\n  padding: 7px 15px;\r\n  font-family: var(--font-t);\r\n  font-size: 13px;\r\n  font-weight: 600;\r\n  letter-spacing: 0.3px;\r\n  color: var(--gray-600);\r\n  text-decoration: none;\r\n  border-radius: 7px;\r\n  transition: color .2s, background .2s;\r\n}\r\n\r\n.nav-links a:hover { color: var(--blue); background: var(--blue-xlight); }\r\n.nav-links a.active { color: var(--blue); background: var(--blue-xlight); }\r\n\r\n.nav-hamburger {\r\n  display: none;\r\n  background: none;\r\n  border: none;\r\n  cursor: pointer;\r\n  color: var(--blue-dark);\r\n  padding: 4px;\r\n}\r\n\r\n\/* ============================================================\r\n   HERO\r\n============================================================ *\/\r\n#hero {\r\n  position: relative;\r\n  min-height: 90vh;\r\n  display: flex;\r\n  align-items: center;\r\n  overflow: hidden;\r\n  padding: 80px 2rem;\r\n  background: linear-gradient(135deg, #EBF6FF 0%, #FFFFFF 50%, #D6EEFF 100%);\r\n}\r\n\r\n.hero-bg-circle-1 {\r\n  position: absolute;\r\n  top: -150px; right: -150px;\r\n  width: 600px; height: 600px;\r\n  border-radius: 50%;\r\n  background: radial-gradient(circle, rgba(26,144,232,0.12), transparent 70%);\r\n  pointer-events: none;\r\n}\r\n\r\n.hero-bg-circle-2 {\r\n  position: absolute;\r\n  bottom: -100px; left: -80px;\r\n  width: 400px; height: 400px;\r\n  border-radius: 50%;\r\n  background: radial-gradient(circle, rgba(26,144,232,0.08), transparent 70%);\r\n  pointer-events: none;\r\n}\r\n\r\n.hero-grid-lines {\r\n  position: absolute;\r\n  inset: 0;\r\n  background-image:\r\n    linear-gradient(rgba(26,144,232,0.06) 1px, transparent 1px),\r\n    linear-gradient(90deg, rgba(26,144,232,0.06) 1px, transparent 1px);\r\n  background-size: 50px 50px;\r\n  pointer-events: none;\r\n}\r\n\r\n.hero-content {\r\n  position: relative;\r\n  max-width: 1280px;\r\n  margin: 0 auto;\r\n  width: 100%;\r\n  display: grid;\r\n  grid-template-columns: 1.1fr 0.9fr;\r\n  gap: 70px;\r\n  align-items: center;\r\n}\r\n\r\n.hero-tag {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  background: rgba(26,144,232,0.1);\r\n  border: 1px solid rgba(26,144,232,0.25);\r\n  border-radius: 100px;\r\n  padding: 6px 16px;\r\n  font-family: var(--font-t);\r\n  font-size: 12px;\r\n  font-weight: 700;\r\n  letter-spacing: 1.5px;\r\n  color: var(--blue-dark);\r\n  text-transform: uppercase;\r\n  margin-bottom: 28px;\r\n}\r\n\r\n.hero-tag::before {\r\n  content: \"\";\r\n  width: 7px; height: 7px;\r\n  border-radius: 50%;\r\n  background: var(--blue);\r\n  animation: pulse-dot 2s ease infinite;\r\n}\r\n\r\n@keyframes pulse-dot {\r\n  0%,100%{opacity:1;transform:scale(1)}\r\n  50%{opacity:.4;transform:scale(1.4)}\r\n}\r\n\r\n.hero-h1 {\r\n  font-family: var(--font-h);\r\n  font-size: clamp(2.4rem, 4.5vw, 3.8rem);\r\n  font-weight: 700;\r\n  line-height: 1.08;\r\n  color: var(--gray-800);\r\n  margin-bottom: 20px;\r\n  letter-spacing: 0.3px;\r\n}\r\n\r\n.hero-h1 .accent { color: var(--blue); }\r\n.hero-h1 .accent-dark { color: var(--blue-dark); }\r\n\r\n.hero-sub {\r\n  font-size: 1.05rem;\r\n  color: var(--muted);\r\n  max-width: 500px;\r\n  margin-bottom: 40px;\r\n  line-height: 1.85;\r\n}\r\n\r\n.hero-btns {\r\n  display: flex;\r\n  gap: 14px;\r\n  flex-wrap: wrap;\r\n}\r\n\r\n.btn-primary {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  padding: 13px 28px;\r\n  background: var(--blue);\r\n  color: #fff;\r\n  font-family: var(--font-t);\r\n  font-weight: 700;\r\n  font-size: 14px;\r\n  letter-spacing: 0.4px;\r\n  border-radius: var(--radius);\r\n  text-decoration: none;\r\n  border: none;\r\n  cursor: pointer;\r\n  transition: transform .2s, box-shadow .2s, background .2s;\r\n  box-shadow: 0 4px 18px rgba(26,144,232,0.35);\r\n}\r\n\r\n.btn-primary:hover {\r\n  background: var(--blue-dark);\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 8px 30px rgba(26,144,232,0.4);\r\n}\r\n\r\n.btn-secondary {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  padding: 12px 28px;\r\n  background: transparent;\r\n  color: var(--blue);\r\n  font-family: var(--font-t);\r\n  font-weight: 700;\r\n  font-size: 14px;\r\n  border: 2px solid var(--blue);\r\n  border-radius: var(--radius);\r\n  text-decoration: none;\r\n  cursor: pointer;\r\n  transition: all .2s;\r\n}\r\n\r\n.btn-secondary:hover {\r\n  background: var(--blue);\r\n  color: #fff;\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 8px 30px rgba(26,144,232,0.3);\r\n}\r\n\r\n\/* Hero Right \u2014 Logo + Stats *\/\r\n.hero-right {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  gap: 30px;\r\n}\r\n\r\n.hero-logo-wrap {\r\n  background: var(--white);\r\n  border-radius: 24px;\r\n  box-shadow: var(--shadow-lg);\r\n  padding: 36px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  border: 1px solid var(--blue-light);\r\n  width: 100%;\r\n}\r\n\r\n.hero-logo-wrap img {\r\n  width: 220px;\r\n  height: 220px;\r\n  object-fit: contain;\r\n}\r\n\r\n.hero-stats {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 14px;\r\n  width: 100%;\r\n}\r\n\r\n.stat-card {\r\n  background: var(--white);\r\n  border: 1px solid var(--blue-light);\r\n  border-radius: var(--radius);\r\n  padding: 22px 18px;\r\n  text-align: center;\r\n  box-shadow: var(--shadow-sm);\r\n  transition: box-shadow .25s, transform .25s, border-color .25s;\r\n}\r\n\r\n.stat-card:hover {\r\n  box-shadow: var(--shadow-md);\r\n  transform: translateY(-3px);\r\n  border-color: var(--blue-mid);\r\n}\r\n\r\n.stat-num {\r\n  font-family: var(--font-h);\r\n  font-size: 2.2rem;\r\n  font-weight: 700;\r\n  color: var(--blue);\r\n  line-height: 1;\r\n  margin-bottom: 5px;\r\n}\r\n\r\n.stat-label {\r\n  font-family: var(--font-t);\r\n  font-size: 11px;\r\n  font-weight: 600;\r\n  letter-spacing: 0.8px;\r\n  text-transform: uppercase;\r\n  color: var(--muted);\r\n}\r\n\r\n\/* ============================================================\r\n   SECTIONS\r\n============================================================ *\/\r\nsection { position: relative; padding: 90px 2rem; }\r\n\r\n.section-inner { max-width: 1280px; margin: 0 auto; }\r\n\r\n.section-tag {\r\n  display: inline-block;\r\n  font-family: var(--font-t);\r\n  font-size: 11px;\r\n  font-weight: 700;\r\n  letter-spacing: 2.5px;\r\n  text-transform: uppercase;\r\n  color: var(--blue);\r\n  margin-bottom: 12px;\r\n  background: var(--blue-xlight);\r\n  padding: 4px 12px;\r\n  border-radius: 100px;\r\n  border: 1px solid var(--blue-light);\r\n}\r\n\r\n.section-title {\r\n  font-family: var(--font-h);\r\n  font-size: clamp(1.8rem, 3vw, 2.5rem);\r\n  font-weight: 700;\r\n  color: var(--gray-800);\r\n  margin-bottom: 14px;\r\n  letter-spacing: 0.2px;\r\n}\r\n\r\n.section-desc {\r\n  color: var(--muted);\r\n  max-width: 620px;\r\n  margin-bottom: 56px;\r\n  font-size: 1rem;\r\n  line-height: 1.85;\r\n}\r\n\r\n.divider {\r\n  width: 50px;\r\n  height: 4px;\r\n  background: linear-gradient(90deg, var(--blue), var(--blue-mid));\r\n  border-radius: 2px;\r\n  margin-bottom: 18px;\r\n}\r\n\r\n\/* ============================================================\r\n   MOTIVA\u00c7\u00c3O\r\n============================================================ *\/\r\n#motivacao { background: var(--off-white); }\r\n\r\n.motiv-grid {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 70px;\r\n  align-items: center;\r\n}\r\n\r\n.motiv-text p {\r\n  color: var(--muted);\r\n  margin-bottom: 20px;\r\n  line-height: 1.9;\r\n}\r\n\r\n.motiv-text p strong { color: var(--gray-800); }\r\n\r\n.motiv-box {\r\n  background: var(--white);\r\n  border: 1px solid var(--blue-light);\r\n  border-radius: 16px;\r\n  padding: 36px;\r\n  box-shadow: var(--shadow-md);\r\n}\r\n\r\n.motiv-box-title {\r\n  font-family: var(--font-h);\r\n  font-size: 1.2rem;\r\n  font-weight: 700;\r\n  color: var(--gray-800);\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.motiv-kw {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 10px;\r\n  margin-top: 4px;\r\n}\r\n\r\n.kw-chip {\r\n  padding: 6px 14px;\r\n  background: var(--blue-xlight);\r\n  border: 1px solid var(--blue-light);\r\n  border-radius: 100px;\r\n  font-family: var(--font-t);\r\n  font-size: 12px;\r\n  font-weight: 600;\r\n  color: var(--blue-dark);\r\n  transition: background .2s, color .2s;\r\n}\r\n\r\n.kw-chip:hover { background: var(--blue); color: var(--white); }\r\n\r\n.kw-chip.dark {\r\n  background: var(--blue);\r\n  color: var(--white);\r\n  border-color: var(--blue);\r\n}\r\n\r\n\/* ============================================================\r\n   GALERIA DE DETONA\u00c7\u00d5ES\r\n============================================================ *\/\r\n.gallery-title {\r\n  font-family: var(--font-h);\r\n  font-size: 1rem;\r\n  font-weight: 700;\r\n  color: var(--blue-dark);\r\n  letter-spacing: 1.5px;\r\n  text-transform: uppercase;\r\n  margin-bottom: 20px;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n}\r\n\r\n.gallery-title::after {\r\n  content: \"\";\r\n  flex: 1;\r\n  height: 2px;\r\n  background: linear-gradient(90deg, var(--blue-light), transparent);\r\n}\r\n\r\n.gallery-grid {\r\n  display: grid;\r\n  gap: 14px;\r\n}\r\n\r\n.gallery-grid-3 { grid-template-columns: repeat(3, 1fr); }\r\n.gallery-grid-2 { grid-template-columns: repeat(2, 1fr); }\r\n\r\n.img-placeholder {\r\n  background: linear-gradient(135deg, var(--blue-xlight), var(--gray-100));\r\n  border: 2px dashed var(--blue-light);\r\n  border-radius: var(--radius);\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 10px;\r\n  color: var(--blue-mid);\r\n  font-family: var(--font-t);\r\n  font-size: 12px;\r\n  font-weight: 600;\r\n  letter-spacing: 0.5px;\r\n  text-align: center;\r\n  padding: 20px;\r\n  transition: border-color .25s, background .25s;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.img-placeholder:hover {\r\n  border-color: var(--blue);\r\n  background: var(--blue-light);\r\n}\r\n\r\n.img-placeholder .ph-icon { font-size: 28px; opacity: .6; }\r\n.img-placeholder .ph-label { font-size: 11px; color: var(--muted); margin-top: 4px; }\r\n\r\n.img-placeholder-tall { min-height: 200px; }\r\n.img-placeholder-short { min-height: 140px; }\r\n.img-placeholder-md { min-height: 170px; }\r\n.img-placeholder-wide { min-height: 180px; }\r\n\r\n\/* Image that can be replaced *\/\r\n.img-slot {\r\n  border-radius: var(--radius);\r\n  overflow: hidden;\r\n  position: relative;\r\n}\r\n\r\n.img-slot img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  display: block;\r\n}\r\n\r\n\/* ============================================================\r\n   LINHAS DE PESQUISA\r\n============================================================ *\/\r\n#pesquisa {}\r\n\r\n.research-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 24px;\r\n}\r\n\r\n.research-card {\r\n  background: var(--white);\r\n  border: 1px solid var(--blue-light);\r\n  border-radius: var(--radius);\r\n  overflow: hidden;\r\n  box-shadow: var(--shadow-sm);\r\n  transition: box-shadow .3s, transform .3s, border-color .3s;\r\n}\r\n\r\n.research-card:hover {\r\n  box-shadow: var(--shadow-lg);\r\n  transform: translateY(-5px);\r\n  border-color: var(--blue-mid);\r\n}\r\n\r\n.research-card-img {\r\n  width: 100%;\r\n  height: 420px;\r\n  background: linear-gradient(135deg, var(--blue-xlight), var(--gray-100));\r\n  border-bottom: 1px solid var(--blue-light);\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 10px;\r\n  color: var(--blue-mid);\r\n  font-family: var(--font-t);\r\n  font-size: 11px;\r\n  font-weight: 600;\r\n  letter-spacing: 0.5px;\r\n  border-bottom: 2px dashed var(--blue-light);\r\n  transition: background .25s;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.research-card-img .ph-icon { font-size: 36px; opacity: .55; }\r\n.research-card-img .ph-label { font-size: 11px; color: var(--muted); }\r\n\r\n.research-card-body { padding: 28px 24px; }\r\n\r\n.research-card-body h3 {\r\n  font-family: var(--font-h);\r\n  font-size: 1.1rem;\r\n  font-weight: 700;\r\n  color: var(--gray-800);\r\n  margin-bottom: 12px;\r\n  line-height: 1.35;\r\n}\r\n\r\n.research-card-body p {\r\n  font-size: .9rem;\r\n  color: var(--muted);\r\n  line-height: 1.75;\r\n}\r\n\r\n.research-label {\r\n  display: inline-block;\r\n  margin-top: 16px;\r\n  padding: 4px 12px;\r\n  background: var(--blue-xlight);\r\n  border: 1px solid var(--blue-light);\r\n  border-radius: 100px;\r\n  font-family: var(--font-t);\r\n  font-size: 11px;\r\n  font-weight: 700;\r\n  color: var(--blue);\r\n  letter-spacing: 0.5px;\r\n}\r\n\r\n\/* ============================================================\r\n   PROJETOS\r\n============================================================ *\/\r\n#projetos { background: var(--off-white); }\r\n\r\n.projetos-grid {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 20px;\r\n}\r\n\r\n.projeto-card {\r\n  background: var(--white);\r\n  border: 1px solid var(--blue-light);\r\n  border-radius: var(--radius);\r\n  padding: 28px;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 20px;\r\n  text-decoration: none;\r\n  box-shadow: var(--shadow-sm);\r\n  transition: all .25s;\r\n}\r\n\r\n.projeto-card:hover {\r\n  border-color: var(--blue);\r\n  box-shadow: var(--shadow-md);\r\n  transform: translateY(-3px);\r\n}\r\n\r\n.projeto-card-icon {\r\n  width: 52px; height: 52px;\r\n  flex-shrink: 0;\r\n  background: var(--blue-xlight);\r\n  border: 1px solid var(--blue-light);\r\n  border-radius: 12px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-size: 22px;\r\n}\r\n\r\n.projeto-card-info h4 {\r\n  font-family: var(--font-h);\r\n  font-size: 1.05rem;\r\n  font-weight: 700;\r\n  color: var(--gray-800);\r\n  margin-bottom: 4px;\r\n}\r\n\r\n.projeto-card-info p { font-size: .88rem; color: var(--muted); }\r\n\r\n.projeto-card-arrow {\r\n  margin-left: auto;\r\n  color: var(--blue);\r\n  font-size: 20px;\r\n  flex-shrink: 0;\r\n}\r\n\r\n\/* ============================================================\r\n   PUBLICA\u00c7\u00d5ES\r\n============================================================ *\/\r\n#publicacoes {}\r\n\r\n.pub-tabs-nav {\r\n  display: flex;\r\n  gap: 4px;\r\n  border-bottom: 2px solid var(--blue-light);\r\n  margin-bottom: 40px;\r\n  overflow-x: auto;\r\n  scrollbar-width: none;\r\n}\r\n\r\n.pub-tabs-nav::-webkit-scrollbar { display: none; }\r\n\r\n.pub-tab-btn {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 7px;\r\n  padding: 11px 18px;\r\n  background: none;\r\n  border: none;\r\n  border-bottom: 3px solid transparent;\r\n  margin-bottom: -2px;\r\n  cursor: pointer;\r\n  font-family: var(--font-t);\r\n  font-size: 13px;\r\n  font-weight: 600;\r\n  color: var(--muted);\r\n  white-space: nowrap;\r\n  transition: color .2s, border-color .2s;\r\n}\r\n\r\n.pub-tab-btn:hover { color: var(--blue); }\r\n.pub-tab-btn.active { color: var(--blue-dark); border-bottom-color: var(--blue); }\r\n\r\n.pub-tab-btn .tab-count {\r\n  background: var(--blue-xlight);\r\n  color: var(--blue);\r\n  font-size: 11px;\r\n  font-weight: 700;\r\n  border-radius: 100px;\r\n  padding: 2px 8px;\r\n  border: 1px solid var(--blue-light);\r\n  display: none;\r\n}\r\n\r\n.pub-tab-btn.active .tab-count { display: block; }\r\n\r\n.pub-tab-panel { display: none; }\r\n.pub-tab-panel.active { display: block; }\r\n\r\n.pub-list { display: flex; flex-direction: column; gap: 14px; }\r\n\r\n.pub-card {\r\n  background: var(--white);\r\n  border: 1px solid var(--gray-200);\r\n  border-radius: var(--radius);\r\n  padding: 24px 28px;\r\n  display: flex;\r\n  align-items: flex-start;\r\n  gap: 24px;\r\n  box-shadow: var(--shadow-sm);\r\n  transition: all .25s;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.pub-card::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  left: 0; top: 0; bottom: 0;\r\n  width: 4px;\r\n  background: var(--blue);\r\n  opacity: 0;\r\n  transition: opacity .25s;\r\n}\r\n\r\n.pub-card:hover {\r\n  border-color: var(--blue-mid);\r\n  box-shadow: var(--shadow-md);\r\n  transform: translateY(-2px);\r\n}\r\n\r\n.pub-card:hover::before { opacity: 1; }\r\n\r\n.pub-year-badge {\r\n  flex-shrink: 0;\r\n  background: var(--blue-xlight);\r\n  border: 1px solid var(--blue-light);\r\n  border-radius: 8px;\r\n  width: 62px; height: 62px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-family: var(--font-h);\r\n  font-size: 1rem;\r\n  font-weight: 700;\r\n  color: var(--blue-dark);\r\n}\r\n\r\n.pub-body { flex: 1; min-width: 0; }\r\n\r\n.pub-title {\r\n  font-family: var(--font-t);\r\n  font-size: .98rem;\r\n  font-weight: 700;\r\n  color: var(--gray-800);\r\n  margin-bottom: 6px;\r\n  line-height: 1.45;\r\n}\r\n\r\n.pub-journal {\r\n  font-size: .82rem;\r\n  color: var(--blue);\r\n  font-style: italic;\r\n  margin-bottom: 6px;\r\n}\r\n\r\n.pub-authors { font-size: .85rem; color: var(--muted); }\r\n.pub-authors strong { color: var(--gray-600); }\r\n.pub-first-author { font-size: .88rem; color: var(--muted); margin-top: 6px; font-style: italic; }\r\n\r\n.pub-action { flex-shrink: 0; align-self: center; }\r\n\r\n.btn-access {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 7px;\r\n  padding: 10px 20px;\r\n  background: var(--blue-xlight);\r\n  border: 1.5px solid var(--blue-light);\r\n  border-radius: 8px;\r\n  font-family: var(--font-t);\r\n  font-size: 13px;\r\n  font-weight: 700;\r\n  color: var(--blue-dark);\r\n  cursor: pointer;\r\n  transition: all .2s;\r\n  white-space: nowrap;\r\n}\r\n\r\n.btn-access:hover {\r\n  background: var(--blue);\r\n  border-color: var(--blue);\r\n  color: #fff;\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 6px 20px rgba(26,144,232,0.3);\r\n}\r\n\r\n\/* Books *\/\r\n.books-grid {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 20px;\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.book-card {\r\n  background: var(--white);\r\n  border: 1px solid var(--blue-light);\r\n  border-radius: var(--radius);\r\n  padding: 28px;\r\n  display: flex;\r\n  gap: 20px;\r\n  align-items: flex-start;\r\n  box-shadow: var(--shadow-sm);\r\n  transition: all .25s;\r\n}\r\n\r\n.book-card:hover { box-shadow: var(--shadow-md); transform: translateY(-3px); border-color: var(--blue-mid); }\r\n\r\n.book-icon { font-size: 2.4rem; flex-shrink: 0; }\r\n\r\n.book-info h4 {\r\n  font-family: var(--font-h);\r\n  font-weight: 700;\r\n  font-size: 1.05rem;\r\n  color: var(--gray-800);\r\n  margin-bottom: 6px;\r\n  line-height: 1.3;\r\n}\r\n\r\n.book-info p { font-size: .85rem; color: var(--muted); margin-bottom: 14px; }\r\n\r\n.btn-book {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 6px;\r\n  padding: 8px 16px;\r\n  background: var(--blue-xlight);\r\n  border: 1px solid var(--blue-light);\r\n  border-radius: 7px;\r\n  font-family: var(--font-t);\r\n  font-size: 12px;\r\n  font-weight: 700;\r\n  color: var(--blue-dark);\r\n  text-decoration: none;\r\n  transition: all .2s;\r\n}\r\n\r\n.btn-book:hover { background: var(--blue); color: #fff; border-color: var(--blue); }\r\n\r\n\/* ============================================================\r\n   EQUIPE\r\n============================================================ *\/\r\n#equipe { background: var(--off-white); }\r\n\r\n.equipe-section-title {\r\n  font-family: var(--font-h);\r\n  font-size: 1rem;\r\n  font-weight: 700;\r\n  color: var(--blue-dark);\r\n  letter-spacing: 1.5px;\r\n  text-transform: uppercase;\r\n  margin-bottom: 24px;\r\n  margin-top: 52px;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n}\r\n\r\n.equipe-section-title::after {\r\n  content: \"\";\r\n  flex: 1;\r\n  height: 2px;\r\n  background: linear-gradient(90deg, var(--blue-light), transparent);\r\n}\r\n\r\n.equipe-section-title:first-of-type { margin-top: 0; }\r\n\r\n.team-grid { display: grid; gap: 18px; }\r\n.team-grid-3 { grid-template-columns: repeat(3, 1fr); }\r\n.team-grid-2 { grid-template-columns: repeat(2, 1fr); }\r\n.team-grid-5 { grid-template-columns: repeat(5, 1fr); }\r\n.team-grid-6 { grid-template-columns: repeat(6, 1fr); }\r\n\r\n.team-card {\r\n  background: var(--white);\r\n  border: 1px solid var(--gray-200);\r\n  border-radius: var(--radius);\r\n  padding: 24px 18px;\r\n  text-align: center;\r\n  box-shadow: var(--shadow-sm);\r\n  transition: all .25s;\r\n}\r\n\r\n.team-card:hover {\r\n  border-color: var(--blue-mid);\r\n  box-shadow: var(--shadow-md);\r\n  transform: translateY(-4px);\r\n}\r\n\r\n\/* Photo placeholder \u2014 large for docentes, medium for others *\/\r\n.team-photo {\r\n  width: 110px; height: 110px;\r\n  border-radius: 14px;\r\n  margin: 0 auto 16px;\r\n  background: #ffffff;\r\n  border: 1.5px solid var(--gray-200);\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  overflow: hidden;\r\n  position: relative;\r\n  transition: border-color .25s, box-shadow .25s;\r\n  box-shadow: 0 2px 10px rgba(26,144,232,0.07);\r\n  flex-shrink: 0;\r\n}\r\n\r\n.team-card:hover .team-photo {\r\n  border-color: var(--blue-mid);\r\n  box-shadow: 0 4px 16px rgba(26,144,232,0.14);\r\n}\r\n\r\n.team-photo img {\r\n  width: 110px; height: 110px;\r\n  object-fit: cover;\r\n  object-position: top center;\r\n  border-radius: 12px;\r\n  display: block;\r\n}\r\n\r\n.team-photo .ph-cam {\r\n  font-size: 22px;\r\n  opacity: .4;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  gap: 4px;\r\n  color: var(--blue-mid);\r\n}\r\n\r\n.team-photo .ph-cam span {\r\n  font-family: var(--font-t);\r\n  font-size: 9px;\r\n  font-weight: 600;\r\n  letter-spacing: 0.3px;\r\n  color: var(--muted);\r\n  opacity: .7;\r\n}\r\n\r\n\/* All sizes unified \u2014 large and small are overridden to same base *\/\r\n.team-photo.large { width: 110px; height: 110px; border-radius: 14px; }\r\n.team-photo.large img { width: 110px; height: 110px; border-radius: 12px; }\r\n.team-photo.small { width: 110px; height: 110px; border-radius: 14px; }\r\n.team-photo.small img { width: 110px; height: 110px; border-radius: 12px; }\r\n\r\n.team-name {\r\n  font-family: var(--font-h);\r\n  font-size: .97rem;\r\n  font-weight: 700;\r\n  color: var(--gray-800);\r\n  margin-bottom: 3px;\r\n  line-height: 1.3;\r\n}\r\n\r\n.team-role {\r\n  font-family: var(--font-t);\r\n  font-size: 11px;\r\n  font-weight: 700;\r\n  letter-spacing: 0.7px;\r\n  text-transform: uppercase;\r\n  color: var(--blue);\r\n  margin-bottom: 8px;\r\n}\r\n\r\n.team-project {\r\n  font-size: .75rem;\r\n  color: var(--muted);\r\n  line-height: 1.5;\r\n  margin-bottom: 12px;\r\n  font-style: italic;\r\n}\r\n\r\n.team-links { display: flex; gap: 6px; justify-content: center; flex-wrap: wrap; }\r\n\r\n.team-link {\r\n  padding: 4px 10px;\r\n  font-size: 11px;\r\n  font-family: var(--font-t);\r\n  font-weight: 600;\r\n  color: var(--muted);\r\n  border: 1px solid var(--gray-200);\r\n  border-radius: 6px;\r\n  text-decoration: none;\r\n  transition: all .2s;\r\n}\r\n\r\n.team-link:hover { color: var(--blue); border-color: var(--blue-mid); background: var(--blue-xlight); }\r\n\r\n\/* ============================================================\r\n   CONTATO\r\n============================================================ *\/\r\n#contato {}\r\n\r\n.contato-grid {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1.2fr;\r\n  gap: 60px;\r\n  align-items: start;\r\n}\r\n\r\n.contato-info { display: flex; flex-direction: column; gap: 20px; }\r\n\r\n.contato-item {\r\n  display: flex;\r\n  align-items: flex-start;\r\n  gap: 16px;\r\n  padding: 20px;\r\n  background: var(--white);\r\n  border: 1px solid var(--gray-200);\r\n  border-radius: var(--radius);\r\n  box-shadow: var(--shadow-sm);\r\n  transition: all .2s;\r\n}\r\n\r\n.contato-item:hover { border-color: var(--blue-mid); box-shadow: var(--shadow-md); }\r\n\r\n.contato-item-icon {\r\n  width: 44px; height: 44px;\r\n  flex-shrink: 0;\r\n  background: var(--blue-xlight);\r\n  border: 1px solid var(--blue-light);\r\n  border-radius: 10px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-size: 18px;\r\n}\r\n\r\n.contato-item-text h4 {\r\n  font-family: var(--font-h);\r\n  font-size: .93rem;\r\n  font-weight: 700;\r\n  color: var(--gray-800);\r\n  margin-bottom: 3px;\r\n}\r\n\r\n.contato-item-text p, .contato-item-text a {\r\n  color: var(--muted);\r\n  font-size: .9rem;\r\n  text-decoration: none;\r\n  transition: color .2s;\r\n}\r\n\r\n.contato-item-text a:hover { color: var(--blue); }\r\n\r\n.contato-map {\r\n  border-radius: 16px;\r\n  overflow: hidden;\r\n  border: 2px solid var(--blue-light);\r\n  box-shadow: var(--shadow-md);\r\n}\r\n\r\n.contato-map iframe {\r\n  width: 100%;\r\n  height: 360px;\r\n  border: none;\r\n  display: block;\r\n}\r\n\r\n\/* ============================================================\r\n   FOOTER\r\n============================================================ *\/\r\nfooter {\r\n  background: var(--gray-800);\r\n  padding: 44px 2rem;\r\n}\r\n\r\n.footer-inner {\r\n  max-width: 1280px;\r\n  margin: 0 auto;\r\n  display: grid;\r\n  grid-template-columns: 1fr auto;\r\n  grid-template-rows: auto auto;\r\n  align-items: center;\r\n  gap: 24px 40px;\r\n}\r\n\r\n.footer-logo { display: flex; align-items: center; gap: 14px; grid-column: 1; grid-row: 1; }\r\n.footer-logo img { width: 48px; height: 48px; object-fit: contain; border-radius: 8px; }\r\n\r\n.footer-logo-text .lde-name {\r\n  font-family: var(--font-h);\r\n  font-weight: 700;\r\n  font-size: 15px;\r\n  color: var(--white);\r\n}\r\n\r\n.footer-logo-text .lde-uni {\r\n  font-family: var(--font-t);\r\n  font-size: 11px;\r\n  color: var(--gray-400);\r\n  letter-spacing: 0.5px;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.footer-badges { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; grid-column: 2; grid-row: 1 \/ 3; justify-self: end; align-self: center; }\r\n\r\n.funder-badge {\r\n  padding: 6px 14px;\r\n  background: rgba(255,255,255,0.08);\r\n  border: 1px solid rgba(255,255,255,0.15);\r\n  border-radius: 8px;\r\n  font-family: var(--font-t);\r\n  font-size: 12px;\r\n  font-weight: 700;\r\n  color: var(--gray-400);\r\n  letter-spacing: 1px;\r\n}\r\n\r\n.footer-copy { font-size: .82rem; color: var(--gray-400); grid-column: 1; grid-row: 2; }\r\n\r\n\/* ============================================================\r\n   MODAL\r\n============================================================ *\/\r\n.modal-overlay {\r\n  display: none;\r\n  position: fixed;\r\n  inset: 0;\r\n  background: rgba(15,107,191,0.18);\r\n  backdrop-filter: blur(8px);\r\n  z-index: 9999;\r\n  align-items: center;\r\n  justify-content: center;\r\n  padding: 20px;\r\n}\r\n\r\n.modal-overlay.open { display: flex; }\r\n\r\n.modal-box {\r\n  background: var(--white);\r\n  border: 2px solid var(--blue-light);\r\n  border-radius: 18px;\r\n  padding: 44px 40px;\r\n  max-width: 440px;\r\n  width: 100%;\r\n  position: relative;\r\n  box-shadow: 0 24px 80px rgba(26,144,232,0.25);\r\n  animation: modal-in .25s ease;\r\n}\r\n\r\n@keyframes modal-in {\r\n  from { transform: scale(.93) translateY(16px); opacity: 0; }\r\n  to   { transform: scale(1) translateY(0);       opacity: 1; }\r\n}\r\n\r\n.modal-close {\r\n  position: absolute;\r\n  top: 16px; right: 16px;\r\n  background: var(--gray-100);\r\n  border: 1px solid var(--gray-200);\r\n  border-radius: 8px;\r\n  width: 32px; height: 32px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  cursor: pointer;\r\n  color: var(--muted);\r\n  font-size: 15px;\r\n  transition: all .2s;\r\n}\r\n\r\n.modal-close:hover { background: #FEE2E2; border-color: #FCA5A5; color: #EF4444; }\r\n\r\n.modal-lock-icon {\r\n  width: 68px; height: 68px;\r\n  background: var(--blue-xlight);\r\n  border: 2px solid var(--blue-light);\r\n  border-radius: 18px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-size: 30px;\r\n  margin: 0 auto 24px;\r\n}\r\n\r\n.modal-title {\r\n  font-family: var(--font-h);\r\n  font-size: 1.6rem;\r\n  font-weight: 700;\r\n  color: var(--gray-800);\r\n  text-align: center;\r\n  margin-bottom: 8px;\r\n}\r\n\r\n.modal-subtitle {\r\n  font-size: .9rem;\r\n  color: var(--muted);\r\n  text-align: center;\r\n  margin-bottom: 24px;\r\n  line-height: 1.6;\r\n}\r\n\r\n.modal-pub-title {\r\n  background: var(--blue-xlight);\r\n  border: 1px solid var(--blue-light);\r\n  border-radius: 8px;\r\n  padding: 12px 16px;\r\n  font-size: .82rem;\r\n  color: var(--blue-dark);\r\n  font-style: italic;\r\n  margin-bottom: 24px;\r\n  text-align: center;\r\n  line-height: 1.5;\r\n}\r\n\r\n.modal-input-wrap { position: relative; margin-bottom: 12px; }\r\n\r\n.modal-input {\r\n  width: 100%;\r\n  padding: 13px 48px 13px 16px;\r\n  background: var(--gray-100);\r\n  border: 2px solid var(--gray-200);\r\n  border-radius: 9px;\r\n  font-family: var(--font-b);\r\n  font-size: 1rem;\r\n  color: var(--text);\r\n  outline: none;\r\n  transition: border-color .2s, background .2s;\r\n  letter-spacing: 2px;\r\n}\r\n\r\n.modal-input:focus { border-color: var(--blue); background: var(--white); }\r\n.modal-input.error { border-color: #EF4444; background: #FEF2F2; }\r\n.modal-input.success { border-color: #22C55E; background: #F0FDF4; }\r\n\r\n.toggle-pass {\r\n  position: absolute;\r\n  right: 14px; top: 50%;\r\n  transform: translateY(-50%);\r\n  background: none;\r\n  border: none;\r\n  cursor: pointer;\r\n  color: var(--muted);\r\n  font-size: 16px;\r\n  padding: 4px;\r\n}\r\n\r\n.modal-error-msg {\r\n  font-size: .83rem;\r\n  color: #EF4444;\r\n  margin-bottom: 12px;\r\n  text-align: center;\r\n  display: none;\r\n}\r\n\r\n.modal-error-msg.show { display: block; }\r\n\r\n.btn-modal-submit {\r\n  width: 100%;\r\n  padding: 14px;\r\n  background: var(--blue);\r\n  border: none;\r\n  border-radius: 9px;\r\n  font-family: var(--font-t);\r\n  font-size: 15px;\r\n  font-weight: 700;\r\n  color: #fff;\r\n  cursor: pointer;\r\n  transition: all .2s;\r\n  box-shadow: 0 4px 18px rgba(26,144,232,0.3);\r\n}\r\n\r\n.btn-modal-submit:hover { background: var(--blue-dark); transform: translateY(-1px); }\r\n\r\n.modal-hint {\r\n  font-size: .78rem;\r\n  color: var(--muted);\r\n  text-align: center;\r\n  margin-top: 14px;\r\n}\r\n\/* Modal form fields *\/\r\n.modal-field-group { margin-bottom: 14px; }\r\n.modal-field-label {\r\n  display: block;\r\n  font-family: var(--font-t);\r\n  font-size: 12px;\r\n  font-weight: 700;\r\n  letter-spacing: 0.5px;\r\n  color: var(--gray-600);\r\n  text-transform: uppercase;\r\n  margin-bottom: 6px;\r\n}\r\n.modal-input-text {\r\n  letter-spacing: 0 !important;\r\n  padding: 11px 14px !important;\r\n}\r\n.modal-textarea {\r\n  width: 100%;\r\n  height: 80px;\r\n  resize: vertical;\r\n  padding: 11px 14px !important;\r\n  font-family: var(--font-b);\r\n  font-size: .9rem;\r\n  color: var(--text);\r\n  background: var(--gray-100);\r\n  border: 2px solid var(--gray-200);\r\n  border-radius: 9px;\r\n  outline: none;\r\n  transition: border-color .2s, background .2s;\r\n  display: block;\r\n}\r\n.modal-textarea:focus { border-color: var(--blue); background: var(--white); }\r\n.modal-divider {\r\n  border: none;\r\n  border-top: 1px solid var(--gray-200);\r\n  margin: 18px 0;\r\n}\r\n.modal-box { max-width: 500px; }\r\n\r\n\r\n\/* ============================================================\r\n   RESPONSIVE\r\n============================================================ *\/\r\n@media (max-width: 1100px) {\r\n  .research-grid { grid-template-columns: 1fr 1fr; }\r\n  .team-grid-5 { grid-template-columns: repeat(3, 1fr); }\r\n  .team-grid-6 { grid-template-columns: repeat(3, 1fr); }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .hero-content { grid-template-columns: 1fr; gap: 40px; }\r\n  .hero-right { display: none; }\r\n  .motiv-grid { grid-template-columns: 1fr; }\r\n  .research-grid { grid-template-columns: 1fr; }\r\n  .projetos-grid { grid-template-columns: 1fr; }\r\n  .books-grid { grid-template-columns: 1fr; }\r\n  .team-grid-3 { grid-template-columns: 1fr 1fr; }\r\n  .team-grid-5 { grid-template-columns: 1fr 1fr; }\r\n  .team-grid-6 { grid-template-columns: 1fr 1fr; }\r\n  .contato-grid { grid-template-columns: 1fr; }\r\n  .gallery-grid-3 { grid-template-columns: 1fr 1fr; }\r\n  .pub-card { flex-direction: column; }\r\n  .pub-action { align-self: flex-start; }\r\n  .nav-links { display: none; }\r\n  .nav-hamburger { display: flex; }\r\n  .footer-inner { grid-template-columns: 1fr; grid-template-rows: auto; }\r\n  .footer-badges { grid-column: 1; grid-row: 3; justify-self: center; }\r\n  .footer-logo { grid-row: 1; }\r\n  .footer-copy { grid-row: 2; text-align: center; }\r\n  .nav-links.open {\r\n    display: flex;\r\n    flex-direction: column;\r\n    position: absolute;\r\n    top: 68px; left: 0; right: 0;\r\n    background: rgba(255,255,255,0.98);\r\n    border-bottom: 2px solid var(--blue-light);\r\n    padding: 12px 16px;\r\n    gap: 4px;\r\n    z-index: 999;\r\n    box-shadow: 0 8px 30px rgba(26,144,232,0.12);\r\n  }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  section { padding: 64px 1.2rem; }\r\n  .team-grid-3, .team-grid-5, .team-grid-6 { grid-template-columns: 1fr 1fr; }\r\n  .gallery-grid-3 { grid-template-columns: 1fr; }\r\n  .modal-box { padding: 30px 20px; }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- NAV -->\r\n<nav>\r\n  <div class=\"nav-inner\">\r\n    <a href=\"#hero\" class=\"nav-logo\">\r\n      <img decoding=\"async\" src=\"https:\/\/www.ufrgs.br\/lde\/wp-content\/uploads\/2026\/04\/LDE-Colorido-Extenso-Horizontal.png\" alt=\"LDE Logo\" style=\"height:44px;width:auto;object-fit:contain;background:#fff;border-radius:8px;padding:4px 10px;\">\r\n      <span class=\"lde-uni\" style=\"font-family:var(--font-t);font-size:11px;font-weight:600;color:var(--muted);letter-spacing:0.5px;text-transform:uppercase;white-space:nowrap;\">DEMEC \u00b7 UFRGS \u00b7 Porto Alegre<\/span>\r\n    <\/a>\r\n    <ul class=\"nav-links\" id=\"navLinks\">\r\n      <li><a href=\"#motivacao\">Motiva\u00e7\u00e3o<\/a><\/li>\r\n      <li><a href=\"#pesquisa\">Pesquisa<\/a><\/li>\r\n      <li><a href=\"#projetos\">Projetos<\/a><\/li>\r\n      <li><a href=\"#publicacoes\">Publica\u00e7\u00f5es<\/a><\/li>\r\n      <li><a href=\"#equipe\">Equipe<\/a><\/li>\r\n      <li><a href=\"#contato\">Contato<\/a><\/li>\r\n    <\/ul>\r\n    <button class=\"nav-hamburger\" onclick=\"toggleMenu()\" aria-label=\"Menu\">\r\n      <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n        <line x1=\"3\" y1=\"6\" x2=\"21\" y2=\"6\"\/><line x1=\"3\" y1=\"12\" x2=\"21\" y2=\"12\"\/><line x1=\"3\" y1=\"18\" x2=\"21\" y2=\"18\"\/>\r\n      <\/svg>\r\n    <\/button>\r\n  <\/div>\r\n<\/nav>\r\n\r\n<!-- HERO -->\r\n<section id=\"hero\">\r\n  <div class=\"hero-bg-circle-1\"><\/div>\r\n  <div class=\"hero-bg-circle-2\"><\/div>\r\n  <div class=\"hero-grid-lines\"><\/div>\r\n  <div class=\"hero-content\">\r\n    <div>\r\n      <div class=\"hero-tag\">UFRGS \u00b7 DEMEC \u00b7 Porto Alegre, RS<\/div>\r\n      <h1 class=\"hero-h1\">\r\n        Laborat\u00f3rio de<br>\r\n        <span class=\"accent\">Detona\u00e7\u00f5es<\/span><br>\r\n        <span class=\"accent-dark\">e Explos\u00f5es<\/span>\r\n      <\/h1>\r\n      <p class=\"hero-sub\">\r\n        Pesquisa experimental e computacional em fen\u00f4menos de combust\u00e3o supers\u00f4nica e subs\u00f4nica, com \u00eanfase em hidrog\u00eanio, transi\u00e7\u00e3o energ\u00e9tica e seguran\u00e7a industrial.\r\n      <\/p>\r\n      <div class=\"hero-btns\">\r\n        <a href=\"#pesquisa\" class=\"btn-primary\" style=\"color:#ffffff!important;background:#1A90E8!important;text-decoration:none!important;\">\r\n          <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#ffffff\" stroke-width=\"2.5\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><path d=\"m21 21-4.35-4.35\"\/><\/svg>\r\n          <span style=\"color:#ffffff!important;font-weight:700;\">Linhas de Pesquisa<\/span>\r\n        <\/a>\r\n        <a href=\"#publicacoes\" class=\"btn-secondary\" style=\"color:#1A90E8!important;border:2px solid #1A90E8!important;text-decoration:none!important;background:transparent!important;\">\r\n          <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#1A90E8\" stroke-width=\"2.5\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><polyline points=\"14,2 14,8 20,8\"\/><\/svg>\r\n          <span style=\"color:#1A90E8!important;font-weight:700;\">Publica\u00e7\u00f5es<\/span>\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"hero-right\">\r\n      <div class=\"hero-logo-wrap\">\r\n        <img decoding=\"async\" src=\"https:\/\/www.ufrgs.br\/lde\/wp-content\/uploads\/2026\/04\/LDE-Colorido-Sigla-Vertical.png\" alt=\"LDE Logo\" style=\"width:200px;height:auto;object-fit:contain;background:#fff;border-radius:14px;padding:16px;\">\r\n      <\/div>\r\n      <div class=\"hero-stats\">\r\n        <div class=\"stat-card\">\r\n          <div class=\"stat-num\">3<\/div>\r\n          <div class=\"stat-label\">Docentes<\/div>\r\n        <\/div>\r\n        <div class=\"stat-card\">\r\n          <div class=\"stat-num\">16+<\/div>\r\n          <div class=\"stat-label\">Pesquisadores<\/div>\r\n        <\/div>\r\n        <div class=\"stat-card\">\r\n          <div class=\"stat-num\">3<\/div>\r\n          <div class=\"stat-label\">Linhas de Pesquisa<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- MOTIVA\u00c7\u00c3O -->\r\n<!-- VIDEO BANNER -->\r\n<div style=\"width:100%;background:#000;overflow:hidden;line-height:0;height:340px;position:relative;\">\r\n  <video\r\n    src=\"https:\/\/www.ufrgs.br\/lde\/wp-content\/uploads\/2025\/07\/C3H8H2-Schlieren1.mp4\"\r\n    autoplay loop muted playsinline\r\n    style=\"width:100%;height:100%;object-fit:cover;object-position:center 30%;display:block;\">\r\n  <\/video>\r\n  <div style=\"position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,0.08) 0%,rgba(0,0,0,0) 30%,rgba(0,0,0,0) 70%,rgba(0,0,0,0.08) 100%);pointer-events:none;\"><\/div>\r\n<\/div>\r\n\r\n<section id=\"motivacao\">\r\n  <div class=\"section-inner\">\r\n    <div class=\"motiv-grid\">\r\n      <div class=\"motiv-text\">\r\n        <div class=\"divider\"><\/div>\r\n        <span class=\"section-tag\">Nossa Miss\u00e3o<\/span>\r\n        <h2 class=\"section-title\">Por que estudamos Detona\u00e7\u00f5es?<\/h2>\r\n        <p>O <strong>Laborat\u00f3rio de Detona\u00e7\u00f5es e Explos\u00f5es (LDE)<\/strong> do Departamento de Engenharia Mec\u00e2nica da UFRGS tem como miss\u00e3o estudar explos\u00f5es supers\u00f4nicas (detona\u00e7\u00f5es) e subs\u00f4nicas (deflagra\u00e7\u00f5es), desenvolvendo pesquisa experimental de ponta.<\/p>\r\n        <p>Nosso trabalho visa o <strong>aproveitamento energ\u00e9tico das detona\u00e7\u00f5es<\/strong> e a seguran\u00e7a nas aplica\u00e7\u00f5es industriais, com especial aten\u00e7\u00e3o ao estudo desses fen\u00f4menos no contexto da utiliza\u00e7\u00e3o de <strong>combust\u00edveis enriquecidos com hidrog\u00eanio<\/strong>.<\/p>\r\n        <p>O LDE integra esfor\u00e7os com ag\u00eancias de fomento como <strong>CNPq, FAPERGS e CAPES<\/strong>, contribuindo para avan\u00e7os cient\u00edficos e tecnol\u00f3gicos de relev\u00e2ncia nacional e internacional.<\/p>\r\n      <\/div>\r\n      <div>\r\n        <div class=\"motiv-box\">\r\n          <div class=\"motiv-box-title\">\u00c1reas de Expertise<\/div>\r\n          <div class=\"motiv-kw\">\r\n            <span class=\"kw-chip dark\">Detona\u00e7\u00f5es<\/span>\r\n            <span class=\"kw-chip\">Deflagra\u00e7\u00f5es<\/span>\r\n            <span class=\"kw-chip dark\">Hidrog\u00eanio (H\u2082)<\/span>\r\n            <span class=\"kw-chip\">RDE<\/span>\r\n            <span class=\"kw-chip\">CFD<\/span>\r\n            <span class=\"kw-chip\">Supress\u00e3o de Chamas<\/span>\r\n            <span class=\"kw-chip dark\">DDT<\/span>\r\n            <span class=\"kw-chip\">Seguran\u00e7a Industrial<\/span>\r\n            <span class=\"kw-chip\">Transi\u00e7\u00e3o Energ\u00e9tica<\/span>\r\n            <span class=\"kw-chip dark\">Inflamabilidade<\/span>\r\n            <span class=\"kw-chip\">Ondas de Choque<\/span>\r\n            <span class=\"kw-chip\">Turbul\u00eancia Reativa<\/span>\r\n          <\/div>\r\n\r\n          <!-- Galeria de detona\u00e7\u00f5es no box de motiva\u00e7\u00e3o -->\r\n          <div style=\"margin-top: 28px;\">\r\n            <div class=\"gallery-title\" style=\"font-size:.85rem; margin-bottom: 14px;\">Imagens do Laborat\u00f3rio<\/div>\r\n            <div class=\"gallery-grid gallery-grid-3\">\r\n              <div class=\"img-slot img-placeholder-short\"><img decoding=\"async\" src=\"https:\/\/www.ufrgs.br\/lde\/wp-content\/uploads\/2025\/07\/Bancada-Experimental-Flame-Arresters.png\" alt=\"Bancada Experimental\" style=\"width:100%;height:140px;object-fit:cover;border-radius:8px;display:block;\"><\/div>\r\n              <div class=\"img-slot img-placeholder-short\"><img decoding=\"async\" src=\"https:\/\/www.ufrgs.br\/lde\/wp-content\/uploads\/2025\/07\/Bancada-Experimental-Flame-Arresters.png\" alt=\"Bancada Experimental\" style=\"width:100%;height:140px;object-fit:cover;border-radius:8px;display:block;\"><\/div>\r\n              <div class=\"img-slot img-placeholder-short\"><img decoding=\"async\" src=\"https:\/\/www.ufrgs.br\/lde\/wp-content\/uploads\/2025\/07\/Bancada-Experimental-Flame-Arresters.png\" alt=\"Bancada Experimental\" style=\"width:100%;height:140px;object-fit:cover;border-radius:8px;display:block;\"><\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- LINHAS DE PESQUISA -->\r\n<section id=\"pesquisa\">\r\n  <div class=\"section-inner\">\r\n    <div class=\"divider\"><\/div>\r\n    <span class=\"section-tag\">O que fazemos<\/span>\r\n    <h2 class=\"section-title\">Linhas de Pesquisa<\/h2>\r\n    <p class=\"section-desc\">Combinamos m\u00e9todos experimentais, anal\u00edticos e computacionais para compreender e modelar fen\u00f4menos de combust\u00e3o de alta energia.<\/p>\r\n\r\n    <div class=\"research-grid\">\r\n      <div class=\"research-card\">\r\n        <div class=\"research-card-img\" style=\"padding:0;overflow:hidden;\">\r\n          <img decoding=\"async\" src=\"https:\/\/www.ufrgs.br\/lde\/wp-content\/uploads\/2025\/07\/Experimental2.png\" alt=\"Supress\u00e3o de Chamas\" style=\"width:100%;height:420px;object-fit:contain;object-position:center top;display:block;background:#f8f9fa;\">\r\n        <\/div>\r\n        <div class=\"research-card-body\">\r\n          <h3>Estudo Experimental de Supress\u00e3o de Chamas e Dist\u00e2ncias de Extin\u00e7\u00e3o<\/h3>\r\n          <p>Investiga\u00e7\u00e3o experimental de supressores de chamas e dos mecanismos de extin\u00e7\u00e3o em combust\u00edveis enriquecidos com hidrog\u00eanio, com aplica\u00e7\u00f5es em seguran\u00e7a industrial e normas t\u00e9cnicas.<\/p>\r\n          <span class=\"research-label\">Experimental<\/span>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"research-card\">\r\n        <div class=\"research-card-img\" style=\"padding:0;overflow:hidden;\">\r\n          <img decoding=\"async\" src=\"https:\/\/www.ufrgs.br\/lde\/wp-content\/uploads\/2025\/07\/RDE_Temp.png\" alt=\"Simula\u00e7\u00f5es CFD RDE\" style=\"width:100%;height:420px;object-fit:contain;object-position:center top;display:block;background:#f8f9fa;\">\r\n        <\/div>\r\n        <div class=\"research-card-body\">\r\n          <h3>Simula\u00e7\u00f5es CFD de Motores de Detona\u00e7\u00e3o Rotativa (RDE) e Propaga\u00e7\u00e3o de Chamas<\/h3>\r\n          <p>Desenvolvimento e valida\u00e7\u00e3o de modelos computacionais de alta fidelidade para motores de detona\u00e7\u00e3o rotativa (RDE) e propaga\u00e7\u00e3o de chamas em dutos confinados.<\/p>\r\n          <span class=\"research-label\">Computacional<\/span>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"research-card\">\r\n        <div class=\"research-card-img\" style=\"padding:0;overflow:hidden;\">\r\n          <img decoding=\"async\" src=\"https:\/\/www.ufrgs.br\/lde\/wp-content\/uploads\/2025\/07\/llama_nitido_02.jpeg\" alt=\"DDT Detona\u00e7\u00e3o\" style=\"width:100%;height:420px;object-fit:contain;object-position:center top;display:block;background:#111;\">\r\n        <\/div>\r\n        <div class=\"research-card-body\">\r\n          <h3>Estudo Experimental de Transi\u00e7\u00e3o de Deflagra\u00e7\u00e3o para Detona\u00e7\u00e3o (DDT)<\/h3>\r\n          <p>Caracteriza\u00e7\u00e3o experimental dos fen\u00f4menos de DDT e dos limites de detonabilidade de misturas de combust\u00edveis enriquecidas com hidrog\u00eanio em dutos de alta press\u00e3o.<\/p>\r\n          <span class=\"research-label\">Experimental \u00b7 Te\u00f3rico<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- PROJETOS -->\r\n<section id=\"projetos\">\r\n  <div class=\"section-inner\">\r\n    <div class=\"divider\"><\/div>\r\n    <span class=\"section-tag\">Portf\u00f3lio<\/span>\r\n    <h2 class=\"section-title\">Projetos de Pesquisa<\/h2>\r\n    <p class=\"section-desc\">Acompanhe os projetos em andamento e os conclu\u00eddos pelo Laborat\u00f3rio de Detona\u00e7\u00f5es e Explos\u00f5es.<\/p>\r\n    <div class=\"projetos-grid\">\r\n      <a href=\"https:\/\/1drv.ms\/b\/c\/10832965bc61d3fc\/EdxTIF51wyFFroBFIsBVMtQBX1ajs60DZuXkSQ9RrNA8NQ?e=ee5hPW\" target=\"_blank\" class=\"projeto-card\">\r\n        <div class=\"projeto-card-icon\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--blue)\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 3H5a2 2 0 0 0-2 2v4m6-6h10a2 2 0 0 1 2 2v4M9 3v18m0 0h10a2 2 0 0 0 2-2v-4M9 21H5a2 2 0 0 1-2-2v-4m0 0h18\"\/><\/svg><\/div>\r\n        <div class=\"projeto-card-info\">\r\n          <h4>Projetos em Andamento<\/h4>\r\n          <p>Pesquisas atualmente em desenvolvimento no LDE<\/p>\r\n        <\/div>\r\n        <div class=\"projeto-card-arrow\">\u2192<\/div>\r\n      <\/a>\r\n      <a href=\"https:\/\/1drv.ms\/b\/c\/10832965bc61d3fc\/ESMcE-a1QjRMgFca8t9k6Q0B_4YS1kZjSYiLt11xKBsoHg?e=HMO2ui\" target=\"_blank\" class=\"projeto-card\">\r\n        <div class=\"projeto-card-icon\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--blue)\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg><\/div>\r\n        <div class=\"projeto-card-info\">\r\n          <h4>Projetos Conclu\u00eddos<\/h4>\r\n          <p>Pesquisas finalizadas com resultados publicados<\/p>\r\n        <\/div>\r\n        <div class=\"projeto-card-arrow\">\u2192<\/div>\r\n      <\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- PUBLICA\u00c7\u00d5ES -->\r\n<section id=\"publicacoes\">\r\n  <div class=\"section-inner\">\r\n    <div class=\"divider\"><\/div>\r\n    <span class=\"section-tag\">Produ\u00e7\u00e3o Cient\u00edfica<\/span>\r\n    <h2 class=\"section-title\">Publica\u00e7\u00f5es<\/h2>\r\n    <p class=\"section-desc\">Explore nossa produ\u00e7\u00e3o cient\u00edfica por \u00e1rea tem\u00e1tica. O acesso aos dados de pesquisa requer autentica\u00e7\u00e3o com senha.<\/p>\r\n\r\n    <div class=\"pub-tabs-nav\">\r\n      <button class=\"pub-tab-btn active\" onclick=\"switchTab('livros',this)\">Livros<\/button>\r\n      <button class=\"pub-tab-btn\" onclick=\"switchTab('chamas',this)\">Acelera\u00e7\u00e3o e Supress\u00e3o de Chamas <span class=\"tab-count\">1<\/span><\/button>\r\n      <button class=\"pub-tab-btn\" onclick=\"switchTab('inflamabilidade',this)\">Limites de Inflamabilidade <span class=\"tab-count\">1<\/span><\/button>\r\n      <button class=\"pub-tab-btn\" onclick=\"switchTab('detonacoes',this)\">Detona\u00e7\u00f5es <span class=\"tab-count\">1<\/span><\/button>\r\n      <button class=\"pub-tab-btn\" onclick=\"switchTab('rde',this)\">Rotating Detonation Engines <span class=\"tab-count\">1<\/span><\/button>\r\n      <button class=\"pub-tab-btn\" onclick=\"switchTab('outros',this)\">Etanol, G\u00e1s de S\u00edntese e Outros <span class=\"tab-count\">1<\/span><\/button>\r\n    <\/div>\r\n\r\n    <!-- LIVROS -->\r\n    <div class=\"pub-tab-panel active\" id=\"tab-livros\">\r\n      <div class=\"books-grid\">\r\n        <div class=\"book-card\">\r\n          <img decoding=\"async\" src=\"https:\/\/www.ufrgs.br\/lde\/wp-content\/uploads\/2026\/04\/Captura-de-tela-2026-04-28-005512.png\" alt=\"Flame Propagation Fundamentals\" style=\"width:80px;height:110px;object-fit:cover;border-radius:8px;flex-shrink:0;box-shadow:0 4px 12px rgba(0,0,0,0.12);\">\r\n          <div class=\"book-info\">\r\n            <h4>Flame Propagation Fundamentals<\/h4>\r\n            <p>Mendiburu Zevallos, Pereira, Centeno \u00b7 Springer, 2024<\/p>\r\n            <a href=\"https:\/\/link.springer.com\/book\/10.1007\/978-3-031-83575-9\" target=\"_blank\" class=\"btn-book\">\r\n              <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"\/><polyline points=\"15,3 21,3 21,9\"\/><line x1=\"10\" y1=\"14\" x2=\"21\" y2=\"3\"\/><\/svg>\r\n              Acessar Livro\r\n            <\/a>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"book-card\">\r\n          <img decoding=\"async\" src=\"https:\/\/www.ufrgs.br\/lde\/wp-content\/uploads\/2026\/04\/combustao.jpg\" alt=\"Combust\u00e3o Aplicada\" style=\"width:80px;height:110px;object-fit:cover;border-radius:8px;flex-shrink:0;box-shadow:0 4px 12px rgba(0,0,0,0.12);\">\r\n          <div class=\"book-info\">\r\n            <h4>Combust\u00e3o Aplicada<\/h4>\r\n            <p>Pereira, Mendiburu Zevallos \u00b7 Livraria UFSC<\/p>\r\n            <a href=\"https:\/\/livraria.ufsc.br\/produto\/862\/combustao-aplicada\" target=\"_blank\" class=\"btn-book\">\r\n              <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"\/><polyline points=\"15,3 21,3 21,9\"\/><line x1=\"10\" y1=\"14\" x2=\"21\" y2=\"3\"\/><\/svg>\r\n              Acessar Livro\r\n            <\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- CHAMAS -->\r\n    <div class=\"pub-tab-panel\" id=\"tab-chamas\">\r\n                        <div class=\"pub-list\">\r\n        <div class=\"pub-card\">\r\n          <div class=\"pub-year-badge\">2026<\/div>\r\n          <div class=\"pub-body\">\r\n            <div class=\"pub-title\">Teste<\/div>\r\n            <div class=\"pub-first-author\">Mendiburu Zevallos, A. A.<\/div>\r\n          <\/div>\r\n          <div class=\"pub-action\">\r\n            <button class=\"btn-access\" onclick=\"openModal(this)\"\r\n              data-title=\"Teste\"\r\n              data-link=\"#\">\r\n              <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\"\/><path d=\"M7 11V7a5 5 0 0 1 10 0v4\"\/><\/svg>\r\n              Acessar Dados\r\n            <\/button>\r\n          <\/div>\r\n        <\/div>\r\n    <!-- INFLAMABILIDADE -->\r\n    <div class=\"pub-tab-panel\" id=\"tab-inflamabilidade\">\r\n      <div class=\"pub-list\">\r\n        <div class=\"pub-card\">\r\n          <div class=\"pub-year-badge\">2026<\/div>\r\n          <div class=\"pub-body\">\r\n            <div class=\"pub-title\">Teste<\/div>\r\n            <div class=\"pub-first-author\">Mendiburu Zevallos, A. A.<\/div>\r\n          <\/div>\r\n          <div class=\"pub-action\">\r\n            <button class=\"btn-access\" onclick=\"openModal(this)\" data-title=\"Teste\" data-link=\"#\">\r\n              <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\"\/><path d=\"M7 11V7a5 5 0 0 1 10 0v4\"\/><\/svg>\r\n              Acessar Dados\r\n            <\/button>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- DETONACOES -->\r\n    <div class=\"pub-tab-panel\" id=\"tab-detonacoes\">\r\n      <div class=\"pub-list\">\r\n        <div class=\"pub-card\">\r\n          <div class=\"pub-year-badge\">2026<\/div>\r\n          <div class=\"pub-body\">\r\n            <div class=\"pub-title\">Teste<\/div>\r\n            <div class=\"pub-first-author\">Mendiburu Zevallos, A. A.<\/div>\r\n          <\/div>\r\n          <div class=\"pub-action\">\r\n            <button class=\"btn-access\" onclick=\"openModal(this)\" data-title=\"Teste\" data-link=\"#\">\r\n              <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\"\/><path d=\"M7 11V7a5 5 0 0 1 10 0v4\"\/><\/svg>\r\n              Acessar Dados\r\n            <\/button>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- RDE -->\r\n    <div class=\"pub-tab-panel\" id=\"tab-rde\">\r\n      <div class=\"pub-list\">\r\n        <div class=\"pub-card\">\r\n          <div class=\"pub-year-badge\">2026<\/div>\r\n          <div class=\"pub-body\">\r\n            <div class=\"pub-title\">Teste<\/div>\r\n            <div class=\"pub-first-author\">Mendiburu Zevallos, A. A.<\/div>\r\n          <\/div>\r\n          <div class=\"pub-action\">\r\n            <button class=\"btn-access\" onclick=\"openModal(this)\" data-title=\"Teste\" data-link=\"#\">\r\n              <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\"\/><path d=\"M7 11V7a5 5 0 0 1 10 0v4\"\/><\/svg>\r\n              Acessar Dados\r\n            <\/button>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- OUTROS -->\r\n    <div class=\"pub-tab-panel\" id=\"tab-outros\">\r\n      <div class=\"pub-list\">\r\n        <div class=\"pub-card\">\r\n          <div class=\"pub-year-badge\">2026<\/div>\r\n          <div class=\"pub-body\">\r\n            <div class=\"pub-title\">Teste<\/div>\r\n            <div class=\"pub-first-author\">Mendiburu Zevallos, A. A.<\/div>\r\n          <\/div>\r\n          <div class=\"pub-action\">\r\n            <button class=\"btn-access\" onclick=\"openModal(this)\" data-title=\"Teste\" data-link=\"#\">\r\n              <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\"\/><path d=\"M7 11V7a5 5 0 0 1 10 0v4\"\/><\/svg>\r\n              Acessar Dados\r\n            <\/button>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n      <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <\/div><!-- \/section-inner -->\r\n<\/section>\r\n\r\n<!-- EQUIPE -->\r\n<section id=\"equipe\">\r\n  <div class=\"section-inner\">\r\n    <div class=\"divider\"><\/div>\r\n    <span class=\"section-tag\">Nossa Equipe<\/span>\r\n    <h2 class=\"section-title\">Pesquisadores<\/h2>\r\n    <p class=\"section-desc\">Conhe\u00e7a os professores, pesquisadores e estudantes que integram o LDE.<\/p>\r\n\r\n    <!-- Docentes -->\r\n    <div class=\"equipe-section-title\">Docentes Pesquisadores<\/div>\r\n    <div class=\"team-grid team-grid-3\">\r\n      <div class=\"team-card\">\r\n        <div class=\"team-photo large\"><img decoding=\"async\" src=\"https:\/\/www.ufrgs.br\/lde\/wp-content\/uploads\/2026\/04\/1-removebg-preview.png\" alt=\"Dr. Andr\u00e9s A. Mendiburu Zevallos\"><\/div>\r\n        <div class=\"team-name\">Dr. Andr\u00e9s A. Mendiburu Zevallos<\/div>\r\n        <div class=\"team-role\">Coordenador<\/div>\r\n        <div class=\"team-links\"><a href=\"http:\/\/lattes.cnpq.br\/9420661931956243\" target=\"_blank\" class=\"team-link\">Lattes<\/a><a href=\"https:\/\/orcid.org\/0000-0003-4733-625X\" target=\"_blank\" class=\"team-link\">ORCID<\/a><\/div>\r\n      <\/div>\r\n      <div class=\"team-card\">\r\n        <div class=\"team-photo large\"><img decoding=\"async\" src=\"https:\/\/www.ufrgs.br\/lde\/wp-content\/uploads\/2026\/04\/2-removebg-preview.png\" alt=\"Dr. Fernando Marcelo Pereira\"><\/div>\r\n        <div class=\"team-name\">Dr. Fernando Marcelo Pereira<\/div>\r\n        <div class=\"team-role\">Vice-Coordenador<\/div>\r\n        <div class=\"team-links\"><a href=\"http:\/\/lattes.cnpq.br\/0736051327712068\" target=\"_blank\" class=\"team-link\">Lattes<\/a><a href=\"https:\/\/orcid.org\/0000-0002-1351-2430\" target=\"_blank\" class=\"team-link\">ORCID<\/a><\/div>\r\n      <\/div>\r\n      <div class=\"team-card\">\r\n        <div class=\"team-photo large\"><img decoding=\"async\" src=\"https:\/\/www.ufrgs.br\/lde\/wp-content\/uploads\/2026\/04\/3-removebg-preview.png\" alt=\"Dr. Felipe Roman Centeno\"><\/div>\r\n        <div class=\"team-name\">Dr. Felipe Roman Centeno<\/div>\r\n        <div class=\"team-role\">Pesquisador<\/div>\r\n        <div class=\"team-links\"><a href=\"http:\/\/lattes.cnpq.br\/9451236545064358\" target=\"_blank\" class=\"team-link\">Lattes<\/a><a href=\"https:\/\/orcid.org\/0000-0002-8784-3566\" target=\"_blank\" class=\"team-link\">ORCID<\/a><\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- P\u00f3s-Doc -->\r\n    <div class=\"equipe-section-title\">Pesquisadores P\u00f3s-Doutorado<\/div>\r\n    <div class=\"team-grid team-grid-3\" style=\"grid-template-columns:1fr 1fr;\">\r\n      <div class=\"team-card\">\r\n        <div class=\"team-photo\"><img decoding=\"async\" src=\"https:\/\/www.ufrgs.br\/lde\/wp-content\/uploads\/2026\/04\/4-removebg-preview.png\" alt=\"Dr. Diego Mari\u00f1os Rosado\"><\/div>\r\n        <div class=\"team-name\">Dr. Diego Mari\u00f1os Rosado<\/div>\r\n        <div class=\"team-role\">P\u00f3s-Doutorado<\/div>\r\n        <div class=\"team-project\">Caracteriza\u00e7\u00e3o da Acelera\u00e7\u00e3o e Supress\u00e3o de Chamas Pr\u00e9-misturadas de Combust\u00edveis Enriquecidos com Hidrog\u00eanio<\/div>\r\n        <div class=\"team-links\"><a href=\"http:\/\/lattes.cnpq.br\/0668312219935805\" target=\"_blank\" class=\"team-link\">Lattes<\/a><a href=\"https:\/\/orcid.org\/0000-0002-9623-1502\" target=\"_blank\" class=\"team-link\">ORCID<\/a><\/div>\r\n      <\/div>\r\n      <div class=\"team-card\">\r\n        <div class=\"team-photo\"><img decoding=\"async\" src=\"https:\/\/www.ufrgs.br\/lde\/wp-content\/uploads\/2026\/04\/5-removebg-preview.png\" alt=\"Dr. Manuel Kiony Nzinga\"><\/div>\r\n        <div class=\"team-name\">Dr. Manuel Kiony Nzinga<\/div>\r\n        <div class=\"team-role\">P\u00f3s-Doutorado<\/div>\r\n        <div class=\"team-project\">Desenvolvimento de Supressores de Chama para Combust\u00edveis Enriquecidos com Hidrog\u00eanio<\/div>\r\n        <div class=\"team-links\"><a href=\"http:\/\/lattes.cnpq.br\/0433917425651271\" target=\"_blank\" class=\"team-link\">Lattes<\/a><a href=\"https:\/\/orcid.org\/0000-0002-8666-8241\" target=\"_blank\" class=\"team-link\">ORCID<\/a><\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Doutorado -->\r\n    <div class=\"equipe-section-title\">Estudantes de Doutorado<\/div>\r\n    <div class=\"team-grid team-grid-6\" style=\"grid-template-columns:repeat(6,1fr);\">\r\n      <div class=\"team-card\">\r\n        <div class=\"team-photo small\"><img decoding=\"async\" src=\"https:\/\/www.ufrgs.br\/lde\/wp-content\/uploads\/2026\/04\/6-removebg-preview.png\" alt=\"MSc. Carlos H. Lauermann\"><\/div>\r\n        <div class=\"team-name\">MSc. Carlos H. Lauermann<\/div>\r\n        <div class=\"team-role\">Doutorando<\/div>\r\n        <div class=\"team-project\">Estudo da Influ\u00eancia de Inje\u00e7\u00e3o de Combust\u00edvel nos Processos de Transi\u00e7\u00e3o de Deflagra\u00e7\u00e3o para Detona\u00e7\u00e3o em Motores de Detona\u00e7\u00e3o Rotativa<\/div>\r\n        <div class=\"team-links\"><a href=\"http:\/\/lattes.cnpq.br\/2241893698346739\" target=\"_blank\" class=\"team-link\">Lattes<\/a><a href=\"https:\/\/orcid.org\/0009-0007-2222-1209\" target=\"_blank\" class=\"team-link\">ORCID<\/a><\/div>\r\n      <\/div>\r\n      <div class=\"team-card\">\r\n        <div class=\"team-photo small\"><img decoding=\"async\" src=\"https:\/\/www.ufrgs.br\/lde\/wp-content\/uploads\/2026\/04\/7-removebg-preview.png\" alt=\"MSc. Douglas Gomes\"><\/div>\r\n        <div class=\"team-name\">MSc. Douglas Gomes<\/div>\r\n        <div class=\"team-role\">Doutorando<\/div>\r\n        <div class=\"team-project\">Simula\u00e7\u00e3o Num\u00e9rica e Desenvolvimento de Modelos Matem\u00e1ticos para Dispositivos Supressores de Chamas Validados com Dados Experimentais<\/div>\r\n        <div class=\"team-links\"><a href=\"http:\/\/lattes.cnpq.br\/5764592540015133\" target=\"_blank\" class=\"team-link\">Lattes<\/a><a href=\"https:\/\/orcid.org\/0000-0002-1908-238X\" target=\"_blank\" class=\"team-link\">ORCID<\/a><\/div>\r\n      <\/div>\r\n      <div class=\"team-card\">\r\n        <div class=\"team-photo small\"><img decoding=\"async\" src=\"https:\/\/www.ufrgs.br\/lde\/wp-content\/uploads\/2026\/04\/8-removebg-preview.png\" alt=\"MSc. Lucas J. U. de Azevedo\"><\/div>\r\n        <div class=\"team-name\">MSc. Lucas J. U. de Azevedo<\/div>\r\n        <div class=\"team-role\">Doutorando<\/div>\r\n        <div class=\"team-project\">Caracteriza\u00e7\u00e3o da transi\u00e7\u00e3o de deflagra\u00e7\u00e3o para detona\u00e7\u00e3o e dos limites de detonabilidade de combust\u00edveis enriquecidos com hidrog\u00eanio<\/div>\r\n        <div class=\"team-links\"><a href=\"http:\/\/lattes.cnpq.br\/6535965672532798\" target=\"_blank\" class=\"team-link\">Lattes<\/a><a href=\"https:\/\/orcid.org\/0000-0002-7114-789X\" target=\"_blank\" class=\"team-link\">ORCID<\/a><\/div>\r\n      <\/div>\r\n      <div class=\"team-card\">\r\n        <div class=\"team-photo small\"><img decoding=\"async\" src=\"https:\/\/www.ufrgs.br\/lde\/wp-content\/uploads\/2026\/04\/9-removebg-preview.png\" alt=\"MSc. Robson E. A. Schneider\"><\/div>\r\n        <div class=\"team-name\">MSc. Robson E. A. Schneider<\/div>\r\n        <div class=\"team-role\">Doutorando<\/div>\r\n        <div class=\"team-project\">Estudo da supress\u00e3o de chamas e limites de detonabilidade de combust\u00edveis enriquecidos com hidrog\u00eanio<\/div>\r\n        <div class=\"team-links\"><a href=\"http:\/\/lattes.cnpq.br\/7481159631826210\" target=\"_blank\" class=\"team-link\">Lattes<\/a><a href=\"https:\/\/orcid.org\/0009-0000-4563-9260\" target=\"_blank\" class=\"team-link\">ORCID<\/a><\/div>\r\n      <\/div>\r\n      <div class=\"team-card\">\r\n        <div class=\"team-photo small\"><img decoding=\"async\" src=\"https:\/\/www.ufrgs.br\/lde\/wp-content\/uploads\/2026\/04\/10-removebg-preview.png\" alt=\"MSc. Rodrigo Savi Justi\"><\/div>\r\n        <div class=\"team-name\">MSc. Rodrigo Savi Justi<\/div>\r\n        <div class=\"team-role\">Doutorando<\/div>\r\n        <div class=\"team-project\">Estudo da Intera\u00e7\u00e3o entre Ondas de Choque, Rea\u00e7\u00e3o Qu\u00edmica e Turbul\u00eancia em Motores de Detona\u00e7\u00e3o Rotativa<\/div>\r\n        <div class=\"team-links\"><a href=\"http:\/\/lattes.cnpq.br\/6691029738116812\" target=\"_blank\" class=\"team-link\">Lattes<\/a><\/div>\r\n      <\/div>\r\n      <div class=\"team-card\">\r\n        <div class=\"team-photo small\"><img decoding=\"async\" src=\"https:\/\/www.ufrgs.br\/lde\/wp-content\/uploads\/2026\/04\/13-removebg-preview.png\" alt=\"MSc. Raphael de Freitas Esp\u00edndola\"><\/div>\r\n        <div class=\"team-name\">MSc. Raphael de Freitas Esp\u00edndola<\/div>\r\n        <div class=\"team-role\">Doutorando<\/div>\r\n        <div class=\"team-project\">Modelagem Unificada da Pir\u00f3lise, Gaseifica\u00e7\u00e3o e Combust\u00e3o de Nitrocelulose e sua Din\u00e2mica de Queima em Dutos<\/div>\r\n        <div class=\"team-links\"><a href=\"http:\/\/lattes.cnpq.br\/5959985111692394\" target=\"_blank\" class=\"team-link\">Lattes<\/a><a href=\"https:\/\/orcid.org\/0009-0001-2981-3713\" target=\"_blank\" class=\"team-link\">ORCID<\/a><\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Mestrado -->\r\n    <div class=\"equipe-section-title\">Estudantes de Mestrado<\/div>\r\n    <div class=\"team-grid team-grid-6\" style=\"grid-template-columns:repeat(6,1fr);\">\r\n      <div class=\"team-card\">\r\n        <div class=\"team-photo small\"><img decoding=\"async\" src=\"https:\/\/www.ufrgs.br\/lde\/wp-content\/uploads\/2026\/04\/11-removebg-preview.png\" alt=\"Eng. Bruno Fern\u00e1ndez Prada\"><\/div>\r\n        <div class=\"team-name\">Eng. Bruno Fern\u00e1ndez Prada<\/div>\r\n        <div class=\"team-role\">Mestrando<\/div>\r\n        <div class=\"team-project\">Estudo da Transi\u00e7\u00e3o de Deflagra\u00e7\u00e3o para Detona\u00e7\u00e3o de Combust\u00edveis Enriquecidos com Hidrog\u00eanio<\/div>\r\n        <div class=\"team-links\"><a href=\"http:\/\/lattes.cnpq.br\/1695697706159317\" target=\"_blank\" class=\"team-link\">Lattes<\/a><\/div>\r\n      <\/div>\r\n      <div class=\"team-card\">\r\n        <div class=\"team-photo small\"><img decoding=\"async\" src=\"https:\/\/www.ufrgs.br\/lde\/wp-content\/uploads\/2025\/08\/Luiz-Araujo.jpeg\" alt=\"Eng. Luis Quispe Malpartida\"><\/div>\r\n        <div class=\"team-name\">Eng. Luis Quispe Malpartida<\/div>\r\n        <div class=\"team-role\">Mestrando<\/div>\r\n        <div class=\"team-project\">Estudo Experimental da Acelera\u00e7\u00e3o de Chamas de Combust\u00edveis Enriquecidos com Hidrog\u00eanio em um Duto Livre de Obst\u00e1culos<\/div>\r\n      <\/div>\r\n      <div class=\"team-card\">\r\n        <div class=\"team-photo small\"><img decoding=\"async\" src=\"https:\/\/www.ufrgs.br\/lde\/wp-content\/uploads\/2025\/08\/Luiz-Araujo.jpeg\" alt=\"Eng. Luiz Henrique de Araujo\"><\/div>\r\n        <div class=\"team-name\">Eng. Luiz Henrique de Araujo<\/div>\r\n        <div class=\"team-role\">Mestrando<\/div>\r\n        <div class=\"team-project\">Simula\u00e7\u00e3o Num\u00e9rica CFD de um Supressor de Chamas de placas planas em Regime de Deflagra\u00e7\u00e3o<\/div>\r\n        <div class=\"team-links\"><a href=\"http:\/\/lattes.cnpq.br\/4016068152916319\" target=\"_blank\" class=\"team-link\">Lattes<\/a><a href=\"https:\/\/orcid.org\/0009-0003-1933-0886\" target=\"_blank\" class=\"team-link\">ORCID<\/a><\/div>\r\n      <\/div>\r\n      <div class=\"team-card\">\r\n        <div class=\"team-photo small\"><img decoding=\"async\" src=\"https:\/\/www.ufrgs.br\/lde\/wp-content\/uploads\/2026\/04\/12-removebg-preview.png\" alt=\"Eng. Manuel Mari\u00f1es Delgado\"><\/div>\r\n        <div class=\"team-name\">Eng. Manuel Mari\u00f1es Delgado<\/div>\r\n        <div class=\"team-role\">Mestrando<\/div>\r\n        <div class=\"team-project\">Study of Flame Extinction in Flame Arrester Elements of Orifice Plate Type<\/div>\r\n        <div class=\"team-links\"><a href=\"http:\/\/lattes.cnpq.br\/4016068152916319\" target=\"_blank\" class=\"team-link\">Lattes<\/a><a href=\"https:\/\/orcid.org\/0009-0003-1933-0886\" target=\"_blank\" class=\"team-link\">ORCID<\/a><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"team-card\">\r\n        <div class=\"team-photo small\"><img decoding=\"async\" src=\"https:\/\/www.ufrgs.br\/lde\/wp-content\/uploads\/2026\/04\/14-removebg-preview.png\" alt=\"Eng. Thomas Willians Leite\"><\/div>\r\n        <div class=\"team-name\">Eng. Thomas Willians Leite<\/div>\r\n        <div class=\"team-role\">Mestrando<\/div>\r\n        <div class=\"team-project\">Shock Wave Interaction With Crossflow Inlet Jets of Reactants and its Impact on Mixing and Flow Field Characteristics<\/div>\r\n        <div class=\"team-links\"><a href=\"http:\/\/lattes.cnpq.br\/6099081820758193\" target=\"_blank\" class=\"team-link\">Lattes<\/a><\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- IC -->\r\n    <div class=\"equipe-section-title\">Inicia\u00e7\u00e3o Cient\u00edfica<\/div>\r\n    <div class=\"team-grid team-grid-3\">\r\n      <div class=\"team-card\">\r\n        <div class=\"team-photo small\"><img decoding=\"async\" src=\"https:\/\/www.ufrgs.br\/lde\/wp-content\/uploads\/2026\/04\/15-removebg-preview.png\" alt=\"Gabriel Bastos de Souza\"><\/div>\r\n        <div class=\"team-name\">Gabriel Bastos de Souza<\/div>\r\n        <div class=\"team-role\">Inicia\u00e7\u00e3o Cient\u00edfica<\/div>\r\n        <div class=\"team-links\"><a href=\"http:\/\/lattes.cnpq.br\/8390148008941102\" target=\"_blank\" class=\"team-link\">Lattes<\/a><\/div>\r\n      <\/div>\r\n      <div class=\"team-card\">\r\n        <div class=\"team-photo small\"><img decoding=\"async\" src=\"https:\/\/www.ufrgs.br\/lde\/wp-content\/uploads\/2026\/04\/16-removebg-preview.png\" alt=\"Maria Julia Alves Scarpellini Campos\"><\/div>\r\n        <div class=\"team-name\">Maria Julia Alves Scarpellini Campos<\/div>\r\n        <div class=\"team-role\">Inicia\u00e7\u00e3o Cient\u00edfica<\/div>\r\n        <div class=\"team-links\"><a href=\"http:\/\/lattes.cnpq.br\/5765130147422269\" target=\"_blank\" class=\"team-link\">Lattes<\/a><\/div>\r\n      <\/div>\r\n      <div class=\"team-card\">\r\n        <div class=\"team-photo small\"><img decoding=\"async\" src=\"https:\/\/www.ufrgs.br\/lde\/wp-content\/uploads\/2026\/04\/17-removebg-preview.png\" alt=\"Martin Seibel Jerke\"><\/div>\r\n        <div class=\"team-name\">Martin Seibel Jerke<\/div>\r\n        <div class=\"team-role\">Inicia\u00e7\u00e3o Cient\u00edfica<\/div>\r\n        <div class=\"team-links\"><a href=\"http:\/\/lattes.cnpq.br\/1506134766223345\" target=\"_blank\" class=\"team-link\">Lattes<\/a><\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- CONTATO -->\r\n<section id=\"contato\">\r\n  <div class=\"section-inner\">\r\n    <div class=\"divider\"><\/div>\r\n    <span class=\"section-tag\">Fale Conosco<\/span>\r\n    <h2 class=\"section-title\">Contato<\/h2>\r\n    <p class=\"section-desc\">O LDE \u00e9 parte do Departamento de Engenharia Mec\u00e2nica da UFRGS. Entre em contato conosco.<\/p>\r\n    <div class=\"contato-grid\">\r\n      <div class=\"contato-info\">\r\n        <div class=\"contato-item\">\r\n          <div class=\"contato-item-icon\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--blue)\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg><\/div>\r\n          <div class=\"contato-item-text\">\r\n            <h4>Endere\u00e7o<\/h4>\r\n            <p>Rua Sarmento Leite, 425 \u2014 Sala 101<br>Pr\u00e9dio de Engenharia Mec\u00e2nica<br>Porto Alegre, RS \u00b7 CEP 90050-170<\/p>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"contato-item\">\r\n          <div class=\"contato-item-icon\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--blue)\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 13a19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 3.6 2.18h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L7.91 9.91a16 16 0 0 0 6.12 6.12l1.79-1.79a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7a2 2 0 0 1 1.72 2.03z\"\/><\/svg><\/div>\r\n          <div class=\"contato-item-text\">\r\n            <h4>Telefone<\/h4>\r\n            <a href=\"tel:+555133083366\">(51) 3308-3366<\/a>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"contato-item\">\r\n          <div class=\"contato-item-icon\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--blue)\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\"\/><polyline points=\"2,7 12,13 22,7\"\/><\/svg><\/div>\r\n          <div class=\"contato-item-text\">\r\n            <h4>E-mail<\/h4>\r\n            <a href=\"mailto:andresmendiburu@ufrgs.br\">andresmendiburu@ufrgs.br<\/a>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"contato-item\">\r\n          <div class=\"contato-item-icon\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--blue)\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"\/><path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"\/><\/svg><\/div>\r\n          <div class=\"contato-item-text\">\r\n            <h4>Site Institucional<\/h4>\r\n            <a href=\"https:\/\/www.ufrgs.br\/lde\" target=\"_blank\">www.ufrgs.br\/lde<\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"contato-map\">\r\n        <iframe\r\n          src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3453.7!2d-51.2175!3d-30.0368!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x951977b7c8be3f%3A0xc15bbe6f40c1f33a!2sRua%20Sarmento%20Leite%2C%20425%2C%20Porto%20Alegre%20-%20RS!5e0!3m2!1spt-BR!2sbr!4v1700000000000\"\r\n          allowfullscreen=\"\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\">\r\n        <\/iframe>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- FOOTER -->\r\n<footer>\r\n  <div class=\"footer-inner\">\r\n    <div class=\"footer-logo\">\r\n      <img decoding=\"async\" src=\"https:\/\/www.ufrgs.br\/lde\/wp-content\/uploads\/2026\/04\/LDE-Colorido-Extenso-Horizontal.png\" alt=\"LDE Logo\" style=\"height:64px;width:auto;object-fit:contain;background:#fff;border-radius:10px;padding:6px 16px;\">\r\n      <span style=\"font-family:var(--font-t);font-size:12px;font-weight:600;color:var(--gray-400);letter-spacing:0.5px;text-transform:uppercase;\">DEMEC \u00b7 UFRGS \u00b7 Porto Alegre, RS<\/span>\r\n    <\/div>\r\n    <div class=\"footer-badges\">\r\n      <img decoding=\"async\" src=\"https:\/\/www.ufrgs.br\/lde\/wp-content\/uploads\/2025\/08\/Fomento2.png\" alt=\"Ag\u00eancias de Fomento \u2014 CNPq, FAPERGS, CAPES\" style=\"height:110px;width:110px;object-fit:contain;border-radius:14px;background:#fff;padding:6px;\">\r\n    <\/div>\r\n    <div class=\"footer-copy\">\u00a9 2026 LDE \u00b7 Departamento de Engenharia Mec\u00e2nica \u00b7 UFRGS<\/div>\r\n  <\/div>\r\n<\/footer>\r\n\r\n<script>\r\nvar VALID_PASSWORDS = [\"LDE2025\", \"lde2025\"];\r\n\r\nfunction toggleMenu() {\r\n  document.getElementById(\"navLinks\").classList.toggle(\"open\");\r\n}\r\n\r\ndocument.querySelectorAll(\".nav-links a\").forEach(function(a) {\r\n  a.addEventListener(\"click\", function() {\r\n    document.getElementById(\"navLinks\").classList.remove(\"open\");\r\n  });\r\n});\r\n\r\nvar sections = document.querySelectorAll(\"section[id]\");\r\nvar navLinksAll = document.querySelectorAll(\".nav-links a\");\r\nwindow.addEventListener(\"scroll\", function() {\r\n  var cur = \"\";\r\n  sections.forEach(function(s) {\r\n    if (window.scrollY >= s.offsetTop - 120) cur = s.id;\r\n  });\r\n  navLinksAll.forEach(function(a) {\r\n    a.classList.toggle(\"active\", a.getAttribute(\"href\") === \"#\" + cur);\r\n  });\r\n}, { passive: true });\r\n\r\nfunction switchTab(id, btn) {\r\n  document.querySelectorAll(\".pub-tab-panel\").forEach(function(p) {\r\n    p.classList.remove(\"active\");\r\n  });\r\n  document.querySelectorAll(\".pub-tab-btn\").forEach(function(b) {\r\n    b.classList.remove(\"active\");\r\n  });\r\n  document.getElementById(\"tab-\" + id).classList.add(\"active\");\r\n  btn.classList.add(\"active\");\r\n}\r\n\r\nvar currentDataLink = \"\";\r\n\r\nfunction openModal(btn) {\r\n  var title = btn.dataset.title;\r\n  currentDataLink = btn.dataset.link;\r\n  document.getElementById(\"modalPubTitle\").textContent = title;\r\n  document.getElementById(\"passwordInput\").value = \"\";\r\n  document.getElementById(\"passwordInput\").style.borderColor = \"\";\r\n  document.getElementById(\"passwordInput\").style.background = \"\";\r\n  document.getElementById(\"modalError\").style.display = \"none\";\r\n  var subject = encodeURIComponent(\"Solicitacao de dados de pesquisa\");\r\n  var body = encodeURIComponent(\r\n    \"Prezado Prof. Andres,\\n\\n\" +\r\n    \"Solicito acesso aos dados da publicacao:\\n\" +\r\n    title + \"\\n\\n\" +\r\n    \"Finalidade do uso:\\n[Descreva aqui a finalidade]\\n\\n\" +\r\n    \"Atenciosamente,\"\r\n  );\r\n  document.getElementById(\"modalEmailBtn\").href =\r\n    \"mailto:andresmendiburu@ufrgs.br?subject=\" + subject + \"&body=\" + body;\r\n  document.getElementById(\"passwordModal\").classList.add(\"open\");\r\n  setTimeout(function() { document.getElementById(\"passwordInput\").focus(); }, 200);\r\n}\r\n\r\nfunction closeModal() {\r\n  document.getElementById(\"passwordModal\").classList.remove(\"open\");\r\n}\r\n\r\nfunction closeModalOnOverlay(e) {\r\n  if (e.target === document.getElementById(\"passwordModal\")) closeModal();\r\n}\r\n\r\nfunction togglePass() {\r\n  var inp = document.getElementById(\"passwordInput\");\r\n  var ico = document.getElementById(\"eyeIcon\");\r\n  if (inp.type === \"password\") { inp.type = \"text\"; ico.innerHTML = '<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94\"\/><path d=\"M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19\"\/><line x1=\"1\" y1=\"1\" x2=\"23\" y2=\"23\"\/><\/svg>'; }\r\n  else { inp.type = \"password\"; ico.innerHTML = '<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><\/svg>'; }\r\n}\r\n\r\nfunction checkPassword() {\r\n  var val = document.getElementById(\"passwordInput\").value.trim();\r\n  var inp = document.getElementById(\"passwordInput\");\r\n  var err = document.getElementById(\"modalError\");\r\n  if (VALID_PASSWORDS.indexOf(val) !== -1) {\r\n    inp.style.borderColor = \"#22c55e\";\r\n    err.style.display = \"none\";\r\n    setTimeout(function() {\r\n      window.open(currentDataLink, \"_blank\", \"noopener,noreferrer\");\r\n      closeModal();\r\n    }, 300);\r\n  } else {\r\n    inp.style.borderColor = \"#ef4444\";\r\n    inp.style.background = \"#fef2f2\";\r\n    err.style.display = \"block\";\r\n    inp.value = \"\";\r\n    setTimeout(function() {\r\n      inp.style.borderColor = \"\";\r\n      inp.style.background = \"\";\r\n    }, 1500);\r\n    inp.focus();\r\n  }\r\n}\r\n<\/script>\r\n\r\n<!-- MODAL -->\r\n<div class=\"modal-overlay\" id=\"passwordModal\" onclick=\"closeModalOnOverlay(event)\">\r\n  <div class=\"modal-box\" style=\"max-width:460px;\">\r\n    <button class=\"modal-close\" onclick=\"closeModal()\">\u2715<\/button>\r\n    <div class=\"modal-lock-icon\"><svg width=\"30\" height=\"30\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--blue)\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\"\/><polyline points=\"2,7 12,13 22,7\"\/><\/svg><\/div>\r\n    <h3 class=\"modal-title\">Solicitar Acesso<\/h3>\r\n    <div class=\"modal-pub-title\" id=\"modalPubTitle\"><\/div>\r\n    <p class=\"modal-subtitle\" style=\"text-align:left;line-height:1.75;margin-bottom:20px;\">\r\n      O acesso aos dados desta publica\u00e7\u00e3o \u00e9 disponibilizado mediante solicita\u00e7\u00e3o.<br><br>\r\n      Envie um e-mail para <strong style=\"color:var(--blue);\">andresmendiburu@ufrgs.br<\/strong> com o assunto\r\n      <strong>\"Solicita\u00e7\u00e3o de dados de pesquisa\"<\/strong> explicando a finalidade do uso dos dados.\r\n      Caso a solicita\u00e7\u00e3o seja aprovada, uma senha ser\u00e1 enviada para acesso aos dados.\r\n    <\/p>\r\n    <a id=\"modalEmailBtn\" href=\"#\" class=\"btn-modal-submit\" style=\"display:block;text-align:center;text-decoration:none;margin-bottom:24px;\">\r\n      Enviar E-mail de Solicita\u00e7\u00e3o \u2192\r\n    <\/a>\r\n\r\n    <div class=\"modal-divider\"><\/div>\r\n\r\n    <p style=\"font-family:var(--font-t);font-size:12px;font-weight:700;letter-spacing:0.5px;color:var(--gray-600);text-transform:uppercase;margin-bottom:8px;\">J\u00e1 possui a senha?<\/p>\r\n    <div class=\"modal-input-wrap\" style=\"margin-bottom:10px;\">\r\n      <input type=\"password\" class=\"modal-input\" id=\"passwordInput\" placeholder=\"Digite a senha recebida...\" autocomplete=\"off\" onkeydown=\"if(event.key==='Enter')checkPassword()\">\r\n      <button class=\"toggle-pass\" onclick=\"togglePass()\"><span id=\"eyeIcon\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><\/svg><\/span><\/button>\r\n    <\/div>\r\n    <div class=\"modal-error-msg\" id=\"modalError\">Senha incorreta. Tente novamente.<\/div>\r\n    <button onclick=\"checkPassword()\" class=\"btn-modal-submit\" style=\"width:100%;border:none;cursor:pointer;background:var(--blue-dark);\">\r\n      Acessar Dados \u2192\r\n    <\/button>\r\n  <\/div>\r\n<\/div>\r\n\r\n<\/body>\r\n<\/html>\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>LDE \u2013 Laborat\u00f3rio de Detona\u00e7\u00f5es e Explos\u00f5es | UFRGS DEMEC \u00b7 UFRGS \u00b7 Porto Alegre Motiva\u00e7\u00e3o Pesquisa Projetos Publica\u00e7\u00f5es Equipe Contato UFRGS \u00b7 DEMEC \u00b7 Porto Alegre, RS Laborat\u00f3rio de Detona\u00e7\u00f5es e Explos\u00f5es Pesquisa experimental e computacional em fen\u00f4menos de combust\u00e3o supers\u00f4nica e subs\u00f4nica, com \u00eanfase em hidrog\u00eanio, transi\u00e7\u00e3o energ\u00e9tica e seguran\u00e7a industrial. Linhas de [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"saved_in_kubio":false,"footnotes":""},"class_list":["post-338","page","type-page","status-publish","hentry"],"kubio_ai_page_context":{"short_desc":"","purpose":"general"},"_links":{"self":[{"href":"https:\/\/www.ufrgs.br\/lde\/wp-json\/wp\/v2\/pages\/338","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ufrgs.br\/lde\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.ufrgs.br\/lde\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.ufrgs.br\/lde\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ufrgs.br\/lde\/wp-json\/wp\/v2\/comments?post=338"}],"version-history":[{"count":7,"href":"https:\/\/www.ufrgs.br\/lde\/wp-json\/wp\/v2\/pages\/338\/revisions"}],"predecessor-version":[{"id":345,"href":"https:\/\/www.ufrgs.br\/lde\/wp-json\/wp\/v2\/pages\/338\/revisions\/345"}],"wp:attachment":[{"href":"https:\/\/www.ufrgs.br\/lde\/wp-json\/wp\/v2\/media?parent=338"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}