/* 1. HERO SECTION GURU */
#hero-guru { 
    position: relative;
    width: 100%;
    height: 70vh; 
    min-height: 400px; 
    overflow: hidden;
    display: flex;
    align-items: center; 
    justify-content: center;
    text-align: center;
    color: var(--light-color);
    
    /* 🔥 PERBAIKAN PATH dan EKSTENSI: 
       1. Menggunakan '../' (jika CSS di subfolder).
       2. Menggunakan ekstensi .jpg (bukan .jpeg).
       3. Menggunakan spasi biasa di dalam tanda kutip.
    */
    background: url('../asset/menu ortu poto.jpg') no-repeat center center/cover; 
}

/* ... Kode CSS lainnya (hero-overlay, hero-content, visual-panduan, dan media queries) tetap sama ... */