diff --git a/assets/css/custom.css b/assets/css/custom.css
index 5659b3e..1b77b73 100644
--- a/assets/css/custom.css
+++ b/assets/css/custom.css
@@ -1,29 +1,101 @@
-@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&family=Open+Sans&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap');
+
+:root {
+ --primary-color: #0d6efd;
+ --secondary-color: #6c757d;
+ --light-color: #f8f9fa;
+ --dark-color: #212529;
+ --body-gradient-start: #e0e5ff;
+ --body-gradient-end: #d9e2f3;
+ --card-bg-color: rgba(255, 255, 255, 0.75);
+ --card-bg-color-odd: rgba(233, 236, 239, 0.75);
+ --card-bg-color-even: rgba(204, 219, 255, 0.75);
+ --card-border-color: rgba(255, 255, 255, 0.2);
+ --shadow-color: rgba(0, 0, 0, 0.1);
+ --font-family: 'Poppins', sans-serif;
+}
body {
- background-color: #f8f9fa;
- font-family: 'Open Sans', sans-serif;
+ font-family: var(--font-family);
+ background: linear-gradient(135deg, var(--body-gradient-start), var(--body-gradient-end));
+ color: var(--dark-color);
}
-h1, h5 {
- font-family: 'Roboto', sans-serif;
+header.bg-primary {
+ background: linear-gradient(135deg, #29375a 0%, #1a233f 100%) !important;
+ border-bottom: 3px solid var(--primary-color);
+}
+
+header h1 {
font-weight: 700;
-}
-
-.btn-primary {
- background-color: #1a73e8;
- border-color: #1a73e8;
-}
-
-.btn-primary:hover {
- background-color: #1765c4;
- border-color: #1765c4;
+ text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
}
.card {
- border-radius: 0.5rem;
+ border: 1px solid var(--card-border-color);
+ border-radius: 1rem;
+ box-shadow: 0 8px 32px 0 var(--shadow-color);
+ backdrop-filter: blur(12px);
+ -webkit-backdrop-filter: blur(12px);
}
-.form-control, .btn {
- border-radius: 0.25rem;
+#odds-section .card:nth-child(odd) {
+ background-color: var(--card-bg-color-odd);
}
+
+#odds-section .card:nth-child(even) {
+ background-color: var(--card-bg-color-even);
+}
+
+
+.card-header {
+ background-color: rgba(255, 255, 255, 0.5);
+ border-bottom: 1px solid var(--card-border-color);
+ font-weight: 600 !important;
+}
+
+.btn-primary {
+ background-color: var(--primary-color);
+ border: none;
+ border-radius: 0.5rem;
+ font-weight: 600;
+ transition: all 0.3s ease;
+ box-shadow: 0 4px 15px 0 rgba(13, 110, 253, 0.4);
+}
+
+.btn-primary:hover {
+ transform: translateY(-2px);
+ box-shadow: 0 6px 20px 0 rgba(13, 110, 253, 0.5);
+}
+
+.table {
+ background-color: transparent;
+}
+
+.table-striped > tbody > tr:nth-of-type(odd) > * {
+ background-color: rgba(0, 0, 0, 0.03);
+}
+
+.table-light > thead > tr > th {
+ background-color: rgba(255,255,255,0.4);
+ font-weight: 600;
+ color: var(--dark-color);
+}
+
+.badge.bg-secondary {
+ background-color: #4a5568 !important;
+ font-size: 0.9em;
+ padding: 0.5em 0.8em;
+}
+
+footer.bg-light {
+ background-color: #29375a !important;
+ color: var(--light-color);
+ padding-top: 1.5rem !important;
+ padding-bottom: 1.5rem !important;
+ margin-top: 3rem;
+}
+
+footer p {
+ color: #a0aec0;
+}
\ No newline at end of file
diff --git a/includes/odds_api.php b/includes/odds_api.php
index 38f3518..33f5a22 100644
--- a/includes/odds_api.php
+++ b/includes/odds_api.php
@@ -1,5 +1,5 @@
-
+
Próximas Partidas e Odds (Premier League)
-
-
-
- | Partida |
- Casa |
- Empate |
- Fora |
-
-
-
-
-
- |
-
+
+
+
+
+
+
+ | Casa de Apostas |
+ 1 (Casa) |
+ X (Empate) |
+ 2 (Fora) |
+
+
+
+
+
+ |
+ |
+ |
+ |
+
+ Nenhuma casa de aposta disponível para esta partida. | ';
}
- }
- ?>
- |
- |
- |
-
-
-
-
+ ?>
+
+
+
+
Não foi possível buscar as odds no momento. Verifique sua chave de API ou tente novamente mais tarde.
';
}