/* INESFA TALK — página institucional ainda sem conteúdo definitivo
   (aguardando material do cliente). Mesma base de hero do Fórum/Arena
   (forum-page.css), mais um aviso "em breve" e placeholder de foto no
   lugar do conteúdo que ainda não chegou. */

.page-hero-img {
  position: absolute; inset: 0;
  background-image: url('../images/IMG_7097.jpg');
  background-size: cover; background-position: center 55%;
}

.inesfa-talk-intro {
  max-width: 900px; margin: 0 auto; padding: 72px 64px 0;
}
.inesfa-talk-intro p { font-size: 15px; color: var(--gray); line-height: 1.85; margin-top: 16px; }

.inesfa-talk-em-breve {
  max-width: 900px; margin: 32px auto 0; padding: 0 64px;
}
.inesfa-talk-em-breve-box {
  background: rgba(255,209,37,.08); border: 1.5px solid rgba(255,209,37,.3);
  border-radius: 10px; padding: 20px 24px; display: flex; align-items: center; gap: 14px;
}
.inesfa-talk-em-breve-box svg { width: 22px; height: 22px; color: var(--gold-dark); flex-shrink: 0; }
.inesfa-talk-em-breve-box div { font-size: 14px; color: var(--graphite); line-height: 1.6; }
.inesfa-talk-em-breve-box strong { display: block; font-family: var(--font-display); font-size: 13px; letter-spacing: .5px; text-transform: uppercase; color: var(--gold-dark); margin-bottom: 2px; }

.inesfa-talk-foto {
  max-width: 900px; margin: 40px auto 0; padding: 0 64px 64px;
}
.inesfa-talk-foto-placeholder {
  aspect-ratio: 21/9; border-radius: 12px; background: var(--off-white);
  border: 1.5px dashed var(--surface-2);
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: 8px; color: var(--gray); text-align: center;
}
.inesfa-talk-foto-placeholder svg { width: 32px; height: 32px; opacity: .4; }
.inesfa-talk-foto-placeholder span { font-size: 12px; }

@media (max-width: 768px) {
  .inesfa-talk-intro { padding: 40px 20px 0; }
  .inesfa-talk-em-breve { padding: 0 20px; margin-top: 24px; }
  .inesfa-talk-foto { padding: 0 20px 40px; margin-top: 24px; }
}