body {
    margin: 0;
    font-family: var(--bs-body-font-family);
    font-size: var(--bs-body-font-size);
    font-weight: var(--bs-body-font-weight);
    line-height: var(--bs-body-line-height);
    color: var(--bs-body-color);
    text-align: var(--bs-body-text-align);
    background-color: #ecebf4 !important;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
}


.eb-cursos-wrap{ padding:140px 0 20px; }
.eb-filtros{
    background:#fff; border:1px solid #eef0f4; border-radius:16px; padding:18px;
    box-shadow:0 6px 24px rgba(17,24,39,.05); margin-bottom:24px;
}
.eb-filtros form{ display:flex; flex-wrap:wrap; gap:14px; align-items:flex-end; }
.eb-filtro{ display:flex; flex-direction:column; gap:4px; position:relative; flex:1 1 180px; min-width:150px; }
.eb-filtro label{ font-size:12px; font-weight:700; color:#6b7280; text-transform:uppercase; letter-spacing:.03em; }
.eb-filtro input, .eb-filtro select{
    height:46px; border:1px solid #e5e7eb; border-radius:10px; padding:0 14px; font-size:14px; background:#fff; color:#111827; width:100%;
}
.eb-filtro-btn{ flex:0 0 auto; }
.eb-filtro-btn button{
    height:46px; padding:0 22px; border:none; border-radius:10px; background:#7b3aeb; color:#fff; font-weight:700; cursor:pointer;
}
.eb-filtro-btn button:hover{ background:#17a8e3; }
.eb-results-head{ display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px; margin-bottom:18px; }
.eb-results-head h1{ font-size:22px; font-weight:600; margin:0; color:#111827; }
.eb-results-head .total{ color:#6b7280; font-weight:600; }

/* Autocomplete */
.eb-ac-list{
    position:absolute; top:100%; left:0; right:0; z-index:40; margin:2px 0 0; padding:4px 0; list-style:none;
    background:#fff; border:1px solid #e5e7eb; border-radius:8px; box-shadow:0 8px 24px rgba(0,0,0,.12); max-height:260px; overflow-y:auto;
}
.eb-ac-list li{ padding:8px 14px; cursor:pointer; color:#7b3aeb; font-size:14px; }
.eb-ac-list li:hover, .eb-ac-list li.active{ background:#f1f5f9; }

.eb-card-brand-img {
    max-height: 100px;
    max-width: 240px;
    object-fit: contain;
}