/* ============================================
   SOLDEA PODCAST — COMPLETE STYLES (Scoped)
   All selectors prefixed with .podcast-page
   Safe for Elementor HTML widget injection
   ============================================ */

/* RESET + BASE */
.podcast-page *,
.podcast-page *::before,
.podcast-page *::after { box-sizing: border-box; margin: 0; padding: 0; }
.podcast-page { font-size: 16px; }
.podcast-page {
  background: #FAFAF7;
  color: #1A1A1A;
  font-family: 'Plus Jakarta Sans', sans-serif;
  -webkit-font-smoothing: antialiased;
}
.podcast-page img { max-width: 100%; display: block; }
.podcast-page a { color: inherit; text-decoration: none !important; }
.podcast-page button { cursor: pointer; }

/* SISTEMA DE CENTRADO 50/50 */
.podcast-page .row { width: 100%; display: flex; align-items: stretch; }
.podcast-page .col-l { width: 50%; display: flex; justify-content: flex-end; }
.podcast-page .col-r { width: 50%; display: flex; justify-content: flex-start; }
.podcast-page .col-inner { width: 100%; max-width: 500px; padding: 0 28px; }
.podcast-page .row-full { width: 100%; display: flex; justify-content: center; padding: 0 28px; }
.podcast-page .row-full-inner { width: 100%; max-width: 1000px; }

