/* CSS Personalizado - Header, Footer e Botões */
:root {
    --header-bg: #3b5998;
    --header-text: #ffffff;
    --gradient-start: #3b5998;
    --gradient-end: #4e71ba;
    --language-bar-bg: #4e71ba;
    --language-bar-text: #ffffff;
    --shadow-color: #3b5998;
    --shadow-opacity: 0.3;
    --header-height: 80px;
    --language-bar-height: 40px;
    --login-button-bg: #ffffff;
    --login-button-text: #3b5998;
    --login-button-border: #3b5998;
    --login-button-opacity: 0.2;
    --bs-primary: #ffffff;
    --bs-primary-rgb: 255, 255, 255;
    --bs-gradient-primary: linear-gradient(135deg, #ffffff 0%, #ffffff 100%);
    --bs-shadow-primary: 0 4px 15px rgba(255, 255, 255, 0.3);
    --footer-bg-main: #121212;
    --footer-bg-content: #1e1e1e;
    --footer-bg-bottom: #171717;
    --footer-text-primary: #ffffff;
    --footer-text-secondary: #adb5bd;
    --footer-links-color: #adb5bd;
    --footer-links-hover: #ffffff;
    --footer-icons-color: #0d6efd;
    --footer-titles-color: #ffffff;
    --footer-titles-line: #0d6efd;
    --footer-social-bg: #2d2d2d;
    --footer-social-color: #ffffff;
    --footer-social-hover: #0d6efd;
    --footer-app-google-play: #414141;
    --footer-app-app-store: #000000;
    --footer-app-text: #ffffff;
    --footer-bottom-text: #adb5bd;
}

.main-header {
    background: linear-gradient(135deg, var(--gradient-start) 0%, var(--gradient-end) 100%) !important;
    color: var(--header-text) !important;
    padding: calc(var(--header-height) * 0.2) 0 !important;
    box-shadow: 0 4px 15px rgba(59, 89, 152, var(--shadow-opacity)) !important;
}

.language-bar {
    background: var(--language-bar-bg) !important;
    height: var(--language-bar-height) !important;
}

.language-bar span {
    color: var(--language-bar-text) !important;
}

.main-header .navbar-nav .nav-link {
    color: var(--header-text) !important;
}

.main-header .navbar-nav .nav-link:hover {
    color: rgba(255, 255, 255, 0.8) !important;
}

body .btn-primary,
html .btn-primary,
.btn.btn-primary,
body a.btn-primary,
html a.btn-primary,
a.btn.btn-primary,
body button.btn-primary,
html button.btn-primary,
button.btn.btn-primary,
body input.btn-primary,
html input.btn-primary,
input.btn.btn-primary {
    background: #ffffff !important;
    color: #3b5998 !important;
    border: 1px solid #3b5998 !important;
    box-shadow: 0 4px 15px rgba(255, 255, 255, 0.3) !important;
    transition: all 0.3s ease !important;
}

body .btn-primary:hover,
html .btn-primary:hover,
.btn.btn-primary:hover,
body a.btn-primary:hover,
html a.btn-primary:hover,
a.btn.btn-primary:hover,
body button.btn-primary:hover,
html button.btn-primary:hover,
button.btn.btn-primary:hover,
body input.btn-primary:hover,
html input.btn-primary:hover,
input.btn.btn-primary:hover {
    background: #ffffff !important;
    color: #3b5998 !important;
    border: 1px solid #3b5998 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(255, 255, 255, 0.4) !important;
}

body .btn-primary:focus,
html .btn-primary:focus,
.btn.btn-primary:focus,
body a.btn-primary:focus,
html a.btn-primary:focus,
a.btn.btn-primary:focus,
body button.btn-primary:focus,
html button.btn-primary:focus,
button.btn.btn-primary:focus,
body input.btn-primary:focus,
html input.btn-primary:focus,
input.btn.btn-primary:focus {
    background: #ffffff !important;
    color: #3b5998 !important;
    border: 1px solid #3b5998 !important;
    box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.25) !important;
}

body .btn-primary:active,
html .btn-primary:active,
.btn.btn-primary:active,
body a.btn-primary:active,
html a.btn-primary:active,
a.btn.btn-primary:active,
body button.btn-primary:active,
html button.btn-primary:active,
button.btn.btn-primary:active,
body input.btn-primary:active,
html input.btn-primary:active,
input.btn.btn-primary:active {
    background: #ffffff !important;
    color: #3b5998 !important;
    border: 1px solid #3b5998 !important;
}

