.elementor-46042 .elementor-element.elementor-element-7d67ba4{--display:flex;--margin-top:30px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}.elementor-widget-theme-archive-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-46042 .elementor-element.elementor-element-a0d2651 .elementor-heading-title{color:#0054A6;}.elementor-widget-archive-posts .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-archive-posts .elementor-post__title, .elementor-widget-archive-posts .elementor-post__title a{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-archive-posts .elementor-post__meta-data{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-archive-posts .elementor-post__excerpt p{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-archive-posts .elementor-post__read-more{color:var( --e-global-color-accent );}.elementor-widget-archive-posts a.elementor-post__read-more{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-archive-posts .elementor-post__card .elementor-post__badge{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-archive-posts .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-archive-posts .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-archive-posts .elementor-posts-nothing-found{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-46042 .elementor-element.elementor-element-0fcd983{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-46042 .elementor-element.elementor-element-0fcd983 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-46042 .elementor-element.elementor-element-0fcd983:after{content:"0.66";}.elementor-46042 .elementor-element.elementor-element-0fcd983 .elementor-post__thumbnail__link{width:100%;}.elementor-46042 .elementor-element.elementor-element-0fcd983 .elementor-post__meta-data span + span:before{content:"•";}.elementor-46042 .elementor-element.elementor-element-0fcd983 .elementor-post__text{margin-top:20px;}.elementor-46042 .elementor-element.elementor-element-0fcd983 .elementor-pagination{text-align:center;}body:not(.rtl) .elementor-46042 .elementor-element.elementor-element-0fcd983 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-46042 .elementor-element.elementor-element-0fcd983 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-46042 .elementor-element.elementor-element-0fcd983 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-46042 .elementor-element.elementor-element-0fcd983 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}@media(max-width:767px){.elementor-46042 .elementor-element.elementor-element-0fcd983 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-46042 .elementor-element.elementor-element-0fcd983:after{content:"0.5";}.elementor-46042 .elementor-element.elementor-element-0fcd983 .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS *//* ==========================================================================
   📸 ĐẶC TRỊ TỐI ƯU CHIỀU CAO CARD CHỨA - GIỮ NGUYÊN PHOM VÀ HIỆU ỨNG ẢNH TÂM
   ========================================================================== */

/* 1. Thiết lập lại vỏ bọc Card tổng thể */
.elementor-posts-container .elementor-post {
    background: #ffffff !important;
    border: 1px solid #eef2f7 !important;
    border-radius: 14px !important;
    padding: 0 !important; /* Dọn sạch padding thô để ảnh tràn lề */
    overflow: hidden !important; /* Buộc ảnh không được lồi góc nhọn khi zoom */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.01) !important;
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
    display: flex !important;
    flex-direction: column !important;
    box-sizing: border-box !important;
}

/* Hiệu ứng nhấc khối Card khi di chuột */
.elementor-posts-container .elementor-post:hover {
    border-color: #0054a6 !important;
    transform: translateY(-5px) !important;
    box-shadow: 0 12px 30px rgba(0, 84, 166, 0.06) !important;
}

/* 2. ÉP KHUNG CHỨA ẢNH BUNG ĐẦY ĐỦ 100% KHÔNG GIAN (GIỮ NGUYÊN NGUYÊN BẢN) */
.elementor-posts-container .elementor-post__thumbnail__link,
.elementor-posts-container .elementor-post__thumbnail,
.qtu-archive-posts-grid .elementor-post__thumbnail {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    aspect-ratio: 16 / 9 !important; /* Ép cứng phom màn ảnh rộng */
    overflow: hidden !important;
    position: relative !important;
    background: transparent !important; /* Xóa bỏ màu nền xám lỗi */
    
    /* Ép góc bo trên của ảnh khớp khít với card */
    border-top-left-radius: 13px !important;
    border-top-right-radius: 13px !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

/* Triệt tiêu triệt để lớp mờ, dải màu hoặc các thẻ block ảo đè lên ảnh */
.elementor-posts-container .elementor-post__thumbnail::after,
.elementor-posts-container .elementor-post__thumbnail::before {
    content: none !important;
    display: none !important;
}

/* 3. ĐỊNH PHOM THẺ ẢNG IMG GỐC - THIẾT LẬP HIỆU ỨNG ZOOM NHẸ (GIỮ NGUYÊN NGUYÊN BẢN) */
.elementor-posts-container .elementor-post__thumbnail img,
.qtu-archive-posts-grid .elementor-post__thumbnail img {
    display: block !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important; /* Cắt cúp ảnh thông minh, không bị bóp bẹp ảnh */
    
    /* Ghìm chặt tâm chuyển động luôn ở chính giữa bức ảnh */
    transform-origin: center center !important; 
    
    /* Trạng thái tĩnh: Ảnh nằm ở kích thước gốc */
    transform: scale(1) !important; 
    
    /* Chuyển động êm ái trong 0.45 giây */
    transition: transform 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 🌟 HIỆU ỨNG HOVER ZOOM NHẸ: Ảnh tự động phóng lớn rất nhẹ từ tâm */
.elementor-post:hover .elementor-post__thumbnail img {
    transform: scale(1.06) !important;
}

/* 4. Quy hoạch vùng ruột chữ NGĂN NẮP & TỐI ƯU CHIỀU CAO dưới ảnh */
.elementor-posts-container .elementor-post__text {
    padding: 16px 18px !important; /* 🌟 ĐÃ SỬA: Giảm padding từ 22px xuống để bóp gọn chiều cao thừa */
    display: flex !important;
    flex-direction: column !important;
    flex-grow: 1 !important;
    gap: 8px !important; /* Đảm bảo khoảng cách giữa các thành phần chữ cân đối và khít hơn */
}

/* Tiêu đề bài viết con */
.elementor-posts-container .elementor-post__title,
.elementor-posts-container .elementor-post__title a {
    font-family: 'Segoe UI', Roboto, sans-serif !important;
    font-size: 15px !important; /* Thu nhỏ nhẹ 0.5px tăng độ tinh tế */
    font-weight: 700 !important;
    color: #1e293b !important;
    line-height: 1.4 !important;
    margin: 0 !important; /* Xóa margin thô để dùng gap quản lý */
    text-decoration: none !important;
    transition: color 0.25s ease !important;

    /* 🌟 BỔ SUNG: Ép tiêu đề dài tối đa 2 dòng, tự thêm dấu ba chấm nếu vượt quá */
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}
.elementor-post:hover .elementor-post__title a {
    color: #0054a6 !important;
}

/* Đoạn văn mô tả tóm tắt */
.elementor-posts-container .elementor-post__excerpt p {
    font-size: 13px !important; /* Thu nhỏ nhẹ để phom chữ phẳng thanh thoát */
    color: #64748b !important;
    line-height: 1.5 !important;
    margin: 0 !important; /* Xóa margin thô */
    text-align: justify !important;

    /* 🌟 BỔ SUNG: Ép đoạn tóm tắt tối đa 2 dòng để cố định chiều cao cho tất cả các card bằng nhau */
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

/* Nút Đọc thêm */
.elementor-posts-container .elementor-post__read-more {
    font-size: 12px !important; /* Co nhỏ font nút bấm cho vừa vặn */
    font-weight: 700 !important;
    color: #0054a6 !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin-top: auto !important; /* Đẩy cố định nút xuống sát đáy card */
    padding-top: 4px; /* Giảm khoảng đệm phía trên */
    display: inline-block !important;
    transition: color 0.25s ease !important;
}
.elementor-post:hover .elementor-post__read-more {
    color: #08a374 !important;
}/* End custom CSS */