/* ===== COLORES DE MARCA ===== */

/* Fondo general ciruela */
body {
  background: linear-gradient(180deg, #3d2a3f 0%, #3a2a3c 50%, #34283a 100%) !important;
  color: #E8E6E3 !important;
}

/* Contenedores de fondo propios de PodBean — sobreescribir con el mismo ciruela */
.customize-bg,
.episode-content,
.episode-list {
  background: linear-gradient(180deg, #3d2a3f 0%, #3a2a3c 50%, #34283a 100%) !important;
}

/* Excepción: el overlay de reproducción sobre la portada debe quedar transparente */
.episode-detail-content .episode-content {
  background: transparent !important;
}

/* Acentos dorados en enlaces y botones */
a,
.btn,
.subscribe-btn,
.player-btn {
  color: #d9ac4f !important;
}

a:hover,
.btn:hover {
  color: #f2ede6 !important;
}

/* Botón principal / CTA */
.btn-primary,
.subscribe-btn {
  background-color: #d9ac4f !important;
  border-color: #d9ac4f !important;
  color: #1a121c !important;
}

/* Título del podcast */
.site-title,
.podcast-title,
h1 {
  color: #F2EDE6 !important;
}

/* Texto de episodios (fecha, duración) — solo dentro de tarjetas de episodio */
.episode-list p,
.episode-item p,
.episode-card p,
.excerpt,
.item-excerpt,
.episode-date,
.episode-duration {
  color: #E8E6E3 !important;
}


/* ===== TIPOGRAFÍAS DE MARCA ===== */

@import url('https://fonts.googleapis.com/css2?family=Newsreader:ital,wght@0,400;0,600;1,400;1,600&family=Poppins:wght@400;600;700&display=swap');

/* Cuerpo de texto general */
body {
  font-family: 'Poppins', sans-serif !important;
}

/* Títulos principales (nombre del show, títulos de episodio) */
.site-title,
.podcast-title,
h1, h2 {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 700 !important;
}

/* Tagline / frases destacadas en dorado */
.tagline,
.podcast-tagline,
h3, h4 {
  font-family: 'Newsreader', serif !important;
  font-style: italic !important;
  color: #d9ac4f !important;
}

.episode-list p,
.episode-item p,
.episode-card p,
.excerpt,
.item-excerpt {
  color: #E8E6E3 !important;
}

/* Descripción del episodio — gris cálido claro */
p.e-description,
.e-description {
  color: #E5E0DA !important;
}

/* Hashtags en <code> dentro de la descripción — dorado de marca */
.e-description code {
  color: #d9ac4f !important;
  background: transparent !important;
}