/* ============================================
   PÁGINAS DE MARCA (SEO)
   ============================================ */

.brand-hero {
  padding: 24px 0 8px;
}
.brand-hero__inner{
  display:grid;
  grid-template-columns: 1.2fr .8fr;
  gap: 16px;
  align-items: stretch;
}
@media (max-width: 900px){
  .brand-hero__inner{ grid-template-columns: 1fr; }
}
.brand-hero__badge{
  display:inline-flex;
  gap:8px;
  align-items:center;
  padding:8px 12px;
  border-radius:999px;
  background: rgba(0,0,0,.05);
  font-weight:700;
  margin:0 0 10px;
}
.brand-hero__title{
  margin:0 0 6px;
  font-size: clamp(28px, 4vw, 42px);
  letter-spacing:-.02em;
}
.brand-hero__subtitle{
  margin:0 0 14px;
  opacity:.9;
  max-width: 58ch;
}
.brand-hero__actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.brand-hero__card{
  border:1px solid rgba(0,0,0,.08);
  border-radius:16px;
  padding:14px;
  background: rgba(255, 255, 255, 0);
  backdrop-filter: blur(8px);
}
.brand-hero__cardTitle{
  margin:0 0 8px;
  font-weight:800;
}
.brand-hero__list{
  list-style:none;
  padding:0;
  margin:0;
  display:grid;
  gap:8px;
}
.brand-hero__list i{
  margin-right:8px;
}
body[data-lock-brand="true"] #brandFilters{
  display:none !important;
}