/* ====== VTB HOME (NO {{style}} MACRO) ====== */
.vtb-home{max-width:100%;margin:0 auto;padding:12px 12px 24px;font-family:BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;}
.vtb-hero{
  background:linear-gradient(90deg,#005993,#0b78c5);
  border-radius:10px;overflow:hidden;
  box-shadow:0 10px 24px rgba(0,0,0,.10);
  margin-bottom:16px;
}
.vtb-hero__inner{padding:28px 22px;text-align:center;color:#fff;}
.vtb-hero__inner h1{margin:0;font-size:30px;font-weight:900;letter-spacing:.4px;text-transform:uppercase;}
.vtb-hero__line{width:120px;height:3px;margin:12px auto 0;background:rgba(255,255,255,.9);border-radius:99px;}

.vtb-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;}
@media (max-width:1100px){.vtb-grid{grid-template-columns:repeat(3,1fr);}}
@media (max-width:820px){.vtb-grid{grid-template-columns:repeat(2,1fr);}}
@media (max-width:520px){.vtb-grid{grid-template-columns:1fr;}}

.vtb-tile{
  display:block;text-decoration:none !important;color:inherit !important;
  background:#fff;border-radius:10px;overflow:hidden;
  border:1px solid rgba(0,0,0,.06);
  box-shadow:0 8px 18px rgba(0,0,0,.10);
  border-bottom:4px solid rgba(11,120,197,.75);
  transition:transform .15s ease, box-shadow .15s ease;
}
.vtb-tile:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(0,0,0,.14);}

/* VÙNG ẢNH ĐỘNG */
.vtb-media{
  height:200px;               /* KÍCH THƯỚC VÙNG ẢNH */
  overflow:hidden;
  position:relative;
  background:#e9eef5;
}
.vtb-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transform:scale(1);
  transition:transform .35s ease, filter .35s ease;
  filter:saturate(1.05);
}
.vtb-tile:hover .vtb-media img{transform:scale(1.08);filter:saturate(1.12) contrast(1.02);}

/* overlay nhẹ để giống portal */
.vtb-media::after{
  content:"";
  position:absolute;inset:0;
  background:linear-gradient(180deg, rgba(0,0,0,.06), rgba(0,0,0,.22));
  pointer-events:none;
  opacity:.9;
}

.vtb-body{
  min-height:68px;            /* GIỮ CHO CÁC TILE CAO ĐỀU */
  display:flex;align-items:center;justify-content:center;
  padding:14px 12px 16px;
}
.vtb-title{
  text-align:center;
  font-weight:900;
  text-transform:uppercase;
  font-size:13px;
  line-height:1.25;
  color:#2b2b2b;
}

/* (Tuỳ chọn) viền focus khi tab keyboard */
.vtb-tile:focus{outline:3px solid rgba(11,120,197,.35);outline-offset:2px;}

CHÀO MỪNG TỚI HỆ THỐNG TRANG QUẢN LÝ TRI THỨC

CHUYỂN ĐỔI SỐ

QUẢN LÝ TÀI LIỆU CÔNG NGHỆ THÔNG TIN - CNTT

CẨM NANG QUY TRÌNH

CÁC DỰ ÁN CÔNG NGHỆ THÔNG TIN