:root{
  --tacos-red:#b11226;
  --tacos-yellow:#f4b400;
  --tacos-dark:#2b1d14;     
  --tacos-bg:#fdf4ea;        
  --tacos-navbar:#8d500f34;    
}

body{
  padding-top: 72px;
  background: var(--tacos-bg);
}

.navbar-tacos{
  background-color: var(--tacos-navbar);
  border-bottom: 1px solid rgba(0,0,0,.05);
}

.brand-text{
  color: var(--tacos-dark);
  font-weight: 800;
  letter-spacing: .6px;
  font-size: 1.25rem;
}

.brand-icon{
  color: var(--tacos-dark);
  font-size: 1.3rem;
}

.navbar .nav-link{
  color: var(--tacos-dark);
  font-weight: 500;
  opacity: .9;
}

.navbar .nav-link:hover{
  opacity: 1;
  color: var(--tacos-red);
}

.navbar .nav-link.active{
  color: var(--tacos-red);
  font-weight: 600;
}

.btn-tacos{
  background-color: var(--tacos-red);
  border-color: var(--tacos-red);
  color: #ffffff;
  font-weight: 700;
  padding: .5rem 1rem;
  border-radius: .75rem;
}

.btn-tacos:hover{
  background-color: #8f0f1f;
  border-color: #8f0f1f;
  color:#fff;
}

.carousel-inner img{
  height: 420px;
  object-fit: cover;
}

@media (max-width: 576px){
  .carousel-inner img{
    height: 260px;
  }
}

.card{
  border-radius: 1rem;
}

.rounded-3{
  border-radius: 1rem !important;
}