/* doitac-novaland.css — vật chứng tín nhiệm: Lễ ký kết Novaland 11/8/2026.
   Dùng ở ba trang (trang chủ · sản phẩm · liên hệ), MỖI TRANG MỘT CHỖ và câu
   chữ khác nhau — cùng một câu lặp ba nơi là khách nhận ra đang được PR.
   Chỉ nói điều kiểm chứng được: có mặt, có ảnh, có ngày. */

/* ── Dải mỏng (trang chủ + trang sản phẩm) ── */
.dtnv {
    display: flex; align-items: center; gap: 16px;
    max-width: 1180px; margin: 18px auto; padding: 13px 18px;
    background: linear-gradient(100deg, #0c1e33, #17324e);
    border: 1px solid rgba(232, 208, 138, .25);
    border-radius: 14px; text-decoration: none; color: #fff;
    box-shadow: 0 6px 22px rgba(6, 16, 40, .18);
}
.dtnv:hover { filter: brightness(1.08); color: #fff; }
.dtnv-anh {
    flex: none; width: 96px; height: 64px; border-radius: 9px;
    object-fit: cover; background: #0a1626;
    border: 1px solid rgba(255, 255, 255, .18);
}
.dtnv-chu { flex: 1; min-width: 0; }
.dtnv-eb {
    display: block; font-size: 10.5px; font-weight: 800; letter-spacing: 2.5px;
    text-transform: uppercase; color: #e8d08a; margin-bottom: 4px;
}
.dtnv-tt { display: block; font-size: 15px; font-weight: 800; line-height: 1.35; }
.dtnv-mo { display: block; margin-top: 3px; font-size: 12.5px; color: rgba(255, 255, 255, .78); line-height: 1.5; }
.dtnv-mui { flex: none; font-size: 20px; color: #e8d08a; }

@media (max-width: 640px) {
    .dtnv { gap: 12px; padding: 12px 14px; margin: 14px 12px; }
    .dtnv-anh { width: 74px; height: 52px; }
    .dtnv-tt { font-size: 13.5px; }
    .dtnv-mo { display: none; }          /* điện thoại: một dòng là đủ, đừng chen chữ */
}

/* ── Ảnh sự kiện trong thẻ hồ sơ (trang liên hệ) ── */
.dtnv-lh { margin: 18px 0 0; }
.dtnv-lh a { display: block; border-radius: 12px; overflow: hidden; position: relative; }
.dtnv-lh img { width: 100%; height: auto; display: block; }
.dtnv-lh figcaption {
    margin-top: 8px; font-size: 12.5px; line-height: 1.6; color: #5b6b7c;
}
.dtnv-lh figcaption a { display: inline; color: #0e6fb8; text-decoration: none; border-radius: 0; }
.dtnv-lh figcaption a:hover { text-decoration: underline; }


/* ── Dòng vật chứng gộp trong khối giới thiệu trang chủ (hi-box) ──
   Vắt ngang cả hai cột của lưới, ngăn với phần trên bằng một nét mảnh — đọc
   như một dòng chú thích của lời giới thiệu, không phải một khối quảng cáo. */
.dtnv-hi {
    grid-column: 1 / -1;
    display: flex; align-items: center; gap: 13px;
    margin-top: 4px; padding-top: 16px;
    border-top: 1px solid #e4e9ef;
    text-decoration: none;
}
.dtnv-hi img {
    flex: none; width: 72px; height: 48px; border-radius: 8px;
    object-fit: cover; border: 1px solid #e4e9ef; background: #eef2f6;
}
.dtnv-hi-chu { flex: 1; min-width: 0; font-size: 13.5px; line-height: 1.6; color: #5b6b7c; }
.dtnv-hi-chu strong { color: #14304d; font-weight: 800; }
.dtnv-hi-xem { flex: none; font-size: 13px; font-weight: 800; color: #8a6a17; white-space: nowrap; }
.dtnv-hi:hover .dtnv-hi-xem { text-decoration: underline; }
@media (max-width: 640px) {
    .dtnv-hi { gap: 10px; }
    .dtnv-hi img { width: 58px; height: 40px; }
    .dtnv-hi-chu { font-size: 12.5px; }
    .dtnv-hi-xem { display: none; }      /* cả dòng đã là link, mũi tên chỉ là trang trí */
}