* { margin:0; padding:0; box-sizing:border-box }
    html, body {
      height:100%; background:#f5f0e7;
      font-family:"Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
      color:#333;
    }
.container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 2rem 1rem;
  height: auto;
}

/* Em telas pequenas (ex: até 768px), remover altura fixa */
@media (max-width: 768px) {
  .container {
    height: auto;
    padding-bottom: 0;
  }
}
    /* logo redondo */
    .container img {
      width:200px; height:200px;
      object-fit:cover;
      border-radius:50%;
      margin-bottom:2rem;
      box-shadow:0 1px 2px rgba(0,0,0,0.1);
    }
    h1 {
      font-size:1.5rem;
      margin-bottom:0.5rem;
    }
    p {
      font-size:1.0rem;
      opacity:0.8;
    }
    .blink {
      display:inline-block;
      animation:blink 1.4s step-start infinite;
    }
    @keyframes blink { 50% { opacity:0 } }
	.gallery {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 2rem;
  padding: 2rem;
  background: #f5f0e7;
  height: auto;
  overflow-y: auto;
  margin-top: 1rem;
}

.card {
  background: #fff;
  padding: 1.5rem;
  border-radius: 12px;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.05);
  text-align: center;
  transition: transform 0.3s ease;
}

.card:hover {
  transform: translateY(-5px);
}

.card img {
  width: 100%;
  height: 180px;
  object-fit: cover;
  border-radius: 8px;
  margin-bottom: 1rem;
}

.card h2 {
  font-size: 1.2rem;
  margin-bottom: 0.5rem;
  color: #7b4f28;
}

.card p {
  font-size: 0.95rem;
  color: #555;
}