/* SEPARADORES */
.podcast-page .hr { width: 100%; border: none; border-top: 1px solid #E5E4DF; }
.podcast-page .hr-row { width: 100%; display: flex; justify-content: center; padding: 0 28px; }
.podcast-page .hr-row .hr { max-width: 1000px; }

/* ESPACIADO */
.podcast-page .sec       { padding: 80px 0; }
.podcast-page .sec-hero  { padding: 72px 0 80px; }
.podcast-page .sec-lav   { padding: 80px 0; background: #EDE9FF; }
.podcast-page .sec-dark  { padding: 80px 0; background: #1A1A1A; }

/* TIPOGRAFIA */
.podcast-page .eyebrow {
  font-family: 'Outfit', sans-serif;
  font-weight: 700;
  font-size: 10px;
  letter-spacing: 4px;
  text-transform: uppercase;
  color: #888;
  display: block;
  margin-bottom: 16px;
}
.podcast-page .eyebrow-purple {
  font-family: 'Outfit', sans-serif;
  font-weight: 700;
  font-size: 10px;
  letter-spacing: 4px;
  text-transform: uppercase;
  color: #6B5CE7;
  display: block;
  margin-bottom: 16px;
}
.podcast-page .eyebrow-light {
  font-family: 'Outfit', sans-serif;
  font-weight: 700;
  font-size: 10px;
  letter-spacing: 4px;
  text-transform: uppercase;
  color: rgba(255,255,255,0.5);
  display: block;
  margin-bottom: 16px;
}
.podcast-page .hero-h1 {
  font-family: 'Outfit', sans-serif;
  font-weight: 900;
  font-size: clamp(48px, 6vw, 80px);
  line-height: 0.92;
  letter-spacing: -3px;
  text-transform: uppercase;
  color: #1A1A1A;
}
.podcast-page .hero-h1 .serif {
  font-family: 'Instrument Serif', serif;
  font-style: italic;
  font-weight: 400;
  text-transform: none;
  letter-spacing: -1px;
  color: #6B5CE7;
  display: block;
  line-height: 1.05;
}
.podcast-page .ep-h1 {
  font-family: 'Outfit', sans-serif;
  font-weight: 900;
  font-size: clamp(32px, 4vw, 48px);
  line-height: 0.95;
  letter-spacing: -2px;
  text-transform: uppercase;
  color: #1A1A1A;
}
.podcast-page .sec-h2 {
  font-family: 'Outfit', sans-serif;
  font-weight: 900;
  font-size: clamp(36px, 4.5vw, 58px);
  line-height: 0.94;
  letter-spacing: -2px;
  text-transform: uppercase;
  color: #1A1A1A;
  margin-bottom: 4px;
}
.podcast-page .sec-h2 .serif {
  font-family: 'Instrument Serif', serif;
  font-style: italic;
  font-weight: 400;
  text-transform: none;
  letter-spacing: -1px;
  color: #6B5CE7;
  display: block;
  font-size: clamp(38px, 4.8vw, 62px);
}
.podcast-page .sec-h2-light {
  font-family: 'Outfit', sans-serif;
  font-weight: 900;
  font-size: clamp(36px, 4.5vw, 58px);
  line-height: 0.94;
  letter-spacing: -2px;
  text-transform: uppercase;
  color: #FFF;
  margin-bottom: 4px;
}
.podcast-page .sec-h2-light .serif {
  font-family: 'Instrument Serif', serif;
  font-style: italic;
  font-weight: 400;
  text-transform: none;
  letter-spacing: -1px;
  color: #C8E64A;
  display: block;
  font-size: clamp(38px, 4.8vw, 62px);
}
.podcast-page .body-p { font-size: 14px; color: #777; line-height: 1.8; }

/* BREADCRUMB */
.podcast-page .breadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: 'Outfit', sans-serif;
  font-weight: 700;
  font-size: 9px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: rgba(26,26,26,0.4);
  margin-bottom: 16px;
}
.podcast-page .breadcrumb a {
  color: rgba(26,26,26,0.4);
  transition: color 0.15s;
}
.podcast-page .breadcrumb a:hover { color: #6B5CE7; }
.podcast-page .breadcrumb svg { color: rgba(26,26,26,0.2); }
.podcast-page .breadcrumb .active { color: rgba(26,26,26,0.6); }

/* PILL */
.podcast-page .pill {
  display: inline-block;
  font-family: 'Outfit', sans-serif;
  font-weight: 700;
  font-size: 9px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #6B5CE7;
  background: #EDE9FF;
  padding: 4px 11px;
  border-radius: 100px;
}
.podcast-page .pill-lima {
  display: inline-block;
  font-family: 'Outfit', sans-serif;
  font-weight: 700;
  font-size: 9px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #1A1A1A;
  background: #C8E64A;
  padding: 4px 11px;
  border-radius: 100px;
}

/* BOTONES */
.podcast-page .btn-outline {
  font-family: 'Outfit', sans-serif;
  font-weight: 700;
  font-size: 9px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #1A1A1A;
  border: 1px solid rgba(26,26,26,0.3);
  padding: 9px 20px;
  border-radius: 100px;
  display: inline-block;
  transition: all 0.18s;
  background: transparent;
  cursor: pointer;
}
.podcast-page .btn-outline:hover { background: #1A1A1A; color: #FAFAF7; border-color: #1A1A1A; }
.podcast-page .btn-dark {
  font-family: 'Outfit', sans-serif;
  font-weight: 700;
  font-size: 9px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #FFF;
  background: #1A1A1A;
  border: 1px solid #1A1A1A;
  padding: 9px 20px;
  border-radius: 100px;
  display: inline-block;
  transition: all 0.18s;
  cursor: pointer;
}
.podcast-page .btn-dark:hover { background: #6B5CE7; border-color: #6B5CE7; }
.podcast-page .btn-lima {
  font-family: 'Outfit', sans-serif;
  font-weight: 700;
  font-size: 9px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #1A1A1A;
  background: #C8E64A;
  border: 1px solid #C8E64A;
  padding: 9px 20px;
  border-radius: 100px;
  display: inline-block;
  transition: all 0.18s;
  cursor: pointer;
}
.podcast-page .btn-lima:hover { background: #6B5CE7; border-color: #6B5CE7; color: #FFF; }

/* COVER */
.podcast-page .cover-sq { width: 100%; aspect-ratio: 1 / 1; overflow: hidden; position: relative; }
.podcast-page .cover-sq img { width: 100%; height: 100%; object-fit: cover; object-position: top center; display: block; }
.podcast-page .cover-sq-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 20px;
  background: linear-gradient(transparent, rgba(0,0,0,0.6));
  text-align: center;
}
.podcast-page .cover-ep-label {
  font-family: 'Outfit', sans-serif;
  font-weight: 700;
  font-size: 9px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: rgba(255,255,255,0.7);
  margin-bottom: 2px;
}
.podcast-page .cover-show-name {
  font-family: 'Instrument Serif', serif;
  font-style: italic;
  font-size: 16px;
  color: #FFF;
}

/* STATS */
.podcast-page .stats-row { display: flex; gap: 36px; margin: 24px 0; }
.podcast-page .stat-num { font-family: 'Outfit', sans-serif; font-weight: 900; font-size: 32px; color: #6B5CE7; line-height: 1; }
.podcast-page .stat-label { font-family: 'Plus Jakarta Sans', sans-serif; font-size: 11px; color: #999; margin-top: 3px; }

/* PLATAFORMAS */
.podcast-page .plat-badges { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 4px; align-items: center; }
.podcast-page .plat-badge-img { display: block; width: 173px; height: 58px; object-fit: contain; transition: opacity 0.18s; }
.podcast-page .plat-badge-img:hover { opacity: 0.7; }
.podcast-page .player-plats { display: flex; align-items: center; gap: 12px; background: #F5F4F0; border: 1px solid #E5E4DF; padding: 10px 16px; border-radius: 100px; }
.podcast-page .plat-link {
  font-family: 'Outfit', sans-serif;
  font-weight: 700;
  font-size: 9px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: rgba(26,26,26,0.5);
  transition: color 0.15s;
}
.podcast-page .plat-link:hover { color: #6B5CE7; }

/* AUDIO PLAYER */
.podcast-page .player {
  background: #1A1A1A !important;
  padding: 22px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
  border-radius: 0 !important;
  margin: 0 !important;
}
.podcast-page .player-top { display: flex !important; align-items: center !important; gap: 12px !important; }
.podcast-page .player-play-icon {
  width: 38px !important;
  height: 38px !important;
  background: #6B5CE7 !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  cursor: pointer !important;
  transition: transform 0.18s;
}
.podcast-page .player-play-icon:hover { transform: scale(1.07); }
.podcast-page .player-meta { flex: 1 !important; min-width: 0 !important; }
.podcast-page .player-ep-tag {
  font-family: 'Outfit', sans-serif !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  color: rgba(255,255,255,0.28) !important;
  text-transform: uppercase !important;
  margin-bottom: 3px !important;
}
.podcast-page .player-title {
  font-family: 'Outfit', sans-serif !important;
  font-weight: 900 !important;
  font-size: 11px !important;
  letter-spacing: -0.2px !important;
  text-transform: uppercase !important;
  color: #FAFAF7 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.podcast-page .player-show {
  font-family: 'Instrument Serif', serif !important;
  font-style: italic !important;
  font-size: 11px !important;
  color: rgba(255,255,255,0.3) !important;
}
/* Progress bar */
.podcast-page .progress-wrap { width: 100% !important; }
.podcast-page .progress-track {
  width: 100% !important;
  height: 2px !important;
  background: rgba(255,255,255,0.08) !important;
  border-radius: 100px !important;
  cursor: pointer !important;
}
.podcast-page .progress-fill {
  width: 0% !important;
  height: 100% !important;
  background: #6B5CE7 !important;
  border-radius: 100px !important;
  position: relative !important;
  transition: width 0.1s linear;
}
.podcast-page .progress-fill::after {
  content: '';
  width: 8px;
  height: 8px;
  background: #6B5CE7;
  border-radius: 50%;
  position: absolute;
  right: -4px;
  top: -3px;
}
.podcast-page .progress-times {
  display: flex !important;
  justify-content: space-between !important;
  margin-top: 6px !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 9px !important;
  color: rgba(255,255,255,0.22) !important;
}
/* Controls */
.podcast-page .controls {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 24px !important;
}
.podcast-page .ctrl {
  background: none !important;
  border: none !important;
  cursor: pointer !important;
  color: rgba(255,255,255,0.35) !important;
  display: flex !important;
  align-items: center !important;
  padding: 4px !important;
  transition: color 0.15s;
}
.podcast-page .ctrl:hover { color: #FAFAF7 !important; }
.podcast-page .ctrl svg { display: block !important; }
.podcast-page .ctrl-main {
  width: 42px !important;
  height: 42px !important;
  border-radius: 50% !important;
  background: #6B5CE7 !important;
  border: none !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: transform 0.18s;
}
.podcast-page .ctrl-main:hover { transform: scale(1.06); }
.podcast-page .ctrl-main svg { display: block !important; }
/* Player platforms (dark section) */
.podcast-page .player .player-plats {
  display: flex;
  gap: 8px;
  justify-content: center;
  border-top: 1px solid rgba(255,255,255,0.05);
  padding-top: 14px;
  background: transparent;
  border: none;
  padding: 0;
  padding-top: 14px;
  border-radius: 0;
}
.podcast-page .player .plat-link {
  font-family: 'Outfit', sans-serif;
  font-size: 8px;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: rgba(255,255,255,0.28);
  padding: 5px 12px;
  border: 1px solid rgba(255,255,255,0.07);
  border-radius: 100px;
  text-decoration: none;
  transition: color 0.15s, border-color 0.15s;
}
.podcast-page .player .plat-link:hover { color: #FAFAF7; border-color: rgba(255,255,255,0.25); }

/* SHARE */
.podcast-page .share-row { display: flex; align-items: center; gap: 8px; }
.podcast-page .share-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border: 1px solid rgba(26,26,26,0.15);
  border-radius: 50%;
  transition: all 0.15s;
}
.podcast-page .share-icon:hover { border-color: #6B5CE7; background: #EDE9FF; }

/* SHOW NOTES */
.podcast-page .notes-label {
  font-family: 'Outfit', sans-serif;
  font-weight: 700;
  font-size: 9px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: rgba(26,26,26,0.3);
  display: block;
  margin-bottom: 12px;
}
.podcast-page .notes-body {
  font-size: 14px;
  color: #777;
  line-height: 1.8;
}
.podcast-page .notes-body p { margin-bottom: 8px; }

/* TIMESTAMPS */
.podcast-page .ts-item {
  display: flex;
  align-items: baseline;
  gap: 12px;
  padding: 10px 0;
  border-bottom: 1px solid #E5E4DF;
  cursor: pointer;
  transition: all 0.15s;
}
.podcast-page .ts-item:last-child { border-bottom: none; }
.podcast-page .ts-item:hover { opacity: 0.7; }
.podcast-page .ts-time {
  font-family: 'Outfit', sans-serif;
  font-weight: 700;
  font-size: 12px;
  color: #6B5CE7;
  white-space: nowrap;
}
.podcast-page .ts-text {
  font-size: 14px;
  color: #555;
  line-height: 1.4;
}

/* SERVICE CARD */
.podcast-page .service-card {
  display: flex;
  flex-direction: column;
  gap: 12px;
  background: #FFF;
  border: 1px solid #E5E4DF;
  border-radius: 12px;
  padding: 24px;
}

/* EPISODE FEATURED */
.podcast-page .ep-featured {
  display: flex;
  flex-direction: column;
  gap: 12px;
  background: #6B5CE7;
  border-radius: 12px;
  padding: 28px;
  margin-bottom: 28px;
  transition: all 0.18s;
}
.podcast-page .ep-featured:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(107,92,231,0.2); }
.podcast-page .ep-f-meta { display: flex; align-items: center; gap: 10px; }
.podcast-page .ep-f-num {
  font-family: 'Outfit', sans-serif;
  font-weight: 700;
  font-size: 9px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: rgba(255,255,255,0.6);
}
.podcast-page .ep-f-title {
  font-family: 'Outfit', sans-serif;
  font-weight: 800;
  font-size: clamp(20px, 2.5vw, 28px);
  line-height: 1.1;
  letter-spacing: -1px;
  text-transform: uppercase;
  color: #FFF;
}
.podcast-page .ep-f-desc {
  font-size: 13px;
  color: rgba(255,255,255,0.7);
  line-height: 1.6;
}
.podcast-page .ep-f-footer { display: flex; align-items: center; justify-content: space-between; }

/* EPISODE GRID */
.podcast-page .eps-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}
.podcast-page .ep-card {
  display: flex;
  flex-direction: column;
  gap: 10px;
  background: #FFF;
  border: 1px solid #E5E4DF;
  border-radius: 12px;
  padding: 20px;
  transition: all 0.18s;
}
.podcast-page .ep-card:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0,0,0,0.06); border-color: #6B5CE7; }
.podcast-page .ep-c-meta { display: flex; align-items: center; gap: 10px; }
.podcast-page .ep-num {
  font-family: 'Outfit', sans-serif;
  font-weight: 700;
  font-size: 9px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: rgba(26,26,26,0.3);
}
.podcast-page .ep-title {
  font-family: 'Outfit', sans-serif;
  font-weight: 800;
  font-size: 15px;
  line-height: 1.15;
  letter-spacing: -0.3px;
  text-transform: uppercase;
  color: #1A1A1A;
}
.podcast-page .ep-desc {
  font-size: 12px;
  color: #999;
  line-height: 1.6;
  flex-grow: 1;
}
.podcast-page .ep-footer { display: flex; align-items: center; justify-content: space-between; }
.podcast-page .ep-dur {
  font-family: 'Outfit', sans-serif;
  font-weight: 700;
  font-size: 9px;
  letter-spacing: 2px;
  color: rgba(26,26,26,0.3);
}

/* RELATED EPISODES */
.podcast-page .rel-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}
.podcast-page .rel-card {
  display: flex;
  flex-direction: column;
  gap: 10px;
  background: #FFF;
  border: 1px solid #E5E4DF;
  border-radius: 12px;
  padding: 20px;
  transition: all 0.18s;
}
.podcast-page .rel-card:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0,0,0,0.06); border-color: #6B5CE7; }
.podcast-page .rel-meta { display: flex; align-items: center; gap: 10px; }
.podcast-page .rel-num {
  font-family: 'Outfit', sans-serif;
  font-weight: 700;
  font-size: 9px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: rgba(26,26,26,0.3);
}
.podcast-page .rel-title {
  font-family: 'Outfit', sans-serif;
  font-weight: 800;
  font-size: 15px;
  line-height: 1.15;
  letter-spacing: -0.3px;
  text-transform: uppercase;
  color: #1A1A1A;
}
.podcast-page .rel-footer { display: flex; align-items: center; justify-content: space-between; }
.podcast-page .rel-dur {
  font-family: 'Outfit', sans-serif;
  font-weight: 700;
  font-size: 9px;
  letter-spacing: 2px;
  color: rgba(26,26,26,0.3);
}

/* CATEGORY FILTERS */
.podcast-page .cats-row {
  display: flex !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
  margin-bottom: 28px !important;
}
.podcast-page .cats-row .cat-btn {
  all: unset;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  background-color: transparent !important;
  color: rgba(26,26,26,0.6) !important;
  border: 1px solid #E5E4DF !important;
  padding: 7px 14px;
  border-radius: 100px;
  font-family: 'Outfit', sans-serif;
  font-weight: 700;
  font-size: 9px;
  letter-spacing: 2px;
  text-transform: uppercase;
  transition: all 0.15s;
  line-height: 1;
}
.podcast-page .cats-row .cat-btn:hover,
.podcast-page .cats-row .cat-btn.active {
  background-color: #6B5CE7 !important;
  color: #FFF !important;
  border-color: #6B5CE7 !important;
}

/* PLAY BUTTONS */
.podcast-page .play-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  background: #EDE9FF;
  border-radius: 50%;
  transition: all 0.15s;
}
.podcast-page .play-btn:hover { background: #6B5CE7; }
.podcast-page .play-btn:hover svg path { fill: #FFF; }
.podcast-page .play-sm {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  background: #EDE9FF;
  border-radius: 50%;
}

/* RESPONSIVE — 860px */
@media (max-width: 860px) {
  .podcast-page .col-l,
  .podcast-page .col-r { width: 100%; }
  .podcast-page .col-l { justify-content: center; margin-bottom: 28px; }
  .podcast-page .col-r { justify-content: center; }
  .podcast-page .col-inner { max-width: 100%; }
  .podcast-page .eps-grid { grid-template-columns: repeat(2, 1fr); }
  .podcast-page .rel-grid { grid-template-columns: repeat(2, 1fr); }
  .podcast-page .hero-h1 { font-size: clamp(36px, 8vw, 56px); letter-spacing: -2px; }
  .podcast-page .sec-h2 { font-size: clamp(28px, 5vw, 42px); }
  .podcast-page .sec-h2 .serif { font-size: clamp(30px, 5.5vw, 46px); }
}

/* RESPONSIVE — 560px */
@media (max-width: 560px) {
  .podcast-page .sec,
  .podcast-page .sec-hero,
  .podcast-page .sec-lav { padding: 48px 0; }
  .podcast-page .eps-grid { grid-template-columns: 1fr; }
  .podcast-page .rel-grid { grid-template-columns: 1fr; }
  .podcast-page .stats-row { gap: 24px; }
  .podcast-page .stat-num { font-size: 24px; }
  .podcast-page .player-plats { flex-wrap: wrap; justify-content: center; }
  .podcast-page .ep-featured { padding: 20px; }
}