.kepala-blog{background:linear-gradient(160deg,var(--biru-tua) 0%,var(--biru) 70%,#1F86D6 100%);color:#fff;padding:1.8rem 0 1.5rem;position:relative;overflow:hidden}.kepala-blog:before{content:"";position:absolute;top:-80px;right:-80px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(242,111,33,.35) 0%,transparent 70%)}.remah{font-size:.82rem;position:relative;z-index:1}.remah a{color:#aecbe4;text-decoration:none;font-weight:600}.remah a:hover{color:#fff}.remah .pisah{color:#5e86a8;margin:0 6px}.remah .aktif{color:#ffd9be;font-weight:600}.bagian-unggulan{background:var(--biru-muda);padding:16px 0}.kartu-unggulan{position:relative;border-radius:.9rem;overflow:hidden;height:100%;min-height:360px;cursor:pointer;display:block}.kartu-unggulan>img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .75s ease;position:absolute;top:0;right:0;bottom:0;left:0}.kartu-unggulan:hover>img{transform:scale(1.04)}.lapis-unggulan{position:absolute;bottom:0;left:0;right:0;max-height:50%;overflow:hidden;background:linear-gradient(to top,rgba(8,38,63,.95) 0%,rgba(8,38,63,.62) 55%,transparent 100%);padding:22px 18px 16px}.lapis-unggulan h5{font-family:Plus Jakarta Sans;font-size:.86rem;font-weight:800;color:#ffd9be;text-transform:uppercase;letter-spacing:.5px;line-height:1.38;margin-bottom:7px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.lapis-unggulan p{font-size:.73rem;color:#ffffffe0;line-height:1.55;margin-bottom:9px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tanggal-unggulan{font-size:.7rem;color:#ffd9be;font-style:italic;font-weight:700}.grid-kecil{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:8px;height:100%}.kartu-kecil{position:relative;border-radius:.9rem;overflow:hidden;cursor:pointer;min-height:168px;display:block}.kartu-kecil>img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease;position:absolute;top:0;right:0;bottom:0;left:0}.kartu-kecil:hover>img{transform:scale(1.07)}.lapis-kecil{position:absolute;bottom:0;left:0;right:0;max-height:55%;overflow:hidden;background:linear-gradient(to top,rgba(8,38,63,.94) 0%,rgba(8,38,63,.6) 60%,transparent 100%);padding:14px 11px 8px}.lapis-kecil h6{font-family:Plus Jakarta Sans;font-size:.65rem;font-weight:800;color:#ffd9be;text-transform:uppercase;letter-spacing:.3px;line-height:1.3;margin-bottom:3px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.lapis-kecil p{font-size:.62rem;color:#ffffffd1;line-height:1.4;margin-bottom:3px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.tanggal-kecil{font-size:.61rem;color:#ffd9be;font-style:italic;font-weight:700}.bagian-populer{background:#f7fafd;padding:32px 0 0;border-top:3px solid var(--oranye)}.judul-populer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:20px}.judul-populer h2{font-size:1.15rem;font-weight:800;color:var(--biru);display:flex;align-items:center;gap:8px}.judul-populer h2:before{content:"";width:4px;height:20px;background:var(--oranye);border-radius:2px;display:inline-block}.cari-wrap{flex:0 0 280px;max-width:100%}.cari-input{width:100%;border:1.5px solid var(--garis);border-radius:.6rem;padding:9px 14px;font-family:Plus Jakarta Sans,sans-serif;font-size:.8rem;background:#fff;outline:none;color:var(--tinta);transition:border-color .25s}.cari-input:focus{border-color:var(--biru);box-shadow:0 0 0 3px #0e5fa81f}.grid-pop,.grid-tab{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.p-kartu{background:#fff;border:1px solid var(--garis);border-top:3px solid var(--oranye);border-radius:.8rem;overflow:hidden;display:flex;flex-direction:column;transition:transform .3s,border-top-color .25s,box-shadow .3s}.p-kartu:hover{transform:translateY(-5px);border-top-color:var(--biru);box-shadow:0 12px 32px #0e5fa821}.p-gambar-wrap{overflow:hidden;height:170px}.p-gambar{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}.p-kartu:hover .p-gambar{transform:scale(1.06)}.p-isi{padding:12px 14px 8px;flex:1;display:flex;flex-direction:column}.p-isi h6{font-family:Plus Jakarta Sans;font-size:.79rem;font-weight:700;color:var(--tinta);margin-bottom:6px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.p-isi p{font-size:.72rem;color:var(--abu);line-height:1.55;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.p-kaki{padding:9px 14px 12px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--garis)}.p-tanggal{font-size:.68rem;color:var(--abu)}.tombol-detail{background:var(--biru);color:#fff;border:none;border-radius:.5rem;padding:5px 15px;font-family:Plus Jakarta Sans,sans-serif;font-size:.72rem;font-weight:600;cursor:pointer;transition:background .2s,transform .2s;text-decoration:none;display:inline-block}.tombol-detail:hover{background:var(--oranye);color:#fff;transform:scale(1.05)}.badge-kat{font-size:.62rem;font-weight:700;border-radius:3px;padding:2px 8px;display:inline-block;margin-bottom:6px}.kat-kegiatan{background:#0e5fa81a;color:var(--biru)}.kat-budaya{background:#f26f211a;color:var(--oranye)}.kat-pemerintahan{background:#08263f1a;color:var(--biru-tua)}.bagian-tab{background:#f7fafd;padding:28px 0 0}.bar-tab{display:flex;background:var(--biru-muda);border-radius:.6rem .6rem 0 0;overflow:hidden;border-bottom:3px solid var(--biru)}.tombol-tab{flex:1;padding:13px 0;font-family:Plus Jakarta Sans,sans-serif;font-size:.83rem;font-weight:600;border:none;background:transparent;color:var(--abu);cursor:pointer;transition:background .25s,color .25s}.tombol-tab.active{background:var(--biru);color:#fff}.tombol-tab:hover:not(.active){background:var(--oranye-muda);color:var(--oranye)}.area-tab{background:#f7fafd;padding:22px 0 36px}.panel-tab{display:none}.panel-tab.active{display:block}.pag-wrap{display:flex;align-items:center;justify-content:center;gap:10px;padding:28px 0 8px}.pg-dot{width:10px;height:10px;border-radius:50%;background:var(--garis);border:none;cursor:pointer;padding:0;transition:all .3s}.pg-dot.active{background:var(--oranye);width:26px;border-radius:4px}.pg-dot:hover{background:var(--biru)}.pg-panah{background:none;border:1.5px solid var(--garis);color:var(--abu);width:32px;height:32px;border-radius:.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.82rem;transition:all .22s}.pg-panah:hover{background:var(--biru);border-color:var(--biru);color:#fff}.pg-info{font-size:.75rem;color:var(--abu)}.btn-oranye{background:var(--oranye);color:#fff;font-weight:700;border-radius:.8rem;padding:.8rem 1.6rem;border:0}.btn-oranye:hover{background:#d95e15;color:#fff}#keAtas{position:fixed;bottom:28px;right:28px;width:44px;height:44px;background:var(--biru);color:#fff;border:2px solid var(--oranye);border-radius:50%;font-size:1.2rem;box-shadow:0 4px 18px #08263f47;cursor:pointer;display:none;align-items:center;justify-content:center;z-index:999;transition:.22s}#keAtas:hover{background:var(--oranye);transform:translateY(-3px)}#keAtas.tampil{display:flex}@media(max-width:991px){.grid-pop,.grid-tab{grid-template-columns:1fr 1fr}}@media(max-width:767px){.grid-pop,.grid-tab{grid-template-columns:1fr 1fr;gap:10px}.judul-populer{flex-direction:column;align-items:flex-start}.cari-wrap{width:100%;flex:none}.kartu-unggulan{min-height:340px;margin-bottom:8px}.lapis-unggulan{max-height:55%;padding:26px 14px 12px;background:linear-gradient(to top,rgba(8,38,63,.96) 0%,rgba(8,38,63,.75) 50%,transparent 100%)}.lapis-unggulan h5{font-size:.8rem;line-height:1.32;margin-bottom:5px;-webkit-line-clamp:3}.lapis-unggulan p{font-size:.7rem;line-height:1.45;margin-bottom:6px}.tanggal-unggulan{font-size:.66rem}.kartu-kecil{min-height:190px}.lapis-kecil{max-height:60%;padding:18px 10px 8px}.lapis-kecil h6{font-size:.62rem;line-height:1.28;margin-bottom:2px}.lapis-kecil p{font-size:.6rem;margin-bottom:2px}}@media(max-width:480px){.grid-pop,.grid-tab{grid-template-columns:1fr}.kartu-kecil{min-height:175px}.lapis-kecil{padding:16px 9px 7px}.lapis-kecil p{display:none}.lapis-unggulan h5{-webkit-line-clamp:2}}