AppComUFCG \u2013 Conecta Campus<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@300;400;600;700;800&family=DM+Sans:ital,wght@0,300;0,400;0,500;1,300&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n :root {\r\n --azul-deep: #0a1f44;\r\n --azul-mid: #1a3a6e;\r\n --azul-bright: #2563eb;\r\n --azul-sky: #38bdf8;\r\n --azul-glow: #60a5fa;\r\n --accent: #06b6d4;\r\n --accent-warm: #f0a500;\r\n --white: #f0f6ff;\r\n --glass: rgba(255,255,255,0.07);\r\n --glass-border: rgba(255,255,255,0.12);\r\n }\r\n\r\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n body {\r\n font-family: 'DM Sans', sans-serif;\r\n background: var(--azul-deep);\r\n color: var(--white);\r\n min-height: 100vh;\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* \u2500\u2500 BACKGROUND MESH \u2500\u2500 *\/\r\n body::before {\r\n content: '';\r\n position: fixed;\r\n inset: 0;\r\n background:\r\n radial-gradient(ellipse 80% 60% at 10% 0%, rgba(37,99,235,.35) 0%, transparent 60%),\r\n radial-gradient(ellipse 60% 50% at 90% 100%, rgba(6,182,212,.25) 0%, transparent 55%),\r\n radial-gradient(ellipse 40% 40% at 50% 50%, rgba(96,165,250,.08) 0%, transparent 70%);\r\n pointer-events: none;\r\n z-index: 0;\r\n }\r\n\r\n \/* \u2500\u2500 NOISE OVERLAY \u2500\u2500 *\/\r\n body::after {\r\n content: '';\r\n position: fixed;\r\n inset: 0;\r\n background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'\/%3E%3C\/svg%3E\");\r\n pointer-events: none;\r\n z-index: 0;\r\n opacity: .5;\r\n }\r\n\r\n .container {\r\n position: relative;\r\n z-index: 1;\r\n max-width: 420px;\r\n margin: 0 auto;\r\n min-height: 100vh;\r\n padding: 0 0 48px;\r\n }\r\n\r\n \/* \u2500\u2500 HEADER \u2500\u2500 *\/\r\n header {\r\n padding: 28px 24px 20px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n }\r\n\r\n .logo-wrap {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n }\r\n\r\n .logo-icon {\r\n width: 52px; height: 52px;\r\n background: linear-gradient(135deg, var(--azul-bright), var(--accent));\r\n border-radius: 16px;\r\n display: flex; align-items: center; justify-content: center;\r\n box-shadow: 0 0 24px rgba(37,99,235,.6), 0 0 60px rgba(6,182,212,.2);\r\n position: relative;\r\n overflow: hidden;\r\n flex-shrink: 0;\r\n }\r\n\r\n .logo-icon::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(135deg, rgba(255,255,255,.2) 0%, transparent 60%);\r\n }\r\n\r\n .logo-icon svg { width: 30px; height: 30px; }\r\n\r\n .logo-text { line-height: 1.1; }\r\n .logo-text .app-name {\r\n font-family: 'Sora', sans-serif;\r\n font-weight: 800;\r\n font-size: 18px;\r\n letter-spacing: -.3px;\r\n background: linear-gradient(90deg, #fff 30%, var(--azul-sky));\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n }\r\n .logo-text .app-sub {\r\n font-size: 10px;\r\n font-weight: 300;\r\n color: rgba(255,255,255,.5);\r\n letter-spacing: 1.5px;\r\n text-transform: uppercase;\r\n }\r\n\r\n .menu-btn {\r\n width: 40px; height: 40px;\r\n background: var(--glass);\r\n border: 1px solid var(--glass-border);\r\n border-radius: 12px;\r\n cursor: pointer;\r\n display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px;\r\n backdrop-filter: blur(10px);\r\n transition: background .2s;\r\n }\r\n .menu-btn:hover { background: rgba(255,255,255,.12); }\r\n .menu-btn span {\r\n display: block;\r\n height: 2px; border-radius: 2px;\r\n background: var(--white);\r\n transition: width .2s;\r\n }\r\n .menu-btn span:nth-child(1) { width: 18px; }\r\n .menu-btn span:nth-child(2) { width: 14px; }\r\n .menu-btn span:nth-child(3) { width: 10px; }\r\n\r\n \/* \u2500\u2500 GREETING STRIP \u2500\u2500 *\/\r\n .greeting {\r\n padding: 0 24px 24px;\r\n }\r\n .greeting .eyebrow {\r\n font-size: 11px;\r\n letter-spacing: 2px;\r\n text-transform: uppercase;\r\n color: var(--accent);\r\n font-weight: 500;\r\n margin-bottom: 4px;\r\n }\r\n .greeting h1 {\r\n font-family: 'Sora', sans-serif;\r\n font-size: 26px;\r\n font-weight: 700;\r\n line-height: 1.2;\r\n color: #fff;\r\n }\r\n .greeting h1 span {\r\n background: linear-gradient(90deg, var(--azul-sky), var(--accent));\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n }\r\n\r\n \/* \u2500\u2500 PILL TABS \u2500\u2500 *\/\r\n .tabs {\r\n display: flex;\r\n gap: 8px;\r\n padding: 0 24px 28px;\r\n overflow-x: auto;\r\n scrollbar-width: none;\r\n }\r\n .tabs::-webkit-scrollbar { display: none; }\r\n .tab {\r\n flex-shrink: 0;\r\n padding: 7px 16px;\r\n border-radius: 999px;\r\n font-size: 12px;\r\n font-weight: 500;\r\n letter-spacing: .3px;\r\n cursor: pointer;\r\n border: 1px solid var(--glass-border);\r\n background: var(--glass);\r\n color: rgba(255,255,255,.6);\r\n backdrop-filter: blur(10px);\r\n transition: all .2s;\r\n }\r\n .tab.active {\r\n background: var(--azul-bright);\r\n border-color: var(--azul-bright);\r\n color: #fff;\r\n box-shadow: 0 0 20px rgba(37,99,235,.5);\r\n }\r\n\r\n \/* \u2500\u2500 SECTION LABEL \u2500\u2500 *\/\r\n .section-label {\r\n padding: 0 24px 14px;\r\n font-family: 'Sora', sans-serif;\r\n font-size: 13px;\r\n font-weight: 600;\r\n letter-spacing: 1px;\r\n text-transform: uppercase;\r\n color: rgba(255,255,255,.35);\r\n }\r\n\r\n \/* \u2500\u2500 MAIN GRID \u2500\u2500 *\/\r\n .main-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 14px;\r\n padding: 0 20px 28px;\r\n }\r\n\r\n .card {\r\n position: relative;\r\n border-radius: 22px;\r\n padding: 22px 18px 18px;\r\n cursor: pointer;\r\n overflow: hidden;\r\n border: 1px solid var(--glass-border);\r\n backdrop-filter: blur(12px);\r\n transition: transform .25s cubic-bezier(.34,1.56,.64,1), box-shadow .25s;\r\n animation: fadeUp .5s ease both;\r\n }\r\n\r\n .card:hover {\r\n transform: translateY(-5px) scale(1.02);\r\n box-shadow: 0 20px 50px rgba(0,0,0,.4);\r\n }\r\n\r\n .card::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n border-radius: 22px;\r\n opacity: .9;\r\n transition: opacity .3s;\r\n }\r\n\r\n \/* card themes *\/\r\n .card-ascom::before { background: linear-gradient(145deg, #1e40af 0%, #1e3a8a 100%); }\r\n .card-redes::before { background: linear-gradient(145deg, #0e7490 0%, #164e63 100%); }\r\n .card-conecta::before { background: linear-gradient(145deg, #1d4ed8 0%, #1e40af 100%); }\r\n .card-mapas::before { background: linear-gradient(145deg, #0369a1 0%, #075985 100%); }\r\n .card-noticias {\r\n grid-column: span 2;\r\n }\r\n .card-noticias::before { background: linear-gradient(135deg, #1a3a6e 0%, #0f2d5e 100%); }\r\n\r\n \/* glow ring behind each card *\/\r\n .card-ascom { box-shadow: 0 8px 32px rgba(30, 64,175,.4); }\r\n .card-redes { box-shadow: 0 8px 32px rgba(14,116,144,.4); }\r\n .card-conecta { box-shadow: 0 8px 32px rgba(29, 78,216,.4); }\r\n .card-mapas { box-shadow: 0 8px 32px rgba(3,105,161,.4); }\r\n .card-noticias { box-shadow: 0 8px 32px rgba(15, 50,100,.5); }\r\n\r\n .card > * { position: relative; z-index: 1; }\r\n\r\n .card-icon {\r\n width: 42px; height: 42px;\r\n border-radius: 14px;\r\n background: rgba(255,255,255,.12);\r\n display: flex; align-items: center; justify-content: center;\r\n margin-bottom: 14px;\r\n font-size: 20px;\r\n backdrop-filter: blur(4px);\r\n border: 1px solid rgba(255,255,255,.15);\r\n }\r\n\r\n .card-title {\r\n font-family: 'Sora', sans-serif;\r\n font-size: 15px;\r\n font-weight: 700;\r\n color: #fff;\r\n margin-bottom: 4px;\r\n letter-spacing: -.2px;\r\n }\r\n\r\n .card-desc {\r\n font-size: 11px;\r\n color: rgba(255,255,255,.55);\r\n line-height: 1.5;\r\n font-weight: 300;\r\n }\r\n\r\n .card-arrow {\r\n position: absolute;\r\n bottom: 16px; right: 16px;\r\n width: 28px; height: 28px;\r\n border-radius: 50%;\r\n background: rgba(255,255,255,.1);\r\n border: 1px solid rgba(255,255,255,.15);\r\n display: flex; align-items: center; justify-content: center;\r\n font-size: 12px;\r\n color: rgba(255,255,255,.7);\r\n transition: background .2s, transform .2s;\r\n }\r\n .card:hover .card-arrow {\r\n background: rgba(255,255,255,.2);\r\n transform: translate(2px,-2px);\r\n }\r\n\r\n \/* inner corner shine *\/\r\n .card::after {\r\n content: '';\r\n position: absolute;\r\n top: 0; left: 0; right: 0;\r\n height: 1px;\r\n background: linear-gradient(90deg, transparent, rgba(255,255,255,.25), transparent);\r\n border-radius: 22px 22px 0 0;\r\n }\r\n\r\n \/* noticias card layout *\/\r\n .card-noticias .card-inner {\r\n display: flex;\r\n align-items: center;\r\n gap: 16px;\r\n }\r\n .card-noticias .card-icon { margin-bottom: 0; flex-shrink: 0; }\r\n .card-noticias .card-text {}\r\n .card-noticias .card-badge {\r\n display: inline-block;\r\n padding: 2px 8px;\r\n background: var(--accent-warm);\r\n border-radius: 999px;\r\n font-size: 9px;\r\n font-weight: 700;\r\n letter-spacing: 1px;\r\n text-transform: uppercase;\r\n color: #000;\r\n margin-bottom: 4px;\r\n }\r\n\r\n \/* \u2500\u2500 NEWS PREVIEW STRIP \u2500\u2500 *\/\r\n .news-strip {\r\n padding: 0 20px 28px;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 10px;\r\n }\r\n\r\n .news-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 14px;\r\n padding: 14px 16px;\r\n border-radius: 16px;\r\n background: var(--glass);\r\n border: 1px solid var(--glass-border);\r\n backdrop-filter: blur(12px);\r\n cursor: pointer;\r\n transition: background .2s;\r\n animation: fadeUp .5s ease both;\r\n }\r\n .news-item:hover { background: rgba(255,255,255,.1); }\r\n\r\n .news-dot {\r\n width: 8px; height: 8px;\r\n border-radius: 50%;\r\n flex-shrink: 0;\r\n }\r\n .dot-blue { background: var(--azul-sky); box-shadow: 0 0 8px var(--azul-sky); }\r\n .dot-cyan { background: var(--accent); box-shadow: 0 0 8px var(--accent); }\r\n .dot-gold { background: var(--accent-warm); box-shadow: 0 0 8px var(--accent-warm); }\r\n\r\n .news-text {\r\n flex: 1;\r\n }\r\n .news-text .n-title {\r\n font-size: 12px;\r\n font-weight: 500;\r\n color: rgba(255,255,255,.85);\r\n line-height: 1.4;\r\n margin-bottom: 2px;\r\n }\r\n .news-text .n-meta {\r\n font-size: 10px;\r\n color: rgba(255,255,255,.35);\r\n }\r\n .news-chevron { color: rgba(255,255,255,.25); font-size: 12px; }\r\n\r\n \/* \u2500\u2500 BOTTOM NAV \u2500\u2500 *\/\r\n .bottom-nav {\r\n position: fixed;\r\n bottom: 0; left: 50%;\r\n transform: translateX(-50%);\r\n width: 100%; max-width: 420px;\r\n background: rgba(10,31,68,.85);\r\n backdrop-filter: blur(24px);\r\n border-top: 1px solid var(--glass-border);\r\n display: flex;\r\n padding: 12px 0 max(12px, env(safe-area-inset-bottom));\r\n z-index: 100;\r\n }\r\n\r\n .nav-item {\r\n flex: 1;\r\n display: flex; flex-direction: column; align-items: center; gap: 4px;\r\n cursor: pointer;\r\n padding: 4px 0;\r\n transition: all .2s;\r\n }\r\n\r\n .nav-icon {\r\n font-size: 20px;\r\n line-height: 1;\r\n transition: transform .2s;\r\n }\r\n .nav-label {\r\n font-size: 10px;\r\n font-weight: 500;\r\n letter-spacing: .3px;\r\n color: rgba(255,255,255,.35);\r\n transition: color .2s;\r\n }\r\n\r\n .nav-item.active .nav-label { color: var(--azul-sky); }\r\n .nav-item.active .nav-icon { transform: scale(1.15); filter: drop-shadow(0 0 6px var(--azul-sky)); }\r\n .nav-item:hover .nav-icon { transform: scale(1.1); }\r\n\r\n \/* \u2500\u2500 STATUS BAR SIMULATION \u2500\u2500 *\/\r\n .status-bar {\r\n height: 12px;\r\n background: transparent;\r\n }\r\n\r\n \/* \u2500\u2500 ANIMATIONS \u2500\u2500 *\/\r\n @keyframes fadeUp {\r\n from { opacity: 0; transform: translateY(20px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n .card:nth-child(1) { animation-delay: .05s; }\r\n .card:nth-child(2) { animation-delay: .10s; }\r\n .card:nth-child(3) { animation-delay: .15s; }\r\n .card:nth-child(4) { animation-delay: .20s; }\r\n .card:nth-child(5) { animation-delay: .25s; }\r\n\r\n .news-item:nth-child(1) { animation-delay: .30s; }\r\n .news-item:nth-child(2) { animation-delay: .35s; }\r\n .news-item:nth-child(3) { animation-delay: .40s; }\r\n\r\n \/* scrollbar padding for bottom nav *\/\r\n .scroll-pad { height: 80px; }\r\n\r\n \/* \u2500\u2500 FLOATING ORBS decorative \u2500\u2500 *\/\r\n .orb {\r\n position: fixed;\r\n border-radius: 50%;\r\n pointer-events: none;\r\n z-index: 0;\r\n filter: blur(60px);\r\n animation: drift 12s ease-in-out infinite alternate;\r\n }\r\n .orb-1 {\r\n width: 300px; height: 300px;\r\n background: rgba(37,99,235,.18);\r\n top: -80px; right: -80px;\r\n }\r\n .orb-2 {\r\n width: 200px; height: 200px;\r\n background: rgba(6,182,212,.12);\r\n bottom: 120px; left: -60px;\r\n animation-delay: -5s;\r\n }\r\n\r\n @keyframes drift {\r\n from { transform: translate(0,0) scale(1); }\r\n to { transform: translate(20px,30px) scale(1.05); }\r\n }\r\n\r\n \/* pulse on active card icon *\/\r\n .card-icon.pulse::after {\r\n content: '';\r\n position: absolute;\r\n inset: -4px;\r\n border-radius: 18px;\r\n border: 2px solid rgba(255,255,255,.15);\r\n animation: ring 2s ease-in-out infinite;\r\n }\r\n @keyframes ring {\r\n 0%,100% { opacity: 1; transform: scale(1); }\r\n 50% { opacity: 0; transform: scale(1.3); }\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"orb orb-1\"><\/div>\r\n<div class=\"orb orb-2\"><\/div>\r\n\r\n<div class=\"container\">\r\n <div class=\"status-bar\"><\/div>\r\n\r\n \r\n <header>\r\n <div class=\"logo-wrap\">\r\n <div class=\"logo-icon\">\r\n <svg viewBox=\"0 0 30 30\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n \r\n <circle cx=\"15\" cy=\"15\" r=\"4\" fill=\"white\"\/>\r\n \r\n <circle cx=\"15\" cy=\"4\" r=\"2.5\" fill=\"rgba(255,255,255,.8)\"\/>\r\n <circle cx=\"15\" cy=\"26\" r=\"2.5\" fill=\"rgba(255,255,255,.8)\"\/>\r\n <circle cx=\"4\" cy=\"15\" r=\"2.5\" fill=\"rgba(255,255,255,.8)\"\/>\r\n <circle cx=\"26\" cy=\"15\" r=\"2.5\" fill=\"rgba(255,255,255,.8)\"\/>\r\n <circle cx=\"6\" cy=\"6\" r=\"2\" fill=\"rgba(255,255,255,.6)\"\/>\r\n <circle cx=\"24\" cy=\"24\" r=\"2\" fill=\"rgba(255,255,255,.6)\"\/>\r\n \r\n <line x1=\"15\" y1=\"11\" x2=\"15\" y2=\"6.5\" stroke=\"rgba(255,255,255,.5)\" stroke-width=\"1.2\"\/>\r\n <line x1=\"15\" y1=\"19\" x2=\"15\" y2=\"23.5\" stroke=\"rgba(255,255,255,.5)\" stroke-width=\"1.2\"\/>\r\n <line x1=\"11\" y1=\"15\" x2=\"6.5\" y2=\"15\" stroke=\"rgba(255,255,255,.5)\" stroke-width=\"1.2\"\/>\r\n <line x1=\"19\" y1=\"15\" x2=\"23.5\" y2=\"15\" stroke=\"rgba(255,255,255,.5)\" stroke-width=\"1.2\"\/>\r\n <line x1=\"12\" y1=\"12\" x2=\"8\" y2=\"8\" stroke=\"rgba(255,255,255,.35)\" stroke-width=\"1\"\/>\r\n <line x1=\"18\" y1=\"18\" x2=\"22\" y2=\"22\" stroke=\"rgba(255,255,255,.35)\" stroke-width=\"1\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"logo-text\">\r\n <div class=\"app-name\">AppComUFCG<\/div>\r\n <div class=\"app-sub\">Conecta Campus<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"menu-btn\" role=\"button\" aria-label=\"Menu\">\r\n <span><\/span><span><\/span><span><\/span>\r\n <\/div>\r\n <\/header>\r\n\r\n \r\n <div class=\"greeting\">\r\n <div class=\"eyebrow\">ASCOM \u00b7 UFCG<\/div>\r\n <h1>Comunica\u00e7\u00e3o<br><span>integrada<\/span> para todos<\/h1>\r\n <\/div>\r\n\r\n \r\n <div class=\"tabs\">\r\n <div class=\"tab active\">In\u00edcio<\/div>\r\n <div class=\"tab\">Not\u00edcias<\/div>\r\n <div class=\"tab\">Eventos<\/div>\r\n <div class=\"tab\">Publica\u00e7\u00f5es<\/div>\r\n <div class=\"tab\">Sobre<\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"section-label\">M\u00f3dulos principais<\/div>\r\n\r\n \r\n <div class=\"main-grid\">\r\n\r\n <div class=\"card card-ascom\" onclick=\"this.style.transform='scale(.96)'; setTimeout(()=>this.style.transform='',150)\">\r\n <div class=\"card-icon\" style=\"position:relative\">\ud83c\udfdb\ufe0f<\/div>\r\n <div class=\"card-title\">ASCOM<\/div>\r\n <div class=\"card-desc\">Assessoria de Comunica\u00e7\u00e3o da UFCG<\/div>\r\n <div class=\"card-arrow\">\u2197<\/div>\r\n <\/div>\r\n\r\n <div class=\"card card-redes\" onclick=\"this.style.transform='scale(.96)'; setTimeout(()=>this.style.transform='',150)\">\r\n <div class=\"card-icon\">\ud83d\udce1<\/div>\r\n <div class=\"card-title\">Redes<\/div>\r\n <div class=\"card-desc\">Canais digitais institucionais<\/div>\r\n <div class=\"card-arrow\">\u2197<\/div>\r\n <\/div>\r\n\r\n <div class=\"card card-conecta\" onclick=\"this.style.transform='scale(.96)'; setTimeout(()=>this.style.transform='',150)\">\r\n <div class=\"card-icon\">\ud83d\udd17<\/div>\r\n <div class=\"card-title\">Conecta<\/div>\r\n <div class=\"card-desc\">Integra\u00e7\u00e3o entre os campi<\/div>\r\n <div class=\"card-arrow\">\u2197<\/div>\r\n <\/div>\r\n\r\n <div class=\"card card-mapas\" onclick=\"this.style.transform='scale(.96)'; setTimeout(()=>this.style.transform='',150)\">\r\n <div class=\"card-icon\">\ud83d\udccd<\/div>\r\n <div class=\"card-title\">Mapas<\/div>\r\n <div class=\"card-desc\">Localiza\u00e7\u00e3o e acesso aos campi<\/div>\r\n <div class=\"card-arrow\">\u2197<\/div>\r\n <\/div>\r\n\r\n <div class=\"card card-noticias\" onclick=\"this.style.transform='scale(.97)'; setTimeout(()=>this.style.transform='',150)\">\r\n <div class=\"card-inner\">\r\n <div class=\"card-icon\">\ud83d\udcf0<\/div>\r\n <div class=\"card-text\">\r\n <div class=\"card-badge\">Novidades<\/div>\r\n <div class=\"card-title\">Not\u00edcias<\/div>\r\n <div class=\"card-desc\">Acompanhe as \u00faltimas publica\u00e7\u00f5es da universidade<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"card-arrow\">\u2197<\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"section-label\">\u00daltimas publica\u00e7\u00f5es<\/div>\r\n\r\n \r\n <div class=\"news-strip\">\r\n\r\n <div class=\"news-item\">\r\n <div class=\"news-dot dot-blue\"><\/div>\r\n <div class=\"news-text\">\r\n <div class=\"n-title\">AppComUFCG avan\u00e7a para fase de prototipagem no WordPress<\/div>\r\n <div class=\"n-meta\">ASCOM \u00b7 2 horas atr\u00e1s<\/div>\r\n <\/div>\r\n <div class=\"news-chevron\">\u203a<\/div>\r\n <\/div>\r\n\r\n <div class=\"news-item\">\r\n <div class=\"news-dot dot-cyan\"><\/div>\r\n <div class=\"news-text\">\r\n <div class=\"n-title\">UFCG divulga calend\u00e1rio acad\u00eamico para o segundo semestre<\/div>\r\n <div class=\"n-meta\">Reitoria \u00b7 1 dia atr\u00e1s<\/div>\r\n <\/div>\r\n <div class=\"news-chevron\">\u203a<\/div>\r\n <\/div>\r\n\r\n <div class=\"news-item\">\r\n <div class=\"news-dot dot-gold\"><\/div>\r\n <div class=\"news-text\">\r\n <div class=\"n-title\">Pesquisadores do CEEI apresentam trabalhos em congresso nacional<\/div>\r\n <div class=\"n-meta\">CEEI \u00b7 3 dias atr\u00e1s<\/div>\r\n <\/div>\r\n <div class=\"news-chevron\">\u203a<\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"scroll-pad\"><\/div>\r\n<\/div>\r\n\r\n\r\n<nav class=\"bottom-nav\">\r\n <div class=\"nav-item active\">\r\n <div class=\"nav-icon\">\ud83c\udfe0<\/div>\r\n <div class=\"nav-label\">In\u00edcio<\/div>\r\n <\/div>\r\n <div class=\"nav-item\">\r\n <div class=\"nav-icon\">\ud83d\udd0d<\/div>\r\n <div class=\"nav-label\">Explorar<\/div>\r\n <\/div>\r\n <div class=\"nav-item\">\r\n <div class=\"nav-icon\">\ud83d\udd14<\/div>\r\n <div class=\"nav-label\">Alertas<\/div>\r\n <\/div>\r\n <div class=\"nav-item\">\r\n <div class=\"nav-icon\">\ud83d\udc64<\/div>\r\n <div class=\"nav-label\">Perfil<\/div>\r\n <\/div>\r\n<\/nav>\r\n\r\n<script>\r\n \/\/ Tab switching\r\n document.querySelectorAll('.tab').forEach(tab => {\r\n tab.addEventListener('click', () => {\r\n document.querySelectorAll('.tab').forEach(t => t.classList.remove('active'));\r\n tab.classList.add('active');\r\n });\r\n });\r\n\r\n \/\/ Bottom nav switching\r\n document.querySelectorAll('.nav-item').forEach(item => {\r\n item.addEventListener('click', () => {\r\n document.querySelectorAll('.nav-item').forEach(n => n.classList.remove('active'));\r\n item.classList.add('active');\r\n });\r\n });\r\n<\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>AppComUFCG \u2013 Conecta Campus AppComUFCG Conecta Campus ASCOM \u00b7 UFCG Comunica\u00e7\u00e3ointegrada para todos In\u00edcio Not\u00edcias Eventos Publica\u00e7\u00f5es Sobre M\u00f3dulos principais this.style.transform=”,150)”> 🏛️ ASCOM Assessoria de Comunica\u00e7\u00e3o da UFCG ↗ this.style.transform=”,150)”> 📡 Redes Canais digitais institucionais ↗ this.style.transform=”,150)”> 🔗 Conecta Integra\u00e7\u00e3o entre os campi ↗ this.style.transform=”,150)”> 📍 Mapas Localiza\u00e7\u00e3o e acesso aos campi ↗ this.style.transform=”,150)”> 📰 […]<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","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":"disabled","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-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":"","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-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":"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":""},"mobile":{"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":""}},"footnotes":""},"class_list":["post-2769","page","type-page","status-publish","hentry"],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t<meta name=\"description\" content=\"AppComUFCG \u2013 Conecta Campus AppComUFCG Conecta Campus ASCOM \u00b7 UFCG Comunica\u00e7\u00e3ointegrada para todos In\u00edcio Not\u00edcias Eventos Publica\u00e7\u00f5es Sobre M\u00f3dulos principais \ud83c\udfdb\ufe0f ASCOM Assessoria de Comunica\u00e7\u00e3o da UFCG \u2197 \ud83d\udce1 Redes Canais digitais institucionais \u2197 \ud83d\udd17 Conecta Integra\u00e7\u00e3o entre os campi \u2197 \ud83d\udccd Mapas Localiza\u00e7\u00e3o e acesso aos campi \u2197 \ud83d\udcf0 Novidades Not\u00edcias Acompanhe as \u00faltimas\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<link rel=\"canonical\" href=\"https:\/\/observatoriodecampina.com\/?page_id=2769\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 4.9.8\" \/>\n\t\t<meta property=\"og:locale\" content=\"pt_BR\" \/>\n\t\t<meta property=\"og:site_name\" content=\"Ascom -\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"tela principal (segunda op\u00e7\u00e3o) - Ascom\" \/>\n\t\t<meta property=\"og:description\" content=\"AppComUFCG \u2013 Conecta Campus AppComUFCG Conecta Campus ASCOM \u00b7 UFCG Comunica\u00e7\u00e3ointegrada para todos In\u00edcio Not\u00edcias Eventos Publica\u00e7\u00f5es Sobre M\u00f3dulos principais \ud83c\udfdb\ufe0f ASCOM Assessoria de Comunica\u00e7\u00e3o da UFCG \u2197 \ud83d\udce1 Redes Canais digitais institucionais \u2197 \ud83d\udd17 Conecta Integra\u00e7\u00e3o entre os campi \u2197 \ud83d\udccd Mapas Localiza\u00e7\u00e3o e acesso aos campi \u2197 \ud83d\udcf0 Novidades Not\u00edcias Acompanhe as \u00faltimas\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/observatoriodecampina.com\/?page_id=2769\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2026-06-03T22:21:11+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2026-06-17T18:50:15+00:00\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n\t\t<meta name=\"twitter:title\" content=\"tela principal (segunda op\u00e7\u00e3o) - Ascom\" \/>\n\t\t<meta name=\"twitter:description\" content=\"AppComUFCG \u2013 Conecta Campus AppComUFCG Conecta Campus ASCOM \u00b7 UFCG Comunica\u00e7\u00e3ointegrada para todos In\u00edcio Not\u00edcias Eventos Publica\u00e7\u00f5es Sobre M\u00f3dulos principais \ud83c\udfdb\ufe0f ASCOM Assessoria de Comunica\u00e7\u00e3o da UFCG \u2197 \ud83d\udce1 Redes Canais digitais institucionais \u2197 \ud83d\udd17 Conecta Integra\u00e7\u00e3o entre os campi \u2197 \ud83d\udccd Mapas Localiza\u00e7\u00e3o e acesso aos campi \u2197 \ud83d\udcf0 Novidades Not\u00edcias Acompanhe as \u00faltimas\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/observatoriodecampina.com\\\/?page_id=2769#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/observatoriodecampina.com#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/observatoriodecampina.com\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/observatoriodecampina.com\\\/?page_id=2769#listItem\",\"name\":\"tela principal (segunda op\\u00e7\\u00e3o)\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/observatoriodecampina.com\\\/?page_id=2769#listItem\",\"position\":2,\"name\":\"tela principal (segunda op\\u00e7\\u00e3o)\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/observatoriodecampina.com#listItem\",\"name\":\"Home\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/observatoriodecampina.com\\\/#organization\",\"name\":\"Observatorio de Campina\",\"url\":\"https:\\\/\\\/observatoriodecampina.com\\\/\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/observatoriodecampina.com\\\/?page_id=2769#webpage\",\"url\":\"https:\\\/\\\/observatoriodecampina.com\\\/?page_id=2769\",\"name\":\"tela principal (segunda op\\u00e7\\u00e3o) - Ascom\",\"description\":\"AppComUFCG \\u2013 Conecta Campus AppComUFCG Conecta Campus ASCOM \\u00b7 UFCG Comunica\\u00e7\\u00e3ointegrada para todos In\\u00edcio Not\\u00edcias Eventos Publica\\u00e7\\u00f5es Sobre M\\u00f3dulos principais \\ud83c\\udfdb\\ufe0f ASCOM Assessoria de Comunica\\u00e7\\u00e3o da UFCG \\u2197 \\ud83d\\udce1 Redes Canais digitais institucionais \\u2197 \\ud83d\\udd17 Conecta Integra\\u00e7\\u00e3o entre os campi \\u2197 \\ud83d\\udccd Mapas Localiza\\u00e7\\u00e3o e acesso aos campi \\u2197 \\ud83d\\udcf0 Novidades Not\\u00edcias Acompanhe as \\u00faltimas\",\"inLanguage\":\"pt-BR\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/observatoriodecampina.com\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/observatoriodecampina.com\\\/?page_id=2769#breadcrumblist\"},\"datePublished\":\"2026-06-03T19:21:11-03:00\",\"dateModified\":\"2026-06-17T15:50:15-03:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/observatoriodecampina.com\\\/#website\",\"url\":\"https:\\\/\\\/observatoriodecampina.com\\\/\",\"name\":\"Observatorio de Campina\",\"inLanguage\":\"pt-BR\",\"publisher\":{\"@id\":\"https:\\\/\\\/observatoriodecampina.com\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t\n\n","aioseo_head_json":{"title":"tela principal (segunda op\u00e7\u00e3o) - Ascom","description":"AppComUFCG \u2013 Conecta Campus AppComUFCG Conecta Campus ASCOM \u00b7 UFCG Comunica\u00e7\u00e3ointegrada para todos In\u00edcio Not\u00edcias Eventos Publica\u00e7\u00f5es Sobre M\u00f3dulos principais \ud83c\udfdb\ufe0f ASCOM Assessoria de Comunica\u00e7\u00e3o da UFCG \u2197 \ud83d\udce1 Redes Canais digitais institucionais \u2197 \ud83d\udd17 Conecta Integra\u00e7\u00e3o entre os campi \u2197 \ud83d\udccd Mapas Localiza\u00e7\u00e3o e acesso aos campi \u2197 \ud83d\udcf0 Novidades Not\u00edcias Acompanhe as \u00faltimas","canonical_url":"https:\/\/observatoriodecampina.com\/?page_id=2769","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"BreadcrumbList","@id":"https:\/\/observatoriodecampina.com\/?page_id=2769#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/observatoriodecampina.com#listItem","position":1,"name":"Home","item":"https:\/\/observatoriodecampina.com","nextItem":{"@type":"ListItem","@id":"https:\/\/observatoriodecampina.com\/?page_id=2769#listItem","name":"tela principal (segunda op\u00e7\u00e3o)"}},{"@type":"ListItem","@id":"https:\/\/observatoriodecampina.com\/?page_id=2769#listItem","position":2,"name":"tela principal (segunda op\u00e7\u00e3o)","previousItem":{"@type":"ListItem","@id":"https:\/\/observatoriodecampina.com#listItem","name":"Home"}}]},{"@type":"Organization","@id":"https:\/\/observatoriodecampina.com\/#organization","name":"Observatorio de Campina","url":"https:\/\/observatoriodecampina.com\/"},{"@type":"WebPage","@id":"https:\/\/observatoriodecampina.com\/?page_id=2769#webpage","url":"https:\/\/observatoriodecampina.com\/?page_id=2769","name":"tela principal (segunda op\u00e7\u00e3o) - Ascom","description":"AppComUFCG \u2013 Conecta Campus AppComUFCG Conecta Campus ASCOM \u00b7 UFCG Comunica\u00e7\u00e3ointegrada para todos In\u00edcio Not\u00edcias Eventos Publica\u00e7\u00f5es Sobre M\u00f3dulos principais \ud83c\udfdb\ufe0f ASCOM Assessoria de Comunica\u00e7\u00e3o da UFCG \u2197 \ud83d\udce1 Redes Canais digitais institucionais \u2197 \ud83d\udd17 Conecta Integra\u00e7\u00e3o entre os campi \u2197 \ud83d\udccd Mapas Localiza\u00e7\u00e3o e acesso aos campi \u2197 \ud83d\udcf0 Novidades Not\u00edcias Acompanhe as \u00faltimas","inLanguage":"pt-BR","isPartOf":{"@id":"https:\/\/observatoriodecampina.com\/#website"},"breadcrumb":{"@id":"https:\/\/observatoriodecampina.com\/?page_id=2769#breadcrumblist"},"datePublished":"2026-06-03T19:21:11-03:00","dateModified":"2026-06-17T15:50:15-03:00"},{"@type":"WebSite","@id":"https:\/\/observatoriodecampina.com\/#website","url":"https:\/\/observatoriodecampina.com\/","name":"Observatorio de Campina","inLanguage":"pt-BR","publisher":{"@id":"https:\/\/observatoriodecampina.com\/#organization"}}]},"og:locale":"pt_BR","og:site_name":"Ascom -","og:type":"article","og:title":"tela principal (segunda op\u00e7\u00e3o) - Ascom","og:description":"AppComUFCG \u2013 Conecta Campus AppComUFCG Conecta Campus ASCOM \u00b7 UFCG Comunica\u00e7\u00e3ointegrada para todos In\u00edcio Not\u00edcias Eventos Publica\u00e7\u00f5es Sobre M\u00f3dulos principais \ud83c\udfdb\ufe0f ASCOM Assessoria de Comunica\u00e7\u00e3o da UFCG \u2197 \ud83d\udce1 Redes Canais digitais institucionais \u2197 \ud83d\udd17 Conecta Integra\u00e7\u00e3o entre os campi \u2197 \ud83d\udccd Mapas Localiza\u00e7\u00e3o e acesso aos campi \u2197 \ud83d\udcf0 Novidades Not\u00edcias Acompanhe as \u00faltimas","og:url":"https:\/\/observatoriodecampina.com\/?page_id=2769","article:published_time":"2026-06-03T22:21:11+00:00","article:modified_time":"2026-06-17T18:50:15+00:00","twitter:card":"summary_large_image","twitter:title":"tela principal (segunda op\u00e7\u00e3o) - Ascom","twitter:description":"AppComUFCG \u2013 Conecta Campus AppComUFCG Conecta Campus ASCOM \u00b7 UFCG Comunica\u00e7\u00e3ointegrada para todos In\u00edcio Not\u00edcias Eventos Publica\u00e7\u00f5es Sobre M\u00f3dulos principais \ud83c\udfdb\ufe0f ASCOM Assessoria de Comunica\u00e7\u00e3o da UFCG \u2197 \ud83d\udce1 Redes Canais digitais institucionais \u2197 \ud83d\udd17 Conecta Integra\u00e7\u00e3o entre os campi \u2197 \ud83d\udccd Mapas Localiza\u00e7\u00e3o e acesso aos campi \u2197 \ud83d\udcf0 Novidades Not\u00edcias Acompanhe as \u00faltimas"},"aioseo_meta_data":{"post_id":"2769","title":null,"description":null,"keywords":null,"keyphrases":{"focus":{"keyphrase":"","score":0,"analysis":{"keyphraseInTitle":{"score":0,"maxScore":9,"error":1}}},"additional":[]},"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":"","og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"WebPage","isEnabled":true},"graphs":[]},"schema_type":"default","schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":"-1","robots_max_videopreview":"-1","robots_max_imagepreview":"large","priority":null,"frequency":"default","local_seo":null,"breadcrumb_settings":null,"limit_modified_date":false,"ai":{"faqs":[],"keyPoints":[],"schemas":[],"titles":[],"descriptions":[],"socialPosts":{"email":[],"linkedin":[],"twitter":[],"facebook":[],"instagram":[]}},"created":"2026-05-12 19:17:12","updated":"2026-05-12 19:17:12","seo_analyzer_scan_date":null},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/observatoriodecampina.com\" title=\"Home\">Home<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">»<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\ttela principal (segunda op\u00e7\u00e3o)\n\t\t<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/observatoriodecampina.com"},{"label":"tela principal (segunda op\u00e7\u00e3o)","link":"https:\/\/observatoriodecampina.com\/?page_id=2769"}],"_links":{"self":[{"href":"https:\/\/observatoriodecampina.com\/index.php?rest_route=\/wp\/v2\/pages\/2769","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/observatoriodecampina.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/observatoriodecampina.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/observatoriodecampina.com\/index.php?rest_route=\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/observatoriodecampina.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2769"}],"version-history":[{"count":7,"href":"https:\/\/observatoriodecampina.com\/index.php?rest_route=\/wp\/v2\/pages\/2769\/revisions"}],"predecessor-version":[{"id":2845,"href":"https:\/\/observatoriodecampina.com\/index.php?rest_route=\/wp\/v2\/pages\/2769\/revisions\/2845"}],"wp:attachment":[{"href":"https:\/\/observatoriodecampina.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2769"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t

\n\t\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nAppComUFCG \u2013 Conecta Campus<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@300;400;600;700;800&family=DM+Sans:ital,wght@0,300;0,400;0,500;1,300&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n :root {\r\n --azul-deep: #0a1f44;\r\n --azul-mid: #1a3a6e;\r\n --azul-bright: #2563eb;\r\n --azul-sky: #38bdf8;\r\n --azul-glow: #60a5fa;\r\n --accent: #06b6d4;\r\n --accent-warm: #f0a500;\r\n --white: #f0f6ff;\r\n --glass: rgba(255,255,255,0.07);\r\n --glass-border: rgba(255,255,255,0.12);\r\n }\r\n\r\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n body {\r\n font-family: 'DM Sans', sans-serif;\r\n background: var(--azul-deep);\r\n color: var(--white);\r\n min-height: 100vh;\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* \u2500\u2500 BACKGROUND MESH \u2500\u2500 *\/\r\n body::before {\r\n content: '';\r\n position: fixed;\r\n inset: 0;\r\n background:\r\n radial-gradient(ellipse 80% 60% at 10% 0%, rgba(37,99,235,.35) 0%, transparent 60%),\r\n radial-gradient(ellipse 60% 50% at 90% 100%, rgba(6,182,212,.25) 0%, transparent 55%),\r\n radial-gradient(ellipse 40% 40% at 50% 50%, rgba(96,165,250,.08) 0%, transparent 70%);\r\n pointer-events: none;\r\n z-index: 0;\r\n }\r\n\r\n \/* \u2500\u2500 NOISE OVERLAY \u2500\u2500 *\/\r\n body::after {\r\n content: '';\r\n position: fixed;\r\n inset: 0;\r\n background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'\/%3E%3C\/svg%3E\");\r\n pointer-events: none;\r\n z-index: 0;\r\n opacity: .5;\r\n }\r\n\r\n .container {\r\n position: relative;\r\n z-index: 1;\r\n max-width: 420px;\r\n margin: 0 auto;\r\n min-height: 100vh;\r\n padding: 0 0 48px;\r\n }\r\n\r\n \/* \u2500\u2500 HEADER \u2500\u2500 *\/\r\n header {\r\n padding: 28px 24px 20px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n }\r\n\r\n .logo-wrap {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n }\r\n\r\n .logo-icon {\r\n width: 52px; height: 52px;\r\n background: linear-gradient(135deg, var(--azul-bright), var(--accent));\r\n border-radius: 16px;\r\n display: flex; align-items: center; justify-content: center;\r\n box-shadow: 0 0 24px rgba(37,99,235,.6), 0 0 60px rgba(6,182,212,.2);\r\n position: relative;\r\n overflow: hidden;\r\n flex-shrink: 0;\r\n }\r\n\r\n .logo-icon::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(135deg, rgba(255,255,255,.2) 0%, transparent 60%);\r\n }\r\n\r\n .logo-icon svg { width: 30px; height: 30px; }\r\n\r\n .logo-text { line-height: 1.1; }\r\n .logo-text .app-name {\r\n font-family: 'Sora', sans-serif;\r\n font-weight: 800;\r\n font-size: 18px;\r\n letter-spacing: -.3px;\r\n background: linear-gradient(90deg, #fff 30%, var(--azul-sky));\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n }\r\n .logo-text .app-sub {\r\n font-size: 10px;\r\n font-weight: 300;\r\n color: rgba(255,255,255,.5);\r\n letter-spacing: 1.5px;\r\n text-transform: uppercase;\r\n }\r\n\r\n .menu-btn {\r\n width: 40px; height: 40px;\r\n background: var(--glass);\r\n border: 1px solid var(--glass-border);\r\n border-radius: 12px;\r\n cursor: pointer;\r\n display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px;\r\n backdrop-filter: blur(10px);\r\n transition: background .2s;\r\n }\r\n .menu-btn:hover { background: rgba(255,255,255,.12); }\r\n .menu-btn span {\r\n display: block;\r\n height: 2px; border-radius: 2px;\r\n background: var(--white);\r\n transition: width .2s;\r\n }\r\n .menu-btn span:nth-child(1) { width: 18px; }\r\n .menu-btn span:nth-child(2) { width: 14px; }\r\n .menu-btn span:nth-child(3) { width: 10px; }\r\n\r\n \/* \u2500\u2500 GREETING STRIP \u2500\u2500 *\/\r\n .greeting {\r\n padding: 0 24px 24px;\r\n }\r\n .greeting .eyebrow {\r\n font-size: 11px;\r\n letter-spacing: 2px;\r\n text-transform: uppercase;\r\n color: var(--accent);\r\n font-weight: 500;\r\n margin-bottom: 4px;\r\n }\r\n .greeting h1 {\r\n font-family: 'Sora', sans-serif;\r\n font-size: 26px;\r\n font-weight: 700;\r\n line-height: 1.2;\r\n color: #fff;\r\n }\r\n .greeting h1 span {\r\n background: linear-gradient(90deg, var(--azul-sky), var(--accent));\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n }\r\n\r\n \/* \u2500\u2500 PILL TABS \u2500\u2500 *\/\r\n .tabs {\r\n display: flex;\r\n gap: 8px;\r\n padding: 0 24px 28px;\r\n overflow-x: auto;\r\n scrollbar-width: none;\r\n }\r\n .tabs::-webkit-scrollbar { display: none; }\r\n .tab {\r\n flex-shrink: 0;\r\n padding: 7px 16px;\r\n border-radius: 999px;\r\n font-size: 12px;\r\n font-weight: 500;\r\n letter-spacing: .3px;\r\n cursor: pointer;\r\n border: 1px solid var(--glass-border);\r\n background: var(--glass);\r\n color: rgba(255,255,255,.6);\r\n backdrop-filter: blur(10px);\r\n transition: all .2s;\r\n }\r\n .tab.active {\r\n background: var(--azul-bright);\r\n border-color: var(--azul-bright);\r\n color: #fff;\r\n box-shadow: 0 0 20px rgba(37,99,235,.5);\r\n }\r\n\r\n \/* \u2500\u2500 SECTION LABEL \u2500\u2500 *\/\r\n .section-label {\r\n padding: 0 24px 14px;\r\n font-family: 'Sora', sans-serif;\r\n font-size: 13px;\r\n font-weight: 600;\r\n letter-spacing: 1px;\r\n text-transform: uppercase;\r\n color: rgba(255,255,255,.35);\r\n }\r\n\r\n \/* \u2500\u2500 MAIN GRID \u2500\u2500 *\/\r\n .main-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 14px;\r\n padding: 0 20px 28px;\r\n }\r\n\r\n .card {\r\n position: relative;\r\n border-radius: 22px;\r\n padding: 22px 18px 18px;\r\n cursor: pointer;\r\n overflow: hidden;\r\n border: 1px solid var(--glass-border);\r\n backdrop-filter: blur(12px);\r\n transition: transform .25s cubic-bezier(.34,1.56,.64,1), box-shadow .25s;\r\n animation: fadeUp .5s ease both;\r\n }\r\n\r\n .card:hover {\r\n transform: translateY(-5px) scale(1.02);\r\n box-shadow: 0 20px 50px rgba(0,0,0,.4);\r\n }\r\n\r\n .card::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n border-radius: 22px;\r\n opacity: .9;\r\n transition: opacity .3s;\r\n }\r\n\r\n \/* card themes *\/\r\n .card-ascom::before { background: linear-gradient(145deg, #1e40af 0%, #1e3a8a 100%); }\r\n .card-redes::before { background: linear-gradient(145deg, #0e7490 0%, #164e63 100%); }\r\n .card-conecta::before { background: linear-gradient(145deg, #1d4ed8 0%, #1e40af 100%); }\r\n .card-mapas::before { background: linear-gradient(145deg, #0369a1 0%, #075985 100%); }\r\n .card-noticias {\r\n grid-column: span 2;\r\n }\r\n .card-noticias::before { background: linear-gradient(135deg, #1a3a6e 0%, #0f2d5e 100%); }\r\n\r\n \/* glow ring behind each card *\/\r\n .card-ascom { box-shadow: 0 8px 32px rgba(30, 64,175,.4); }\r\n .card-redes { box-shadow: 0 8px 32px rgba(14,116,144,.4); }\r\n .card-conecta { box-shadow: 0 8px 32px rgba(29, 78,216,.4); }\r\n .card-mapas { box-shadow: 0 8px 32px rgba(3,105,161,.4); }\r\n .card-noticias { box-shadow: 0 8px 32px rgba(15, 50,100,.5); }\r\n\r\n .card > * { position: relative; z-index: 1; }\r\n\r\n .card-icon {\r\n width: 42px; height: 42px;\r\n border-radius: 14px;\r\n background: rgba(255,255,255,.12);\r\n display: flex; align-items: center; justify-content: center;\r\n margin-bottom: 14px;\r\n font-size: 20px;\r\n backdrop-filter: blur(4px);\r\n border: 1px solid rgba(255,255,255,.15);\r\n }\r\n\r\n .card-title {\r\n font-family: 'Sora', sans-serif;\r\n font-size: 15px;\r\n font-weight: 700;\r\n color: #fff;\r\n margin-bottom: 4px;\r\n letter-spacing: -.2px;\r\n }\r\n\r\n .card-desc {\r\n font-size: 11px;\r\n color: rgba(255,255,255,.55);\r\n line-height: 1.5;\r\n font-weight: 300;\r\n }\r\n\r\n .card-arrow {\r\n position: absolute;\r\n bottom: 16px; right: 16px;\r\n width: 28px; height: 28px;\r\n border-radius: 50%;\r\n background: rgba(255,255,255,.1);\r\n border: 1px solid rgba(255,255,255,.15);\r\n display: flex; align-items: center; justify-content: center;\r\n font-size: 12px;\r\n color: rgba(255,255,255,.7);\r\n transition: background .2s, transform .2s;\r\n }\r\n .card:hover .card-arrow {\r\n background: rgba(255,255,255,.2);\r\n transform: translate(2px,-2px);\r\n }\r\n\r\n \/* inner corner shine *\/\r\n .card::after {\r\n content: '';\r\n position: absolute;\r\n top: 0; left: 0; right: 0;\r\n height: 1px;\r\n background: linear-gradient(90deg, transparent, rgba(255,255,255,.25), transparent);\r\n border-radius: 22px 22px 0 0;\r\n }\r\n\r\n \/* noticias card layout *\/\r\n .card-noticias .card-inner {\r\n display: flex;\r\n align-items: center;\r\n gap: 16px;\r\n }\r\n .card-noticias .card-icon { margin-bottom: 0; flex-shrink: 0; }\r\n .card-noticias .card-text {}\r\n .card-noticias .card-badge {\r\n display: inline-block;\r\n padding: 2px 8px;\r\n background: var(--accent-warm);\r\n border-radius: 999px;\r\n font-size: 9px;\r\n font-weight: 700;\r\n letter-spacing: 1px;\r\n text-transform: uppercase;\r\n color: #000;\r\n margin-bottom: 4px;\r\n }\r\n\r\n \/* \u2500\u2500 NEWS PREVIEW STRIP \u2500\u2500 *\/\r\n .news-strip {\r\n padding: 0 20px 28px;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 10px;\r\n }\r\n\r\n .news-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 14px;\r\n padding: 14px 16px;\r\n border-radius: 16px;\r\n background: var(--glass);\r\n border: 1px solid var(--glass-border);\r\n backdrop-filter: blur(12px);\r\n cursor: pointer;\r\n transition: background .2s;\r\n animation: fadeUp .5s ease both;\r\n }\r\n .news-item:hover { background: rgba(255,255,255,.1); }\r\n\r\n .news-dot {\r\n width: 8px; height: 8px;\r\n border-radius: 50%;\r\n flex-shrink: 0;\r\n }\r\n .dot-blue { background: var(--azul-sky); box-shadow: 0 0 8px var(--azul-sky); }\r\n .dot-cyan { background: var(--accent); box-shadow: 0 0 8px var(--accent); }\r\n .dot-gold { background: var(--accent-warm); box-shadow: 0 0 8px var(--accent-warm); }\r\n\r\n .news-text {\r\n flex: 1;\r\n }\r\n .news-text .n-title {\r\n font-size: 12px;\r\n font-weight: 500;\r\n color: rgba(255,255,255,.85);\r\n line-height: 1.4;\r\n margin-bottom: 2px;\r\n }\r\n .news-text .n-meta {\r\n font-size: 10px;\r\n color: rgba(255,255,255,.35);\r\n }\r\n .news-chevron { color: rgba(255,255,255,.25); font-size: 12px; }\r\n\r\n \/* \u2500\u2500 BOTTOM NAV \u2500\u2500 *\/\r\n .bottom-nav {\r\n position: fixed;\r\n bottom: 0; left: 50%;\r\n transform: translateX(-50%);\r\n width: 100%; max-width: 420px;\r\n background: rgba(10,31,68,.85);\r\n backdrop-filter: blur(24px);\r\n border-top: 1px solid var(--glass-border);\r\n display: flex;\r\n padding: 12px 0 max(12px, env(safe-area-inset-bottom));\r\n z-index: 100;\r\n }\r\n\r\n .nav-item {\r\n flex: 1;\r\n display: flex; flex-direction: column; align-items: center; gap: 4px;\r\n cursor: pointer;\r\n padding: 4px 0;\r\n transition: all .2s;\r\n }\r\n\r\n .nav-icon {\r\n font-size: 20px;\r\n line-height: 1;\r\n transition: transform .2s;\r\n }\r\n .nav-label {\r\n font-size: 10px;\r\n font-weight: 500;\r\n letter-spacing: .3px;\r\n color: rgba(255,255,255,.35);\r\n transition: color .2s;\r\n }\r\n\r\n .nav-item.active .nav-label { color: var(--azul-sky); }\r\n .nav-item.active .nav-icon { transform: scale(1.15); filter: drop-shadow(0 0 6px var(--azul-sky)); }\r\n .nav-item:hover .nav-icon { transform: scale(1.1); }\r\n\r\n \/* \u2500\u2500 STATUS BAR SIMULATION \u2500\u2500 *\/\r\n .status-bar {\r\n height: 12px;\r\n background: transparent;\r\n }\r\n\r\n \/* \u2500\u2500 ANIMATIONS \u2500\u2500 *\/\r\n @keyframes fadeUp {\r\n from { opacity: 0; transform: translateY(20px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n .card:nth-child(1) { animation-delay: .05s; }\r\n .card:nth-child(2) { animation-delay: .10s; }\r\n .card:nth-child(3) { animation-delay: .15s; }\r\n .card:nth-child(4) { animation-delay: .20s; }\r\n .card:nth-child(5) { animation-delay: .25s; }\r\n\r\n .news-item:nth-child(1) { animation-delay: .30s; }\r\n .news-item:nth-child(2) { animation-delay: .35s; }\r\n .news-item:nth-child(3) { animation-delay: .40s; }\r\n\r\n \/* scrollbar padding for bottom nav *\/\r\n .scroll-pad { height: 80px; }\r\n\r\n \/* \u2500\u2500 FLOATING ORBS decorative \u2500\u2500 *\/\r\n .orb {\r\n position: fixed;\r\n border-radius: 50%;\r\n pointer-events: none;\r\n z-index: 0;\r\n filter: blur(60px);\r\n animation: drift 12s ease-in-out infinite alternate;\r\n }\r\n .orb-1 {\r\n width: 300px; height: 300px;\r\n background: rgba(37,99,235,.18);\r\n top: -80px; right: -80px;\r\n }\r\n .orb-2 {\r\n width: 200px; height: 200px;\r\n background: rgba(6,182,212,.12);\r\n bottom: 120px; left: -60px;\r\n animation-delay: -5s;\r\n }\r\n\r\n @keyframes drift {\r\n from { transform: translate(0,0) scale(1); }\r\n to { transform: translate(20px,30px) scale(1.05); }\r\n }\r\n\r\n \/* pulse on active card icon *\/\r\n .card-icon.pulse::after {\r\n content: '';\r\n position: absolute;\r\n inset: -4px;\r\n border-radius: 18px;\r\n border: 2px solid rgba(255,255,255,.15);\r\n animation: ring 2s ease-in-out infinite;\r\n }\r\n @keyframes ring {\r\n 0%,100% { opacity: 1; transform: scale(1); }\r\n 50% { opacity: 0; transform: scale(1.3); }\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"orb orb-1\"><\/div>\r\n<div class=\"orb orb-2\"><\/div>\r\n\r\n<div class=\"container\">\r\n <div class=\"status-bar\"><\/div>\r\n\r\n \r\n <header>\r\n <div class=\"logo-wrap\">\r\n <div class=\"logo-icon\">\r\n <svg viewBox=\"0 0 30 30\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n \r\n <circle cx=\"15\" cy=\"15\" r=\"4\" fill=\"white\"\/>\r\n \r\n <circle cx=\"15\" cy=\"4\" r=\"2.5\" fill=\"rgba(255,255,255,.8)\"\/>\r\n <circle cx=\"15\" cy=\"26\" r=\"2.5\" fill=\"rgba(255,255,255,.8)\"\/>\r\n <circle cx=\"4\" cy=\"15\" r=\"2.5\" fill=\"rgba(255,255,255,.8)\"\/>\r\n <circle cx=\"26\" cy=\"15\" r=\"2.5\" fill=\"rgba(255,255,255,.8)\"\/>\r\n <circle cx=\"6\" cy=\"6\" r=\"2\" fill=\"rgba(255,255,255,.6)\"\/>\r\n <circle cx=\"24\" cy=\"24\" r=\"2\" fill=\"rgba(255,255,255,.6)\"\/>\r\n \r\n <line x1=\"15\" y1=\"11\" x2=\"15\" y2=\"6.5\" stroke=\"rgba(255,255,255,.5)\" stroke-width=\"1.2\"\/>\r\n <line x1=\"15\" y1=\"19\" x2=\"15\" y2=\"23.5\" stroke=\"rgba(255,255,255,.5)\" stroke-width=\"1.2\"\/>\r\n <line x1=\"11\" y1=\"15\" x2=\"6.5\" y2=\"15\" stroke=\"rgba(255,255,255,.5)\" stroke-width=\"1.2\"\/>\r\n <line x1=\"19\" y1=\"15\" x2=\"23.5\" y2=\"15\" stroke=\"rgba(255,255,255,.5)\" stroke-width=\"1.2\"\/>\r\n <line x1=\"12\" y1=\"12\" x2=\"8\" y2=\"8\" stroke=\"rgba(255,255,255,.35)\" stroke-width=\"1\"\/>\r\n <line x1=\"18\" y1=\"18\" x2=\"22\" y2=\"22\" stroke=\"rgba(255,255,255,.35)\" stroke-width=\"1\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"logo-text\">\r\n <div class=\"app-name\">AppComUFCG<\/div>\r\n <div class=\"app-sub\">Conecta Campus<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"menu-btn\" role=\"button\" aria-label=\"Menu\">\r\n <span><\/span><span><\/span><span><\/span>\r\n <\/div>\r\n <\/header>\r\n\r\n \r\n <div class=\"greeting\">\r\n <div class=\"eyebrow\">ASCOM \u00b7 UFCG<\/div>\r\n <h1>Comunica\u00e7\u00e3o<br><span>integrada<\/span> para todos<\/h1>\r\n <\/div>\r\n\r\n \r\n <div class=\"tabs\">\r\n <div class=\"tab active\">In\u00edcio<\/div>\r\n <div class=\"tab\">Not\u00edcias<\/div>\r\n <div class=\"tab\">Eventos<\/div>\r\n <div class=\"tab\">Publica\u00e7\u00f5es<\/div>\r\n <div class=\"tab\">Sobre<\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"section-label\">M\u00f3dulos principais<\/div>\r\n\r\n \r\n <div class=\"main-grid\">\r\n\r\n <div class=\"card card-ascom\" onclick=\"this.style.transform='scale(.96)'; setTimeout(()=>this.style.transform='',150)\">\r\n <div class=\"card-icon\" style=\"position:relative\">\ud83c\udfdb\ufe0f<\/div>\r\n <div class=\"card-title\">ASCOM<\/div>\r\n <div class=\"card-desc\">Assessoria de Comunica\u00e7\u00e3o da UFCG<\/div>\r\n <div class=\"card-arrow\">\u2197<\/div>\r\n <\/div>\r\n\r\n <div class=\"card card-redes\" onclick=\"this.style.transform='scale(.96)'; setTimeout(()=>this.style.transform='',150)\">\r\n <div class=\"card-icon\">\ud83d\udce1<\/div>\r\n <div class=\"card-title\">Redes<\/div>\r\n <div class=\"card-desc\">Canais digitais institucionais<\/div>\r\n <div class=\"card-arrow\">\u2197<\/div>\r\n <\/div>\r\n\r\n <div class=\"card card-conecta\" onclick=\"this.style.transform='scale(.96)'; setTimeout(()=>this.style.transform='',150)\">\r\n <div class=\"card-icon\">\ud83d\udd17<\/div>\r\n <div class=\"card-title\">Conecta<\/div>\r\n <div class=\"card-desc\">Integra\u00e7\u00e3o entre os campi<\/div>\r\n <div class=\"card-arrow\">\u2197<\/div>\r\n <\/div>\r\n\r\n <div class=\"card card-mapas\" onclick=\"this.style.transform='scale(.96)'; setTimeout(()=>this.style.transform='',150)\">\r\n <div class=\"card-icon\">\ud83d\udccd<\/div>\r\n <div class=\"card-title\">Mapas<\/div>\r\n <div class=\"card-desc\">Localiza\u00e7\u00e3o e acesso aos campi<\/div>\r\n <div class=\"card-arrow\">\u2197<\/div>\r\n <\/div>\r\n\r\n <div class=\"card card-noticias\" onclick=\"this.style.transform='scale(.97)'; setTimeout(()=>this.style.transform='',150)\">\r\n <div class=\"card-inner\">\r\n <div class=\"card-icon\">\ud83d\udcf0<\/div>\r\n <div class=\"card-text\">\r\n <div class=\"card-badge\">Novidades<\/div>\r\n <div class=\"card-title\">Not\u00edcias<\/div>\r\n <div class=\"card-desc\">Acompanhe as \u00faltimas publica\u00e7\u00f5es da universidade<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"card-arrow\">\u2197<\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"section-label\">\u00daltimas publica\u00e7\u00f5es<\/div>\r\n\r\n \r\n <div class=\"news-strip\">\r\n\r\n <div class=\"news-item\">\r\n <div class=\"news-dot dot-blue\"><\/div>\r\n <div class=\"news-text\">\r\n <div class=\"n-title\">AppComUFCG avan\u00e7a para fase de prototipagem no WordPress<\/div>\r\n <div class=\"n-meta\">ASCOM \u00b7 2 horas atr\u00e1s<\/div>\r\n <\/div>\r\n <div class=\"news-chevron\">\u203a<\/div>\r\n <\/div>\r\n\r\n <div class=\"news-item\">\r\n <div class=\"news-dot dot-cyan\"><\/div>\r\n <div class=\"news-text\">\r\n <div class=\"n-title\">UFCG divulga calend\u00e1rio acad\u00eamico para o segundo semestre<\/div>\r\n <div class=\"n-meta\">Reitoria \u00b7 1 dia atr\u00e1s<\/div>\r\n <\/div>\r\n <div class=\"news-chevron\">\u203a<\/div>\r\n <\/div>\r\n\r\n <div class=\"news-item\">\r\n <div class=\"news-dot dot-gold\"><\/div>\r\n <div class=\"news-text\">\r\n <div class=\"n-title\">Pesquisadores do CEEI apresentam trabalhos em congresso nacional<\/div>\r\n <div class=\"n-meta\">CEEI \u00b7 3 dias atr\u00e1s<\/div>\r\n <\/div>\r\n <div class=\"news-chevron\">\u203a<\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"scroll-pad\"><\/div>\r\n<\/div>\r\n\r\n\r\n<nav class=\"bottom-nav\">\r\n <div class=\"nav-item active\">\r\n <div class=\"nav-icon\">\ud83c\udfe0<\/div>\r\n <div class=\"nav-label\">In\u00edcio<\/div>\r\n <\/div>\r\n <div class=\"nav-item\">\r\n <div class=\"nav-icon\">\ud83d\udd0d<\/div>\r\n <div class=\"nav-label\">Explorar<\/div>\r\n <\/div>\r\n <div class=\"nav-item\">\r\n <div class=\"nav-icon\">\ud83d\udd14<\/div>\r\n <div class=\"nav-label\">Alertas<\/div>\r\n <\/div>\r\n <div class=\"nav-item\">\r\n <div class=\"nav-icon\">\ud83d\udc64<\/div>\r\n <div class=\"nav-label\">Perfil<\/div>\r\n <\/div>\r\n<\/nav>\r\n\r\n<script>\r\n \/\/ Tab switching\r\n document.querySelectorAll('.tab').forEach(tab => {\r\n tab.addEventListener('click', () => {\r\n document.querySelectorAll('.tab').forEach(t => t.classList.remove('active'));\r\n tab.classList.add('active');\r\n });\r\n });\r\n\r\n \/\/ Bottom nav switching\r\n document.querySelectorAll('.nav-item').forEach(item => {\r\n item.addEventListener('click', () => {\r\n document.querySelectorAll('.nav-item').forEach(n => n.classList.remove('active'));\r\n item.classList.add('active');\r\n });\r\n });\r\n<\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>AppComUFCG \u2013 Conecta Campus AppComUFCG Conecta Campus ASCOM \u00b7 UFCG Comunica\u00e7\u00e3ointegrada para todos In\u00edcio Not\u00edcias Eventos Publica\u00e7\u00f5es Sobre M\u00f3dulos principais this.style.transform=”,150)”> 🏛️ ASCOM Assessoria de Comunica\u00e7\u00e3o da UFCG ↗ this.style.transform=”,150)”> 📡 Redes Canais digitais institucionais ↗ this.style.transform=”,150)”> 🔗 Conecta Integra\u00e7\u00e3o entre os campi ↗ this.style.transform=”,150)”> 📍 Mapas Localiza\u00e7\u00e3o e acesso aos campi ↗ this.style.transform=”,150)”> 📰 […]<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","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":"disabled","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-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":"","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-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":"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":""},"mobile":{"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":""}},"footnotes":""},"class_list":["post-2769","page","type-page","status-publish","hentry"],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t<meta name=\"description\" content=\"AppComUFCG \u2013 Conecta Campus AppComUFCG Conecta Campus ASCOM \u00b7 UFCG Comunica\u00e7\u00e3ointegrada para todos In\u00edcio Not\u00edcias Eventos Publica\u00e7\u00f5es Sobre M\u00f3dulos principais \ud83c\udfdb\ufe0f ASCOM Assessoria de Comunica\u00e7\u00e3o da UFCG \u2197 \ud83d\udce1 Redes Canais digitais institucionais \u2197 \ud83d\udd17 Conecta Integra\u00e7\u00e3o entre os campi \u2197 \ud83d\udccd Mapas Localiza\u00e7\u00e3o e acesso aos campi \u2197 \ud83d\udcf0 Novidades Not\u00edcias Acompanhe as \u00faltimas\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<link rel=\"canonical\" href=\"https:\/\/observatoriodecampina.com\/?page_id=2769\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 4.9.8\" \/>\n\t\t<meta property=\"og:locale\" content=\"pt_BR\" \/>\n\t\t<meta property=\"og:site_name\" content=\"Ascom -\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"tela principal (segunda op\u00e7\u00e3o) - Ascom\" \/>\n\t\t<meta property=\"og:description\" content=\"AppComUFCG \u2013 Conecta Campus AppComUFCG Conecta Campus ASCOM \u00b7 UFCG Comunica\u00e7\u00e3ointegrada para todos In\u00edcio Not\u00edcias Eventos Publica\u00e7\u00f5es Sobre M\u00f3dulos principais \ud83c\udfdb\ufe0f ASCOM Assessoria de Comunica\u00e7\u00e3o da UFCG \u2197 \ud83d\udce1 Redes Canais digitais institucionais \u2197 \ud83d\udd17 Conecta Integra\u00e7\u00e3o entre os campi \u2197 \ud83d\udccd Mapas Localiza\u00e7\u00e3o e acesso aos campi \u2197 \ud83d\udcf0 Novidades Not\u00edcias Acompanhe as \u00faltimas\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/observatoriodecampina.com\/?page_id=2769\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2026-06-03T22:21:11+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2026-06-17T18:50:15+00:00\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n\t\t<meta name=\"twitter:title\" content=\"tela principal (segunda op\u00e7\u00e3o) - Ascom\" \/>\n\t\t<meta name=\"twitter:description\" content=\"AppComUFCG \u2013 Conecta Campus AppComUFCG Conecta Campus ASCOM \u00b7 UFCG Comunica\u00e7\u00e3ointegrada para todos In\u00edcio Not\u00edcias Eventos Publica\u00e7\u00f5es Sobre M\u00f3dulos principais \ud83c\udfdb\ufe0f ASCOM Assessoria de Comunica\u00e7\u00e3o da UFCG \u2197 \ud83d\udce1 Redes Canais digitais institucionais \u2197 \ud83d\udd17 Conecta Integra\u00e7\u00e3o entre os campi \u2197 \ud83d\udccd Mapas Localiza\u00e7\u00e3o e acesso aos campi \u2197 \ud83d\udcf0 Novidades Not\u00edcias Acompanhe as \u00faltimas\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/observatoriodecampina.com\\\/?page_id=2769#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/observatoriodecampina.com#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/observatoriodecampina.com\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/observatoriodecampina.com\\\/?page_id=2769#listItem\",\"name\":\"tela principal (segunda op\\u00e7\\u00e3o)\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/observatoriodecampina.com\\\/?page_id=2769#listItem\",\"position\":2,\"name\":\"tela principal (segunda op\\u00e7\\u00e3o)\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/observatoriodecampina.com#listItem\",\"name\":\"Home\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/observatoriodecampina.com\\\/#organization\",\"name\":\"Observatorio de Campina\",\"url\":\"https:\\\/\\\/observatoriodecampina.com\\\/\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/observatoriodecampina.com\\\/?page_id=2769#webpage\",\"url\":\"https:\\\/\\\/observatoriodecampina.com\\\/?page_id=2769\",\"name\":\"tela principal (segunda op\\u00e7\\u00e3o) - Ascom\",\"description\":\"AppComUFCG \\u2013 Conecta Campus AppComUFCG Conecta Campus ASCOM \\u00b7 UFCG Comunica\\u00e7\\u00e3ointegrada para todos In\\u00edcio Not\\u00edcias Eventos Publica\\u00e7\\u00f5es Sobre M\\u00f3dulos principais \\ud83c\\udfdb\\ufe0f ASCOM Assessoria de Comunica\\u00e7\\u00e3o da UFCG \\u2197 \\ud83d\\udce1 Redes Canais digitais institucionais \\u2197 \\ud83d\\udd17 Conecta Integra\\u00e7\\u00e3o entre os campi \\u2197 \\ud83d\\udccd Mapas Localiza\\u00e7\\u00e3o e acesso aos campi \\u2197 \\ud83d\\udcf0 Novidades Not\\u00edcias Acompanhe as \\u00faltimas\",\"inLanguage\":\"pt-BR\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/observatoriodecampina.com\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/observatoriodecampina.com\\\/?page_id=2769#breadcrumblist\"},\"datePublished\":\"2026-06-03T19:21:11-03:00\",\"dateModified\":\"2026-06-17T15:50:15-03:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/observatoriodecampina.com\\\/#website\",\"url\":\"https:\\\/\\\/observatoriodecampina.com\\\/\",\"name\":\"Observatorio de Campina\",\"inLanguage\":\"pt-BR\",\"publisher\":{\"@id\":\"https:\\\/\\\/observatoriodecampina.com\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t\n\n","aioseo_head_json":{"title":"tela principal (segunda op\u00e7\u00e3o) - Ascom","description":"AppComUFCG \u2013 Conecta Campus AppComUFCG Conecta Campus ASCOM \u00b7 UFCG Comunica\u00e7\u00e3ointegrada para todos In\u00edcio Not\u00edcias Eventos Publica\u00e7\u00f5es Sobre M\u00f3dulos principais \ud83c\udfdb\ufe0f ASCOM Assessoria de Comunica\u00e7\u00e3o da UFCG \u2197 \ud83d\udce1 Redes Canais digitais institucionais \u2197 \ud83d\udd17 Conecta Integra\u00e7\u00e3o entre os campi \u2197 \ud83d\udccd Mapas Localiza\u00e7\u00e3o e acesso aos campi \u2197 \ud83d\udcf0 Novidades Not\u00edcias Acompanhe as \u00faltimas","canonical_url":"https:\/\/observatoriodecampina.com\/?page_id=2769","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"BreadcrumbList","@id":"https:\/\/observatoriodecampina.com\/?page_id=2769#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/observatoriodecampina.com#listItem","position":1,"name":"Home","item":"https:\/\/observatoriodecampina.com","nextItem":{"@type":"ListItem","@id":"https:\/\/observatoriodecampina.com\/?page_id=2769#listItem","name":"tela principal (segunda op\u00e7\u00e3o)"}},{"@type":"ListItem","@id":"https:\/\/observatoriodecampina.com\/?page_id=2769#listItem","position":2,"name":"tela principal (segunda op\u00e7\u00e3o)","previousItem":{"@type":"ListItem","@id":"https:\/\/observatoriodecampina.com#listItem","name":"Home"}}]},{"@type":"Organization","@id":"https:\/\/observatoriodecampina.com\/#organization","name":"Observatorio de Campina","url":"https:\/\/observatoriodecampina.com\/"},{"@type":"WebPage","@id":"https:\/\/observatoriodecampina.com\/?page_id=2769#webpage","url":"https:\/\/observatoriodecampina.com\/?page_id=2769","name":"tela principal (segunda op\u00e7\u00e3o) - Ascom","description":"AppComUFCG \u2013 Conecta Campus AppComUFCG Conecta Campus ASCOM \u00b7 UFCG Comunica\u00e7\u00e3ointegrada para todos In\u00edcio Not\u00edcias Eventos Publica\u00e7\u00f5es Sobre M\u00f3dulos principais \ud83c\udfdb\ufe0f ASCOM Assessoria de Comunica\u00e7\u00e3o da UFCG \u2197 \ud83d\udce1 Redes Canais digitais institucionais \u2197 \ud83d\udd17 Conecta Integra\u00e7\u00e3o entre os campi \u2197 \ud83d\udccd Mapas Localiza\u00e7\u00e3o e acesso aos campi \u2197 \ud83d\udcf0 Novidades Not\u00edcias Acompanhe as \u00faltimas","inLanguage":"pt-BR","isPartOf":{"@id":"https:\/\/observatoriodecampina.com\/#website"},"breadcrumb":{"@id":"https:\/\/observatoriodecampina.com\/?page_id=2769#breadcrumblist"},"datePublished":"2026-06-03T19:21:11-03:00","dateModified":"2026-06-17T15:50:15-03:00"},{"@type":"WebSite","@id":"https:\/\/observatoriodecampina.com\/#website","url":"https:\/\/observatoriodecampina.com\/","name":"Observatorio de Campina","inLanguage":"pt-BR","publisher":{"@id":"https:\/\/observatoriodecampina.com\/#organization"}}]},"og:locale":"pt_BR","og:site_name":"Ascom -","og:type":"article","og:title":"tela principal (segunda op\u00e7\u00e3o) - Ascom","og:description":"AppComUFCG \u2013 Conecta Campus AppComUFCG Conecta Campus ASCOM \u00b7 UFCG Comunica\u00e7\u00e3ointegrada para todos In\u00edcio Not\u00edcias Eventos Publica\u00e7\u00f5es Sobre M\u00f3dulos principais \ud83c\udfdb\ufe0f ASCOM Assessoria de Comunica\u00e7\u00e3o da UFCG \u2197 \ud83d\udce1 Redes Canais digitais institucionais \u2197 \ud83d\udd17 Conecta Integra\u00e7\u00e3o entre os campi \u2197 \ud83d\udccd Mapas Localiza\u00e7\u00e3o e acesso aos campi \u2197 \ud83d\udcf0 Novidades Not\u00edcias Acompanhe as \u00faltimas","og:url":"https:\/\/observatoriodecampina.com\/?page_id=2769","article:published_time":"2026-06-03T22:21:11+00:00","article:modified_time":"2026-06-17T18:50:15+00:00","twitter:card":"summary_large_image","twitter:title":"tela principal (segunda op\u00e7\u00e3o) - Ascom","twitter:description":"AppComUFCG \u2013 Conecta Campus AppComUFCG Conecta Campus ASCOM \u00b7 UFCG Comunica\u00e7\u00e3ointegrada para todos In\u00edcio Not\u00edcias Eventos Publica\u00e7\u00f5es Sobre M\u00f3dulos principais \ud83c\udfdb\ufe0f ASCOM Assessoria de Comunica\u00e7\u00e3o da UFCG \u2197 \ud83d\udce1 Redes Canais digitais institucionais \u2197 \ud83d\udd17 Conecta Integra\u00e7\u00e3o entre os campi \u2197 \ud83d\udccd Mapas Localiza\u00e7\u00e3o e acesso aos campi \u2197 \ud83d\udcf0 Novidades Not\u00edcias Acompanhe as \u00faltimas"},"aioseo_meta_data":{"post_id":"2769","title":null,"description":null,"keywords":null,"keyphrases":{"focus":{"keyphrase":"","score":0,"analysis":{"keyphraseInTitle":{"score":0,"maxScore":9,"error":1}}},"additional":[]},"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":"","og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"WebPage","isEnabled":true},"graphs":[]},"schema_type":"default","schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":"-1","robots_max_videopreview":"-1","robots_max_imagepreview":"large","priority":null,"frequency":"default","local_seo":null,"breadcrumb_settings":null,"limit_modified_date":false,"ai":{"faqs":[],"keyPoints":[],"schemas":[],"titles":[],"descriptions":[],"socialPosts":{"email":[],"linkedin":[],"twitter":[],"facebook":[],"instagram":[]}},"created":"2026-05-12 19:17:12","updated":"2026-05-12 19:17:12","seo_analyzer_scan_date":null},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/observatoriodecampina.com\" title=\"Home\">Home<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">»<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\ttela principal (segunda op\u00e7\u00e3o)\n\t\t<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/observatoriodecampina.com"},{"label":"tela principal (segunda op\u00e7\u00e3o)","link":"https:\/\/observatoriodecampina.com\/?page_id=2769"}],"_links":{"self":[{"href":"https:\/\/observatoriodecampina.com\/index.php?rest_route=\/wp\/v2\/pages\/2769","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/observatoriodecampina.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/observatoriodecampina.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/observatoriodecampina.com\/index.php?rest_route=\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/observatoriodecampina.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2769"}],"version-history":[{"count":7,"href":"https:\/\/observatoriodecampina.com\/index.php?rest_route=\/wp\/v2\/pages\/2769\/revisions"}],"predecessor-version":[{"id":2845,"href":"https:\/\/observatoriodecampina.com\/index.php?rest_route=\/wp\/v2\/pages\/2769\/revisions\/2845"}],"wp:attachment":[{"href":"https:\/\/observatoriodecampina.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2769"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}