/* Espacios publicitarios premium para la sección Multimedia */
.podcast-page .podcast-ad-slot{
  width:min(100%,980px);
  margin:38px auto;
  padding:0;
  clear:both;
}

.podcast-page .podcast-ad-slot:first-of-type{
  margin-top:30px;
}

.podcast-page .podcast-ad-slot .single-post-ad,
.podcast-page .podcast-ad-slot .advertising-block-large{
  position:relative;
  display:flex !important;
  align-items:center;
  justify-content:center;
  width:100% !important;
  min-height:170px !important;
  height:auto !important;
  margin:0 auto !important;
  padding:24px !important;
  overflow:visible !important;
  border:0 !important;
  border-radius:22px !important;
  background:#f5f6f8 !important;
  box-shadow:0 18px 48px rgba(15,18,24,.10);
}

.podcast-page .podcast-ad-slot img,
.podcast-page .podcast-ad-slot picture,
.podcast-page .podcast-ad-slot a{
  max-width:100% !important;
}

.podcast-page .podcast-ad-slot img{
  display:block !important;
  width:auto !important;
  max-width:100% !important;
  height:auto !important;
  max-height:420px !important;
  object-fit:contain !important;
  object-position:center !important;
}

.podcast-page .podcast-ad-slot .typewriter-text,
.podcast-page .podcast-ad-slot .ad-placeholder,
.podcast-page .podcast-ad-slot .advertising-placeholder{
  position:static !important;
  display:block !important;
  width:100% !important;
  padding:18px 22px !important;
  overflow:visible !important;
  white-space:normal !important;
  line-height:1.35 !important;
  text-align:center !important;
  font-size:clamp(16px,2.2vw,24px) !important;
}

.podcast-page .podcast-ad-slot + .podcast-ad-slot{
  margin-top:32px;
}

.podcast-page .podcast-grid + .podcast-ad-slot{
  margin-top:54px;
}

.podcast-page .podcast-button-wrap{
  margin:40px 0 !important;
}

/* Espacios disponibles: diseño comercial de alto impacto */
.podcast-page .podcast-ad-slot--available{
  width:min(100%,1040px);
}

.podcast-page .podcast-available-ad{
  position:relative;
  isolation:isolate;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto;
  grid-template-areas:
    "eyebrow cta"
    "title cta"
    "copy cta";
  gap:8px 30px;
  align-items:center;
  width:100%;
  min-height:220px;
  padding:34px 38px 34px 42px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.18);
  border-radius:28px;
  color:#fff !important;
  text-decoration:none !important;
  background:linear-gradient(135deg,#10131a 0%,#1d2840 58%,#7f1d1d 145%);
  box-shadow:0 28px 70px rgba(7,13,25,.22);
  transform:translateZ(0);
  transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;
}

.podcast-page .podcast-available-ad::before{
  content:none !important;
  display:none !important;
}

.podcast-page .podcast-available-ad::after{
  content:"AN";
  position:absolute;
  z-index:-1;
  right:130px;
  top:50%;
  transform:translateY(-50%);
  font:900 clamp(92px,13vw,170px)/1 Inter,sans-serif;
  letter-spacing:-.08em;
  color:rgba(255,255,255,.045);
}

.podcast-page .podcast-available-ad:hover,
.podcast-page .podcast-available-ad:focus-visible{
  transform:translateY(-6px);
  border-color:rgba(255,255,255,.36);
  box-shadow:0 34px 85px rgba(7,13,25,.30);
}

