/* ============================================ */
/* CSS DINÂMICO - Página: contato */
/* Gerado em: 2026-05-30 15:28:25 */
/* ============================================ */

/* ========== CSS GLOBAL ========== */

:root {
    --primary-color: #0e57a0;
    --primary-dark: #098c52;
    --secondary-color: #2c3e50;
    --highlight-color: #0ba360;
    --title-line-color: #0ba360;
    --button-hover-color: #4082c4;
    --button-bg-color: #0e57a0;
    --card-bg-color: #ffffff;
    --card-icon-color: #0ba360;
    --card-overlay-bg: rgba(0, 0, 0, 0.6);
    --card-hover-overlay-color: #0ba360;
    --card-hover-text-color: #ffffff;
    --card-bg-hover-color: #f8f9fa;
    --card-hover-color: 0, 0, 0;
    --card-hover-opacity: 0.1;
    --text-primary-color: #2c3e50;
    --border-color: #ffffff;
    --value-icon-color: #0ba360;
    --footer-bg-color: #1e2a3a;
    --newsletter-bg-color: #0ba360;
    --badge-ready-bg: #10b981;
    --badge-ready-text: #ffffff;
    --badge-breve-bg: #f59e0b;
    --badge-breve-text: #ffffff;
    --badge-service-bg: #3b82f6;
    --badge-service-text: #ffffff;
    --footer-bg: #003366;
    --footer-newsletter-bg: #0ba360;
    --footer-bottom-bg: #052442;
    --footer-text: #ffffff;
    --footer-title: #ffffff;
    --footer-link: #ffffff;
    --footer-link-hover: #ffffff;
    --footer-icon: #0ba360;
    --footer-social-icon: #ffffff;
    --footer-social-icon-hover: #beb6b6;
    --footer-social-bg-hover: #6db08f;
    --footer-bottom-border: #061a2d;
    --footer-breve-color: #d1c7c7;

    /* ========== VARIÁVEIS ESPECÍFICAS DA PÁGINA CONTATO ========== */
    --contato-form-bg: #ffffff;
    --contato-border: #dee2e6;
    --contato-btn-bg: #0ba360;
    --contato-btn-hover: #098c52;
}

/* ========== BOTÕES GLOBAIS ========== */
.btn-primary,
.btn-search,
button[type="submit"],
.btn-enviar,
.btn-grande {
    background: var(--button-bg-color) !important;
    border-color: var(--button-bg-color) !important;
    color: white !important;
}

.btn-primary:hover,
.btn-search:hover,
.btn-enviar:hover,
.btn-grande:hover {
    background: var(--button-hover-color) !important;
    border-color: var(--button-hover-color) !important;
}

/* ========== TÍTULOS E LINHAS DECORATIVAS ========== */
.section-title {
    position: relative;
    display: inline-block;
    margin-bottom: 30px !important;
}

.section-title:after,
.main-title-5 h1:after,
.title-line {
    content: '' !important;
    display: block !important;
    position: absolute !important;
    bottom: -12px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 80px !important;
    height: 4px !important;
    background: var(--title-line-color) !important;
    border-radius: 4px !important;
}

.main-title-5 h1 {
    position: relative;
    display: inline-block;
}

.main-title-5 h1 span {
    color: var(--highlight-color) !important;
}

.title-border {
    display: none !important;
}

/* ========== NEWSLETTER ========== */
.footer-newsletter,
.newsletter-section {
    background: var(--newsletter-bg-color) !important;
}

/* ========== RODAPÉ ========== */
footer,
.site-footer {
    background: var(--footer-bg-color) !important;
}

/* ========== CARDS ========== */
.team-5,
.card,
.property-card {
    background: var(--card-bg-color) !important;
    transition: all 0.3s ease !important;
}

.team-5:hover,
.card:hover {
    background: rgba(var(--card-hover-color), var(--card-hover-opacity)) !important;
    transform: translateY(-5px) !important;
    box-shadow: 0 15px 35px rgba(0,0,0,0.15) !important;
}

.team-details .user,
.card-icon i {
    color: var(--card-icon-color) !important;
}

.team-info .overlay {
    background: var(--card-overlay-bg) !important;
    background-image: none !important;
}

/* ========== SEÇÃO DE VALORES ========== */
.value-card i,
.values-icon {
    color: var(--value-icon-color) !important;
}

/* ========== CORES DE TEXTO ========== */
body,
p,
.text-primary-custom {
    color: var(--text-primary-color) !important;
}

/* ========== BORDAS ========== */
hr,
.border-custom {
    border-color: var(--border-color) !important;
}

/* ========== CSS DO FOOTER ========== */
.footer {
    background: var(--footer-bg) !important;
}

.footer-col h4 {
    color: var(--footer-title) !important;
}

.footer-col p,
.footer-col ul li,
.footer-col ul li a {
    color: var(--footer-text) !important;
}

.footer-col ul li a:hover {
    color: var(--footer-link-hover) !important;
}

.footer-col .contact-info li i {
    color: var(--footer-icon) !important;
}

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

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

.social-links a:hover {
    background: var(--footer-social-bg-hover) !important;
}

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

/* ========== CSS ESPECÍFICO DA PÁGINA CONTATO ========== */

.form-wrapper {
    background: var(--contato-form-bg) !important;
}

.info-contato {
    background: var(--contato-form-bg) !important;
}

.form-group input,
.form-group select,
.form-group textarea {
    border-color: var(--contato-border) !important;
}

.btn-enviar {
    background: var(--contato-btn-bg) !important;
}

.btn-enviar:hover {
    background: var(--contato-btn-hover) !important;
}

/* ========== CSS DE FALLBACK ========== */

a { color: var(--primary-color); }
a:hover { color: var(--primary-dark); }
.text-highlight { color: var(--highlight-color); }
.bg-primary { background-color: var(--primary-color) !important; }
.bg-primary-dark { background-color: var(--primary-dark) !important; }
