/* /tuyen-dung/ và /tuyen-dung/vi-tri/ — mục Tuyển dụng (gộp từ tuyendung.tina.vn, TGĐ duyệt 02/10/2026).
   Thẻ gọi tuyển dụng ở đầu trang, danh sách vị trí (js/tuyen-dung.js), khối "Về Tina" dùng lại .cl (nền đen, site.css),
   liên hệ Phòng HCNS, ảnh Đời sống + hộp xem ảnh lớn; trang chi tiết vị trí. Chỉ 5 màu thương hiệu; chữ cam chỉ đặt trên nền đen. */

/* Đầu trang: thẻ gọi tuyển nhân viên làm sạch */
.trang-tuyen-dung .hero-con__luoi{align-items:center}
.td-goi{width:100%;background:var(--den);color:var(--trang);border-radius:var(--bo);padding:30px 30px 28px;box-shadow:0 24px 48px rgba(0,0,0,.12)}
.td-goi__nhan{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--ghi-nhat)}
.td-goi__nhan::before{content:"";width:8px;height:8px;border-radius:2px;background:var(--cam)}
.td-goi__mo{margin-top:12px;font-size:17px;line-height:1.55}
.td-goi__so{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}
.td-goi__so .nut{padding:0 14px;white-space:nowrap}
.td-goi__so .nut svg{width:18px;height:18px}
.td-goi__so .nut:hover{background:var(--trang);color:var(--den)}
.td-goi__so .nut:hover svg{transform:none}
.td-goi__xuong{margin-top:24px;color:var(--cam);font-size:15px}
.td-goi__xuong:hover svg{transform:translateY(3px)}

/* Danh sách vị trí */
.vt{margin-top:56px}
.vt__cho{font-size:17px;color:var(--ghi)}
.vt__cho--loi{color:var(--den)}
.vt__cho a{font-weight:700;color:var(--den)}
.vt-nhom+.vt-nhom{margin-top:56px}
.vt-nhom__dau{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 24px;padding-bottom:16px;border-bottom:1.5px solid var(--den)}
.vt-nhom__dau h3{font-size:clamp(22px,1.9vw,28px);font-weight:800;letter-spacing:-.02em}
.vt-nhom__dau p{font-size:15px;color:var(--ghi)}
.vt-luoi{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px}
.vt-the{display:flex;flex-direction:column;padding:24px 24px 22px;border:1.5px solid var(--ghi-nhat);border-radius:var(--bo);background:var(--trang);text-decoration:none;transition:border-color .25s,transform .35s var(--em),box-shadow .35s var(--em)}
.vt-the:hover{border-color:var(--den);transform:translateY(-3px);box-shadow:0 18px 36px rgba(0,0,0,.08)}
.vt-the__nhom{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--ghi)}
.vt-the__td{margin-top:10px;font-size:19px;line-height:1.35;font-weight:800;letter-spacing:-.01em}
.vt-the__tt,.vt-ct__tt{display:grid;gap:8px;margin-top:16px;font-size:15px}
.vt-the__tt div,.vt-ct__tt div{display:grid;grid-template-columns:110px 1fr;gap:12px}
.vt-the__tt dt,.vt-ct__tt dt{color:var(--ghi)}
.vt-the__tt dd,.vt-ct__tt dd{font-weight:600}
.vt-tt{display:inline-flex;align-items:center;gap:8px;color:var(--ghi)}
.vt-tt::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--ghi-nhat)}
.vt-tt--dang{color:var(--den)}
.vt-tt--dang::before{background:var(--cam)}
.vt-the__day{display:inline-flex;align-items:center;gap:8px;margin-top:auto;padding-top:20px;font-size:15px;font-weight:700}
.vt-the__day svg{width:16px;height:16px;transition:transform .3s var(--em)}
.vt-the:hover .vt-the__day svg{transform:translateX(4px)}

/* Khối "Về Tina" (dùng .cl của site.css) */
.td-cl__lk{margin-top:18px;color:var(--cam);font-size:15px}
.td-cl__lk:hover svg{transform:translateY(3px)}

/* Liên hệ Phòng HCNS */
.td-lh{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:48px}
.td-lh__the{padding:26px 26px 24px;border:1.5px solid var(--ghi-nhat);border-radius:var(--bo)}
.td-lh__so{display:block;margin-top:12px;font-size:clamp(26px,2.3vw,34px);font-weight:800;letter-spacing:-.03em;text-decoration:none;white-space:nowrap}
.td-lh__so:hover{text-decoration:underline;text-decoration-color:var(--cam);text-decoration-thickness:3px;text-underline-offset:6px}
.td-lh__mo{margin-top:8px;font-size:15px;color:var(--ghi)}
.td-lh__dc{margin-top:12px;font-size:16px;font-weight:600;line-height:1.55}
.td-lh__the--vp{grid-column:span 1}

