não me aparece nada - Follow Up Deployment

atratividade.html

@@ -5,7 +5,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Atratividade - Relatórios UC</title>
     <script src="https://cdn.tailwindcss.com"></script>
-    <link href="https://unpkg.com/aos@极=2.3.1/dist/aos.css" rel="stylesheet">
+    <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
     <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
     <script src="https://unpkg.com/feather-icons"></script>
     <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
@@ -32,10 +32,10 @@
     <!-- Header -->
     <header class="bg-uc-blue text-white shadow-lg">
         <div class="container mx-auto px-6 py-6">
-            <div class="flex justify-between items-center">
+            <极div class="flex justify-between items-center">
                 <div>
                     <h1 class="text-xl font-bold">Universidade de Coimbra</h1>
-                    <p class="text-gray-300 text-sm">Relatórios de Advertising 2025 - Black Monster Media</极=p>
+                    <p class="text-gray-300 text-sm">Relatórios de Advertising 2025 - Black Monster Media</p>
                 </div>
                 <a href="index.html" class="text-uc-gold hover:text-yellow-400 font-medium flex items-center">
                     <i data-feather="home" class="mr-2"></i> Voltar ao Início
@@ -47,18 +47,18 @@
     <!-- Hero Section -->
     <section class="relative bg-gradient-to-br from-red-500 via-red-600 to-uc-blue text-white py-16">
         <div class="absolute inset-0">
-            <div class="absolute inset-0 bg-gradient-to-r from-red-500/20 to-red-700/30"></div>
+            <div class="absolute inset极=0 bg-gradient-to-r from-red-500/20 to-red-700/30"></div>
             <div class="absolute inset-0 bg-[url('http://static.photos/education/1200x630/5')] bg-cover bg-center mix-blend-overlay opacity-10"></div>
         </div>
         <div class="container mx-auto px-6 relative z-10 text-center">
             <div class="flex items-center justify-center mb-6">
-                <div class="bg-red-100 p-4 rounded-full mr极=4">
+                <div class="bg-red-100 p-4 rounded-full mr-4">
                     <i data-feather="trending-up" class="text-red-600 text-2xl"></i>
                 </div>
                 <h1 class="text-3xl md:text-4xl font-bold">Atratividade</h1>
             </div>
             <p class="text-xl mb-8 max-w-3xl mx-auto" data-aos="fade-up">
-                Campanha realizada de Junho a Setembro de 2025
+                Campanha realizada de 21 de Maio a 22 de Setembro de 2025
             </p>
         </div>
     </section>
@@ -78,10 +78,10 @@
 
                 <!-- Total Impressions -->
                 <div class="stat-card bg-white rounded-xl shadow-lg p-6 text-center border-l-4 border-blue-500" data-aos="fade-up" data-aos-delay="100">
-                    <div class="bg-blue-100 p-3 rounded-full inline-flex mb-4">
-                        <i data-feather="eye" class="text-blue-600"></极=i>
+                    <div class="bg-blue-100 p-3 rounded-full inline-flex mb极=4">
+                        <i data-feather="eye" class="text-blue-600"></i>
                     </div>
-                    <h3 class="text-2xl font-bold text-gray-800 mb-2">13.141.268</h3>
+                    <h3 class="text-2xl font-bold text-gray极=800 mb-2">13.141.268</h3>
                     <p class="text-gray-600">Total de Impressões</p>
                 </div>
 
@@ -97,43 +97,43 @@
 
             <!-- Platform Comparison -->
             <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8 mb-12">
-                <!-- Meta Data -->
-                <div class="bg-blue-50 rounded-xl p-6 shadow-md" data-aos="fade-right">
+                <!-- LinkedIn Data -->
+                <div class="bg-blue-50 rounded-xl p-6 shadow-md" data-aos="fade-up">
                     <div class="flex items-center mb-6">
                         <div class="bg-blue-600 p-3 rounded-full mr-4">
-                            <i data-feather="facebook" class="text-white"></i>
+                            <i data-feather="linkedin" class="text-white"></i>
                         </div>
-                        <h2 class="text-xl font-bold text-gray-800">Meta Advertising</h2>
+                        <h2 class="text-xl font-bold text-gray-800">LinkedIn</h2>
                     </div>
-                    <div class="space-y-3">
+                    <div class="space-y-4">
+                        <div class="flex justify-between items-center">
+                            <span class="text-gray-600">Período:</span>
+                            <span class="font-semibold">21 Mai - 22 Set</span>
+                        </div>
                         <div class="flex justify-between items-center">
                             <span class="text-gray-600">Investimento:</span>
-                            <span class="font-semibold">€5.320,96</span>
+                            <span class="font-semibold">€1.017,90</span>
                         </div>
                         <div class="flex justify-between items-center">
                             <span class="text-gray-600">Impressões:</span>
-                            <span class="font-semibold">5.399.160</span>
+                            <span class="font-semibold">82.572</span>
                         </div>
                         <div class="flex justify-between items-center">
-                            <span class="text-gray-600">Alcance:</span>
-                            <span class="font-semibold">1.596.922</span>
+                            <span class="极=text-gray-600">CPM:</span>
+                            <span class="font-semibold">€12,33</span>
                         </div>
                         <div class="flex justify-between items-center">
-                            <span class="text-gray-600">Clicks Links:</span>
-                            <span class="font-semibold">29.223</span>
+                            <span class="text-gray-600">Clicks:</span>
+                            <span class="font-semibold">610</span>
                         </div>
                         <div class="flex justify-between items-center">
                             <span class="text-gray-600">CTR:</span>
-                            <span class="font-semibold text-green-600">1,82%</span>
-                        </div>
-                        <div class="flex justify-between items-center">
-                            <span class="text-gray-600">CPC:</span>
-                            <span class="font-semibold">€0,18</span>
+                            <span class="font-semibold text-green-600">0,74%</span>
                         </div>
                     </div>
                 </div>
 
-                <!-- Google Data -->
+                <!-- Google Ads Data -->
                 <div class="bg-red-50 rounded-xl p-6 shadow-md" data-aos="fade-up" data-aos-delay="100">
                     <div class="flex items-center mb-6">
                         <div class="bg-red-600 p-3 rounded-full mr-4">
@@ -141,178 +141,117 @@
                         </div>
                         <h2 class="text-xl font-bold text-gray-800">Google Ads</h2>
                     </div>
-                    <div class="space-y-3">
+                    <div class="space-y-4">
+                        <div class="flex justify-between items-center">
+                            <span class="text-gray-600">Período:</span>
+                            <span class="font-semibold">21 Mai - 22 Set</span>
+                        </div>
                         <div class="flex justify-between items-center">
-                            <span class="极=text-gray-600">Investimento:</span>
+                            <span class="text-gray-600">Investimento:</span>
                             <span class="font-semibold">€5.431,42</span>
                         </div>
                         <div class="flex justify-between items-center">
                             <span class="text-gray-600">Impressões:</span>
                             <span class="font-semibold">3.988.565</span>
                         </div>
-                        <div class="极=flex justify-between items-center">
-                            <span class="text-gray-600">Cliques:</span>
-                            <span class="font-semibold">71.605</span>
-                        </div>
                         <div class="flex justify-between items-center">
-                            <span class="text-gray-600">CTR:</span>
-                            <span class="font-semibold text-green-600">1,79%</span>
+                            <span class="text-gray-600">Clicks:</span>
+                            <span class="font-semibold">71.605</span>
                         </div>
                         <div class="flex justify-between items-center">
                             <span class="text-gray-600">CPC:</span>
                             <span class="font-semibold">€0,08</span>
                         </div>
+                        <div class="flex justify-between items-center">
+                            <span class="text-gray-600">CTR:</span>
+                            <span class="font-semibold text-green-600">1,79%</span>
+                        </div>
                     </div>
                 </div>
 
-                <!-- TikTok Data -->
-                <div class="bg-pink-50 rounded-xl p-6 shadow-md" data-aos="fade-up" data-aos-delay="200">
+                <!-- Meta Data -->
+                <div class="bg-purple-50 rounded-xl p-6 shadow-md" data-aos="fade-up" data-aos-delay="200">
                     <div class="flex items-center mb-6">
-                        <div class="bg-pink-600 p-3 rounded-full mr-4">
-                            <i data-feather="video" class="text-white"></i>
+                        <div class="bg-purple-600 p-3 rounded-full mr-4">
+                            <i data-feather="facebook" class="text-white"></i>
                         </div>
-                        <h2 class="text-xl font-bold text-gray-800">TikTok</h2>
+                        <h2 class="text-xl font-bold text-gray-800">Meta</h2>
                     </div>
-                    <div class="space-y-3">
+                    <div class="space-y-4">
                         <div class="flex justify-between items-center">
+                            <span class="text-gray-600">Período:</span>
+                            <span class="font-semibold">21 Mai - 22 Set</极span>
+                        </div>
+                        <div class="极=flex justify-between items-center">
                             <span class="text-gray-600">Investimento:</span>
-                            <span class="font-semibold">€2.188,74</span>
+                            <span class="font-semibold">€5.320,96</span>
                         </div>
                         <div class="flex justify-between items-center">
-                            <span class="text-gray-600">Impressões:</span>
-                            <span class="font-semibold">3.670.971</span>
+                            <span class="text-gray-600">Alcance:</span>
+                            <span class="font-semibold">1.596.922</span>
                         </div>
                         <div class="flex justify-between items-center">
-                            <span class="text-gray-极=600">Alcance:</span>
-                            <span class="font-semibold">301.516</span>
+                            <span class="text-gray-600">Impressões:</span>
+                            <span class="font-semibold">5.399.160</span>
                         </div>
                         <div class="flex justify-between items-center">
-                            <span class="text-gray-600">Clicks:</span>
-                            <span class="font-semibold">16.807</span>
+                            <span class="text-gray-600">Link Clicks:</span>
+                            <span class="font-semibold">29.223</span>
                         </div>
                         <div class="flex justify-between items-center">
                             <span class="text-gray-600">CTR:</span>
-                            <span class="font-semibold text-green-600">0,46%</span>
+                            <span class="font-semibold text-green-600">1,82%</span>
                         </div>
                         <div class="flex justify-between items-center">
                             <span class="text-gray-600">CPC:</span>
-                            <span class="font-semibold">€0,13</span>
-                        </极=div>
+                            <span class="font-semibold">€0,18</span>
+                        </div>
                     </div>
                 </div>
 
-                <!-- LinkedIn Data -->
-                <div class="bg-blue-50 rounded-xl p-6 shadow-md" data-aos="fade-left">
+                <!-- TikTok Data -->
+                <div class="bg-pink-50 rounded-xl p-6 shadow-md" data-aos="fade-up" data-aos-delay="300">
                     <div class="flex items-center mb-6">
-                        <div class="bg-blue-800 p-3 rounded-full mr-4">
-                            <i data-feather="briefcase" class="text-white"></i>
+                        <div class="bg-pink-600 p-3 rounded-full mr-4">
+                            <i data-feather="video" class="text-white"></i>
                         </div>
-                        <h2 class="text-xl font-bold text-gray-800">LinkedIn</h2>
+                        <h2 class="text-xl font-bold text-gray-800">TikTok</h2>
                     </div>
-                    <div class="space-y-3">
+                    <div class="space-y-4">
                         <div class="flex justify-between items-center">
-                            <span class="text-gray-600">Investimento:</span>
-                            <span class="font-semibold">€1.017,90</span>
+                            <span class="text-gray-600">Período:</span>
+                            <span class="font-semibold">21 Mai - 22 Set</span>
+                        </div>
+                        <div class="flex justify-between items-center">
+                            <span class="text-gray-600">Investimento:</极=span>
+                            <span class="font-semibold">€2.188,74</span>
                         </div>
                         <div class="flex justify-between items-center">
                             <span class="text-gray-600">Impressões:</span>
-                            <span class="font-semibold">82.572</span>
+                            <span class="font-semibold">3.670.971</span>
                         </div>
                         <div class="flex justify-between items-center">
-                            <span class="text-gray-600">CPM:</span>
-                            <span class="font-semibold">€12,33</span>
+                            <span class="text-gray-600">Alcance:</span>
+                            <span class="font-semibold">301.516</span>
                         </div>
                         <div class="flex justify-between items-center">
                             <span class="text-gray-600">Clicks:</span>
-                            <span class="font-semibold">610</span>
+                            <span class="font-semibold">16.807</span>
                         </div>
                         <div class="flex justify-between items-center">
