/* Custom CSS */
body {
    font-family: 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    padding-top: 56px; /* Tinggi navbar */
}

/* --- Navigasi --- */
.navbar-brand img {
    height: auto;
    max-width: 150px;
}
.nav-link {
    font-weight: 500;
}
.navbar-nav .nav-link.active {
    color: var(--bs-primary) !important;
}

/* --- Section Beranda (Home) --- */
#beranda {
    min-height: 100vh;
    /* 1. Mengatur gambar latar belakang */
    background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('img/background.jpg') no-repeat center center/cover;
    background-attachment: fixed; /* Membuat gambar tetap saat di-scroll */
}
#beranda .pengumuman {
    background-color: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(5px);
    border: 1px solid rgba(255, 255, 255, 0.3);
}

/* --- Transisi Efek Muncul (Reveal) --- */
.reveal {
    position: relative;
    transform: translateY(100px);
    opacity: 0;
    transition: all 1s ease;
}
.reveal.active {
    transform: translateY(0);
    opacity: 1;
}

/* --- Bagian Tentang Kami --- */
.guru-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.guru-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 1rem 3rem rgba(0,0,0,0.175) !important;
}
.guru-card img {
    transition: all 0.3s ease;
}
.guru-card:hover img {
    border-color: var(--bs-success) !important;
}

/* --- Bagian Akademik --- */
.akademik-card {
    transition: all 0.3s ease;
}
.akademik-card:hover {
    box-shadow: 0 1rem 3rem rgba(0,0,0,0.175) !important;
    background-color: var(--bs-primary) !important;
    color: white !important;
}
.akademik-card:hover .card-title, .akademik-card:hover .card-text {
    color: white !important;
}
.akademik-card:hover i {
    color: white !important;
}

/* --- Galeri --- */
.galeri-item {
    transition: transform 0.3s ease;
}
.galeri-item:hover {
    transform: scale(1.05);
}
.galeri-item img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

/* --- Peta Kontak --- */
.ratio {
    border-radius: var(--bs-border-radius);
    overflow: hidden;
}