/*==================================================================================
    Custom Stylesheet - Só Servidor Brand Colors (Optimized)
====================================================================================*/

:root {
    --brand-navy: #1D1B4D;
    --brand-red: #E63224;
    --brand-navy-light: #2a285e;
}

/* 1. Typography & Colors */
h1, h2, h3, h4, h5, h6, .section-title h2 {
    color: var(--brand-navy) !important;
}

.titulo-vermelho,
.section-title h2 span {
    color: var(--brand-red) !important;
}

/* 2. Buttons */
.btn, .btn:focus, .btn:active {
    background-color: var(--brand-red) !important;
    border-color: var(--brand-red) !important;
    color: #fff !important;
    border-radius: 30px !important;
    padding: 12px 30px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
}

.btn:hover {
    background-color: var(--brand-navy) !important;
    border-color: var(--brand-navy) !important;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(29, 27, 77, 0.3);
}

/* 3. Header & Navigation */
.main-header {
    background-color: transparent;
    transition: all 0.4s ease;
}

.main-header.sticky {
    background-color: var(--brand-navy) !important;
    padding: 10px 0 !important;
}

.header-menu ul li a {
    color: var(--brand-navy);
    font-weight: 600;
}

.main-header.sticky .header-menu ul li a {
    color: #fff !important;
}

.header-menu ul li a:hover {
    color: var(--brand-red) !important;
}

/* 4. Preloader */
.preLoader .sk-cube-grid .sk-cube {
    background-color: var(--brand-red) !important;
}

/* 5. Footer */
.footer {
    background-color: var(--brand-navy) !important;
}

.footer-widget h5, .footer-widget p, .footer-widget a {
    color: #fff !important;
}

.footer-social-area ul li a {
    background-color: rgba(255, 255, 255, 0.1);
    color: #fff !important;
}

.footer-social-area ul li a:hover {
    background-color: var(--brand-red);
}

/* 6. Fix for Carousel Arrows */
.arrowCarousel {
    width: 30px !important;
    height: auto !important;
}

/* 7. Logo visibility */
/* If the header is transparent (on white bg) or Navy (on scroll),
   we might need to adjust the logo.
   Assuming logo.png works on white, but for Navy we might want to invert it. */
.main-header.sticky .logo img {
    filter: brightness(0) invert(1);
}

/* 8. Fix for the "mx-30" broken layout */
.mx-30 {
    margin-left: 15px !important;
    margin-right: 15px !important;
}

@media (min-width: 768px) {
    .mx-30 {
        margin-left: 30px !important;
        margin-right: 30px !important;
    }
}

/* 9. Section Backgrounds */
.bg-2 {
    background-color: #f8f9fa !important;
}

/* 10. Login/Register links in header */
.header-menu ul li a[style*="color:red"] {
    color: var(--brand-red) !important;
}
.header-menu ul li a[style*="color:blue"] {
    color: #4facfe !important;
}
.main-header.sticky .header-menu ul li a[style*="color:blue"] {
    color: #90caf9 !important;
}