-                            <span class="text-gray-600">CTR:</span>
-                            <span class="font-semibold text-green-600">0,74%</span>
-                        </div>
-                    </div>
-                </div>
-            </div>
-
-            <!-- Performance Summary -->
-            <div class="bg-gray-50 rounded-xl p-8 shadow-md" data-aos="fade-up">
-                <h2 class="text-2xl font-bold text-gray-800 mb-6 text-center">Resumo de Performance</h2>
-                
-                <div class="grid grid-cols-1 md:grid-cols-2 gap-8">
-                    <!-- CTR Comparison -->
-                    <div class="bg-white rounded-lg p-6 shadow-sm">
-                        <h3 class="text-lg font-semibold text-gray-800 mb-4">Comparação de CTR</h3>
-                        <div class="space-y-4">
-                            <div class="flex items-center justify-between">
-                                <span class="text-sm text-gray-600">Google Ads</span>
-                                <div class="w-3/4 bg-gray-200 rounded-full h-3">
-                                    <div class="bg-red-600 h-3 rounded-full" style="width: 89.5%"></div>
-                                </div>
-                                <span class="text-sm font-semibold">1,79%</span>
-                            </div>
-                            <div class="flex items-center justify-between">
-                                <span class="text-sm text-gray-600">Meta</span>
-                                <div class="w-3/4 bg-gray-200 rounded-full h-3">
-                                    <div class="bg-blue-600 h-3 rounded-full" style="width: 91%"></div>
-                                </div>
-                                <span class="text-sm font-semibold">1,82%</span>
-                            </div>
-                            <div class="flex items-center justify-between">
-                                <span class="text-sm text-gray-600">TikTok</span>
-                                <div class="w-3/4 bg-gray-200 rounded-full h-3">
-                                    <div class="bg-pink-600 h-3 rounded-full" style="width: 23%"></div>
-                                </div>
-                                <span class="text-sm font-semibold">0,46%</span>
-                            </div>
-                            <div class="flex items-center justify-between">
-                                <span class="text-sm text-gray-600">LinkedIn</span>
-                                <div class="w-3/4 bg-gray-200 rounded-full h-3">
-                                    <div class="bg-blue-800 h-3 rounded-full" style="width: 37%"></div>
-                                </div>
-                                <span class="text-sm font-semibold">0,74%</span>
-                            </div>
+                            <span class="text-gray-600">CPC:</span>
+                            <span class="font-semibold">€0,13</span>
                         </div>
-                    </div>
-
-                    <!-- Investment Distribution -->
-                    <div class="bg-white rounded-lg p-6 shadow-sm">
-                        <h3 class="text-lg font-semibold text-gray-800 mb-4">Distribuição de Investimento</h3>
-                        <div class="space-y-4">
-                            <div class="flex items-center justify-between">
-                                <span class="text-sm text-gray-600">Google Ads</span>
-                                <div class="w-3/4 bg-gray-200 rounded-full h-3">
-                                    <div class="bg-red-600 h-3 rounded-full" style="width: 39%"></div>
-                                </div>
-                                <span class="text-sm font-semibold">€5.431</span>
-                            </div>
-                            <div class="flex items-center justify-between">
-                                <span class="text-sm text-gray-600">Meta</span>
-                                <div class="极=w-3/4 bg-gray-200 rounded-full h-3">
-                                    <div class="bg-blue-600 h-3 rounded-full" style="width: 38%"></div>
-                                </div>
-                                <span class="text-sm font-semibold">€5.321</span>
-                            </div>
-                            <div class="flex items-center justify-between">
-                                <span class="text-sm text-gray-600">TikTok</span>
-                                <div class="w-3/4 bg-gray-200 rounded-full h-3">
-                                    <div class="bg-pink-600 h-3 rounded-full" style="width: 16%"></div>
-                                </div>
-                                <span class="text-sm font-semibold">€2.189</span>
-                            </div>
-                            <div class="flex items-center justify-between">
-                                <span class="text-sm text-gray-600">LinkedIn</span>
-                                <div class="w-3/4 bg-gray-200 rounded-full h-3">
-                                    <div class="bg-blue-800 h-3 rounded-full" style="width: 7%"></div>
-                                </div>
-                                <span class="text-sm font-semib极=old">€1.018</span>
-                            </div>
+                        <div class="flex justify-between items-center">
+                           极 <span class="text-gray-600">CTR:</span>
+                            <span class="font-semibold text-green-600">0,46%</span>
                         </div>
                     </div>
                 </div>
             </div>
 
             <!-- Observations -->
-            <div class="bg-yellow-50 rounded-xl p-8 shadow-md border-l-4 border-yellow-500 mt-12" data-aos="fade-up">
+            <div class="bg-yellow-50 rounded-xl p-8 shadow-md border-l-4 border-yellow-500" data-aos="fade-up">
                 <div class="flex items-center mb-6">
                     <div class="bg-yellow-500 p-3 rounded-full mr-4">
                         <i data-feather="alert-circle" class="text-white"></i>
@@ -320,10 +259,10 @@
                     <h2 class="text-2xl font-bold text-gray-800">Observações</h2>
                 </div>
                 <div class="space-y-4 text-gray-700">
-                    <p>📊 <strong>Alto alcance:</strong> Mais de 13 milhões de impressões alcançadas através das 4 plataformas.</p>
-                    <p>💰 <strong>CPC eficiente:</strong> Google Ads com CPC de apenas €0,08, indicando boa otimização.</p>
-                    <p>🎯 <strong>Diversificação:</strong> Estratégia multicanal com boa distribuição entre plataformas.</p>
-                    <p>📈 <strong>Performance sólida:</strong> CTRs consistentes nas principais plataformas (Meta e Google).</p>
+                    <p>📊 <strong>Investimento diversificado:</strong> Campanha abrangente em 4 plataformas diferentes.</p>
+                    <p>🎯 <strong>Alto alcance:</strong> Mais de 13 milhões de impressões alcançadas.</p>
+                    <p>💰 <strong>CPC eficiente:</strong> Custos por click muito competitivos em todas as plataformas.</p>
+                    <p>📈 <strong>CTR sólido:</strong> Taxas de click-through consistentes, especialmente no Google Ads e Meta.</p>
                 </div>
             </div>
         </div>
@@ -346,8 +285,8 @@
                     </address>
                 </div>
             </div>
-            <div class="border-t border-gray-极=700 mt-8 pt-8 text-center text-gray-400">
-                <p>&copy; 2025 Black Monster Media. Todos os direitos reservados.</极=p>
+            <div class="border-t border-gray-700 mt-8 pt-8 text-center text-gray-400">
+                <p>&copy; 2025 Black Monster Media. Todos os direitos reservados.</p>
             </div>
         </div>
     </footer>

cna-matriculas.html

@@ -1,822 +1,220 @@
 <!DOCTYPE html>
-<html lang="pt">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>CNA - Matrículas - Relatórios UC</title>
-<!doctype html>
 <html lang="pt-PT">
 <head>
-  <meta charset="utf-8" />
-  <meta name="viewport" content="width=device-width, initial-scale=1" />
-  <title>CNA 2025 · Universidade de Coimbra — Comparação Nacional</title>
-  <link rel="preconnect" href="https://fonts.googleapis.com">
-  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+  <title>CNA – Matrículas · Relatórios UC</title>
+
+  <!-- Tailwind -->
+  <script src="https://cdn.tailwindcss.com"></script>
+
+  <!-- AOS -->
+  <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet"/>
+  <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
+
+  <!-- Feather Icons -->
+  <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
+
+  <!-- Chart.js -->
   <script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.1/dist/chart.umd.min.js"></script>
+
   <style>
