/* ===== TRANG ĐÀO TẠO TRƯỚC XUẤT CẢNH ===== */
.page-hero{position:relative;height:710px;display:flex;align-items:center;overflow:hidden;background:var(--navy)}
.page-hero__bg{position:absolute;inset:0;background-size:cover;background-position:center}
.page-hero__veil{position:absolute;inset:0 auto 0 0;width:883px;max-width:100%;
  background:linear-gradient(90.5deg,#015495 0.3%,rgba(1,84,149,0) 98.8%)}
.page-hero .wrap{position:relative;width:100%}
.page-hero h1{font-size:40px;font-weight:800;color:#fff;margin:0;max-width:700px;line-height:1.3}
.page-hero p{font-size:18px;color:rgba(255,255,255,.85);margin:24px 0 0;max-width:593px}
.page-hero .btn{margin-top:56px}
.program{padding:67px 0 0}
.program p.lead{font-size:18px;color:var(--body);margin:20px 0 0;max-width:870px}
.prog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:88px}
.prog{background:#fff;border-radius:var(--r-xl);overflow:hidden}
.prog__media{height:262px;background:#e6dfd4}
.prog__media img{width:100%;height:100%;object-fit:cover}
.prog__body{padding:30px 51px 44px}
.prog h3{font-size:32px;font-weight:800;color:var(--navy);margin:0}
.prog p{font-size:18px;color:var(--body);margin:18px 0 0}
.timetable{padding:50px 0 0}
.timetable .wrap{display:grid;grid-template-columns:645px 1fr;gap:60px;align-items:start}
.timetable h2{font-size:40px;font-weight:800;color:var(--navy);margin:0;line-height:1.35}
.timetable p.lead{font-size:18px;color:var(--body);margin:20px 0 40px}
.tt{background:#fff;border-radius:var(--r-md);padding:8px 37px}
.tt div{display:grid;grid-template-columns:150px 1fr;gap:24px;padding:22px 0;border-bottom:1px solid #e6dfd4}
.tt div:last-child{border-bottom:0}
.tt dt{font-size:20px;font-weight:600;color:var(--navy);margin:0}
.tt dd{font-size:18px;color:var(--body);margin:0}
.facility__main{position:relative;height:523px;border-radius:var(--r-xl);overflow:hidden;background:#e6dfd4}
.facility__main img{width:100%;height:100%;object-fit:cover}
.img-cover{width:100%;height:100%;background-size:cover;background-position:center;background-color:#dfd8cc}
.chip-abs{position:absolute;right:20px;bottom:24px;background:rgba(255,255,255,.92);border-radius:8px;
  padding:7px 24px;font-size:16px;color:var(--ink)}
.facility__row{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:48px}
.facility__cell{position:relative;height:152px;border-radius:var(--r-md);overflow:hidden;background:#e6dfd4}
.facility__cell img{width:100%;height:100%;object-fit:cover}
.facility__cell span{position:absolute;left:12px;bottom:12px;background:rgba(255,255,255,.92);
  border-radius:6px;padding:4px 11px;font-size:14px}
.note-box{margin-top:38px;background:rgba(1,84,149,.06);border-radius:var(--r-md);padding:20px 25px;
  display:flex;gap:18px;align-items:flex-start}
.note-box svg{width:24px;height:24px;flex:none;margin-top:3px}
.note-box p{font-size:18px;color:var(--body);margin:0}
.teachers{padding:70px 0 0}
.teachers p.lead{font-size:18px;color:var(--body);margin:20px 0 0}
.teacher-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:55px}
.teacher{background:#fff;border-radius:var(--r-xl);overflow:hidden}
.teacher__media{height:374px;background:#e6dfd4}
.teacher__media img{width:100%;height:100%;object-fit:cover}
.teacher__body{padding:20px 15px 26px}
.teacher h3{font-size:22px;font-weight:700;color:var(--navy);margin:0}
.teacher span{display:block;font-size:16px;color:var(--body);margin-top:8px}
.extra{padding:41px 0 100px}
.extra__head{position:relative;margin-bottom:55px}
.extra__all{position:absolute;right:0;bottom:6px}
.extra-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}
.ex{background:#fff;border-radius:var(--r-xl);overflow:hidden}
.ex__media{height:260px;background:#e6dfd4}
.ex__media img{width:100%;height:100%;object-fit:cover}
.ex__body{padding:20px 15px 26px}
.ex h3{font-size:20px;font-weight:500;margin:0}
.ex span{display:block;font-size:16px;color:var(--muted);margin-top:10px}
@media (max-width:1280px){
  .timetable .wrap{grid-template-columns:1fr}
  .prog-grid,.teacher-grid,.extra-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:980px){
  .page-hero{height:auto;padding:80px 0}
  .page-hero__veil{width:100%;background:linear-gradient(180deg,rgba(1,84,149,.92),rgba(1,84,149,.65))}
  .page-hero h1,.timetable h2{font-size:30px}
  .prog-grid,.teacher-grid,.extra-grid,.facility__row{grid-template-columns:1fr}
  .tt div{grid-template-columns:1fr;gap:6px}
  .prog__body{padding:24px 24px 32px}
  .extra__all{position:static;display:inline-flex;margin-top:20px}
}