/* ===== CONTACT PAGE SPECIFIC STYLES ===== */
.contact-page {
    padding-top: 150px; /* Match the spacing of the 'Sobre' page */
    padding-bottom: 100px;
}

.contact-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
}

.contact-info-block .section-header,
.contact-form-block .section-header {
    text-align: left;
    margin-bottom: 40px;
}

.contact-info-block .section-header .separator,
.contact-form-block .section-header .separator {
    margin: 0;
}

.contact-info-block .social-media {
    margin-top: 40px;
    display: block; /* Changed from flex to block */
}

.contact-info-block .social-media h3 {
    font-family: var(--font-primary);
    font-size: 1.1rem;
    color: var(--dark-color);
    margin-bottom: 15px;
}

.contact-info-block .social-icons {
    display: flex;
}

.contact-info-block .social-icons a {
    margin-right: 15px;
}

.map-section {
    padding-bottom: 100px;
}

.map-container {
    border: 5px solid var(--gray-light);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

@media (max-width: 992px) {
    .contact-content {
        grid-template-columns: 1fr;
        gap: 50px;
    }
}

@media (max-width: 768px) {
    .contact-page {
        padding-top: 120px; /* Adjust spacing for smaller screens */
    }
}