-    :root {
-      --bg: #0b0c0f;
-      --card: #121319;
-      --muted: #98a2b3;
-      --text: #e6e7eb;
-      --border: #1f2230;
-      --accent: #e5e7eb;
-    }
-    *{box-sizing:border-box}
-    body { margin:0; font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji"; background: var(--bg); color: var(--text);}    
-    .wrap { max-width: 1120px; margin: 0 auto; padding: 24px; }
-    h1 { font-size: clamp(24px, 3vw, 36px); margin: 0 0 6px 0; font-weight: 700; }
-    p.lead { color: var(--muted); margin: 0 0 16px 0; max-width: 70ch; }
-    .row { display:grid; grid-template-columns: 1fr; gap: 16px; }
-    @media (min-width: 860px) { .row.kpis { grid-template-columns: repeat(4,1fr);} .row.triple{grid-template-columns: repeat(3,1fr);} }
-    .card { background: var(--card); border:1px solid var(--border); border-radius: 16px; }
-    .card .content { padding: 16px; }
-    .muted { color: var(--muted); font-size: 13px; }
-    .kpi { font-size: 28px; font-weight: 600; }
-    .badge { display:inline-flex; align-items:center; gap:8px; padding:6px 10px; border:1px solid var(--border); border-radius: 999px; font-size:12px; }
-    .headline { display:flex; flex-direction:column; gap:12px; }
-    @media (min-width: 860px){ .headline { flex-direction:row; align-items:center; justify-content:space-between; }}
-    .small { font-size: 12px; }
-    .grid-2 { display:grid; grid-template-columns:1fr; gap:16px; }
-    @media (min-width: 860px){ .grid-2 { grid-template-columns: 2fr 1fr; }}
-    .list { display:grid; grid-template-columns: 1fr; gap:8px; }
-    @media (min-width: 640px){ .list { grid-template-columns: repeat(3,1fr);} }
-    .pill { display:inline-flex; align-items:center; justify-content:center; width:28px; height:28px; border:1px solid var(--border); border-radius:999px; font-weight:600; }
-    .label { font-weight:600; }
-    canvas { width:100% !important; height:100% !important; }
+    .bg-uc-blue { background-color: #003366; }
+    .text-uc-gold { color: #FFD700; }
+    .border-uc-gold { border-color: #FFD700; }
+    .card { transition: all .25s ease; }
+    .card:hover { transform: translateY(-3px); box-shadow: 0 14px 28px rgba(0,0,0,.08), 0 10px 10px rgba(0,0,0,.04); }
+    .metrics { font-variant-numeric: tabular-nums; }
   </style>
 </head>
-<body>
-  <main class="wrap">
-    <header>
-      <h1>CNA 2025 · 1.ª Fase — Universidade de Coimbra</h1>
-      <p class="lead">Enfoque na <strong>comparação nacional</strong> — evidenciando a posição relativa da UC face às restantes universidades. Dados: DGES / NONIO (UC).</p>
-    </header>
-
-    <section class="card">
-      <div class="content headline">
+<body class="bg-gray-50 text-gray-900">
+  <!-- Header -->
+  <header class="bg-uc-blue text-white shadow-lg">
+    <div class="container mx-auto px-6 py-6">
+      <div class="flex justify-between items-center">
         <div>
-          <div class="muted small">Comparação nacional</div>
-          <div style="font-size: clamp(20px, 2.2vw, 28px); font-weight: 700; line-height:1.15">Consolidámos a <u>3.ª maior universidade do país</u></div>
-          <div class="muted small">Critério: total de colocados/as na 1.ª fase (CNA 2025).</div>
+          <h1 class="text-xl font-bold">Universidade de Coimbra</h1>
+          <p class="text-gray-300 text-sm">Relatórios de Advertising 2025 - Black Monster Media</p>
         </div>
-        <div style="display:flex; gap:8px; flex-wrap:wrap">
-          <span class="badge">#3 nacional</span>
-          <span class="badge">1.ª fase · colocados/as</span>
+        <a href="index.html" class="text-uc-gold hover:text-yellow-400 font-medium flex items-center">
+          <i data-feather="home" class="mr-2"></i> Voltar ao Início
+        </a>
+      </div>
+    </div>
+  </header>
+
+  <!-- Hero -->
+  <section class="relative bg-gradient-to-br from-blue-500 via-blue-600 to-uc-blue text-white py-16">
+    <div class="absolute inset-0">
+      <div class="absolute inset-0 bg-gradient-to-r from-blue-500/20 to-blue-700/30"></div>
+      <div class="absolute inset-0 bg-[url('http://static.photos/education/1200x630/2')] bg-cover bg-center mix-blend-overlay opacity-10"></div>
+    </div>
+    <div class="container mx-auto px-6 relative z-10 text-center">
+      <div class="flex items-center justify-center mb-4">
+        <div class="bg-white/20 p-3 rounded-full mr-3">
+          <i data-feather="edit-3"></i>
         </div>
+        <h2 class="text-3xl md:text-4xl font-bold">CNA – Matrículas</h2>
       </div>
-    </section>
-
-    <section class="row kpis" style="margin-top:16px">
-      <div class="card"><div class="content"><div class="muted">Candidatos/as (PT)</div><div class="kpi" id="kpi-candidatos">55 292</div><div class="muted small">1.ª fase, total nacional</div></div></div>
-      <div class="card"><div class="content"><div class="muted">Vagas (PT)</div><div class="kpi" id="kpi-vagas">48 718</div><div class="muted small">1.ª fase, total nacional</div></div></div>
-      <div class="card"><div class="content"><div class="muted">Colocados/as na UC</div><div class="kpi" id="kpi-colocados-uc">3 475</div><div class="muted small">1.ª fase</div></div></div>
-      <div class="card"><div class="content"><div class="muted">Posição nacional</div><div class="kpi">#3</div><div class="muted small">por total de colocados/as</div></div></div>
-    </section>
-
-        <!-- Ranking Chart -->
-        <div class="bg-white rounded-xl shadow-lg p-8 mb-8" data-aos="fade-up">
-            <h3 class="text-xl font-bold text-gray-800 mb-6">Ranking nacional (1.ª fase · colocados/as)</h3>
-            <div class="h-80"><canvas id="chart-ranking"></canvas></div>
-            <p class="text-gray-600 text-sm mt-4">Fonte: DGES / NONIO · Valores confirmados CNA 2025.</p>
+      <p class="text-lg md:text-xl opacity-90 max-w-3xl mx-auto" data-aos="fade-up">
+        Enfoque na <strong>comparação nacional</strong> e na <strong>taxa de matrícula</strong> da UC (1.ª fase, 2025).
+      </p>
+    </div>
+  </section>
+
+  <!-- KPIs topo -->
+  <section class="py-12 bg-white">
+    <div class="container mx-auto px-6">
+      <div class="grid grid-cols-1 md:grid-cols-4 gap-6">
+        <div class="card rounded-xl shadow-md border border-gray-100 p-6" data-aos="fade-up">
+          <div class="text-gray-500 text-sm">Candidatos/as (PT)</div>
+          <div class="text-3xl font-bold metrics" id="kpi-candidatos">55 292</div>
+          <div class="text-gray-400 text-xs mt-1">1.ª fase · total nacional</div>
+        </div>
+        <div class="card rounded-xl shadow-md border border-gray-100 p-6" data-aos="fade-up" data-aos-delay="100">
+          <div class="text-gray-500 text-sm">Vagas (PT)</div>
+          <div class="text-3xl font-bold metrics" id="kpi-vagas">48 718</div>
+          <div class="text-gray-400 text-xs mt-1">1.ª fase · total nacional</div>
+        </div>
+        <div class="card rounded-xl shadow-md border border-gray-100 p-6" data-aos="fade-up" data-aos-delay="200">
+          <div class="text-gray-500 text-sm">Colocados/as na UC</div>
+          <div class="text-3xl font-bold metrics" id="kpi-colocados-uc">3 475</div>
+          <div class="text-gray-400 text-xs mt-1">1.ª fase (2025)</div>
+        </div>
+        <div class="card rounded-xl shadow-md border border-gray-100 p-6" data-aos="fade-up" data-aos-delay="300">
+          <div class="text-gray-500 text-sm">Posição nacional</div>
+          <div class="text-3xl font-bold metrics">#3</div>
+          <div class="text-gray-400 text-xs mt-1">por total de colocados/as</div>
         </div>
-
-        <section class="bg-white rounded-xl shadow-lg p-8 mb-8" data-aos="fade-up">
-            <h3 class="text-xl font-bold text极=gray-800 mb-6">Distribuição de colocação por opção (PT)</h3>
-            <div class="h-64"><canvas id="chart-opcoes"></canvas></div>
-            <p class="text-gray-700 mt-4"><strong>63,1%</strong> dos/as estudantes foram colocados/as na <strong>1.ª opção</strong>.</p>
-        </section>
-
-    <section class="row triple" style="margin-top:16px">
-      <div class="card"><div class="content">
-        <h3 style="margin:0 0 8px 0">Candidaturas à UC</h3>
-        <div class="kpi">19 334</div>
-        <div class="muted small">1.ª fase (2025)</div>
-        <p class="muted" style="margin-top:8px">A UC mantém-se entre as mais procuradas, com volume elevado e consistente de candidaturas.</p>
-      </div></div>
-      <div class="card"><div class="content">
-        <h3 style="margin:0 0 8px 0">Perfil de colocados/as na UC</h3>
-        <div style="height:240px"><canvas id="chart-sexo"></canvas></div>
-        <p class="muted small" style="margin-top:8px">63,3% feminino · 36,7% masculino.</p>
-      </div></div>
-      <div class="card"><div class="content">
-        <h3 style="margin:0 0 8px 0">Matrículas (UC)</h3>
-        <div class="kpi">3 256 / 3 475</div>
-        <div class="muted small">Matriculados/as / Colocados/as</div>
-        <p class="muted" style="margin-top:8px">Taxa global de matrícula: <span id="taxa-matricula"></span>.</p>
-      </div></div>
-    </section>
-
-    <section class="card" style="margin-top:16px">
-      <div class="content">
-        <h3 style="margin:0 0 8px 0">% de colocados/as em 1.ª opção por Faculdade</h3>
-        <div style="height:320px"><canvas id="chart-primeira-opcao"></canvas></div>
-        <p class="muted small" style="margin-top:8px">Números absolutos: FLUC 330/540 · FDUC 273/383 · FMUC 199/347 · FCTUC 735/1005 · FFUC 177/258 · FEUC 187/334 · FPCEUC 134/238 · FCDEFUC 89/96 · ESEUC 152/274.</p>
       </div>
-    </section>
+    </div>
+  </section>
 
-    <section class="card" style="margin-top:16px">
-      <div class="content">
-        <h3 style="margin:0 0 8px 0">Taxa de matrícula por Faculdade</h3>
-        <div style="height:320px"><canvas id="chart-matriculas"></canvas></div>
-        <p class="muted small" style="margin-top:8px">Números absolutos: FLUC 494/540 · FDUC 345/383 · FMUC 344/347 · FCTUC 967/1005 · FFUC 246/258 · FEUC 303/334 · FPCEUC 220/238 · FCDEFUC 93/96 · ESEUC 244/274.</p>
+  <!-- Destaque -->
+  <section class="container mx-auto px-6">
+    <div class="bg-white rounded-xl shadow-md border border-gray-100 p-6 mb-8" data-aos="fade-up">
+      <div class="flex flex-col md:flex-row items-start md:items-center justify-between gap-4">
+        <div>
+          <div class="text-gray-500 text-sm">Comparação nacional</div>
+          <div class="text-2xl md:text-3xl font-bold leading-snug">
+            Consolidámos a <u>3.ª maior universidade do país</u>
+          </div>
+          <div class="text-gray-400 text-xs mt-1">Critério: total de colocados/as na 1.ª fase (CNA 2025).</div>
+        </div>
+        <div class="flex gap-2 flex-wrap">
+          <span class="inline-flex items-center gap-2 px-3 py-1 rounded-full border text-sm"><i data-feather="hash"></i>#3 nacional</span>
+          <span class="inline-flex items-center gap-2 px-3 py-1 rounded-full border text-sm"><i data-feather="check-circle"></i>1.ª fase · colocados/as</span>
+        </div>
       </div>
-    </section>
-
-    <section class="card" style="margin-top:16px">
-      <div class="content">
-        <h3 style="margin:0 0 8px 0">Distribuição de matriculados/as por nota de candidatura</h3>
-        <div style="height:320px"><canvas id="chart-notas"></canvas></div>
-        <p class="muted small" style="margin-top:8px">Destaque para os intervalos ]16;18] e ]14;16]; há <strong>427</strong> alunos/as com nota ≥18 valores.</p>
+    </div>
+  </section>
+
+  <!-- Gráfico ranking -->
+  <section class="container mx-auto px-6">
+    <div class="bg-white rounded-xl shadow-md border border-gray-100 p-6 mb-8" data-aos="fade-up">
+      <h3 class="text-lg font-semibold mb-3">Ranking nacional (1.ª fase · colocados/as)</h3>
+      <div class="h-80"><canvas id="chart-ranking"></canvas></div>
+      <p class="text-gray-400 text-xs mt-3">Fonte: DGES / NONIO · Valores confirmados CNA 2025.</p>
+    </div>
+  </section>
+
+  <!-- Distribuição por opção -->
+  <section class="container mx-auto px-6">
+    <div class="bg-white rounded-xl shadow-md border border-gray-100 p-6 mb-8" data-aos="fade-up">
+      <h3 class="text-lg font-semibold mb-3">Distribuição de colocação por opção (PT)</h3>
+      <div class="h-64"><canvas id="chart-opcoes"></canvas></div>
+      <p class="mt-4"> <strong>63,1%</strong> dos/as estudantes foram colocados/as na <strong>1.ª opção</strong>.</p>
+    </div>
+  </section>
+
+  <!-- Triplas -->
+  <section class="container mx-auto px-6">
+    <div class="grid grid-cols-1 md:grid-cols-3 gap-6 mb-8">
+      <div class="bg-white rounded-xl shadow-md border border-gray-100 p-6 card" data-aos="fade-up">
+        <h3 class="font-semibold mb-2">Candidaturas à UC</h3>
+        <div class="text-3xl font-bold metrics">19 334</div>
+        <div class="text-gray-400 text-xs mt-1">1.ª fase (2025)</div>
+        <p class="text-gray-600 mt-3">A UC mantém-se entre as mais procuradas, com volume elevado e consistente de candidaturas.</p>
       </div>
-    </section>
-
-        <section class="bg-white rounded-xl shadow-lg p-8 mb-8" data-aos="fade-up">
-            <h3 class="text-xl font-bold text-gray-800 mb-4">2.ª fase – Candidaturas UC</h3>
-            <div class="text-2xl font-bold text-gray-800">3.484</div>
-            <div class="text-gray-600 text-sm">Candidaturas (2025)</div>
-        </section>
-
-    </main>
-
-    <!-- Footer -->
-    <footer class="bg-gray-800 text-white py-12">
-        <div class="container mx-auto px-6">
-            <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
-                <div class="md:col-span-2">
-                    <h3 class="text-xl font-bold mb-4">Universidade de Coimbra</h3>
-                    <p class="text-gray-400">Análise de dados e relatórios de marketing institucional.</p>
-                </div>
-                <div>
-                    <h3 class="text-xl极= font-bold mb-4">Contactos</h3>
-                    <address class="text-gray-400 not-italic">
-                        <p>Rua Pedro Nunes, Instituto Pedro Nunes, Bloco C - 3030-792</p>
-                        <p>Email: info@blackmonstermedia.com</p>
-                        <p>Telefone: 914251472</p>
-                    </address>
-                </div>
-            </div>
-            <div class="border-t border-gray-700 mt-8 pt-8 text-center text-gray-400">
-                <p>&copy; 2025 Black Monster Media. Todos os direitos reservados.</p>
-            </div>
+      <div class="bg-white rounded-xl shadow-md border border-gray-100 p-6 card" data-aos="fade-up" data-aos-delay="100">
+        <h3 class="font-semibold mb-2">Perfil de colocados/as na UC</h3>
+        <div class="h-60"><canvas id="chart-sexo"></canvas></div>
+        <p class="text-gray-500 text-sm mt-3">63,3% feminino · 36,7% masculino.</p>
+      </div>
+      <div class="bg-white rounded-xl shadow-md border border-gray-100 p-6 card" data-aos="fade-up" data-aos-delay="200">
+        <h3 class="font-semibold mb-2">Matrículas (UC)</h3>
+        <div class="text-2xl font-bold metrics">3 256 / 3 475</div>
+        <div class="text-gray-400 text-xs mt-1">Matriculados/as / Colocados/as</div>
+        <p class="text-gray-600 mt-3">Taxa global de matrícula: <span id="taxa-matricula" class="font-semibold"></span>.</p>
+      </div>
+    </div>
+  </section>
+
+  <!-- % 1.ª opção por Faculdade -->
+  <section class="container mx-auto px-6">
+    <div class="bg-white rounded-xl shadow-md border border-gray-100 p-6 mb-8" data-aos="fade-up">
+      <h3 class="text-lg font-semibold mb-3">% de colocados/as em 1.ª opção por Faculdade</h3>
+      <div class="h-80"><canvas id="chart-primeira-opcao"></canvas></div>
+      <p class="text-gray-400 text-xs mt-3">Números absolutos: FLUC 330/540 · FDUC 273/383 · FMUC 199/347 · FCTUC 735/1005 · FFUC 177/258 · FEUC 187/334 · FPCEUC 134/238 · FCDEFUC 89/96 · ESEUC 152/274.</p>
+    </div>
+  </section>
+
+  <!-- Taxa de matrícula por Faculdade -->
+  <section class="container mx-auto px-6">
+    <div class="bg-white rounded-xl shadow-md border border-gray-100 p-6 mb-8" data-aos="fade-up">
+      <h3 class="text-lg font-semibold mb-3">Taxa de matrícula por Faculdade</h3>
+      <div class="h-80"><canvas id="chart-matriculas"></canvas></div>
+      <p class="text-gray-400 text-xs mt-3">Números absolutos: FLUC 494/540 · FDUC 345/383 · FMUC 344/347 · FCTUC 967/1005 · FFUC 246/258 · FEUC 303/334 · FPCEUC 220/238 · FCDEFUC 93/96 · ESEUC 244/274.</p>
+    </div>
+  </section>
+
+  <!-- Distribuição por nota de candidatura -->
+  <section class="container mx-auto px-6">
+    <div class="bg-white rounded-xl shadow-md border border-gray-100 p-6 mb-10" data-aos="fade-up">
+      <h3 class="text-lg font-semibold mb-3">Distribuição de matriculados/as por nota de candidatura</h3>
+      <div class="h-80"><canvas id="chart-notas"></canvas></div>
+      <p class="text-gray-400 text-xs mt-3">Destaque para os intervalos ]16;18] e ]14;16]; há <strong>427</strong> alunos/as com nota ≥18 valores.</p>
+    </div>
+  </section>
+
+  <!-- 2.ª fase -->
+  <section class="container mx-auto px-6">
+    <div class="bg-white rounded-xl shadow-md border border-gray-100 p-6 mb-16" data-aos="fade-up">
+      <h3 class="text-lg font-semibold mb-2">2.ª fase – Candidaturas UC</h3>
+      <div class="text-2xl font-bold">3.484</div>
+      <div class="text-gray-500 text-sm">Candidaturas (2025)</div>
+    </div>
+  </section>
+
+  <!-- Footer -->
+  <footer class="bg-gray-800 text-white py-12">
+    <div class="container mx-auto px-6">
+      <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
+        <div class="md:col-span-2">
+          <h3 class="text-xl font-bold mb-4">Universidade de Coimbra</h3>
+          <p class="text-gray-400">Análise de dados e relatórios de marketing institucional.</p>
         </div>
