feat: atualização da identidade visual com cores e logo da OCI

static/css/style.css

@@ -1,33 +1,48 @@
 :root {
-    --primary-color: #1a237e;
+    --primary-color: #E8000C;
-    --secondary-color: #0d47a1;
+    --primary-dark: #B5000A;
-    --accent-color: #2962ff;
+    --primary-light: #FF1A1A;
-    --background-color: #f5f5f5;
+    --secondary-color: #2D2D2D;
-    --text-color: #212121;
+    --secondary-light: #404040;
+    --secondary-dark: #1A1A1A;
+    --background-color: #FFFFFF;
+    --text-color: #2D2D2D;
+    --text-light: #FFFFFF;
+    --hover-color: #FF1A1A;
+    --disabled-color: #999999;
 }
 
 body {
     background-color: var(--background-color);
     color: var(--text-color);
+    font-family: 'Roboto', sans-serif;
 }
 
 .navbar {
-    background: linear-gradient(135deg, var(--primary-color), var(--secondary-color)) !important;
+    background: var(--secondary-color) !important;
-    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
+    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
+    border-top: 3px solid var(--primary-color);
 }
 
 .navbar-brand {
     font-weight: 600;
     font-size: 1.4rem;
+    color: var(--text-light) !important;
+}
+
+.navbar-brand img {
+    height: 40px;
+    margin-right: 10px;
 }
 
 .nav-link {
     font-weight: 500;
     transition: all 0.3s ease;
+    color: var(--text-light) !important;
 }
 
 .nav-link:hover {
-    color: #fff !important;
+    color: var(--primary-color) !important;
     transform: translateY(-2px);
 }
 
@@ -40,20 +55,26 @@ body {
 
 .card:hover {
     transform: translateY(-5px);
+    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
 }
 
 .btn-primary {
-    background-color: var(--accent-color);
+    background-color: var(--primary-color);
     border: none;
     padding: 0.5rem 1.5rem;
     border-radius: 5px;
     font-weight: 500;
+    color: var(--text-light);
 }
 
 .btn-primary:hover {
-    background-color: var(--secondary-color);
+    background-color: var(--hover-color);
     transform: translateY(-2px);
-    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
+    box-shadow: 0 2px 5px rgba(232, 0, 12, 0.3);
+}
+
+.btn-primary:disabled {
+    background-color: var(--disabled-color);
 }
 
 .table {
@@ -64,12 +85,16 @@ body {
 }
 
 .table thead th {
-    background-color: var(--primary-color);
+    background-color: var(--secondary-color);
-    color: white;
+    color: var(--text-light);
     font-weight: 500;
     border: none;
 }
 
+.table tbody tr:hover {
+    background-color: rgba(232, 0, 12, 0.05);
+}
+
 .form-control {
     border-radius: 5px;
     border: 1px solid #e0e0e0;
@@ -77,14 +102,20 @@ body {
 }
 
 .form-control:focus {
-    border-color: var(--accent-color);
+    border-color: var(--primary-color);
-    box-shadow: 0 0 0 0.2rem rgba(41, 98, 255, 0.25);
+    box-shadow: 0 0 0 0.2rem rgba(232, 0, 12, 0.25);
 }
 
-.alert {
+.alert-success {
-    border-radius: 10px;
+    background-color: #28a745;
+    color: white;
+    border: none;
+}
+
+.alert-danger {
+    background-color: var(--primary-color);
+    color: white;
     border: none;
-    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
 }
 
 /* Animações para feedback */
@@ -110,4 +141,37 @@ body {
     .card {
         margin-bottom: 1rem;
     }
+}
+
+.dropdown-menu {
+    background-color: var(--secondary-color);
+    border: 1px solid var(--secondary-light);
+    box-shadow: 0 2px 10px rgba(0,0,0,0.2);
+}
+
+.dropdown-item {
+    color: var(--text-light) !important;
+    transition: all 0.2s ease;
+}
+
+.dropdown-item:hover {
+    background-color: var(--primary-color);
+    color: var(--text-light) !important;
+}
+
+.dropdown-divider {
+    border-top: 1px solid var(--secondary-light);
+}
+
+/* Estilo para o menu mobile */
+@media (max-width: 768px) {
+    .navbar-collapse {
+        background-color: var(--secondary-color);
+        padding: 1rem;
+        border-radius: 0 0 10px 10px;
+    }
+    
+    .navbar-brand img {
+        height: 30px;
+    }
 } 

static/img/logo002-alpha.png

@@ -0,0 +1,3 @@
+<?xml version="1.0" encoding="utf-8"?><Error><Code>AuthenticationFailed</Code><Message>Server failed to authenticate the request. Make sure the value of Authorization header is formed correctly including the signature.
+RequestId:60056aca-401e-00ed-4dc2-a3a91e000000
+Time:2025-04-02T11:28:01.6066998Z</Message><AuthenticationErrorDetail>Signed expiry time [Tue, 01 Apr 2025 20:13:08 GMT] must be after signed start time [Wed, 02 Apr 2025 11:28:01 GMT]</AuthenticationErrorDetail></Error>

templates/base.html

@@ -3,19 +3,22 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>{% block title %}{% endblock %} - Sistema de Gestão</title>
+    <title>{% block title %}{% endblock %} - Sistema de Gestão OCI</title>
     {{ bootstrap.load_css() }}
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css">
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap">
     <link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
+    <link rel="icon" type="image/png" href="{{ url_for('static', filename='img/logo002-alpha.png') }}">
     {% block extra_css %}{% endblock %}
 </head>
 <body>
     {% if current_user is defined and current_user.is_authenticated %}
     <nav class="navbar navbar-expand-lg navbar-dark">
         <div class="container">
-            <a class="navbar-brand" href="{{ url_for('home') }}">
+            <a class="navbar-brand d-flex align-items-center" href="{{ url_for('home') }}">
-                <i class="fas fa-users-cog me-2"></i>Sistema de Gestão
+                <img src="{{ url_for('static', filename='img/logo002-alpha.png') }}" alt="Logo OCI" class="me-2">
+                Sistema de Gestão OCI
             </a>
             <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
                 <span class="navbar-toggler-icon"></span>