/* Identidade visual das páginas de workshops alinhada ao padrão de cursos. */
.pagina-workshops,
.pagina-workshop-detalhe {
  --ft-cor-escura: #070534;
  --ft-cor-secundaria: #ffb901;
}

.pagina-workshops {
  background: #eef2f8;
}

.pagina-workshop-detalhe .canais-contato-bg-cinza {
  background: #eef2f8;
}

/* Paleta de botões igual às páginas principais de cursos. */
.pagina-workshops .btn--blue,
.pagina-workshops .hover--blue:hover,
.pagina-workshops .btn--tra-black.hover--blue:hover,
.pagina-workshop-detalhe .btn--blue,
.pagina-workshop-detalhe .hover--blue:hover,
.pagina-workshop-detalhe .btn--tra-black.hover--blue:hover {
  background-color: #ffb901 !important;
  border-color: #ffb901 !important;
  color: #000000 !important;
}

.pagina-workshops .btn--tra-black.hover--blue,
.pagina-workshop-detalhe .btn--tra-black.hover--blue {
  border-color: #070534 !important;
  color: #070534 !important;
}

.pagina-workshops .btn--tra-black.hover--blue:hover,
.pagina-workshop-detalhe .btn--tra-black.hover--blue:hover {
  background-color: #070534 !important;
  border-color: #070534 !important;
  color: #ffb901 !important;
}

.pagina-workshops .color--blue,
.pagina-workshop-detalhe .color--blue,
.pagina-workshops .module-subtitle.subtitle-line,
.pagina-workshop-detalhe .module-subtitle.subtitle-line {
  color: #070534 !important;
}

.pagina-workshops .border-yellow,
.pagina-workshop-detalhe .border-yellow {
  border-color: #ffb901 !important;
}

.pagina-workshops .ico-wrap.color--plum .cbox-8-ico,
.pagina-workshop-detalhe .ico-wrap.color--plum .cbox-8-ico,
.pagina-workshops .color--plum,
.pagina-workshop-detalhe .color--plum {
  color: #ffb901 !important;
}

/* Moldura leve para a imagem principal da agenda de workshops. */
.workshops-hero-image-frame {
  background: linear-gradient(140deg, rgba(255, 255, 255, 0.95), rgba(243, 246, 252, 0.95));
  border-radius: 24px;
  padding: 24px;
}

.workshops-hero-image-frame img {
  border-radius: 16px;
}

.pagina-workshops #hero.hero-16.hero-section,
.pagina-workshop-detalhe #hero.hero-16.hero-section {
  background-image: none !important;
  background-color: transparent !important;
  padding-bottom: 70px;
  margin-bottom: 0;
}

/* Mantém a página inteira com o mesmo fundo e separa as seções por borda. */
.workshops-lista-section {
  background: transparent;
  border-top: 2px solid #d5deec;
}

.workshops-grid-wrapper .workshops-card {
  overflow: hidden;
  border: 1px solid #e7ecf4;
}

.workshops-card-media {
  height: 260px;
  overflow: hidden;
}

.workshops-card-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.workshops-card-content {
  display: flex;
  flex-direction: column;
}

.workshops-card-summary {
  color: #3e4a5d;
  margin-bottom: 12px;
}

.workshops-meta-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.workshops-meta-list li {
  margin-bottom: 8px;
  color: #4d596a;
}

.workshops-meta-list li span {
  margin-right: 8px;
  color: #ffb901;
}

.workshops-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: auto;
}

/* Formulário de consulta (captura): inputs e CTA no padrão amarelo do site. */
.pagina-workshops .formulario-captura .form-control,
.pagina-workshop-detalhe .formulario-captura .form-control {
  border: 2px solid #ffb901;
}

.pagina-workshops .formulario-captura .form-control:focus,
.pagina-workshop-detalhe .formulario-captura .form-control:focus {
  border-color: #ffb901;
  box-shadow: 0 0 0 0.2rem rgba(255, 185, 1, 0.2);
}

.pagina-workshops .formulario-captura .btn.bt-laranja,
.pagina-workshop-detalhe .formulario-captura .btn.bt-laranja {
  background-color: #ffb901 !important;
  border-color: #ffb901 !important;
  color: #000000 !important;
}

.workshops-empty,
.workshop-empty {
  background: #fff;
  padding: 28px;
}

.workshops-step {
  padding: 30px 24px;
}

.workshop-context-card {
  height: 100%;
  padding: 24px;
  text-align: left;
}

.workshop-context-card li {
  margin-bottom: 8px;
  text-align: left;
}

.workshop-context-card-title {
  margin-bottom: 18px;
  text-align: left;
}

.workshop-context-card-list {
  list-style: none;
  margin: 8px 0 0;
  padding: 0;
}

@media (max-width: 991px) {
  .pagina-workshops #hero.hero-16.hero-section,
  .pagina-workshop-detalhe #hero.hero-16.hero-section {
    padding-bottom: 56px;
  }

  .workshops-card-media {
    height: 220px;
  }

}

@media (max-width: 575px) {
  .workshops-actions {
    display: grid;
    grid-template-columns: 1fr;
  }
}