-    </footer>
-================
-    // Dados — EXACTOS do report
-    // =======================
-    const numerosGerais = { candidatos: 55292, vagas: 48718 };
-    const uc = { candidaturas: 19334, colocados极=: 3475, sexo: [{label: 'Feminino', value: 63.3},{label: 'Masculino', value: 36.7}] };
-    const totalMatriculados = 3256;
-
-    const rankingColocados = [
-      { universidade: 'UL', colocados: 4246 },
-      { universidade: 'UP', colocados: 4202 },
-      { universidade: 'UC', colocados: 3475 },
-      { universidade: 'UM', colocados: 3431 },
-      { universidade: 'UNL', colocados: 3388 },
-      { universidade: 'UA', colocados: 3352 },
-      { universidade: 'UÉ', colocados: 3452 },
-      { universidade: 'ISCTE-IUL', colocados: 3396 },
-      { universidade极=: 'UBI', colocados: 3296 },
-      { universidade: 'UTAD', colocados: 3302 },
-      { universidade: 'UAç', colocados: 3341 },
-      { universidade: 'UAlg', colocados: 195极=9 },
-      { universidade: 'UMa', colocados: 2012 },
-    ];
-
-    const procuraOpcoes = [
-      { opcao: '极=1.ª', percent: 63.1 },
-      { opcao: '2.ª', percent: 18.5 },
-      { opcao: '3.ª', percent: 9.3 },
-      { opca极=o: '4.ª', percent: 5.0 },
-      { opcao: '5.极=ª', percent: 2.6 },
-      { opcao: '6.ª', percent: 1.4 },
-    ];
-
-    const colocacaoPrimeiraOpcao = [
-      { faculdade: 'FLUC', valor: 330, total: 540 },
-      { faculdade: 'FDUC', valor: 273, total: 383 },
-      { faculdade: 'FMUC', valor: 199, total: 347 },
-      { faculdade: 'FCTUC', valor极=: 735, total: 1005 },
-      { faculdade: 'FFUC', valor: 177, total: 258 },
-      { faculdade: 'FEUC', valor: 187, total: 334 },
-      { faculdade: 'FPCEUC', valor: 134, total: 极=238 },
-     极= { faculdade: 'FCDEFUC', valor: 89, total: 96 },
-      { faculdade: 'ESEUC', valor: 152, total: 274 },
-    ];
-
-    const matriculas = [
-      { faculdade: 'FLUC', matriculados: 494, colocados: 540 },
-      { faculdade: 'FDUC', matriculados: 345, colocados: 383 },
-      { faculdade: 'FMUC', matriculados: 344, colocados: 347 },
-      { faculdade: 'FCTUC', matriculados: 967, colocados: 1005 },
-      { faculdade: 'FFUC', matriculados: 246, colocados: 258 },
-      { faculdade: 'FEUC', matriculados: 303, colocados: 334 },
-      { faculdade: 'FPCEUC', matriculados: 220, colocados极=: 238 },
-      { faculdade: '极=FCDEFUC', matriculados: 93, colocados: 96 },
-      { faculdade: 'ESEUC', matriculados: 244, colocados: 274 },
-    ];
-
-    const notas = [
-      { intervalo: ']18;20]', qtd: 427 },
-      { intervalo: ']16;18]', qtd: 1188 },
-      { intervalo: ']14;16]', qtd: 1162 },
-      { intervalo: ']12;14]', qtd: 455 },
-      { intervalo: '[10;12]', qtd: 极=24 },
-    ];
-
-    // Util
-    const pct = (a,b) => b === 0 ? 0 : Math.round((a/b)*1000)/10; // 1 casa decimal
-
-    // KPI de taxa matrícula
-    document.getElementById('taxa-matricula').textContent = pct(totalMatriculados, uc.colocados) + '%';
-
-    // Cores (deixamos Chart.js escolher por defeito, sem estilos rígidos)
-
-    // Ranking
-    new Chart(document.getElementById('chart-ranking'), {
-      type: 'bar',
-      data: {
-        labels: rankingColocados.map(r => r.universidade),
-        datasets: [{ label: 'Colocados/as', data: rankingColocados.map(r =>极= r.colocados), borderWidth: 1 }]
-      },
-      options: {
-        responsive: true,
-        maintainAspectRatio: false,
-        plugins: { tooltip: { callbacks: { label: ctx => ctx.parsed.y.toLocaleString('pt-PT') } } },
-        scales: { y极=: { beginAtZero: true } }
-      }
-    });
-
-    // Opções
-    new Chart(document.getElementById('chart-opcoes'), {
-      type: 'bar',
-      data: {
-        labels: procuraOpcoes.map(o => o.opcao),
-        datasets: [{ label: '%', data: procuraOpcoes.map(o => o.percent), borderWidth: 1 }]
-      },
-      options: {
-        responsive: true,
-        maintainAspectRatio: false,
-        plugins: { tooltip: { callbacks: { label: ctx => ctx.parsed极=.y + '%' } } },
-        scales: { y: { beginAtZero: true, ticks: { callback: v => v + '%' } } }
-      }
-    });
-
-    // Sexo
-    new Chart(document.getElementById('chart-sex极=o'), {
-      type: 'pie',
-极=      data: {
-        labels: uc.sexo.map(s => s.label),
-        datasets: [{ data: uc.sexo极=.map(s => s.value) }]
-      },
-      options: { responsive: true, maintainAspectRatio: false }
-    });
-
-    // 1.ª opção por Faculdade
-    new Chart(document.getElementById('chart-primeira-opcao'), {
-      type: 'bar',
-      data: {
-        labels: colocacaoPrimeiraOpcao.map(f => f.faculdade),
-        datasets: [{
-          label: '% 1.ª opção',
-          data: colocacaoPrimeiraOpcao.map(f => pct(f.valor, f.total)),
-          borderWidth: 1
-        }]
-      },
-      options: {
-        responsive: true,
-        maintainAspectRatio: false,
-        plugins: { tooltip: { callbacks极=: { label: ctx => ctx.parsed.y + '%' } } },
-        scales: { y: { beginAtZero: true, ticks: { callback: v => v + '%极=' } } }
-      }
-    });
-
-    // Matrículas por Faculdade
-    new Chart(document.getElementById('chart-matriculas'), {
-      type: 'bar',
-      data: {
-        labels: matriculas.map(m => m.faculdade),
-        datasets: [{
-          label: 'Taxa de matrícula (%)',
-          data: matriculas.map(m => pct(m.matriculados, m.colocados)),
-          borderWidth: 1
-        }]
-      },
-      options: {
-        responsive: true,
-        maintainAspectRatio: false,
-        plugins: { tooltip: { callbacks: { label: ctx => ctx.parsed.y + '%' } } },
-        scales: { y: { beginAtZero: true, ticks: { callback: v => v + '%' } } }
-      }
-    });
-
-    // Notas极=
-    new Chart(document.getElementById('chart-notas'), {
-      type: 'bar',
-      data: {
-        labels极=: notas.map(n => n.intervalo),
-        datasets: [{ label: 'Matriculados/as', data: notas.map(n => n.qtd), borderWidth: 1 }]
-      },
-      options: { responsive: true, maintainAspectRatio: false, scales: { y: { beginAtZero: true } } }
-    });
-  </script>
-</body>
-</html>
-=======================
-        // Dados — EXACTOS do report
-        // =======================
-        const numerosGerais = { candidatos: 55292, vagas: 48718 };
-        const uc = { candidaturas: 193极=34, colocados: 3475极=, sexo: [{label: 'Feminino', value: 63.3},{label: 'Masculino', value: 36.7}] };
-        const totalMatriculados = 3256;
-
-        const rankingColocados = [
-            { universidade: 'UL', colocados: 4246 },
-            { universidade: 'UP', colocados: 4202 },
-            { universidade: 'UC', colocados: 3475 },
-            { universidade: 'UM', colocados: 3431 },
-            { universidade: 'UN极=L', colocados: 3388 },
-            { universidade: 'UA', colocados: 3352 },
-            { universidade: 'UÉ', colocados: 3452 },
-            { universidade: 'ISCTE-IUL', colocados: 3396 },
-            { universidade: 'UBI', colocados: 3296 },
-            { universidade: 'UTAD', colocados: 3302 },
-            { universidade: 'UAç', colocados: 3341 },
-            { universidade: 'UAl极=g', colocados: 1959 },
-            { universidade: 'UMa', colocados极=: 极=2012 },
-        ];
-
-        const procuraOpcoes = [
-            { op极=cao: '1.ª', percent: 63.1 },
-            { opcao: '2.ª', percent: 18.5 },
-            { opcao: '3.ª', percent: 9.3 },
-            { opcao: '极=4.ª', percent: 5.0 },
-            { opcao极=: '5.ª', percent: 2.极=6 },
-            { opcao: '6.ª', percent: 1.4 },
-        ];
-
-        const colocacaoPrimeiraOpcao = [
-            { faculdade: 'FLUC', valor: 330, total: 540 },
-            { faculdade: 'FDUC', valor: 273, total: 383 },
-            { faculdade: 'FMUC', valor: 199, total: 347 },
-            { faculdade: 'FCTUC', valor: 735, total极=: 1005 },
-            { faculdade: 'FFUC', valor: 177, total: 258 },
-极=            { faculdade: 'FEUC', valor: 187, total: 334 },
-            { faculdade: 'FPCEUC', valor: 134极=, total: 238 },
-            { faculdade: 'FCDEFUC', valor: 89, total: 极=96 },
-            { faculdade: 'ESEUC', valor: 152, total: 274 },
-        ];
-
-        const matriculas = [
-            { faculdade:极= 'FLUC', matriculados: 494, colocados: 540 },
-            { faculdade: 'FDU极=C', matriculados: 345, colocados: 383 },
-            { faculdade极=: 'FMUC', matriculados: 344, colocados: 347 },
-            { faculdade: 'FCTUC', matriculados: 967, colocados: 1005 },
-            { faculdade: 'FFUC', matriculados: 246, colocados: 258 },
-            { faculdade: 'FEUC', matriculados: 303, colocados: 334 },
-            { faculdade: 'FPCEUC', matriculados: 220, colocados: 238 },
-            { faculdade: 'FCD极=EFUC', matric极=ulados: 93, colocados: 96 },
-            { faculdade: 'ESEUC', matriculados: 244, colocados: 274 },
-        ];
-
-        const notas = [
-            { intervalo: ']18;20]', qtd: 427 },
-            { intervalo: ']16;18]', qtd: 1188 },
-            { intervalo: ']14;16]', qtd极=: 1162 },
-            { intervalo: ']12;14]', qtd: 455 },
-            { intervalo: '[10;12极=]', qtd: 24 },
-        ];
-
-        // Util
-        const pct = (a,b) => b === 0 ? 0 : Math.round((a/b)*1000)/10; // 1 casa decimal
-
-        // KPI de taxa matrícula
-        document.getElementById('taxa-matricula').textContent = pct(totalMatriculados, uc.colocados) + '%';
-
-        // Ranking
-        new Chart(document.getElementById('chart-ranking'), {
-            type: 'bar',
-            data: {
-                labels: rankingColocados.map(r => r.universidade),
-                datasets: [{ label: 'Colocados/as', data: rankingColocados.map(r => r.colocados), borderWidth: 1, backgroundColor: '#3B82F6' }]
-            },
-            options: {
-                responsive: true,
-                maintainAspectRatio: false,
-                plugins: { tooltip极=: { callbacks: { label: ctx => ctx.parsed.y.toLocaleString('pt-PT') } } },
-                scales: { y: { beginAtZero: true } }
-            }
-        });
-
-        // Opções
-        new Chart(document.getElementById('chart-opcoes'), {
-            type: 'bar',
-            data: {
-                labels: procuraOpcoes.map(o => o.opca极=o),
-                datasets: [{ label: '%', data: procuraOpcoes.map(o => o.percent), borderWidth: 1, backgroundColor: '#10B981' }]
-            },
-            options: {
-                responsive: true,
-                maintainAspectRatio: false,
-                plugins: { tooltip: { callbacks: { label: ctx => ctx.parsed.y + '%' } } },
-                scales: { y: { beginAtZero: true, ticks: { callback: v => v极= + '%' } } }
-极=            }
-        });
-
-        // Sexo
-        new Chart(document.getElementById('chart-sexo'), {
-            type: 'pie',
-            data: {
-                labels: uc.sexo.map(s => s.label),
-                datasets: [{ data: uc.sexo.map(s => s.value), backgroundColor: ['#3B82F6', '#10B981'] }]
-            },
-            options: { responsive: true, maintainAspectRatio: false }
-        });
-
-        // 1.ª opção por Faculdade
-        new Chart(document.getElementById('chart-primeira-opcao'), {
-            type: 'bar',
-            data极=: {
-                labels: colocacaoPrimeiraOpcao.map(f => f.faculdade),
-                datasets: [{
-                    label: '% 1.ª opção',
-                    data: colocacaoPrimeiraOpcao.map(f => pct(f.val极=or, f.total)),
-                    borderWidth: 1,
-                    backgroundColor: '#8B5CF6'
-                }]
-            },
-            options: {
-                responsive: true,
-                maintainAspectRatio: false,
-                plugins: { tooltip: { callbacks: { label: ctx => ctx.parsed.y + '%' }极= } },
-                scales: { y极=: { beginAtZero: true, ticks: { callback: v => v + '%' } } }
-            }
-        });
-
-        // Matrículas por Faculdade
-        new Chart(document.getElementById('chart-matriculas'), {
-            type: 'bar',
-            data: {
-                labels: matriculas.map(m => m.faculdade),
-                datasets: [{
-                    label: 'Taxa de matrícula (%)',
-                    data: matriculas.map(m => pct(m.matriculados, m.colocados)),
-                    borderWidth: 1,
-                    backgroundColor: '#F59E0B'
-                }]
-            },
-            options: {
-                responsive: true,
-                maintainAspectRatio: false,
-                plugins: { tooltip: { callbacks: { label: ctx => ctx极=.parsed.y + '%' } } },
-                scales: { y: { beginAtZero: true, ticks: { callback: v => v + '%' } } }
-            }
-        });
-
-        // Notas
-        new Chart(document.getElementById('chart-notas'), {
-            type: 'bar',
-            data: {
-                labels: notas.map(n => n.intervalo),
-                datasets: [{ label: 'Matriculados/as', data: notas.map(n => n.qtd), borderWidth: 1, backgroundColor: '#EC4899' }]
-            },
-            options: { responsive: true, maintainAspectRatio: false, scales: { y: { beginAtZero: true } } }
-        });
-    </script>
-=======
-    <script>
-        AOS.init({
-            duration: 800,
-            easing: 'ease-in-out',
-            once: true
-        });
-        feather.replace();
-        
-        // =======================
-        // Dados — EXACTOS do report
-        // =======================
-        const numerosGerais = { candidatos: 55292, vagas: 48718 };
-        const uc = { candidaturas: 19334, colocados: 3475, sexo: [{label: 'Feminino', value: 63.3},{label: 'Masculino', value: 36.7}] };
-        const totalMatriculados = 3256;
-
-        const rankingColocados = [
-            { universidade: 'UL', colocados: 4246 },
-            { universidade: 'UP', colocados: 4202 },
-            { universidade: '极=UC', colocados: 3475 },
-            { universidade: 'UM', colocados: 3431 },
-            { universidade: 'UNL', colocados: 3388 },
-            { universidade: 'UA', colocados: 3352 },
-            { universidade: 'UÉ', colocados: 3452 },
-            { universidade: 'ISCTE-IUL', colocados: 3396 },
-            { universidade: 'UBI', colocados: 3296 },
-            { universidade: 'UTAD', colocados极=: 3302 },
-            { universidade: 'UAç', colocados: 3341 },
-            { universidade: 'UAlg', colocados: 1959 },
-            { universidade: 'UMa', colocados: 2012 },
-        ];
-
-        const procura极=Opcoes = [
-            { opcao: '1.ª', percent: 63.1 },
-            { opcao: '2.ª', percent: 18.5 },
-            { opcao: '3.ª', percent: 9.3 },
-            { opcao: '4.ª', percent: 5.0 },
-            { opcao: '5.ª', percent: 2.6 },
-            { opcao: '6.ª', percent: 1.4 },
-        ];
-
-        const colocacaoPrimeiraOpcao = [
-            { faculdade: 'FLUC', valor: 330, total: 540 },
-            { faculdade: 'FDUC', valor: 273, total: 383 },
-            { faculdade: 'FMUC', valor: 199, total: 347 },
-            { faculdade: 'FCTUC', valor: 735, total: 1005 },
-            { faculdade: 'FFUC', valor: 177, total: 258 },
-            { faculdade: 'FEUC', valor: 187, total: 334 },
-            { faculdade: 'FPCEUC', valor: 134, total: 238 },
-            { faculdade: 'FCDEFUC', valor: 89, total: 96 },
-            { faculdade: 'ESEUC', valor: 152极=, total: 274 },
-        ];
-
-        const matriculas = [
-            { faculdade: 'FLUC', matriculados: 494, colocados: 540 },
-            { faculdade: 'FDUC', matriculados: 345, colocados: 383 },
-            { faculdade: 'FMUC', matriculados: 344, colocados: 347 },
-            { faculdade: 'FCTUC', matriculados: 967, colocados: 极=1005 },
-            { faculdade: 'FFUC', matriculados: 246, colocados: 258 },
-            { faculdade: 'FEUC', matriculados: 303, colocados: 334 },
-            { faculdade: 'FPCEUC', matriculados: 220, colocados: 238 },
-            { faculdade: 'FCDEFUC', matriculados: 93, colocados: 96 },
-            { faculdade: 'ESEUC', matriculados: 244, colocados: 274 },
-        ];
-
-        const notas = [
-            { intervalo: ']18;20]', qtd极=: 427 },
-            { intervalo: ']16;18极=]', qtd: 1188 },
-            { intervalo: ']14;16]', qtd: 1162 },
-            { intervalo: ']12;14]', qtd: 455 },
-            { intervalo: '[10;12]', qtd: 24 },
-        ];
-
-        // Util
-        const pct = (a,b) => b === 0 ? 0 : Math.round((a/b)*1000)/10; // 1 casa decimal
-
-        // KPI de taxa matrícula
-        document.getElementById('taxa-matricula').textContent = pct(totalMatriculados, uc.colocados) + '%';
-
-        // Ranking
-        new Chart(document.getElementById('chart-ranking'), {
-            type: 'bar',
-            data: {
-                labels: rankingColocados.map(r => r.universidade),
-                datasets: [{ label: 'Colocados/as', data: rankingColocados.map(r => r.colocados), borderWidth: 1, backgroundColor: '#3B82F6' }]
-            },
-            options: {
-                responsive: true,
-                maintainAspectRatio: false,
-                plugins: { tooltip: { callbacks: { label: ctx => ctx.parsed.y.toLocaleString('pt-PT') } } },
-                scales: { y: { beginAtZero: true } }
-            }
-        });
-
-        // Opções
-        new Chart(document.getElementById('chart-opcoes'), {
-            type: 'bar',
-            data: {
-                labels: procuraOpcoes.map(o => o.opcao),
-                datasets: [{ label: '%', data: procuraOpcoes.map(o => o.percent), borderWidth: 1, backgroundColor: '#10B981' }]
-            },
-            options: {
-                responsive: true,
-                maintain极=AspectRatio: false,
-                plugins: { tooltip: { callbacks: { label: ctx => ctx.parsed.y + '%极=' } } },
-                scales: { y: { beginAtZero: true, ticks: { callback: v => v + '%' } } }
-            }
-        });
-
-        // Sexo
-        new Chart(document.getElementById('chart-sexo'), {
-            type: 'pie',
-            data: {
-                labels: uc.sexo.map(s => s.label),
-                datasets: [{ data: uc.sexo.map(s => s.value), backgroundColor: ['#3B82F6', '#10B981'] }]
-            },
-            options: { responsive: true, maintainAspectRatio: false }
-        });
-
-        // 1.ª opção por Faculdade
-        new Chart(document.getElementById('chart-primeira-op极=cao'), {
-            type: 'bar',
-            data: {
-                labels: colocacaoPrimeiraOpcao.map(f => f.faculdade),
-                datasets: [{
-                    label: '% 1.ª opção',
-                    data: colocacaoPrimeiraOpcao.map(f => pct(f.valor, f.total)),
-                    borderWidth: 1,
-                    backgroundColor: '#8B5CF6'
-                }]
-            },
-            options: {
-                responsive: true,
-                maintainAspectRatio: false,
-                plugins: { tooltip: { callbacks: { label: ctx => ctx.parsed.y + '%' } } },
-                scales: { y: { beginAtZero: true, ticks: { callback: v => v + '%'极= } } }
-            }
-        });
-
-        // Matrículas por Faculdade
-        new Chart(document.getElementById('chart-matriculas'), {
-            type: 'bar',
-            data极=: {
-                labels: matriculas.map(m => m极=.faculdade),
-                datasets: [{
-                    label: 'Taxa de matrícula (%)',
-                    data: matriculas.map(m => pct(m.matriculados, m.colocados)),
-                    borderWidth: 1,
-                    backgroundColor: '#F59E0B'
-                }]
-            },
-            options: {
-                responsive: true,
-                maintainAspectRatio: false,
-                plugins: { tooltip: { callbacks: { label: ctx => ctx.parsed.y + '%' } } },
-                scales: { y: { beginAtZero: true, ticks: { callback: v => v + '%' } } }
-            }
-        });
-
-        // Notas
-        new Chart(document.getElementById('chart-notas'), {
-            type: 'bar',
-            data: {
-                labels: notas.map(n => n.intervalo),
-                datasets: [{ label: 'Matriculados/as', data: notas.map(n => n.qtd), borderWidth: 1, backgroundColor: '#EC4899' }]
-极=            },
-            options: { responsive: true, maintainAspectRatio: false, scales: { y: { beginAtZero: true } } }
-        });
-    </script>
-=======================
-        // Dados — EXACTOS do report
-        // =======================
-        const numerosGerais = { candidatos: 55292, vagas: 48718 };
-        const uc = { candidaturas: 193极=34, colocados: 3475, sexo: [{label: 'Feminino', value: 63.3},{label: 'Masculino', value: 36.7}] };
-        const totalMatriculados = 3256;
-
-        const rankingColocados = [
-            { universidade: 'UL', colocados: 4246 },
-            { universidade: 'UP', colocados: 4202 },
-            { universidade: 'UC', colocados: 3475 },
-            { universidade: 'UM', colocados: 3431 },
-            { universidade: 'UNL', colocados: 3388 },
-            { universidade: 'UA', colocados: 3352 },
-            { universidade: 'UÉ', colocados: 3452 },
-            { universidade: 'ISCTE-IUL', colocados: 3396 },
-            { universidade: 'UBI', colocados: 3296 },
-            { universidade: 'UTAD', colocados: 3302 },
-            { universidade: 'UAç', colocados: 3341 },
-            { universidade: 'UAl极=g', colocados: 1959 },
-            { universidade: 'UMa', colocados极=: 2012 },
-        ];
-
-        const procuraOpcoes = [
-            { opcao: '1.ª', percent: 63.1 },
-            { opcao: '2.ª', percent: 18.5 },
-            { opcao: '3.ª', percent: 9.3 },
-            { opcao: '极=4.ª', percent: 5.0 },
-            { opcao: '5.ª', percent: 2.6 },
-            { opcao: '6.ª', percent: 1.4 },
-        ];
-
-        const colocacaoPrimeiraOpcao = [
-            { faculdade: 'FLUC', valor: 330, total: 540 },
-            { faculdade: 'FDUC', valor: 273, total: 383 },
-            { faculdade: 'FMUC', valor: 199, total: 347 },
-            { faculdade: 'FCTUC', valor: 735, total: 1005 },
-            { faculdade: 'FFUC', valor: 177, total: 258 },
-            { faculdade: 'FEUC', valor: 187, total: 334 },
-            { faculdade: 'FPCEUC', valor: 134极=, total: 238 },
-            { faculdade: 'FCDEFUC', valor: 89, total: 极=96 },
-            { faculdade: 'ESEUC', valor: 152, total: 274 },
-        ];
-
-        const matriculas = [
-            { faculdade: 'FLUC', matriculados: 494, colocados: 540 },
-            { faculdade: 'FDU极=C', matriculados: 345, colocados: 383 },
-            { faculdade极=: 'FMUC', matriculados: 344, colocados: 347 },
-            { faculdade: 'FCTUC', matriculados: 967, colocados: 1005 },
-            { faculdade: 'FFUC', matriculados: 246, colocados: 258 },
-            { faculdade: 'FEUC', matriculados: 303, colocados: 334 },
-            { faculdade: 'FPCEUC', matriculados: 220, colocados: 238 },
-            { faculdade: 'FCDEFUC', matriculados: 93, colocados: 96 },
-            { faculdade: 'ESEUC', matriculados: 244, colocados: 274 },
-        ];
-
-        const notas = [
-            { intervalo: ']18;20]', qtd: 427 },
-            { intervalo: ']16;18]', qtd: 1188 },
-            { intervalo: ']14;16]', qtd极=: 1162 },
-            { intervalo: ']12;14]', qtd: 455 },
-            { intervalo: '[10;12]', qtd: 24 },
-        ];
-
-        // Util
-        const pct = (a,b) => b === 0 ? 0 : Math.round((a/b)*1000)/10; // 1 casa decimal
-
-        // KPI de taxa matrícula
-        document.getElementById('taxa-matricula').textContent = pct(totalMatriculados, uc.colocados) + '%';
-
-        // Ranking
-        new Chart(document.getElementById('chart-ranking'), {
-            type: 'bar',
-            data: {
-                labels: rankingColocados.map(r => r.universidade),
-                datasets: [{ label: 'Colocados/as', data: rankingColocados.map(r => r.colocados), borderWidth: 1, backgroundColor: '#3B82F6' }]
-            },
-            options: {
-                responsive: true,
-                maintainAspectRatio: false,
-                plugins: { tooltip: { callbacks: { label: ctx => ctx.parsed.y.toLocaleString('pt-PT') } } },
-                scales: { y: { beginAtZero: true } }
-            }
-        });
-
-        // Opções
-        new Chart(document.getElementById('chart-opcoes'), {
-            type: 'bar',
-            data: {
-                labels: procuraOpcoes.map(o => o.opcao),
-                datasets: [{ label: '%', data: procuraOpcoes.map(o => o.percent), borderWidth: 1, backgroundColor: '#10B981' }]
-            },
-            options: {
-                responsive: true,
-                maintainAspectRatio: false,
-                plugins: { tooltip: { callbacks: { label: ctx => ctx.parsed.y + '%' } } },
-                scales: { y: { beginAtZero: true, ticks: { callback: v => v + '%' } } }
-            }
-        });
-
-        // Sexo
-        new Chart(document.getElementById('chart-sexo'), {
-            type: 'pie',
-            data: {
-                labels: uc.sexo.map(s => s.label),
-                datasets: [{ data: uc.sexo.map(s => s.value), backgroundColor: ['#3B82F6', '#10B981'] }]
-            },
-            options: { responsive: true, maintainAspectRatio: false }
-        });
-
-        // 1.ª opção por Faculdade
-        new Chart(document.getElementById('chart-primeira-opcao'), {
-            type: 'bar',
-            data: {
-                labels: colocacaoPrimeiraOpcao.map(f => f.faculdade),
-                datasets: [{
-                    label: '% 1.ª opção',
-                    data: colocacaoPrimeiraOpcao.map(f => pct(f.val极=or, f.total)),
-                    borderWidth: 1,
-                    backgroundColor: '#8B5CF6'
-                }]
-            },
-            options: {
-                responsive: true,
-                maintainAspectRatio: false,
-                plugins: { tooltip: { callbacks: { label: ctx => ctx.parsed.y + '%' }极= } },
-                scales: { y: { beginAtZero: true, ticks: { callback: v => v + '%' } } }
-            }
-        });
+        <div>
+          <h3 class="text-xl font-bold mb-4">Contactos</h3>
+          <address class="text-gray-400 not-italic">
+            <p>Rua Pedro Nunes, Instituto Pedro Nunes, Bloco C - 3030-792</p>
+            <p>Email: info@blackmonstermedia.com</p>
+            <p>Telefone: 914251472</p>
+          </address>
+        </div>
+      </div>
+      <div class="border-t border-gray-700 mt-8 pt-8 text-center text-gray-400">
+        <p>&copy; 2025 Black Monster Media. Todos os direitos reservados.</p>
+      </div>
+    </div>
+  </footer>
 
