/* /podcast y /podcast/<n>: pagina oscura, identidad de gusespada.com (gris oscuro, oliva, blanco roto; Cinzel y Poppins). */
.pod-wrap { --pod-fondo: #333333; --pod-card: #2a2a2a; --pod-card-hover: #303030; --pod-borde: #5a5850; --pod-borde-hover: #CDCD9A; --pod-titulo: #CDCD9A; --pod-texto: #F1F1F2; --pod-suave: #dcdcd2; --pod-enlace: #CDCD9A; --pod-enlace-hover: #F8F9CB; }
.pod-wrap.pod-panel { --pod-card: #ffffff; --pod-card-hover: #f6f6ea; --pod-borde: #CDCD9A; --pod-borde-hover: #829378; --pod-titulo: #5f6e57; --pod-texto: #212529; --pod-suave: #474747; --pod-enlace: #4f5f46; --pod-enlace-hover: #3c4a35; }
body.pod-body { background: #333333; color: #F1F1F2; font-family: 'Poppins', Helvetica, sans-serif; color-scheme: dark; }
.pod-main { padding-top: 150px; padding-bottom: 80px; overflow-x: hidden; }
.pod-wrap { color: var(--pod-texto); }
.pod-panel { padding-bottom: 40px; }
.pod-main h1 { font-family: 'Cinzel Bold', Georgia, serif; font-size: 40px; line-height: 1.15; color: var(--pod-titulo); margin: 0 0 10px; }
.pod-sub { font-size: 19px; color: var(--pod-texto); margin: 0 0 18px; }
.pod-intro { max-width: 820px; font-size: 16px; line-height: 26px; color: var(--pod-suave); margin: 0 0 34px; }
.pod-grilla { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
.pod-card { display: block; background: var(--pod-card); border: 1px solid var(--pod-borde); border-radius: 8px; padding: 20px; text-decoration: none; color: var(--pod-suave); transition: border-color .15s, background .15s; }
.pod-card-img { display: block; width: calc(100% + 40px); max-width: none; aspect-ratio: 1 / 1; object-fit: cover; margin: -20px -20px 16px; border-radius: 7px 7px 0 0; background: #CDCD9A; }
.pod-card:hover, .pod-card:focus-visible { border-color: var(--pod-borde-hover); background: var(--pod-card-hover); text-decoration: none; color: var(--pod-suave); }
.pod-card h2 { font-family: 'Poppins SemiBold', Helvetica, sans-serif; font-size: 18px; line-height: 1.3; color: var(--pod-titulo); margin: 0 0 12px; overflow-wrap: anywhere; }
.pod-card p { font-size: 14px; line-height: 21px; margin: 0; display: -webkit-box; -webkit-line-clamp: 4; line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }
.pod-vacio { color: var(--pod-suave); font-size: 16px; margin-top: 10px; }
/* Pagina de episodio */
.pod-ep-cab { display: flex; gap: 32px; align-items: flex-start; margin-bottom: 36px; }
.pod-ep-cab img { flex: 0 0 280px; width: 280px; height: 280px; object-fit: cover; border-radius: 8px; background: #CDCD9A; }
.pod-ep-num { font-size: 13px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--pod-titulo); margin: 0 0 6px; }
.pod-ep-fecha { font-size: 15px; color: var(--pod-suave); margin: 10px 0 0; }
.pod-bloque { background: var(--pod-card); border: 1px solid var(--pod-borde); border-radius: 8px; padding: 20px; margin-bottom: 28px; }
.pod-bloque h2 { font-family: 'Poppins SemiBold', Helvetica, sans-serif; font-size: 13px; letter-spacing: .06em; text-transform: uppercase; color: var(--pod-titulo); margin: 0 0 12px; }
.pod-bloque p { font-size: 16px; line-height: 25px; color: var(--pod-texto); margin: 0 0 12px; }
.pod-bloque audio { width: 100%; display: block; }
.pod-bloque ul { margin: 0; padding-left: 18px; font-size: 15px; line-height: 23px; color: var(--pod-texto); }
.pod-bloque li { margin-bottom: 6px; }
.pod-enlaces a { color: var(--pod-enlace); font-weight: 600; margin-right: 22px; text-decoration: underline; }
.pod-enlaces a:hover { color: var(--pod-enlace-hover); }
.pod-volver { display: inline-block; margin-bottom: 22px; color: var(--pod-enlace); text-decoration: underline; font-size: 15px; }
.pod-texto { max-width: 820px; }
@media (max-width: 1199px) { .pod-panel .pod-grilla { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.pod-panel .pod-grilla { grid-template-columns: repeat(3, minmax(0, 1fr)); }
@media (max-width: 1199px) { .pod-grilla { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767px) {
  .pod-main { padding-top: 110px; padding-bottom: 50px; }
  .pod-main h1 { font-size: 27px; }
  .pod-sub { font-size: 17px; }
  .pod-grilla, .pod-panel .pod-grilla { grid-template-columns: minmax(0, 1fr); }
  .pod-ep-cab { flex-direction: column; gap: 18px; }
  .pod-ep-cab img { flex: none; width: 100%; height: auto; aspect-ratio: 1 / 1; max-width: 340px; }
}