/* =============================================================
   DOCES PALESTINA — Receitas
   Arquivo: assets/css/receitas.css
   Desenvolvedor: Juliano Alves
   ============================================================= */

.receita-card {
  background: var(--cor-branco);
  border-radius: var(--raio-lg);
  box-shadow: var(--sombra-sm);
  overflow: hidden;
  transition: var(--trans-normal);
  display: flex;
  flex-direction: column;
}
.receita-card:hover {
  box-shadow: var(--sombra-lg);
  transform: translateY(-5px);
}
.receita-card__foto-wrapper {
  overflow: hidden;
  aspect-ratio: 4/3;
  position: relative;
}
.receita-card__foto {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.45s ease;
}
.receita-card:hover .receita-card__foto { transform: scale(1.07); }

/* Overlay play para receitas com vídeo */
.receita-card__play {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(92,46,0,.45);
}
.receita-card__play-btn {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: var(--cor-acento);
  color: var(--cor-primaria);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: var(--trans-normal);
}
.receita-card:hover .receita-card__play-btn {
  transform: scale(1.15);
  box-shadow: 0 0 0 6px rgba(245,197,24,.35);
}
.receita-card__play-btn svg { width: 24px; height: 24px; margin-left: 3px; }

.receita-card__corpo {
  padding: var(--esp-6);
  flex: 1;
  display: flex;
  flex-direction: column;
}
.receita-card__titulo {
  font-size: var(--tamanho-xl);
  font-weight: var(--peso-bold);
  color: var(--cor-primaria);
  margin-bottom: var(--esp-3);
  line-height: 1.3;
}
.receita-card__resumo {
  font-size: var(--tamanho-sm);
  color: var(--cor-texto-suave);
  line-height: 1.7;
  flex: 1;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.receita-card__rodape {
  margin-top: var(--esp-5);
  padding-top: var(--esp-4);
  border-top: 1px solid var(--cor-borda);
}

/* Detalhe da receita */
.receita-detalhe-conteudo {
  max-width: 760px;
  margin-inline: auto;
}
.receita-video-embed {
  margin-block: var(--esp-8);
  border-radius: var(--raio-lg);
  overflow: hidden;
  aspect-ratio: 16/9;
}
.receita-video-embed iframe {
  width: 100%;
  height: 100%;
  border: none;
}
.receita-texto h3 {
  font-size: var(--tamanho-xl);
  color: var(--cor-primaria);
  margin-top: var(--esp-8);
  margin-bottom: var(--esp-4);
  display: flex;
  align-items: center;
  gap: var(--esp-3);
}
.receita-texto h3::before {
  content: '';
  display: block;
  width: 4px;
  height: 1em;
  background: var(--cor-acento);
  border-radius: var(--raio-full);
}
.receita-texto ul, .receita-texto ol {
  padding-left: var(--esp-6);
  margin-bottom: var(--esp-6);
}
.receita-texto ul li { list-style: disc; }
.receita-texto ol li { list-style: decimal; }
.receita-texto li {
  margin-bottom: var(--esp-3);
  color: var(--cor-texto-suave);
  font-size: var(--tamanho-md);
  line-height: 1.7;
}