/* Đời sống Tina: ảnh hoạt động */
.ds-album{margin-top:48px}
.ds-album__td{font-size:20px;font-weight:800;letter-spacing:-.01em}
.ds-luoi{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px}
.ds-anh{display:block;position:relative;aspect-ratio:3/2;border-radius:var(--bo);overflow:hidden;background:var(--den)}
.ds-anh img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--em)}
.ds-anh:hover img{transform:scale(1.04)}

/* Hộp xem ảnh lớn */
.xem-anh{width:100vw;height:100vh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:transparent;color:var(--trang)}
.xem-anh::backdrop{background:rgba(0,0,0,.88)}
.xem-anh__khung{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;width:100%;height:100%;margin:0;padding:64px 72px}
.xem-anh__khung img{max-width:100%;max-height:calc(100vh - 160px);border-radius:8px;object-fit:contain}
.xem-anh__khung figcaption{max-width:56em;text-align:center;font-size:15px;line-height:1.5}
.xem-anh__nut{position:absolute;display:grid;place-items:center;width:48px;height:48px;padding:0;border:1.5px solid var(--trang);border-radius:50%;background:rgba(0,0,0,.4);color:var(--trang);font:400 28px/1 var(--chu);cursor:pointer;transition:background-color .2s,color .2s}
.xem-anh__nut:hover{background:var(--trang);color:var(--den)}
.xem-anh__nut:focus-visible{outline-color:var(--trang)}
.xem-anh__dong{top:16px;right:16px}
.xem-anh__truoc{left:16px;top:50%;transform:translateY(-50%)}
.xem-anh__sau{right:16px;top:50%;transform:translateY(-50%)}

/* Trang chi tiết vị trí */
.vt-ct{padding-top:24px}
.vt-ct__luoi{display:grid;grid-template-columns:7fr 4fr;gap:56px;align-items:start}
.vt-ct__tt{margin-top:14px;padding:20px 0;border-top:1.5px solid var(--den);border-bottom:1px solid var(--ghi-nhat);font-size:16px}
.vt-ct__muc{margin-top:36px}
.vt-ct__muc h2{font-size:22px;font-weight:800;letter-spacing:-.015em}
.vt-ct__van{margin-top:12px;font-size:16px;line-height:1.7;white-space:pre-line}
.vt-ct__muc .gach li{font-size:16px}
.vt-ct__muc h3{margin-top:22px;font-size:17px;font-weight:700}
.vt-ct__muc h3+.gach{margin-top:10px}
.vt-ct__ung{position:sticky;top:120px;padding:30px 28px 28px;border-radius:var(--bo);background:var(--den);color:var(--trang)}
.vt-ct__ung h2{font-size:24px;font-weight:800;letter-spacing:-.02em}
.vt-ct__ung p{margin-top:14px;font-size:15px;line-height:1.6}
.vt-ct__ung a:not(.nut){color:var(--trang);font-weight:700;text-decoration:underline;text-decoration-color:var(--cam);text-underline-offset:4px}
.vt-ct__ung .nut{margin-top:4px}
.vt-ct__ung .nut svg{width:18px;height:18px}
.vt-ct__ung .nut:hover{background:var(--trang);color:var(--den)}
.vt-ct__so{display:grid;gap:10px;margin-top:18px}
.vt-ct__phu{color:var(--ghi-nhat)}
.vt-ct__khac{margin-top:72px}
.vt-ct__khac h2{font-size:22px;font-weight:800;letter-spacing:-.015em;padding-bottom:14px;border-bottom:1.5px solid var(--den)}
.vt-ct__khac a{display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 16px;padding:16px 0;border-bottom:1px solid var(--ghi-nhat);text-decoration:none}
.vt-ct__khac a span{grid-column:1;font-size:14px;color:var(--ghi)}
.vt-ct__khac a svg{grid-column:2;grid-row:1/3;width:18px;height:18px;transition:transform .3s var(--em)}
.vt-ct__khac a:hover b{text-decoration:underline;text-decoration-color:var(--cam);text-underline-offset:4px}
.vt-ct__khac a:hover svg{transform:translateX(4px)}
.vt-ct__ve{margin-top:32px}

@media (max-width:1180px){
  .vt-luoi{grid-template-columns:repeat(2,1fr)}
  .td-lh{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:980px){
  .vt-ct__luoi{grid-template-columns:1fr;gap:40px}
  .vt-ct__ung{position:static}
}
@media (max-width:849px){
  .vt{margin-top:36px}
  .vt-luoi,.td-lh,.ds-luoi{grid-template-columns:1fr}
  .td-goi{padding:24px 22px}
  .td-goi__so{grid-template-columns:1fr}
  .xem-anh__khung{padding:64px 12px}
  .xem-anh__truoc,.xem-anh__sau{top:auto;bottom:16px;transform:none}
  .xem-anh__truoc{left:calc(50% - 58px)}
  .xem-anh__sau{right:calc(50% - 58px)}
}