/* -----------------------------
   Estilo geral
------------------------------*/
body {
  font-family: "Poppins", sans-serif;
  background-color: #faf9f6;
  color: #333;
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, h5 {
  font-weight: 600;
}

/* -----------------------------
   Navbar - Tons pastéis
------------------------------*/
.pastel-navbar {
  background-color: #fdf6ec !important; /* bege pastel */
  border-bottom: 2px solid #f2e6d9;
}

.nav-space {
  width: 50px; /* ajuste conforme necessário */
}

.navbar .nav-link {
  color: #5a4634 !important;
  font-weight: 500;
  transition: color 0.3s ease, background-color 0.3s ease;
}

.navbar .nav-link:hover,
.navbar .dropdown-item:hover {
  color: #fff !important;
  background-color: #d4a373 !important; /* marrom pastel */
}

.dropdown-menu {
  background-color: #fffaf3 !important;
  border: 1px solid #f0e0d0;
  border-radius: 10px;
}

/* Dropdown hover apenas no desktop */
@media (min-width: 769px) {
  .nav-item.dropdown:hover .dropdown-menu {
    display: block;
  }
}

/* -----------------------------
   Hero / Carrossel
------------------------------*/
.hero-section {
  margin-top: 70px; /* compensa a navbar fixa */
  height: 60vh;
  overflow: hidden;
}

.carousel-item img {
  height: 60vh;
  object-fit: cover;
  filter: brightness(80%);
}

.carousel-caption {
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 10px;
  padding: 20px;
}

/* -----------------------------
   Calendário
------------------------------*/
.calendar-container {
  background-color: #fffaf3;
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  padding: 20px;
  max-width: 700px;
  margin: 0 auto;
}

#calendar th {
  background-color: #f9e3c7;
  color: #5a4634;
  text-align: center;
}

#calendar td {
  height: 70px;
  vertical-align: middle;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

#calendar td:hover {
  background-color: #f3e2cb;
}

/* Dia com evento */
.event-day {
  background-color: #ffe3b3 !important;
  color: #5a4634;
  font-weight: 600;
  border-radius: 8px;
  position: relative;
}

/* Indicador visual no canto */
.event-day::after {
  content: "★";
  color: #c47f00;
  font-size: 12px;
  position: absolute;
  top: 5px;
  right: 6px;
}

/* -----------------------------
   Modal do Evento
------------------------------*/
.modal-content {
  background-color: #fffaf3;
  border-radius: 12px;
}

.modal-header {
  background-color: #f9e3c7;
  border-bottom: 2px solid #f2d0a4;
}

.modal-title {
  color: #5a4634;
  font-weight: 600;
}

.modal-body {
  color: #4b3b2c;
}

#mapPin {
  text-decoration: none;
  font-size: 18px;
}

#mapPin:hover {
  color: #b05e0a;
}

/* -----------------------------
   Botões do calendário
------------------------------*/
.btn-outline-secondary {
  border-color: #d4a373;
  color: #5a4634;
}

.btn-outline-secondary:hover {
  background-color: #d4a373;
  color: white;
}

/* -----------------------------
   Ajustes responsivos da NAVBAR
------------------------------*/
@media (max-width: 768px) {
  /* Navbar container */
  .navbar-collapse {
    background-color: #fdf6ec; /* mesma cor da navbar */
    padding: 10px 0;
  }

  /* Links centralizados */
  .navbar .nav-item {
    text-align: center;
    margin: 0.5rem 0;
  }

  /* Links do dropdown centralizados */
  .navbar .dropdown-item {
    text-align: center;
    padding: 0.5rem 1rem;
  }

  /* Ajuste do toggle button */
  .navbar-toggler {
    border: none;
    background-color: #d4a373;
  }

  .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30'"
      + " xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.7)'"
      + " stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
  }
}

.instagram-feeds blockquote {
  width: 300px; /* largura fixa para cada post */
  margin: 0 auto;
}

@media (max-width: 768px) {
  .instagram-feeds blockquote {
    width: 100%; /* ocupa toda a largura em mobile */
  }
}



/* -----------------------------
   Logo / Brand
------------------------------*/
.navbar .navbar-brand {
  color: #5a4d4d;
  font-weight: bold;
  font-size: 1.3rem;
  transition: color 0.3s;
}

.navbar .navbar-brand:hover {
  color: #d17c7c;
}

.ultimas_publicacoes_instagram div {
    background-color: rgb(253, 246, 236, 0.2);
    border-radius: 15px; /* cantos arredondados */
    padding: 20px; /* espaço interno */
    max-width: 90%; /* largura máxima opcional */
    margin: 0 auto; /* centraliza horizontalmente */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* leve sombra */
}

.ultimas_publicacoes_facebook div {
    background-color: rgb(253, 246, 236, 0.2);
    border-radius: 15px; /* cantos arredondados */
    max-width: 90%; /* largura máxima opcional */
    margin: 0 auto; /* centraliza horizontalmente */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* leve sombra */
}