:root{
  --mb-gold: #f1c232;
  --mb-black: #0b0b0c;
}

body{
  background: var(--mb-black);
}

.bg-black{ background: var(--mb-black) !important; }
.text-white-75{ color: rgba(255,255,255,.75) !important; }

.py-6{ padding-top: 5rem; padding-bottom: 5rem; }

.site-header .custom-logo{
  max-height: 48px;
  width: auto;
}

.hero-section{
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* Desktop default */
  min-height: 90vh;
  display: flex;
  align-items: center;
}

.bg-black-70{ background: rgba(0,0,0,.7); }

.card-dark{
  background: #111214;
  color: #fff;
}

.gallery-tile{
  aspect-ratio: 4 / 3;
  background: linear-gradient(135deg, rgba(241,194,50,.15), rgba(255,255,255,.03));
}

.btn-warning{
  background: var(--mb-gold);
  border-color: var(--mb-gold);
}

.btn-outline-warning{
  border-color: var(--mb-gold);
  color: var(--mb-gold);
}
.btn-outline-warning:hover{
  background: var(--mb-gold);
  color: #000;
}

/* Accordion darker */
.accordion-dark .accordion-button{
  background: #111214;
  color: #fff;
}
.accordion-dark .accordion-button:not(.collapsed){
  background: #15161a;
  color: #fff;
}
.accordion-dark .accordion-body{
  background: #111214;
}

.gallery-tile{
  transition: transform .3s ease, box-shadow .3s ease;
}

.gallery-tile:hover{
  transform: scale(1.05);
  box-shadow: 0 15px 50px rgba(0,0,0,.7);
}

/* Tablets / small laptops */
@media (max-width: 992px){
  .hero-section{
    min-height: 70vh;
  }
}

/* Mobile */
@media (max-width: 576px){
  .hero-section{
    min-height: 58vh;
    align-items: flex-end; /* opcional: texto mais em baixo, mais “hero” */
    padding-bottom: 2rem;  /* dá ar ao botão */
  }
}