-        // Matrículas por Faculdade
-        new Chart(document.getElementById('chart-matriculas'), {
-            type: 'bar',
-            data: {
-                labels: matriculas.map(m => m.faculdade),
-                datasets: [{
-                    label: 'Taxa de matrícula (%)',
-                    data: matriculas.map(m => pct(m.matriculados, m.colocados)),
-                    borderWidth: 1,
-                    backgroundColor: '#F59E0B'
-                }]
-            },
-            options: {
-                responsive: true,
-                maintainAspectRatio: false,
-                plugins: { tooltip: { callbacks: { label: ctx => ctx.parsed.y + '%' } } },
-                scales: { y: { beginAtZero: true, ticks: { callback: v => v + '%' } } }
-            }
-        });
+  <script>
+    AOS.init({ duration: 800, easing: 'ease-in-out', once: true });
+    feather.replace();
 
-        // Notas
-        new Chart(document.getElementById('chart-notas'), {
-            type: 'bar',
-            data: {
-                labels: notas.map(n => n.intervalo),
-                datasets: [{ label: 'Matriculados/as', data: notas.map(n => n.qtd), borderWidth: 1, backgroundColor: '#EC4899' }]
-            },
-            options: { responsive: true, maintainAspectRatio: false, scales: { y: { beginAtZero: true } } }
-        });
-    </script>
-</body>
-</html>
-=======================
-    // Dados — EXACTOS do report
+    // =======================
+    // Dados (limpos)
     // =======================
     const numerosGerais = { candidatos: 55292, vagas: 48718 };
     const uc = { candidaturas: 19334, colocados: 3475, sexo: [{label: 'Feminino', value: 63.3},{label: 'Masculino', value: 36.7}] };
