body {
  font-family: 'Segoe UI', sans-serif;
  background-color: #faf7f2;
  color: #3e2723;
}
.navbar {
  background-color: #4e342e;
}
.navbar a {
  color: #fbe9e7 !important;
}
header {
    background: url('assets/banner.jpeg') no-repeat center center fixed;
    background-size: cover;
    height: 100vh; /* ocupa toda a tela */
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff3e0;
    position: relative;
  }
  
  header .overlay {
    background: rgba(0, 0, 0, 0.4); /* overlay */
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  
  header .logo-header {
    width: 500px; /* tamanho maior da logo */
    margin-bottom: 5px;
    margin-top: 50px;
  }

  
.section-title {
  text-align: center;
  margin: 2rem 0;
  font-weight: bold;
  color: #4e342e;
}
.cardapio-item {
  border-bottom: 1px dashed #ccc;
  padding: 8px 0;
}
.logo-nav {
    height: 100px;   /* ajusta a altura da logo */
    width: auto;    /* mantém proporção */
  }
  .navbar-brand {
    padding: 0;
    height: 80px;      /* remove espaços extras */
  }
  /* Estilo do dropdown */
.navbar .dropdown-menu {
    background-color: #4e342e;
    border: none;
  }
  .navbar .dropdown-item {
    color: #fbe9e7;
  }
  .navbar .dropdown-item:hover {
    background-color: #6d4c41;
    color: #fff3e0;
  }
  
/* Títulos */
.section-title {
    text-align: center;
    margin: 2rem 0;
    font-weight: bold;
    color: #4e342e;
  }
  .subsection-title {
    font-size: 1.6rem;
    font-weight: bold;
    color: #6d4c41;
    margin-bottom: 1.5rem;
  }
  
  /* Cards de cardápio */
  .card img {
    height: 200px;
    object-fit: cover;
    border-bottom: 2px solid #6d4c41;
  }
  .card-title {
    color: #4e342e;
    font-weight: bold;
  }
  .card-text {
    font-size: 0.9rem;
    color: #5d4037;
  }
/* Métodos - imagens maiores */
#metodos img {
    height: 280px;       /* Aumenta a altura (pode ser 300px se quiser ainda maior) */
    object-fit: cover;
    border-radius: 12px;
    border: 2px solid #6d4c41;
  }
  
  /* Centralizar e destacar título/descrição */
  #metodos h5 {
    margin-top: 12px;
    font-weight: bold;
    color: #4e342e;
    font-size: 1.2rem;
  }
  #metodos p {
    font-size: 1rem;
    color: #5d4037;
  }
  
  /* Setas do carrossel fora da foto */
  .carousel-control-prev,
  .carousel-control-next {
    width: 5%;                 /* ocupa só a lateral */
  }
  .carousel-control-prev-icon,
  .carousel-control-next-icon {
    background-color: #4e342e; /* cor marrom */
    border-radius: 50%;
    padding: 18px;             /* tamanho maior da bolinha */
  }

  #metodos img:hover {
    transform: scale(1.08);
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.25);
  }  

  #carouselMetodos .row {
    flex-wrap: nowrap;          /* impede quebrar linha */
    overflow-x: auto;           /* rolagem horizontal */
    scrollbar-width: thin;      /* estiliza a barra */
    scrollbar-color: #6d4c41 #fbe9e7;
  }
  
  #carouselMetodos .col-md-3 {
    flex: 0 0 auto;             /* largura fixa dos cards */
    max-width: 220px;           /* ajusta tamanho */
    margin-right: 1rem;         /* espaço entre cards */
  }
  
 /* Fotos só dos cards da seção Espressos */
#espressos .card-img-top {
  height: 350px;        /* aumenta altura da foto */
  object-fit: cover;    /* mantém proporção cortando excesso */
  border-radius: 8px 8px 0 0; /* cantos arredondados só em cima */
  transition: transform 0.4s ease, box-shadow 0.4s ease;
  cursor: pointer;
}

/* Efeito hover com zoom */
#espressos .card-img-top:hover {
  transform: scale(1.05);
  box-shadow: 0 6px 16px rgba(0,0,0,0.25);
}
#bebidas-geladas .card-img-top {
    height: 350px;         /* mais alto */
    object-fit: cover;     /* cobre mantendo proporção */
    width: 100%;
    border-radius: 8px 8px 0 0;
    transition: transform 0.4s ease, box-shadow 0.4s ease;
    cursor: pointer;
  }
  
/* Bebidas Geladas */
#bebidas-geladas .col-md-4 {
    flex: 0 0 100%;     /* mobile: 1 card por linha */
    max-width: 100%;
  }
  
  @media (min-width: 768px) {
    #bebidas-geladas .col-md-4 {
      flex: 0 0 50%;    /* tablets: 2 por linha */
      max-width: 50%;
    }
  }
  
  @media (min-width: 1200px) {
    #bebidas-geladas .col-md-4 {
      flex: 0 0 25%;    /* desktops: 4 por linha */
      max-width: 25%;
    }
  }
  
/* Fotos só da seção Salgados */
#salgados .card-img-top {
    height: 250px;          /* Ajusta para suas fotos */
    object-fit: cover;      /* Garante preenchimento */
    border-radius: 8px 8px 0 0;
    transition: transform 0.4s ease, box-shadow 0.4s ease;
    cursor: pointer;
  }
  #salgados .card-img-top:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 16px rgba(0,0,0,0.25);
  }
/* Fotos só da seção Sobremesas */
#sobremesas .card-img-top {
    height: 250px;          /* ajuste de acordo com as suas fotos */
    object-fit: cover;
    border-radius: 8px 8px 0 0;
    transition: transform 0.4s ease, box-shadow 0.4s ease;
    cursor: pointer;
  }
  #sobremesas .card-img-top:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 16px rgba(0,0,0,0.25);
  }
      
    
footer {
  background-color: #4e342e;
  color: #fbe9e7;
  text-align: center;
  padding: 1.5rem 0;
  margin-top: 2rem;
}
@media (max-width: 768px) {
  header h1 {
    font-size: 2rem;
  }
}