.ble-directory{
    --ble-orange:#EF5C0E;
    --ble-orange-soft:#FFF3EA;
    --ble-text:#262626;
    --ble-muted:#717171;
    --ble-border:#E9E5E0;
    --ble-bg:#FAF8F6;
    max-width:1180px;
    margin:0 auto;
    color:var(--ble-text);
    box-sizing:border-box;
}

.ble-directory *{ box-sizing:border-box; }

.ble-directory-heading{
    margin:0 0 24px;
}

.ble-directory-kicker{
    display:block;
    margin-bottom:5px;
    color:var(--ble-orange);
    font-size:13px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.06em;
}

.ble-directory-heading h2{
    margin:0 0 6px;
    font-size:30px;
    line-height:1.18;
    font-weight:750;
}

.ble-directory-heading p{
    margin:0;
    color:var(--ble-muted);
    font-size:15px;
}

.ble-school-search-wrap{
    position:relative;
    max-width:560px;
    margin:0 0 24px;
}

.ble-school-search-wrap svg{
    position:absolute;
    left:16px;
    top:50%;
    transform:translateY(-50%);
    width:20px;
    height:20px;
    fill:#8b8b8b;
    pointer-events:none;
}

.ble-school-search{
    width:100%;
    height:48px;
    padding:0 16px 0 46px!important;
    border:1px solid var(--ble-border)!important;
    border-radius:10px!important;
    background:#fff!important;
    box-shadow:none!important;
    font-size:15px!important;
    outline:none!important;
}

.ble-school-search:focus{
    border-color:#efb18c!important;
    box-shadow:0 0 0 3px rgba(239,92,14,.08)!important;
}

.ble-school-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px;
}

.ble-school-card,
.ble-series-card{
    text-decoration:none!important;
    color:inherit!important;
}

.ble-school-card{
    min-height:104px;
    display:flex;
    align-items:center;
    gap:14px;
    padding:18px;
    background:#fff;
    border:1px solid var(--ble-border);
    border-radius:13px;
    transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;
}

.ble-school-card:hover{
    transform:translateY(-2px);
    border-color:#f1c3a7;
    box-shadow:0 8px 24px rgba(40,30,20,.06);
}

.ble-school-icon{
    width:44px;
    height:44px;
    flex:0 0 44px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:10px;
    background:var(--ble-orange-soft);
}

.ble-school-icon svg{
    width:24px;
    height:24px;
    fill:var(--ble-orange);
}

.ble-school-card-body{
    min-width:0;
    flex:1;
    display:flex;
    flex-direction:column;
    gap:4px;
}

.ble-school-card-body strong{
    font-size:15px;
    line-height:1.25;
}

.ble-school-card-body span{
    color:var(--ble-muted);
    font-size:12px;
}

.ble-school-arrow,
.ble-series-arrow{
    color:var(--ble-orange);
    font-size:28px;
    line-height:1;
}

.ble-school-empty,
.ble-directory-empty{
    margin:20px 0 0;
    padding:22px;
    border:1px dashed var(--ble-border);
    border-radius:12px;
    color:var(--ble-muted);
    text-align:center;
}

.ble-directory-empty{
    display:flex;
    flex-direction:column;
    gap:5px;
}

.ble-directory-back{
    display:inline-flex;
    margin:0 0 18px;
    color:var(--ble-orange)!important;
    font-size:13px;
    font-weight:700;
    text-decoration:none!important;
}

.ble-series-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
}

.ble-series-card{
    min-height:78px;
    padding:17px 18px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    border:1px solid var(--ble-border);
    border-radius:12px;
    background:#fff;
    transition:border-color .16s ease,box-shadow .16s ease;
}

.ble-series-card:hover{
    border-color:#f1c3a7;
    box-shadow:0 6px 20px rgba(40,30,20,.05);
}

.ble-series-card>div{
    display:flex;
    flex-direction:column;
    gap:3px;
}

.ble-series-card strong{
    font-size:15px;
}

.ble-series-card span:not(.ble-series-arrow){
    color:var(--ble-muted);
    font-size:12px;
}

@media(max-width:900px){
    .ble-school-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media(max-width:620px){
    .ble-directory-heading h2{ font-size:25px; }
    .ble-school-grid,
    .ble-series-grid{ grid-template-columns:1fr; }
    .ble-school-card{ min-height:92px; padding:15px; }
}


/* ==================================================
   v0.6.0 - LOGOS DOS COLÉGIOS
================================================== */
.ble-school-logo{
    width:54px;
    height:54px;
    flex:0 0 54px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:5px;
    border-radius:10px;
    background:#fff;
    border:1px solid #eee7df;
}

.ble-school-logo img{
    width:100%;
    height:100%;
    object-fit:contain;
    display:block;
}

.ble-directory-school-heading{
    display:flex;
    align-items:center;
    gap:18px;
    margin:0 0 24px;
}

.ble-directory-school-heading .ble-directory-heading{
    margin:0;
}

.ble-directory-school-logo{
    width:84px;
    height:84px;
    flex:0 0 84px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:8px;
    border:1px solid var(--ble-border);
    border-radius:14px;
    background:#fff;
}

.ble-directory-school-logo img{
    width:100%;
    height:100%;
    object-fit:contain;
    display:block;
}

@media(max-width:620px){
    .ble-directory-school-heading{
        flex-direction:column;
        align-items:flex-start;
        gap:12px;
    }

    .ble-directory-school-logo{
        width:72px;
        height:72px;
        flex-basis:72px;
    }
}