/* ==========================================================================
   Audaz Podcast — estilos exclusivos desta página.
   Depende de estilo.css (tokens, cabeçalho, rodapé, botões).
   ========================================================================== */

/* ------------------------------------------------------------------ hero -- */
.pd-hero { background: var(--creme); padding: 3.7rem 0 4.1rem; }
.pd-hero__grade {
  display: grid;
  grid-template-columns: 1fr 1.09fr;
  gap: 1.5rem;
  align-items: stretch;
}
.pd-cartao {
  position: relative;
  border-radius: var(--raio);
  overflow: hidden;
  min-height: 298px;
  display: grid;
  align-items: center;
}
.pd-cartao__fundo {
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  object-fit: cover;
  z-index: 0;
}
.pd-cartao__conteudo {
  position: relative;
  z-index: 1;
  padding: 2.2rem clamp(1.4rem, 3vw, 2.2rem);
}
.pd-hero__logo { width: clamp(220px, 26vw, 344px); }
.pd-hero__palavra {
  margin: .1rem 0 1rem;
  font-family: var(--fonte-serif);
  font-size: clamp(1.1rem, 2vw, 1.5rem);
  letter-spacing: .34em;
  text-transform: lowercase;
  color: var(--creme);
}
.pd-hero__tagline {
  margin: 0;
  max-width: 520px;
  font-size: .86rem;
  line-height: 1.6;
  color: var(--creme);
}
.pd-hero__tagline strong { font-weight: 600; }

.pd-cartao--cta::after {
  content: "";
  position: absolute; inset: 0;
  z-index: 0;
  background: linear-gradient(270deg, rgba(21,39,51,.72) 0%, rgba(21,39,51,.25) 55%, rgba(21,39,51,0) 100%);
}
.pd-cartao__conteudo--cta {
  justify-self: end;
  text-align: right;
  max-width: 420px;
}
.pd-cartao__conteudo--cta p {
  margin: 0 0 1rem;
  font-family: var(--fonte-serif);
  font-size: clamp(1rem, 1.6vw, 1.25rem);
  color: var(--creme);
}

/* ---------------------------------------------------------------- sobre -- */
.pd-sobre { background: var(--branco); padding: 4.2rem 0 4.6rem; }
.pd-sobre__linha {
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  gap: clamp(2rem, 5vw, 3.6rem);
  align-items: center;
}
.pd-sobre__linha + .pd-sobre__linha { margin-top: 3rem; }
.pd-sobre__linha--inversa { grid-template-columns: 1fr 1.7fr; }

.pd-sobre__foto { width: 100%; border-radius: var(--raio); }
/* ALTERAÇÃO CLIENTE — cortar um pouco o topo da foto do estúdio */
.pd-sobre__estudio {
  width: 100%;
  aspect-ratio: 726 / 400;
  height: auto;
  object-fit: cover;
  object-position: 50% 72%;
  border-radius: var(--raio);
}

.pd-sobre__titulo {
  margin: 0 0 1rem;
  font-family: var(--fonte-serif);
  font-weight: 400;
  font-size: clamp(1.3rem, 2.5vw, 1.95rem);
  line-height: 1.25;
  color: var(--texto-forte);
}
.pd-sobre__titulo strong { color: var(--laranja); font-weight: 700; }
.pd-sobre__texto p {
  margin: 0;
  font-size: .92rem;
  line-height: 1.7;
}
.pd-sobre__texto p strong { color: var(--texto-forte); font-weight: 600; }
.pd-sobre__texto--peq p { font-size: .86rem; }

/* ----------------------------------------------------------------- host -- */
.pd-host { background: var(--navy-manual); color: var(--creme); padding: 4.8rem 0; }
.pd-host__grade {
  display: grid;
  grid-template-columns: 1fr 1.42fr;
  align-items: center;
}
.pd-host__midia { position: relative; }
.pd-host__foto {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 460px;
  border-radius: var(--raio);
}
.pd-host__cartao {
  position: relative;
  z-index: 1;
  min-height: 346px;
  margin-left: -92px;
  border-radius: var(--raio);
  overflow: hidden;
  display: grid;
  align-items: center;
}
.pd-host__cartao-fundo {
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  object-fit: cover;
  z-index: 0;
}
.pd-host__texto {
  position: relative;
  z-index: 1;
  padding: 2rem 2.2rem 2rem 6.6rem;
}
.pd-host__selo {
  border-radius: 12px;
  position: absolute;
  left: -8%; top: -8%;
  width: clamp(90px, 11vw, 138px);
  z-index: 0;
  opacity: .8;
}
.pd-host__titulo {
  margin: 0 0 1rem;
  font-family: var(--fonte-serif);
  font-weight: 400;
  font-size: clamp(1.5rem, 3vw, 2.25rem);
}
.pd-host__titulo em { font-style: italic; font-weight: 700; }
.pd-host__texto p {
  margin: 0 0 1rem;
  max-width: 580px;
  font-size: .88rem;
  line-height: 1.65;
}
.pd-host__texto p strong { font-weight: 600; }
.pd-host__texto .btn { margin-top: .5rem; }

/* -------------------------------------------------------------- convite -- */
.pd-convite { background: var(--creme); padding: 6.2rem 0 6.6rem; }
.pd-convite__caixa {
  position: relative;
  border-radius: var(--raio);
  overflow: hidden;
  min-height: 307px;
  display: grid;
  align-items: center;
}
.pd-convite__fundo {
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  object-fit: cover;
  z-index: 0;
}
.pd-convite__conteudo {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 1fr 1.3fr;
  gap: clamp(1.6rem, 4vw, 3rem);
  align-items: center;
  padding: 2rem clamp(1.6rem, 4vw, 3rem);
}
.pd-convite__titulo {
  margin: 0;
  font-family: var(--fonte-serif);
  font-weight: 700;
  font-size: clamp(1.3rem, 2.6vw, 1.95rem);
  line-height: 1.2;
  color: var(--texto-forte);
}
/* ALTERAÇÃO CLIENTE — o texto se misturava com o fundo. Cartão claro por trás
   e cor cheia no texto. */
.pd-convite__dir {
  background: rgba(255, 247, 236, .82);
  border-radius: var(--raio-sm);
  padding: 1.4rem 1.5rem;
}
.pd-convite__dir p {
  margin: 0 0 1.2rem;
  font-size: .9rem;
  line-height: 1.6;
  color: var(--texto-forte);
}
.pd-convite__dir p strong { color: var(--laranja); font-weight: 700; }
.pd-convite__acoes { display: flex; gap: .8rem; flex-wrap: wrap; }

/* ============================================================== responsivo */
@media (max-width: 900px) {
  .pd-hero__grade { grid-template-columns: 1fr; }
  .pd-cartao__conteudo--cta { justify-self: start; text-align: left; }

  .pd-sobre__linha,
  .pd-sobre__linha--inversa,
  .pd-host__grade,
  .pd-convite__conteudo { grid-template-columns: 1fr; }

  .pd-host__cartao { margin-left: 0; margin-top: -40px; }
  .pd-host__texto { padding: 3.4rem 1.6rem 2rem; }

  .pd-sobre__linha--inversa .pd-sobre__estudio { order: -1; }
  .pd-host__foto { max-width: 380px; margin-inline: auto; }
  .pd-convite__acoes .btn { width: 100%; text-align: center; }
}