.podcast-page .podcast-available-ad__eyebrow{
  grid-area:eyebrow;
  display:inline-flex;
  width:max-content;
  align-items:center;
  gap:8px;
  padding:7px 11px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:999px;
  background:rgba(255,255,255,.10);
  color:#fff;
  font:800 11px/1 Inter,sans-serif;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.podcast-page .podcast-available-ad__eyebrow::before{
  content:"";
  width:8px;
  height:8px;
  border-radius:50%;
  background:#ffcb2e;
  box-shadow:0 0 0 5px rgba(255,203,46,.13);
}

.podcast-page .podcast-available-ad strong{
  grid-area:title;
  display:block;
  max-width:720px;
  margin:2px 0 0;
  color:#fff;
  font:800 clamp(30px,4.3vw,58px)/.98 Inter,sans-serif;
  letter-spacing:-.045em;
  text-wrap:balance;
}

.podcast-page .podcast-available-ad > span:not(.podcast-available-ad__eyebrow){
  grid-area:copy;
  display:block;
  max-width:700px;
  color:rgba(255,255,255,.80);
  font:500 clamp(15px,1.7vw,20px)/1.45 Inter,sans-serif;
}

.podcast-page .podcast-available-ad b{
  grid-area:cta;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:190px;
  min-height:56px;
  padding:0 24px;
  border-radius:999px;
  background:#fff;
  color:#111827;
  font:800 15px/1 Inter,sans-serif;
  box-shadow:0 14px 35px rgba(0,0,0,.20);
  transition:transform .25s ease,background .25s ease;
}

.podcast-page .podcast-available-ad b::after{
  content:"→";
  margin-left:10px;
  font-size:20px;
}

.podcast-page .podcast-available-ad:hover b,
.podcast-page .podcast-available-ad:focus-visible b{
  transform:translateX(4px);
  background:#ffcb2e;
}

.podcast-page .podcast-ad-slot--available:nth-of-type(3n+2) .podcast-available-ad{
  background:linear-gradient(135deg,#061d3a 0%,#0c4a6e 68%,#065f46 145%);
}

.podcast-page .podcast-ad-slot--available:nth-of-type(3n+3) .podcast-available-ad{
  background:linear-gradient(135deg,#241143 0%,#5b21b6 68%,#9d174d 145%);
}

/* Publicidades reales: nunca cortar ni deformar */
.podcast-page .podcast-ad-slot--real{
  width:min(100%,1100px) !important;
  overflow:visible !important;
}

.podcast-page .podcast-real-ad{
  display:block !important;
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  padding:22px !important;
  overflow:visible !important;
  border-radius:22px !important;
  background:#f5f6f8 !important;
  box-shadow:0 18px 48px rgba(15,18,24,.10) !important;
}

.podcast-page .podcast-real-ad picture{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  min-height:0 !important;
  padding:0 !important;
  overflow:visible !important;
}

.podcast-page .podcast-real-ad img{
  position:static !important;
  inset:auto !important;
  transform:none !important;
  display:block !important;
  width:auto !important;
  max-width:100% !important;
  height:auto !important;
  max-height:none !important;
  object-fit:contain !important;
  object-position:center !important;
  margin:0 auto !important;
  clip-path:none !important;
}

@media (max-width:700px){
  .podcast-page .podcast-ad-slot{
    width:100%;
    margin:26px auto;
  }

  .podcast-page .podcast-ad-slot .single-post-ad,
  .podcast-page .podcast-ad-slot .advertising-block-large{
    min-height:140px !important;
    padding:16px !important;
    border-radius:16px !important;
  }

  .podcast-page .podcast-ad-slot img{
    max-height:none !important;
  }

  .podcast-page .podcast-real-ad{
    padding:12px !important;
    border-radius:16px !important;
  }

  .podcast-page .podcast-available-ad{
    grid-template-columns:1fr;
    grid-template-areas:
      "eyebrow"
      "title"
      "copy"
      "cta";
    gap:14px;
    min-height:0;
    padding:28px 22px;
    border-radius:22px;
  }

  .podcast-page .podcast-available-ad::after{
    right:-8px;
    top:32px;
    transform:none;
    font-size:100px;
  }

  .podcast-page .podcast-available-ad strong{
    font-size:clamp(28px,9vw,42px);
  }

  .podcast-page .podcast-available-ad b{
    width:100%;
    min-width:0;
    margin-top:4px;
  }
}

@media (prefers-reduced-motion:reduce){
  .podcast-page .podcast-available-ad,
  .podcast-page .podcast-available-ad b{
    transition:none;
  }
}