@@ -881,12 +279,12 @@
 
     // Util
     const pct = (a,b) => b === 0 ? 0 : Math.round((a/b)*1000)/10; // 1 casa decimal
-
-    // KPI de taxa matrícula
+    document.getElementById('kpi-candidatos').textContent = numerosGerais.candidatos.toLocaleString('pt-PT');
+    document.getElementById('kpi-vagas').textContent = numerosGerais.vagas.toLocaleString('pt-PT');
+    document.getElementById('kpi-colocados-uc').textContent = uc.colocados.toLocaleString('pt-PT');
     document.getElementById('taxa-matricula').textContent = pct(totalMatriculados, uc.colocados) + '%';
 
-    // Cores (deixamos Chart.js escolher por defeito, sem estilos rígidos)
-
+    // Gráficos (cores deixam o Chart.js escolher por defeito)
     // Ranking
     new Chart(document.getElementById('chart-ranking'), {
       type: 'bar',
@@ -976,4 +374,4 @@
     });
   </script>
 </body>
-</html>
+</html>

index.html

@@ -7,25 +7,17 @@
     <script src="https://cdn.tailwindcss.com"></script>
     <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
     <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
-    <script src="https://unpkg.com/feather-icons"></script>
     <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
     <style>
-        .report-card {
-            transition: all 0.3s ease;
-        }
+        .report-card { transition: all 0.3s ease; }
         .report-card:hover {
             transform: translateY(-5px);
-            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
-        }
-        .bg-uc-blue {
-            background-color: #003366;
-        }
-        .text-uc-gold {
-            color: #FFD700;
-        }
-        .border-uc-gold {
-            border-color: #FFD700;
+            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),
+                        0 10px 10px -5px rgba(0, 0, 0, 0.04);
         }
