/* ===========================
   CONGTRINH.CSS – Page Công trình
   =========================== */

.page-projects .hero-section {
    padding-top: 78px;
    padding-bottom: 64px;
}

/* Hero title ngắn gọn hơn một chút */
.page-projects .hero-section .hero-main-title {
    max-width: 640px;
}

/* Card mini map */
.page-projects .mini-map {
    border-color: var(--border);
    background: #f8fafc;
    color: #0a0a0a;
}

/* Tag filter trên – bo tròn & nhỏ hơn chút */
.page-projects .extra-service-item {
    font-size: 0.84rem;
}

/* Portfolio card tinh chỉnh riêng cho trang này */
.page-projects .portfolio-card {
    border-radius: 18px;
    border: 1px solid var(--border);
    background: #ffffff;
    box-shadow: 0 10px 26px rgba(15,23,42,0.06);
}

.page-projects .portfolio-card h5 {
    font-size: 1rem;
    font-weight: 700;
}

/* Tag nhỏ trong card */
.page-projects .tag-pill {
    background: var(--primary-soft);
    color: var(--primary);
    font-size: 0.76rem;
}

/* Meta thông tin cuối card */
.page-projects .news-meta {
    font-size: 0.8rem;
    color: var(--muted);
}

/* CTA cuối trang dùng lại section-consult chung – chỉ hạ padding nhẹ */
.page-projects #projects-contact.section-consult {
    padding-top: 20px;
    padding-bottom: 20px;
}

/* Responsive */
@media (max-width: 767.98px) {
    .page-projects .hero-section {
        padding-top: 64px;
        padding-bottom: 48px;
    }
}