.buap-brands{background:#fff;padding:48px 16px}
.buap-brands-wrap{max-width:1180px;margin:0 auto}
.buap-brands-head{text-align:center;margin-bottom:28px}
.buap-brands-eyebrow{font-size:11.5px;font-weight:800;letter-spacing:.18em;color:#E0670C;margin-bottom:8px}
.buap-brands-title{font-size:26px;font-weight:800;color:#103178;margin:0 0 8px}
@media(min-width:768px){.buap-brands-title{font-size:34px}}
.buap-brands-sub{font-size:14px;color:#5B6C8F;max-width:58ch;margin:0 auto;line-height:1.55}
.buap-brands-grid{display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}
@media(min-width:640px){.buap-brands-grid{grid-template-columns:repeat(4,1fr)}}
@media(min-width:900px){.buap-brands-grid{grid-template-columns:repeat(6,1fr)}}
.buap-brand{display:flex;align-items:center;justify-content:center;background:#f3f5fa;border:1px solid #E2E6EE;border-radius:11px;padding:16px 10px;min-height:64px;text-decoration:none;transition:transform .15s,box-shadow .15s}
.buap-brand:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(12,22,38,.1)}
.buap-brand img{max-height:34px;max-width:100%;width:auto;object-fit:contain;filter:grayscale(1);opacity:.8;transition:filter .15s,opacity .15s}
.buap-brand:hover img{filter:none;opacity:1}
.buap-brand-name{font-size:13px;font-weight:700;color:#103178;text-align:center}
.buap-brands-cta{text-align:center;margin-top:26px}
.buap-brands-btn{display:inline-block;background:#FF7A18;color:#fff;font-weight:700;padding:14px 28px;border-radius:11px;text-decoration:none}
.buap-brands-btn:hover{background:#E0670C}