body .btn-outline-primary,
html .btn-outline-primary,
.btn.btn-outline-primary,
body a.btn-outline-primary,
html a.btn-outline-primary,
a.btn.btn-outline-primary,
body button.btn-outline-primary,
html button.btn-outline-primary,
button.btn.btn-outline-primary,
body input.btn-outline-primary,
html input.btn-outline-primary,
input.btn.btn-outline-primary {
    background: transparent !important;
    color: #ffffff !important;
    border: 2px solid #ffffff !important;
    transition: all 0.3s ease !important;
}

body .btn-outline-primary:hover,
html .btn-outline-primary:hover,
.btn.btn-outline-primary:hover,
body a.btn-outline-primary:hover,
html a.btn-outline-primary:hover,
a.btn.btn-outline-primary:hover,
body button.btn-outline-primary:hover,
html button.btn-outline-primary:hover,
button.btn.btn-outline-primary:hover,
body input.btn-outline-primary:hover,
html input.btn-outline-primary:hover,
input.btn.btn-outline-primary:hover {
    background: #ffffff !important;
    color: #3b5998 !important;
    border: 2px solid #ffffff !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(255, 255, 255, 0.4) !important;
}

body .login-button,
html .login-button,
.btn.login-button,
body a.login-button,
html a.login-button,
a.btn.login-button,
body button.login-button,
html button.login-button,
button.btn.login-button,
body input.login-button,
html input.login-button,
input.btn.login-button {
    background-color: rgba(255, 255, 255, var(--login-button-opacity)) !important;
    color: var(--login-button-text) !important;
    border-color: var(--login-button-border) !important;
}

body .login-button:hover,
html .login-button:hover,
.btn.login-button:hover,
body a.login-button:hover,
html a.login-button:hover,
a.btn.login-button:hover,
body button.login-button:hover,
html button.login-button:hover,
button.btn.login-button:hover,
body input.login-button:hover,
html input.login-button:hover,
input.btn.login-button:hover {
    background-color: rgba(255, 255, 255, calc(var(--login-button-opacity) + 0.1)) !important;
    color: var(--login-button-text) !important;
    border-color: var(--login-button-border) !important;
}

/* CSS Personalizado - Footer */

.site-footer {
    background: var(--footer-bg-main) !important;
    color: var(--footer-text-primary) !important;
}

.footer-content {
    background: var(--footer-bg-content) !important;
}

.footer-bottom {
    background: var(--footer-bg-bottom) !important;
}

.footer-heading {
    color: var(--footer-titles-color) !important;
}

.footer-heading::after {
    background: var(--footer-titles-line) !important;
}

.about-text {
    color: var(--footer-text-secondary) !important;
}

.footer-links a {
    color: var(--footer-links-color) !important;
}

.footer-links a:hover {
    color: var(--footer-links-hover) !important;
}

.footer-links a i {
    color: var(--footer-icons-color) !important;
}

.footer-schedule i {
    color: var(--footer-icons-color) !important;
}

.footer-schedule strong {
    color: var(--footer-titles-color) !important;
}

.footer-schedule span {
    color: var(--footer-text-secondary) !important;
}

.footer-contact li {
    color: var(--footer-text-secondary) !important;
}

.footer-contact i {
    color: var(--footer-icons-color) !important;
}

.footer-contact a {
    color: var(--footer-links-color) !important;
}

.footer-contact a:hover {
    color: var(--footer-links-hover) !important;
}

.social-link {
    background: var(--footer-social-bg) !important;
    color: var(--footer-social-color) !important;
}

.social-link:hover {
    background: var(--footer-social-hover) !important;
    color: var(--footer-social-color) !important;
}

.google-play {
    background: linear-gradient(135deg, var(--footer-app-google-play) 0%, #414141 100%) !important;
}

.google-play:hover {
    background: linear-gradient(135deg, #414141 0%, var(--footer-app-google-play) 100%) !important;
}

.app-store {
    background: linear-gradient(135deg, var(--footer-app-app-store) 0%, #000000 100%) !important;
}

.app-store:hover {
    background: linear-gradient(135deg, #000000 0%, var(--footer-app-app-store) 100%) !important;
}

.badge-content {
    color: var(--footer-app-text) !important;
}

.badge-large {
    color: var(--footer-app-text) !important;
}

.footer-bottom p {
    color: var(--footer-bottom-text) !important;
}

.footer-bottom-links a {
    color: var(--footer-links-color) !important;
}

.footer-bottom-links a:hover {
    color: var(--footer-links-hover) !important;
}

.cookie-banner {
    background: rgba(30, 30, 30, 0.95) !important;
}

.cookie-text p {
    color: var(--footer-text-primary) !important;
}

.cookie-icon {
    color: var(--footer-icons-color) !important;
}

.cookie-text a {
    color: var(--footer-icons-color) !important;
}