/* ============================================================
   UNIT WELCOME — "Sekolah Ceria" (seragam dengan beranda)
   Dipakai bersama yayasan-beranda.css (butuh wrapper .yb-page)
   ============================================================ */

/* ---------- logo carousel ---------- */
.uw-logos{
    padding:56px 0;background:#fff;
}
.uw-logos .img-client-logo-cell{
    list-style:none;background:#f0f9ff;border:2px solid #e0f0fb;border-radius:20px;
    padding:18px 10px;display:flex;align-items:center;justify-content:center;
    min-height:110px;transition:.3s;margin:0 6px;
}
.uw-logos .img-client-logo-cell:hover{border-color:#fbbf24;transform:translateY(-5px);box-shadow:0 16px 30px -16px rgba(30,58,138,.25)}
.uw-logos .img-client-logo-cell img{max-width:90px;max-height:70px;width:auto;object-fit:contain}
.uw-logos .owl-nav button.owl-prev,.uw-logos .owl-nav button.owl-next{
    width:44px;height:44px;border-radius:50%!important;background:#f0f9ff!important;color:#2563eb!important;transition:.3s;
}
.uw-logos .owl-nav button.owl-prev:hover,.uw-logos .owl-nav button.owl-next:hover{background:#2563eb!important;color:#fff!important}

/* ---------- program unggulan ---------- */
.uw-program{padding:100px 0;background:var(--yb-cream);position:relative;overflow:hidden}
.uw-program .container{position:relative;z-index:1}
.uw-program-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;max-width:1020px;margin:52px auto 0}
.uw-program-card{
    background:#fff;border-radius:24px;padding:32px;position:relative;
    box-shadow:0 16px 36px -18px rgba(30,58,138,.18);
    border-top:6px solid #2563eb;transition:transform .3s,box-shadow .3s;
}
.uw-program-card:hover{transform:translateY(-6px);box-shadow:0 24px 44px -18px rgba(30,58,138,.28)}
.uw-pc2{border-top-color:#f59e0b}
.uw-pc3{border-top-color:#22c55e}
.uw-pc4{border-top-color:#ec4899}
.uw-program-num{
    display:inline-flex;align-items:center;justify-content:center;
    width:46px;height:46px;border-radius:14px;margin-bottom:18px;
    font-family:'Fredoka',sans-serif;font-weight:600;font-size:18px;color:#fff;background:#2563eb;
}
.uw-pc2 .uw-program-num{background:#f59e0b}
.uw-pc3 .uw-program-num{background:#22c55e}
.uw-pc4 .uw-program-num{background:#ec4899}
.uw-program-card h4{
    font-family:'Fredoka','Plus Jakarta Sans',sans-serif;font-weight:600;
    font-size:19px;color:#1e2a5a;margin-bottom:10px;
}
.uw-program-card p{font-size:14.5px;line-height:1.75;color:#64748b;margin:0}

/* ---------- galeri ---------- */
.uw-galeri{padding:100px 0;background:#eef9f1;position:relative;overflow:hidden}
.uw-galeri .container{position:relative;z-index:1}
.uw-galeri-card{
    display:block;border-radius:22px;overflow:hidden;position:relative;
    box-shadow:0 16px 34px -18px rgba(30,58,138,.25);
}
.uw-galeri-card img{width:100%;height:250px;object-fit:cover;display:block;transition:transform .7s}
.uw-galeri-card:hover img{transform:scale(1.08)}
.uw-galeri-card::after{
    content:'';position:absolute;inset:0;background:rgba(30,58,138,.35);
    opacity:0;transition:.35s;
}
.uw-galeri-card:hover::after{opacity:1}
.uw-galeri-zoom{
    position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.5);
    width:52px;height:52px;border-radius:50%;background:#fbbf24;color:#1e2a5a;
    display:flex;align-items:center;justify-content:center;font-size:18px;
    opacity:0;transition:.35s;z-index:2;
}
.uw-galeri-card:hover .uw-galeri-zoom{opacity:1;transform:translate(-50%,-50%) scale(1)}

/* ---------- guru & karyawan ---------- */
.uw-guru{padding:100px 0;background:#fff}
.uw-guru-card{
    background:#fff;border-radius:24px;overflow:hidden;text-align:center;height:100%;
    box-shadow:0 16px 36px -18px rgba(30,58,138,.2);
    border-bottom:6px solid #2563eb;transition:transform .3s,box-shadow .3s;
}
.uw-guru-card:hover{transform:translateY(-6px);box-shadow:0 24px 44px -18px rgba(30,58,138,.3)}
.uw-gc2{border-bottom-color:#f59e0b}
.uw-gc3{border-bottom-color:#22c55e}
.uw-gc4{border-bottom-color:#ec4899}
.uw-guru-photo{display:block;overflow:hidden}
.uw-guru-photo img{width:100%;height:230px;object-fit:cover;display:block;transition:transform .6s}
.uw-guru-card:hover .uw-guru-photo img{transform:scale(1.07)}
.uw-guru-info{padding:18px 14px 22px}
.uw-guru-info strong{
    display:block;font-family:'Fredoka','Plus Jakarta Sans',sans-serif;font-weight:600;
    font-size:16px;color:#1e2a5a;margin-bottom:4px;
}
.uw-guru-info span{
    display:inline-block;font-size:12px;font-weight:700;color:#2563eb;
    background:#dbeafe;padding:5px 14px;border-radius:50px;
}
.uw-gc2 .uw-guru-info span{color:#b45309;background:#fef3c7}
.uw-gc3 .uw-guru-info span{color:#15803d;background:#dcfce7}
.uw-gc4 .uw-guru-info span{color:#be185d;background:#fce7f3}

/* ---------- dark mode ---------- */
body.darkmode .uw-logos{background:#0f1526}
body.darkmode .uw-logos .img-client-logo-cell{background:#17203a;border-color:#24304d}
body.darkmode .uw-program{background:#131c33}
body.darkmode .uw-program-card,body.darkmode .uw-guru-card{background:#17203a;box-shadow:none}
body.darkmode .uw-program-card h4,body.darkmode .uw-guru-info strong{color:#e6ebf7}
body.darkmode .uw-galeri{background:#121c2e}
body.darkmode .uw-guru{background:#0f1526}

/* ---------- responsive ---------- */
@media (max-width:991px){
    .uw-program,.uw-galeri,.uw-guru{padding:70px 0}
    .uw-program-grid{grid-template-columns:1fr;margin-top:40px}
    .uw-galeri-card img{height:220px}
}