@charset "utf-8";
/* CSS Document */

#produtos{
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 7em 0;
}
.produtos-container {
  width: 90%;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(380px, 1fr));
  gap: 40px;
  align-items: start;
  justify-content: center;
}

.produtos-title{
	font-size: 50px;
	line-height: 1.3;
	margin-bottom: 50px;
}
.card {
  margin: 0 auto;
  border-radius: 7px;
  padding: 20px;
  background-color: #5b0808;
  display: flex;
  flex-direction: column;
  justify-content:flex-start;
  text-align: center;
  gap: 30px;
}
.card-title{
  font-size: 16px;
  line-height: 1.5;
  word-break: break-word;
}
.card-price{
  font-size: 28px;
  color: orange;
}
.produtos-infos {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}
.produtos-infos .flag {
  flex: 0 0 auto;
}
.produtos-infos button {
  flex: 1;
}
.nacionalidade{
	display: flex;
	flex-direction: column;
	text-align: left;
	gap: 5px;
}
.origem{
	font-size: 12px;
	letter-spacing: 2px;
}
.flag{
	font-size: 15px;
}
.bt-card {
  margin-top: auto;
  display: block;
  width: 100%;
  padding: 12px 16px;
  background-color: #25D366;
  color: #003928 !important;
  text-decoration: none;
  font-size: 1rem;
  font-weight: 600;
  text-align: center;
  border: none;
  border-radius: 6px;
  line-height: 120%;
  cursor: pointer;
  transition: background-color 0.2s ease, transform 0.1s ease;
}
.bt-card:hover {
  background-color: #1ebe5d;
}
.bt-card:active {
  transform: scale(0.98);
}
@media only screen and (max-width: 768px) {
	#produtos{
	  padding: 3em 0;
	}
	.produtos-container { grid-template-columns: 1fr;}
    .card { padding: 16px; }
	.produtos-title{
		font-size: 30px;
	}
}

/* BT INFOS */
.acc-btn{
  display:block;max-width:60%;
  padding:10px 14px;background:transparent;color:white;
  font-size:.95rem;font-weight:700;text-align:center;
  border:1px solid white;border-radius:6px;cursor:pointer;
  transition:all .2s ease;letter-spacing: .3px;
}
.acc-btn:hover{background:#ffffff15}
.acc-btn.is-open{background:#ffffff20}
.acc-btn.is-open::first-letter {
  font-size: 0.6em;
  vertical-align: middle;
  line-height: 1;
}
.acc-panel{
  overflow:hidden;
  height:0;
  padding:0 6px;
  opacity:0;
  transition:height .3s ease, padding .3s ease, opacity .25s ease;
  text-align:left;
}
.acc-panel.is-open{
  padding:12px 6px 4px;
  opacity:1;
}
.acc-content h4,.acc-content h5{margin:0 0 8px;font-size:1rem;color:#fff}
.acc-content h5{opacity:.9}
.acc-content p{margin:0 0 12px;font-size:.95rem;line-height:1.5}