body{background-color: #000; color: #FFF; font-family: "Lato", sans-serif;}

.section{padding-top: 30px; padding-bottom: 30px;}

.img-responsive-cover{width: 100%;}

.img-thumbnail{}
.img-thumbnail{margin-bottom: 15px; padding: 4px; border: 2px solid #D6B260; border-radius: 4px; transition: transform 0.3s ease; background-color: transparent;}

.pagination {  display: inline-block;  padding-left: 0;  margin: 20px 0;  border-radius: 6px;}

.pagination li {  display: inline;}

.pagination li a {  color: #D6B260; /* dourado do seu layout */  float: left;  padding: 8px 14px;  margin: 0 3px;  text-decoration: none;  border: 1px solid #ddd;  border-radius: 4px;  background-color: fff;
  transition: all 0.3s ease;}

.pagination li a:hover {  background-color: #D6B260;  color: #fff;  border-color: #D6B260;}
.pagination li.active a {  background-color: #D6B260;  color: #fff;  border: 1px solid #D6B260;  cursor: default;}
.pagination li:first-child a,
.pagination li:last-child a {  font-weight: bold;}



 .btn-default {
    background-color: #D6B260;
    color: #fff;
    border: none;
    border-radius: 6px;
    padding: 10px 20px;
    transition: background-color 0.3s ease;
}
.btn-default:hover{background-color: #997e41;}

.section-topo{background-color: #1e1e1e94 !important; position: absolute; width: 100%; z-index: 1; padding-top: 10px;}

.section-list{}
.section-list .item{background-color: #ECDDB2; color: #000}
.section-list .item .img-thumbnail{ margin-bottom: 0px;}
.section-list .item .wrapper{border: 1px solid #BF0411; height: 100%; font-size: 20px; color: #BF0411}
.section-list .item .wrapper .titulo{font-size: 20px;}
.section-list .item .wrapper .valor{height: 50%; font-size: 18px; font-weight: bold; justify-content: center; align-content: center;}
.section-list .item .wrapper .valor.v1{border-right: 1px solid #BF0411;}
.section-list .item .wrapper .col2{}

.navbar{padding: 0px; position: relative}

/* Desktop */
#main-menu {  display: flex;  justify-content: space-evenly;  align-items: stretch;  width: 100%;}

#main-menu.sm-simple{background-color: transparent; border: none;}
#main-menu.sm-simple a{color: #FFF}

#main-menu > li {  flex: 1;  text-align: center;  position: relative;  display: flex; border: none !important;}
#main-menu > li > a{color: #FFF}

#main-menu.sm-simple a.highlighted{background: #ffffff4a;}
#main-menu > li > a:hover{background-color: #ffffff4a !important;}

#main-menu > li > a.nav-link {  flex: 1;  display: flex;  align-items: center;  justify-content: center;  padding: 0; font-size: 20px;}

#main-menu ul {  position: absolute;  top: 100% !important;   /* abre logo abaixo do item pai */  left: 0;  min-width: 180px;  z-index: 9999; background-color: #000; color: #FFF}

#main-menu.sm-simple ul a:hover{color: #000}

#main-menu.sm-simple ul{border:none;}
#main-menu.sm-simple ul > li{border:none;}

/* Logo */
.menu-logo a.nav-link { padding: 0; }
.menu-logo img.logo-menu {}

/* Mobile */
@media (max-width: 991px) {
  .section-topo{position: relative;}
  #main-menu.sm-simple a .sub-arrow{background-color: #ffffff47}
  .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255,255,255,1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

  #main-menu {    display: block; /* volta a ser lista vertical */  }
  #main-menu > li {
    display: block; /* cada item ocupa linha inteira */
    width: 100%;
    text-align: left;
  }
  #main-menu > li > a.nav-link {
    height: auto; /* altura natural */
    justify-content: flex-start;
    padding: 10px 15px;
  }
  #main-menu ul {    position: static; /* submenus entram no fluxo normal */    min-width: 100%;  }
  .menu-logo {    display: none !important;  }
}


.section-servicos{}
.section-servicos .servico{text-align: center}
.section-servicos .servico img{margin-bottom: 15px;}
.section-servicos .servico h2{font-size: 18px; font-weight: 300; min-height: 44px; margin-bottom: 0px}

@media (max-width: 991px) {
  .section-servicos .servico p{min-height: 120px}
}

.section-sobre {}
.section-sobre img{margin-bottom: 15px; padding: 5px; border: 2px solid #D6B260; border-radius: 4px;}
.section-sobre .texto{font-size: 20px; font-weight: 300}
.section-sobre .texto h2{font-size: 25px; font-weight: normal; font-weight: 300}


.section-cardapio{}
.section-cardapio .titulo{margin-bottom: 30px;font-size: 25px; font-weight: normal; font-weight: 300; text-align: center}
.section-cardapio .cardapio{text-align: center}

.section-cardapio .cardapio a{display: inline-block; margin: 0 auto}

.section-cardapio .cardapio img {
  margin-bottom: 15px;
  padding: 10px;
  border: 2px solid #D6B260;
  border-radius: 4px;
  transition: transform 0.3s ease; /* suaviza o efeito */
}

.section-cardapio .cardapio img:hover {
  transform: scale(1.07); /* aumenta 10% no hover */
}



.section-mapa{}
.section-mapa .titulo{margin-bottom: 30px;font-size: 25px; font-weight: normal; font-weight: 300; text-align: center}
.section-mapa .mapa{text-align: center}
.section-mapa .mapa iframe{width: 100%; height: 300px}


/* Estilo geral dos ícones sociais */

.social{margin-bottom: 15px; text-align: center;}
.social a.fa {
  font-size: 20px;          /* tamanho do ícone */
  width: 40px;              /* largura do círculo */
  height: 40px;             /* altura do círculo */
  line-height: 40px;        /* centraliza verticalmente */
  text-align: center;
  border-radius: 50%;       /* deixa redondo */
  margin: 0 6px;
  color: #fff;              /* cor do ícone */
  transition: all 0.3s ease; background-color: #D6B260;
  text-decoration: none;
  
}


.section-rodape{ background-image: url('../imagens/bg-rodape.png'); background-size: cover; }
.section-rodape ul{margin: 0; padding: 0; list-style-type: none;}
.section-rodape ul li{display: inline-block;  min-width: 49.5%}
.section-rodape ul li a{display: inline-block; padding: 5px;}
hr.rodape{border: 5px solid #D6B260; opacity: 1;}
.section-rodape h3{text-shadow: 2px 2px 2px #000000;}