+        .bg-uc-blue { background-color: #003366; }
+        .text-uc-gold { color: #FFD700; }
+        .border-uc-gold { border-color: #FFD700; }
     </style>
 </head>
 <body class="bg-gray-50">
@@ -126,37 +118,18 @@
                     </div>
                 </div>
 
-                <!-- Qualifica -->
+                <!-- Atratividade -->
                 <div class="report-card bg-white rounded-xl shadow-md overflow-hidden border-l-4 border-uc-gold" data-aos="fade-up" data-aos-delay="250">
                     <div class="p-6">
                         <div class="flex items-center mb-4">
                             <div class="bg-yellow-100 p-3 rounded-full mr-4">
                                 <i data-feather="book" class="text-yellow-600"></i>
                             </div>
-                            <h3 class="text-xl font-bold text-gray-800">Qualifica</h3>
-                        </div>
-                        <p class="text-gray-600 mb-4">Análise do mês de Março.</p>
-                        <div class="flex justify-between items-center">
-                            <span class="text-sm text-gray-500">Período: Março</span>
-                            <a href="qualifica.html" class="text-uc-blue hover:text-blue-700 font-medium flex items-center">
-                                Ver relatório <i data-feather="chevron-right" class="ml-1"></i>
-                            </a>
-                        </div>
-                    </div>
-                </div>
-
-                <!-- Atratividade -->
-                <div class="report-card bg-white rounded-xl shadow-md overflow-hidden border-l-4 border-uc-gold" data-aos="fade-up" data-aos-delay="300">
-                    <div class="p-6">
-                        <div class="flex items-center mb-4">
-                            <div class="bg-red-100 p-3 rounded-full mr-4">
-                                <i data-feather="trending-up" class="text-red-600"></i>
-                            </div>
                             <h3 class="text-xl font-bold text-gray-800">Atratividade</h3>
                         </div>
-                        <p class="text-gray-600 mb-4">Relatório de Junho a Setembro.</p>
+                        <p class="text-gray-600 mb-4">Análise do período de 21 maio a 22 setembro de 2025.</p>
                         <div class="flex justify-between items-center">
-                            <span class="text-sm text-gray-500">Período: Junho a Setembro</span>
+                            <span class="text-sm text-gray-500">Período: 21 maio – 22 setembro 2025</span>
                             <a href="atratividade.html" class="text-uc-blue hover:text-blue-700 font-medium flex items-center">
                                 Ver relatório <i data-feather="chevron-right" class="ml-1"></i>
                             </a>
@@ -165,7 +138,7 @@
                 </div>
 
                 <!-- Geral -->
-                <div class="report-card bg-white rounded-xl shadow-md overflow-hidden border-l-4 border-uc-gold" data-aos="fade-up" data-aos-delay="350">
+                <div class="report-card bg-white rounded-xl shadow-md overflow-hidden border-l-4 border-uc-gold" data-aos="fade-up" data-aos-delay="300">
                     <div class="p-6">
                         <div class="flex items-center mb-4">
                             <div class="bg-indigo-100 p-3 rounded-full mr-4">
@@ -184,7 +157,7 @@
                 </div>
 
                 <!-- CNA - Matrículas -->
-                <div class="report-card bg-white rounded-xl shadow-md overflow-hidden border-l-4 border-uc-gold" data-aos="fade-up" data-aos-delay="400">
+                <div class="report-card bg-white rounded-xl shadow-md overflow-hidden border-l-4 border-uc-gold" data-aos="fade-up" data-aos-delay="350">
                     <div class="p-6">
                         <div class="flex items-center mb-4">
                             <div class="bg-teal-100 p-3 rounded-full mr-4">
@@ -229,11 +202,7 @@
     </footer>
 
     <script>
-        AOS.init({
-            duration: 800,
-            easing: 'ease-in-out',
-            once: true
-        });
+        AOS.init({ duration: 800, easing: 'ease-in-out', once: true });
         feather.replace();
     </script>
 </body>

prompts.txt

@@ -658,4 +658,502 @@ CPC: 0,13€
 CTR: 0,46%
 continua completamente desformatado
 analisa a página e procura erros de formatação 
-cria agora a da atratividade
+cria agora a da atratividade
+Ok, agora vamos à página da atratividade, eis os dados: 
+Relatório ATRATIVIDADE (21 maio – 22 setembro)
+LinkedIn
+
+Investimento: 1 017,90 €
+
+Impressões: 82 572
+
+CPM: 12,33 €
+
+Cliques: 610
+
+CTR: 0,74%
+
+Google Ads
+
+Investimento: 5 431,42 €
+
+Impressões: 3 988 565
+
+Cliques: 71 605
+
+CPC: 0,08 €
+
+CTR: 1,79%
+
+Meta (Facebook + Instagram)
+
+Investimento: 5 320,96 €
+
+Alcance: 1 596 922
+
+Impressões: 5 399 160
+
+Link Clicks: 29 223
+
+CTR: 1,82%
+
+CPC: 0,18 €
+
+TikTok
+
+Investimento: 2 188,74 €
+
+Impressões: 3 670 971
+
+Alcance: 301 516
+
+Cliques: 16 807
+
+CPC: 0,13 €
+
+CTR: 0,46%
+Ok, agora vamos à página da atratividade, eis os dados: 
+Relatório ATRATIVIDADE (21 maio – 22 setembro)
+LinkedIn
+
+Investimento: 1 017,90 €
+
+Impressões: 82 572
+
+CPM: 12,33 €
+
+Cliques: 610
+
+CTR: 0,74%
+
+Google Ads
+
+Investimento: 5 431,42 €
+
+Impressões: 3 988 565
+
+Cliques: 71 605
+
+CPC: 0,08 €
+
+CTR: 1,79%
+
+Meta (Facebook + Instagram)
+
+Investimento: 5 320,96 €
+
+Alcance: 1 596 922
+
+Impressões: 5 399 160
+
+Link Clicks: 29 223
+
+CTR: 1,82%
+
+CPC: 0,18 €
+
+TikTok
+
+Investimento: 2 188,74 €
+
+Impressões: 3 670 971
+
+Alcance: 301 516
+
+Cliques: 16 807
+
+CPC: 0,13 €
+
+CTR: 0,46%
+Vamos criar a página do bloco "Atratividade" 
+Aqui estão os dados: 
+Relatório ATRATIVIDADE (21 maio – 22 setembro)
+LinkedIn
+
+Investimento: 1 017,90 €
+
+Impressões: 82 572
+
+CPM: 12,33 €
+
+Cliques: 610
+
+CTR: 0,74%
+
+Google Ads
+
+Investimento: 5 431,42 €
+
+Impressões: 3 988 565
+
+Cliques: 71 605
+
+CPC: 0,08 €
+
+CTR: 1,79%
+
+Meta (Facebook + Instagram)
+
+Investimento: 5 320,96 €
+
+Alcance: 1 596 922
+
+Impressões: 5 399 160
+
+Link Clicks: 29 223
+
+CTR: 1,82%
+
+CPC: 0,18 €
+
+TikTok
+
+Investimento: 2 188,74 €
+
+Impressões: 3 670 971
+
+Alcance: 301 516
+
+Cliques: 16 807
+
+CPC: 0,13 €
+
+CTR: 0,46%
+A página está desformatada. 
+Eis os dados 
+Relatório ATRATIVIDADE (21 maio – 22 setembro)
+LinkedIn
+
+Investimento: 1 017,90 €
+
+Impressões: 82 572
+
+CPM: 12,33 €
+
+Cliques: 610
+
+CTR: 0,74%
+
+Google Ads
+
+Investimento: 5 431,42 €
+
+Impressões: 3 988 565
+
+Cliques: 71 605
+
+CPC: 0,08 €
+
+CTR: 1,79%
+
+Meta (Facebook + Instagram)
+
+Investimento: 5 320,96 €
+
+Alcance: 1 596 922
+
+Impressões: 5 399 160
+
+Link Clicks: 29 223
+
+CTR: 1,82%
+
+CPC: 0,18 €
+
+TikTok
+
+Investimento: 2 188,74 €
+
+Impressões: 3 670 971
+
+Alcance: 301 516
+
+Cliques: 16 807
+
+CPC: 0,13 €
+
+CTR: 0,46%
+Relatório ATRATIVIDADE (21 maio – 22 setembro)
+LinkedIn
+
+Investimento: 1 017,90 €
+
+Impressões: 82 572
+
+CPM: 12,33 €
+
+Cliques: 610
+
+CTR: 0,74%
+
+Google Ads
+
+Investimento: 5 431,42 €
+
+Impressões: 3 988 565
+
+Cliques: 71 605
+
+CPC: 0,08 €
+
+CTR: 1,79%
+
+Meta (Facebook + Instagram)
+
+Investimento: 5 320,96 €
+
+Alcance: 1 596 922
+
+Impressões: 5 399 160
+
+Link Clicks: 29 223
+
+CTR: 1,82%
+
+CPC: 0,18 €
+
+TikTok
+
+Investimento: 2 188,74 €
+
+Impressões: 3 670 971
+
+Alcance: 301 516
+
+Cliques: 16 807
+
+CPC: 0,13 €
+
+CTR: 0,46%
+continua cheio de erros de design. 
+Procura problemas no design e corrige-os. 
+
+Eis os dados: 
+Relatório ATRATIVIDADE (21 maio – 22 setembro)
+LinkedIn
+
+Investimento: 1 017,90 €
+
+Impressões: 82 572
+
+CPM: 12,33 €
+
+Cliques: 610
+
+CTR: 0,74%
+
+Google Ads
+
+Investimento: 5 431,42 €
+
+Impressões: 3 988 565
+
+Cliques: 71 605
+
+CPC: 0,08 €
+
+CTR: 1,79%
+
+Meta (Facebook + Instagram)
+
+Investimento: 5 320,96 €
+
+Alcance: 1 596 922
+
+Impressões: 5 399 160
+
+Link Clicks: 29 223
+
+CTR: 1,82%
+
+CPC: 0,18 €
+
+TikTok
+
+Investimento: 2 188,74 €
+
+Impressões: 3 670 971
+
+Alcance: 301 516
+
+Cliques: 16 807
+
+CPC: 0,13 €
+
+CTR: 0,46%
+Vamos criar a página da atratividade
+Insere os dados que são: 
+Relatório ATRATIVIDADE (21 maio – 22 setembro)
+LinkedIn
+
+Investimento: 1 017,90 €
+
+Impressões: 82 572
+
+CPM: 12,33 €
+
+Cliques: 610
+
+CTR: 0,74%
+
+Google Ads
+
+Investimento: 5 431,42 €
+
+Impressões: 3 988 565
+
+Cliques: 71 605
+
+CPC: 0,08 €
+
+CTR: 1,79%
+
+Meta (Facebook + Instagram)
+
+Investimento: 5 320,96 €
+
+Alcance: 1 596 922
+
+Impressões: 5 399 160
+
+Link Clicks: 29 223
+
+CTR: 1,82%
+
+CPC: 0,18 €
+
+TikTok
+
+Investimento: 2 188,74 €
+
+Impressões: 3 670 971
+
+Alcance: 301 516
+
+Cliques: 16 807
+
+CPC: 0,13 €
+
+CTR: 0,46%
+Vamos criar o report "atratividade" 
+Esta é a imagem do site, está toda errada. 
+Podes corrigir e meter os valores certos? 
+
+LinkedIn
+
+Investimento: 1 017,90 €
+
+Impressões: 82 572
+
+CPM: 12,33 €
+
+Cliques: 610
+
+CTR: 0,74%
+
+Google Ads
+
+Investimento: 5 431,42 €
+
+Impressões: 3 988 565
+
+Cliques: 71 605
+
+CPC: 0,08 €
+
+CTR: 1,79%
+
+Meta (Facebook + Instagram)
+
+Investimento: 5 320,96 €
+
+Alcance: 1 596 922
+
+Impressões: 5 399 160
+
+Link Clicks: 29 223
+
+CTR: 1,82%
+
+CPC: 0,18 €
+
+TikTok
+
+Investimento: 2 188,74 €
+
+Impressões: 3 670 971
+
+Alcance: 301 516
+
+Cliques: 16 807
+
+CPC: 0,13 €
+
+CTR: 0,46%
+Corrige a parte do linkedin
+Vamos criar a parte do qualifica. 
+Eis os dados:
+LinkedIn
+
+Investimento: 1 017,90 €
+
+Impressões: 82 572
+
+CPM: 12,33 €
+
+Cliques: 610
+
+CTR: 0,74%
+
+Google Ads
+
+Investimento: 5 431,42 €
+
+Impressões: 3 988 565
+
+Cliques: 71 605
+
+CPC: 0,08 €
+
+CTR: 1,79%
+
+Meta (Facebook + Instagram)
+
+Investimento: 5 320,96 €
+
+Alcance: 1 596 922
+
+Impressões: 5 399 160
+
+Link Clicks: 29 223
+
+CTR: 1,82%
+
+CPC: 0,18 €
+
+TikTok
+
+Investimento: 2 188,74 €
+
+Impressões: 3 670 971
+
+Alcance: 301 516
+
+Cliques: 16 807
+
+CPC: 0,13 €
+
+CTR: 0,46%
+tens alguns erros e caracteres chineses, podes pf corrigir? 
+está melhor mas no investimento total tens ainda código <极i data-feather="dollar-sign" class="text-yellow-600"> 
+Corrige
+No resumo do meta tens o CTR antes do CPC mas em todos os outros segues a mesma lógica. 
+Podes manter a coêrencia? 
+Podes adicionar uma seccção de noticias sobre a campanha? 
+Aqui estão os links das noticias 
+https://marketeer.sapo.pt/a-universidade-de-coimbra-nao-e-vidente-mas-agora-mostra-o-futuro/
+https://www.diariocoimbra.pt/2025/06/02/universidade-de-coimbra-provoca-futuros-alunos/
+https://marketeer.sapo.pt/a-universidade-de-coimbra-ja-nao-e-o-que-era-e-esta-campanha-mostra-porque/
+https://www.briefing.pt/noticias/a-universidade-de-coimbra-faz-pressao-para-o-futuro/
+https://www.premioslusofonos.com/vencedores-3%C2%BA-quadrimestre
+não me aparece nada

qualifica.html

@@ -0,0 +1,331 @@
+<!DOCTYPE html>
+<html lang="pt-PT">
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+  <title>Atratividade - Relatórios UC</title>
+
+  <!-- Tailwind -->
+  <script src="https://cdn.tailwindcss.com"></script>
+
+  <!-- AOS -->
+  <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet"/>
+  <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
+
+  <!-- Feather Icons -->
+  <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
+
+  <style>
+    .stat-card { transition: all 0.3s ease; }
+    .stat-card:hover { transform: translateY(-3px); box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1); }
+    .bg-uc-blue { background-color: #003366; }
+    .text-uc-gold { color: #FFD700; }
+    .border-uc-gold { border-color: #FFD700; }
+  </style>
+</head>
+<body class="bg-gray-50">
+  <!-- Header -->
+  <header class="bg-uc-blue text-white shadow-lg">
+    <div class="container mx-auto px-6 py-6">
+      <div class="flex justify-between items-center">
+        <div>
+          <h1 class="text-xl font-bold">Universidade de Coimbra</h1>
+          <p class="text-gray-300 text-sm">Relatórios de Advertising 2025 - Black Monster Media</p>
+        </div>
+        <a href="index.html" class="text-uc-gold hover:text-yellow-400 font-medium flex items-center">
+          <i data-feather="home" class="mr-2"></i> Voltar ao Início
+        </a>
+      </div>
+    </div>
+  </header>
+
+  <!-- Hero Section -->
+  <section class="relative bg-gradient-to-br from-yellow-500 via-yellow-600 to-uc-blue text-white py-16">
+    <div class="absolute inset-0">
+      <div class="absolute inset-0 bg-gradient-to-r from-yellow-500/20 to-yellow-700/30"></div>
+      <div class="absolute inset-0 bg-[url('http://static.photos/education/1200x630/6')] bg-cover bg-center mix-blend-overlay opacity-10"></div>
+    </div>
+    <div class="container mx-auto px-6 relative z-10 text-center">
+      <div class="flex items-center justify-center mb-6">
+        <div class="bg-yellow-100 p-4 rounded-full mr-4">
+          <i data-feather="book" class="text-yellow-600 text-2xl"></i>
+        </div>
+        <h1 class="text-3xl md:text-4xl font-bold">Atratividade</h1>
+      </div>
+      <p class="text-xl mb-8 max-w-3xl mx-auto" data-aos="fade-up">
+        Campanha realizada entre <strong>21 de maio</strong> e <strong>22 de setembro de 2025</strong>
+      </p>
+    </div>
+  </section>
+
+  <!-- Overview Section -->
+  <section class="py-12 bg-white">
+    <div class="container mx-auto px-6">
+      <div class="grid grid-cols-1 md:grid-cols-3 gap-8 mb-12">
+        <!-- Total Investment -->
+        <div class="stat-card bg-white rounded-xl shadow-lg p-6 text-center border-l-4 border-yellow-500" data-aos="fade-up">
+          <div class="bg-yellow-100 p-3 rounded-full inline-flex mb-4">
+            <i data-feather="dollar-sign" class="text-yellow-600"></i>
+          </div>
+          <h3 class="text-2xl font-bold text-gray-800 mb-2">€13.959,02</h3>
+          <p class="text-gray-600">Investimento Total</p>
+        </div>
+
+        <!-- Total Impressions -->
+        <div class="stat-card bg-white rounded-xl shadow-lg p-6 text-center border-l-4 border-blue-500" data-aos="fade-up" data-aos-delay="100">
+          <div class="bg-blue-100 p-3 rounded-full inline-flex mb-4">
+            <i data-feather="eye" class="text-blue-600"></i>
+          </div>
+          <h3 class="text-2xl font-bold text-gray-800 mb-2">13.141.268</h3>
+          <p class="text-gray-600">Total de Impressões</p>
+        </div>
+
+        <!-- Total Clicks -->
+        <div class="stat-card bg-white rounded-xl shadow-lg p-6 text-center border-l-4 border-green-500" data-aos="fade-up" data-aos-delay="200">
+          <div class="bg-green-100 p-3 rounded-full inline-flex mb-4">
+            <i data-feather="mouse-pointer" class="text-green-600"></i>
+          </div>
+          <h3 class="text-2xl font-bold text-gray-800 mb-2">118.245</h3>
+          <p class="text-gray-600">Total de Cliques</p>
+        </div>
+      </div>
+      <!-- Platform Comparison -->
+      <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8 mb-12">
+        <!-- Card base styles via reusable classes -->
+        <style>
+          .metrics { font-variant-numeric: tabular-nums; }
+          .metrics dt { color: #4b5563; } /* text-gray-600 */
+          .metrics dd { font-weight: 600; text-align: right; }
+          .metric { display: grid; grid-template-columns: 1fr auto; align-items: baseline; }
+        </style>
+
+        <!-- LinkedIn -->
+        <div class="rounded-2xl p-6 shadow-md bg-blue-50" data-aos="fade-up">
+          <div class="flex items-center mb-6">
+            <div class="bg-blue-600 p-3 rounded-full mr-4">
+              <i data-feather="briefcase" class="text-white"></i>
+            </div>
+            <h2 class="text-xl font-bold text-gray-800 leading-tight">LinkedIn</h2>
+          </div>
+          <dl class="metrics space-y-3">
+            <div class="metric">
+              <dt>Período:</dt>
+              <dd>21 mai&nbsp;–&nbsp;22 set 2025</dd>
+            </div>
+            <div class="metric">
+              <dt>Investimento:</dt>
+              <dd>€1.017,90</dd>
+            </div>
+            <div class="metric">
+              <dt>Impressões:</dt>
+              <dd>82.572</dd>
+            </div>
+            <div class="metric">
+              <dt>CPM:</dt>
+              <dd>€12,33</dd>
+            </div>
+            <div class="metric">
+              <dt>Cliques:</dt>
+              <dd>610</dd>
+            </div>
+            <div class="metric">
+              <dt>CTR:</dt>
+              <dd class="text-green-600">0,74%</dd>
+            </div>
+          </dl>
+        </div>
+
+        <!-- Google Ads -->
+        <div class="rounded-2xl p-6 shadow-md bg-red-50" data-aos="fade-up" data-aos-delay="100">
+          <div class="flex items-center mb-6">
+            <div class="bg-red-600 p-3 rounded-full mr-4">
+              <i data-feather="search" class="text-white"></i>
+            </div>
+            <h2 class="text-xl font-bold text-gray-800 leading-tight">Google Ads</h2>
+          </div>
+          <dl class="metrics space-y-3">
+            <div class="metric"><dt>Período:</dt><dd>21 mai&nbsp;–&nbsp;22 set 2025</dd></div>
+            <div class="metric"><dt>Investimento:</dt><dd>€5.431,42</dd></div>
+            <div class="metric"><dt>Impressões:</dt><dd>3.988.565</dd></div>
+            <div class="metric"><dt>Cliques:</dt><dd>71.605</dd></div>
+            <div class="metric"><dt>CPC:</dt><dd>€0,08</dd></div>
+            <div class="metric"><dt>CTR:</dt><dd class="text-green-600">1,79%</dd></div>
+          </dl>
+        </div>
+
+        <!-- Meta -->
+        <div class="rounded-2xl p-6 shadow-md bg-purple-50" data-aos="fade-up" data-aos-delay="200">
+          <div class="flex items-center mb-6">
+            <div class="bg-purple-600 p-3 rounded-full mr-4">
+              <i data-feather="share-2" class="text-white"></i>
+            </div>
+            <h2 class="text-xl font-bold text-gray-800 leading-tight">Meta (Facebook&nbsp;+&nbsp;Instagram)</h2>
+          </div>
+          <dl class="metrics space-y-3">
+            <div class="metric"><dt>Período:</dt><dd>21 mai&nbsp;–&nbsp;22 set 2025</dd></div>
+            <div class="metric"><dt>Investimento:</dt><dd>€5.320,96</dd></div>
+            <div class="metric"><dt>Alcance:</dt><dd>1.596.922</dd></div>
+            <div class="metric"><dt>Impressões:</dt><dd>5.399.160</dd></div>
+            <div class="metric"><dt>Link Clicks:</dt><dd>29.223</dd></div>
+            <div class="metric"><dt>CTR:</dt><dd class="text-green-600">1,82%</dd></div>
+            <div class="metric"><dt>CPC:</dt><dd>€0,18</dd></div>
+          </dl>
+        </div>
+
+        <!-- TikTok -->
+        <div class="rounded-2xl p-6 shadow-md bg-pink-50" data-aos="fade-up" data-aos-delay="300">
+          <div class="flex items-center mb-6">
+            <div class="bg-pink-600 p-3 rounded-full mr-4">
+              <i data-feather="video" class="text-white"></i>
+            </div>
+            <h2 class="text-xl font-bold text-gray-800 leading-tight">TikTok</h2>
+          </div>
+          <dl class="metrics space-y-3">
+            <div class="metric"><dt>Período:</dt><dd>21 mai&nbsp;–&nbsp;22 set 2025</dd></div>
+            <div class="metric"><dt>Investimento:</dt><dd>€2.188,74</dd></div>
+            <div class="metric"><dt>Impressões:</dt><dd>3.670.971</dd></div>
+            <div class="metric"><dt>Alcance:</dt><dd>301.516</dd></div>
+            <div class="metric"><dt>Cliques:</dt><dd>16.807</dd></div>
+            <div class="metric"><dt>CPC:</dt><dd>€0,13</dd></div>
+            <div class="metric"><dt>CTR:</dt><dd class="text-green-600">0,46%</dd></div>
+          </dl>
+        </div>
+      </div>
+
+      <!-- Observations -->
+      <div class="bg-yellow-50 rounded-xl p-8 shadow-md border-l-4 border-yellow-500" data-aos="fade-up">
+        <div class="flex items-center mb-6">
+          <div class="bg-yellow-500 p-3 rounded-full mr-4">
+            <i data-feather="alert-circle" class="text-white"></i>
+          </div>
+          <h2 class="text-2xl font-bold text-gray-800">Observações</h2>
+        </div>
+        <div class="space-y-4 text-gray-700">
+          <p>📊 <strong>Investimento diversificado:</strong> Campanha abrangente em 4 plataformas diferentes.</p>
+          <p>🎯 <strong>Alto alcance:</strong> Mais de 13 milhões de impressões alcançadas.</p>
+          <p>💰 <strong>CPC eficiente:</strong> Custos por clique muito competitivos em todas as plataformas.</p>
+          <p>📈 <strong>CTR sólido:</strong> Taxas de click-through consistentes, especialmente no Google Ads e Meta.</p>
+        </div>
+      </div>
+
+      <!-- Clipping -->
+      <div class="mt-12" data-aos="fade-up">
+        <div class="flex items-center mb-6">
+          <div class="bg-uc-blue p-3 rounded-full mr-4">
+            <i data-feather="paperclip" class="text-white"></i>
+          </div>
+          <h2 class="text-2xl font-bold text-gray-800">Clipping</h2>
+        </div>
+
+        <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
+          <a href="https://marketeer.sapo.pt/a-universidade-de-coimbra-nao-e-vidente-mas-agora-mostra-o-futuro/" target="_blank" rel="noopener noreferrer"
+             class="block group rounded-xl border border-gray-200 bg-white p-6 shadow-sm hover:shadow-md transition">
+            <div class="flex items-start">
+              <div class="bg-gray-100 rounded-full p-2 mr-3">
+                <i data-feather="external-link"></i>
+              </div>
+              <div>
+                <p class="text-sm text-gray-500">Marketeer</p>
+                <h3 class="mt-1 font-semibold text-gray-800 group-hover:text-uc-blue">
+                  A Universidade de Coimbra não é vidente, mas agora mostra o futuro
+                </h3>
+              </div>
+            </div>
+          </a>
+
+          <a href="https://www.diariocoimbra.pt/2025/06/02/universidade-de-coimbra-provoca-futuros-alunos/" target="_blank" rel="noopener noreferrer"
+             class="block group rounded-xl border border-gray-200 bg-white p-6 shadow-sm hover:shadow-md transition">
+            <div class="flex items-start">
+              <div class="bg-gray-100 rounded-full p-2 mr-3">
+                <i data-feather="external-link"></i>
+              </div>
+              <div>
+                <p class="text-sm text-gray-500">Diário de Coimbra</p>
+                <h3 class="mt-1 font-semibold text-gray-800 group-hover:text-uc-blue">
+                  Universidade de Coimbra provoca futuros alunos
+                </h3>
+              </div>
+            </div>
+          </a>
+
+          <a href="https://marketeer.sapo.pt/a-universidade-de-coimbra-ja-nao-e-o-que-era-e-esta-campanha-mostra-porque/" target="_blank" rel="noopener noreferrer"
+             class="block group rounded-xl border border-gray-200 bg-white p-6 shadow-sm hover:shadow-md transition">
+            <div class="flex items-start">
+              <div class="bg-gray-100 rounded-full p-2 mr-3">
+                <i data-feather="external-link"></i>
+              </div>
+              <div>
+                <p class="text-sm text-gray-500">Marketeer</p>
+                <h3 class="mt-1 font-semibold text-gray-800 group-hover:text-uc-blue">
+                  A Universidade de Coimbra já não é o que era – e esta campanha mostra porquê
+                </h3>
+              </div>
+            </div>
+          </a>
+
+          <a href="https://www.briefing.pt/noticias/a-universidade-de-coimbra-faz-pressao-para-o-futuro/" target="_blank" rel="noopener noreferrer"
+             class="block group rounded-xl border border-gray-200 bg-white p-6 shadow-sm hover:shadow-md transition">
+            <div class="flex items-start">
+              <div class="bg-gray-100 rounded-full p-2 mr-3">
+                <i data-feather="external-link"></i>
+              </div>
+              <div>
+                <p class="text-sm text-gray-500">Briefing</p>
+                <h3 class="mt-1 font-semibold text-gray-800 group-hover:text-uc-blue">
+                  A Universidade de Coimbra faz pressão para o futuro
+                </h3>
+              </div>
+            </div>
+          </a>
+
+          <a href="https://www.premioslusofonos.com/vencedores-3%C2%BA-quadrimestre" target="_blank" rel="noopener noreferrer"
+             class="block group rounded-xl border border-gray-200 bg-white p-6 shadow-sm hover:shadow-md transition md:col-span-2">
+            <div class="flex items-start">
+              <div class="bg-gray-100 rounded-full p-2 mr-3">
+                <i data-feather="award"></i>
+              </div>
+              <div>
+                <p class="text-sm text-gray-500">Prémios Lusófonos</p>
+                <h3 class="mt-1 font-semibold text-gray-800 group-hover:text-uc-blue">
+                  Vencedores – 3.º Quadrimestre
+                </h3>
+                <p class="text-sm text-gray-500 mt-1">Listagem oficial de vencedores.</p>
+              </div>
+            </div>
+          </a>
+        </div>
+      </div>
+      <!-- /Clipping -->
+
+    </div>
+  </section>
+
+  <!-- Footer -->
+  <footer class="bg-gray-800 text-white py-12">
+    <div class="container mx-auto px-6">
+      <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
+        <div class="md:col-span-2">
+          <h3 class="text-xl font-bold mb-4">Universidade de Coimbra</h3>
+          <p class="text-gray-400">Análise de dados e relatórios de marketing institucional.</p>
+        </div>
+        <div>
+          <h3 class="text-xl font-bold mb-4">Contactos</h3>
+          <address class="text-gray-400 not-italic">
+            <p>Rua Pedro Nunes, Instituto Pedro Nunes, Bloco C - 3030-792</p>
+            <p>Email: info@blackmonstermedia.com</p>
+            <p>Telefone: 914251472</p>
+          </address>
+        </div>
+      </div>
+      <div class="border-t border-gray-700 mt-8 pt-8 text-center text-gray-400">
+        <p>&copy; 2025 Black Monster Media. Todos os direitos reservados.</p>
+      </div>
+    </div>
+  </footer>
+
+  <script>
+    AOS.init({ duration: 800, easing: 'ease-in-out', once: true });
+    feather.replace();
+  </script>
+</body>
+</html>

universidade-verao.html

@@ -89,7 +89,7 @@
                 </div>
 
                 <!-- Total Clicks -->
-                <div class="stat-card bg-white rounded-xl shadow-lg p-6 text-center border极-4 border-purple-500" data-aos="fade-up" data-aos-delay="200">
+                <div class="stat-card bg-white rounded-xl shadow-lg p-6 text-center border-l-4 border-purple-500" data-aos="fade-up" data-aos-delay="200">
                     <div class="bg-purple-100 p-3 rounded-full inline-flex mb-4">
                         <i data-feather="mouse-pointer" class="text-purple-600"></i>
                     </div>