/* puisi-global-code.css */

/* Kontainer utama */
.puisi-penyair-terkenal {
    display: flex;
    flex-direction: column;
    align-items: center; /* Pusatkan baris secara horizontal */
    gap: 20px; /* Jarak antar baris */
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
}

/* Gaya untuk setiap baris penyair */
.puisi-penyair-terkenal .puisi-penyair-item {
    display: flex;
    gap: 15px; /* Jarak antar gambar dalam satu baris */
    align-items: center; /* Vertikal align middle */
    justify-content: center; /* Pusatkan gambar dalam baris */
    width: 100%;
    flex-wrap: wrap; /* Agar gambar membungkus jika melebihi lebar */
}

/* Gaya untuk link penyair */
.puisi-penyair-terkenal .puisi-penyair-link {
    display: block;
    width: 100%;
    height: 100%;
    transition: transform 0.3s;
    position: relative;
}

/* Efek hover pada link */
.puisi-penyair-terkenal .puisi-penyair-link:hover {
    transform: scale(1.05);
}

/* Gaya untuk gambar penyair */
.puisi-penyair-terkenal .puisi-penyair-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: opacity 0.3s;
}

/* Efek hover pada gambar */
.puisi-penyair-terkenal .puisi-penyair-item img:hover {
    opacity: 0.8;
}

/* Bentuk 'bullet' (lingkaran) */
.puisi-penyair-terkenal.bullet .puisi-penyair-item img {
    border-radius: 50%;
}

/* Bentuk 'square' (persegi) */
.puisi-penyair-terkenal.square .puisi-penyair-item img {
    border-radius: 0;
}

/* Responsif: Menyesuaikan tata letak pada perangkat kecil */
@media (max-width: 768px) {
    .puisi-penyair-terkenal .puisi-penyair-single-item {
        width: 50% !important; /* Mengatur lebar menjadi 50% dari ukuran desktop */
        height: auto !important; /* Sesuaikan tinggi secara otomatis */
    }

    .puisi-penyair-terkenal .puisi-penyair-item {
        gap: 10px; /* Mengurangi jarak antar gambar */
    }

    .puisi-penyair-terkenal.bullet .puisi-penyair-item img,
    .puisi-penyair-terkenal.square .puisi-penyair-item img {
        width: 100%;
        height: auto;
    }
}
        .slc-gambar-kutipan { text-align:center; margin:2rem auto; max-width:420px; }
.slc-gambar-kutipan h3{ font-size:1.1rem; font-weight:600; margin-bottom:1rem; color:#333; }
.slc-gambar-kutipan .slc-gambar{
  width:100%; height:auto; aspect-ratio:1/1;
  border-radius:50%;
  border:5px solid #fff;
  box-shadow:0 6px 25px rgba(0,0,0,.25);
  object-fit:cover;
  transition:transform .3s ease, box-shadow .3s ease;
}
.slc-gambar-kutipan .slc-gambar:hover{ transform:scale(1.03); box-shadow:0 10px 35px rgba(0,0,0,.35); }
.slc-gambar-kutipan .slc-caption{ margin-top:1rem; font-size:.95rem; line-height:1.6; color:#444; }
.slc-gambar-kutipan .slc-caption a{ color:#c33; text-decoration:none; font-weight:500; }
.slc-gambar-kutipan .slc-caption a:hover{ text-decoration:underline; }