/* ================= HOME NEWS SECTION ================= */
.home-berita {
  margin-top:60px;
  padding:60px 0;
}

.berita-grid {
  display: grid;
  grid-template-columns:1.2fr 1.8fr;
  gap: 40px;
  align-items:stretch;
}

.berita-list{
  background:#ffffff;
  padding:30px;
  border-radius:16px;
  box-shadow:0 8px 24px rgba(0,0,0,.05);
  min-height:350px;
  cursor:pointer;
  transition:
        transform .3s ease,
        box-shadow .3s ease;
}

.berita-list:hover{
  transform:translateY(-6px);
  box-shadow:0 18px 40px rgba(0,0,0,.08);
}

.berita-list h2 {
  margin-bottom:30px;
  font-size:32px;
  font-weight:700;
  color:#1f2937;
  line-height:1.3;
}

.pojok-sehat h3 {
  margin-bottom:22px;
  font-size:24px;
  font-weight:700;
  color:#1f2937;
}

.berita-item {
  margin-bottom:26px;
  padding-bottom:22px;
  border-bottom:1px solid #f1f5f9;
}

.berita-item .tanggal {
  font-size: 13px;
  display: block;
  color:#9ca3af;
  margin-bottom:8px;
  font-weight:500;
  letter-spacing:.3px;
}

.berita-item a {
  text-decoration: none;
  font-size:18px;
  font-weight:700;
  color:#1f2937;
  display:inline-flex;
  transition:.25s ease;
}

.berita-item a:hover {
  color:#E60012;
  transform:translateX(5px);
}

.gallery-preview {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}

.gallery-card {
  display: block;
  overflow: hidden;
  border-radius: 10px;
  transition:.25s;
  box-shadow:0 8px 20px rgba(0,0,0,.06);
  cursor:pointer;
}

.gallery-card:hover{
  transform:translateY(-4px);
}

.gallery-card img {
  width: 100%;
  object-fit: cover;
  border-radius: 10px;
  transition: 0.3s; 
  aspect-ratio:16/9;
  background:#f3f4f6;
}

.gallery-card img:hover {
  transform: scale(1.05);
}

/* POJOK SEHAT */
.pojok-sehat {
  border-radius: 16px;
  box-shadow:0 8px 24px rgba(0,0,0,.05);
  background:#ffffff;
  padding:30px;
  cursor:pointer;
  min-height:350px;
  transition:
        transform .3s ease,
        box-shadow .3s ease;
}

.pojok-sehat:hover{
  transform:translateY(-6px);
  box-shadow:0 18px 40px rgba(0,0,0,.08);
}

.empty-content{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:14px;
  color:#94a3b8;
  font-size:15px;
  line-height:1.7;
}

.empty-content span:first-child{
  width:48px;
  height:48px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#fff1f2;
  color:#E60012;
  font-size:22px;
}

.btn-link {
  font-weight: 600;
  text-decoration: none;
  display:inline-flex;
  align-items:center;
  margin-top:20px;
  color:#E60012;
  transition:.25s ease;
  gap:10px;
  position:relative;
  cursor:pointer;
}

.btn-link i{
  transition:transform .25s ease;
  font-size:15px;
}

.btn-link:hover {
  gap:12px;
  text-decoration:none;
  color:#E60012;
  transform:translateX(3px);
}

.btn-link:hover i{
  transform:translateX(5px);
}

.btn-link.small {
  font-size: 14px;
}

/* ================= RESPONSIVE ================= */
@media (max-width:991px){
    .berita-grid{
        grid-template-columns:1fr;
        gap:30px;
    }

    .berita-list,
    .pojok-sehat{
        min-height:auto;
    }
}

@media (max-width:767px){
    .home-berita{
        padding:50px 0;
    }

    .berita-list,
    .pojok-sehat{
        padding:24px;
    }

    .berita-list h2{
        font-size:28px;
    }

    .pojok-sehat h3{
        font-size:24px;
    }
}

@media (max-width:575px){
    .gallery-preview{
        grid-template-columns:1fr;
    }

    .gallery-card img{
        height:220px;
    }

    .berita-item a{
        font-size:16px;
    }

    .btn-link{
        font-size:14px;
    }
}