body {
  font-family: Arial, sans-serif;
  background: #e7e4e4;
  max-width: 850px;   /* largura maxima do card */
  width: 100%;        /* ocupa toda a largura disponivel */
  margin: 0 auto;     /* centraliza */
  text-align: center;
  
}
.card {
  max-width: 450px;   /* largura maxima do card */
  padding: 8px 12px;
  width: 100%;        /* ocupa toda a largura disponivel */
  margin: 0 auto;     /* centraliza */
  background: #f9f9f9;
  text-align: center;
}

.card h2 {
  font-size: 16px;
  color: #333;
  margin-bottom: 8px;
}

.card em {
  font-size: 14px;
  color: #666;
}

.card h3 {
  color: #e74c3c;
  font-weight: bold;
  margin-top: 12px;
}

.mais_detalhes a {
  display: inline-block;
  background: #ff5722;
  color: #fff;
  padding: 8px 12px;
  border-radius: 4px;
  text-decoration: none;
  font-weight: bold;
}
.mais_detalhes img { max-width: 100px; }

.mais_detalhes a:hover {
  background: #e64a19;
}

/* Carrossel */
.carousel {
  width: 100%;        /* garante que o carrossel siga o tamanho do card */
  overflow: hidden;
}

.carousel img {
  width: 100%;        /* imagem ocupa toda a largura do card */
  height: auto;       /* mantem proporcao */
  object-fit: cover;  /* corta excesso sem distorcer */
  border-radius: 6px;
}

.carousel-track {
  display: flex;
  width: 100%;
  animation: slide 9s infinite;
}


@keyframes slide {
  0% { transform: translateX(0); }
  30% { transform: translateX(0); }
  33% { transform: translateX(-100%); }
  63% { transform: translateX(-100%); }
  66% { transform: translateX(-200%); }
  96% { transform: translateX(-200%); }
  100% { transform: translateX(0); }
}
.separador { background: #e7e4e4; text-align: center; }
/* .caracte {padding: 80px 120px;} */
.caracte a { font-size: 16px; background: #fcccff; color: black; }