/* ==========================================================================
   Secção das inscrições na home
   Segue o molde da `.section-programacao`: `clear: both` (as secções do tema
   são float), o mesmo `titulo-traco` e os mesmos cartões `.etwc-evento`.
   ========================================================================== */

div.section-inscricoes{
  clear: both;
  position: relative;
  float: none;
  width: 100%;
  padding: 80px 0 0;
}

div.section-inscricoes .titulo-traco{
  margin-top: 0;
  margin-bottom: 34px;
}

.etwc-insc-home{
  width: 100%;
}

/* A grelha dos cartões. A programação usa um carrossel; aqui uma grelha de
   três, que é o que faz sentido para uma lista curta. */
.etwc-insc-grade{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0 24px;
  width: 100%;
  margin: 0 0 30px;
}

/* O cartão é o `.etwc-evento` da agenda — o CSS base já existe no tema.
   O tema dá-lhe `width` fixa (é um carrossel); aqui tem de encher a célula. */
div.section-inscricoes .etwc-insc-grade .etwc-evento,
div.section-inscricoes .etwc-insc-grade .etwc-evento-imagem,
div.section-inscricoes .etwc-insc-grade .etwc-evento-corpo{
  width: 100%;
  max-width: none;
  min-width: 0;
  flex: 0 0 auto;
}

div.section-inscricoes .etwc-insc-grade .etwc-evento{
  display: flex;
  flex-direction: column;
  background: none;
}

.etwc-insc-grade .etwc-evento-imagem{
  display: block;
  position: relative;
  overflow: hidden;
  aspect-ratio: 16 / 10;
  background: #e2e6ea;
}

.etwc-insc-grade .etwc-evento-imagem img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.etwc-insc-grade .etwc-evento-corpo{
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  padding: 20px 20px 22px;
}

.etwc-insc-grade .etwc-evento-local{
  margin: 0;
  font-family: "PlantinMTPro", Georgia, serif;
  font-size: .94rem;
  color: #8b8f96;
}

.etwc-insc-grade .etwc-evento-btn{
  align-self: flex-start;
  margin-top: auto;
  padding: 9px 18px;
  border: 1px solid #231f20;
  background: #231f20;
  color: #fff;
  font-family: "CommunityGothic", sans-serif;
  font-size: .78rem;
  letter-spacing: .1em;
  text-transform: uppercase;
  line-height: 1;
  text-decoration: none;
  transition: background .2s ease, color .2s ease;
}

.etwc-insc-grade .etwc-evento-btn:hover,
.etwc-insc-grade .etwc-evento-btn:focus-visible{
  background: #fff;
  color: #231f20;
}

.etwc-insc-grade .etwc-evento-btn.is-esgotado{
  background: transparent;
  border-color: #d8dce2;
  color: #8b8f96;
  cursor: default;
}

div.section-inscricoes .etwc-ver-inscricoes{
  display: inline-block;
}

@media (max-width: 1100px){
  .etwc-insc-grade{ grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 34px 24px }
}

@media (max-width: 680px){
  div.section-inscricoes{ padding-top: 52px }
  .etwc-insc-grade{ grid-template-columns: 1fr; gap: 30px }
}

/* ==========================================================================
   Faixa do portal do parceiro (home)
   Uma linha fina, texto à esquerda e um link à direita. Sem caixa.
   ========================================================================== */

.etwc-faixa-parceiro{
  padding: 0 0 96px;
  clear: both;
  float: none;
}

.etwc-faixa-wrap{
  width: 100%;
  max-width: 1320px;
  margin: 0 auto;
  padding: 0 60px;
}

.etwc-faixa-linha{
  height: 1px;
  background: #d8dce2;
  margin: 0 0 34px;
}

.etwc-faixa-conteudo{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 28px;
  flex-wrap: wrap;
  width: 100%;
}

.etwc-faixa-texto-bloco{ max-width: 600px }

.etwc-faixa-titulo{
  margin: 0 0 8px;
  font-family: "CommunityGothic", sans-serif;
  font-size: 2.35rem;
  font-weight: 400;
  letter-spacing: -.3px;
  color: #000;
}

.etwc-faixa-texto{
  margin: 0;
  max-width: 600px;
  font-family: "PlantinMTPro", Georgia, serif;
  font-size: 1.18rem;
  line-height: 1.6;
  color: #52565e;
}

.etwc-faixa-link{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-top: 8px;
  font-family: "CommunityGothic", sans-serif;
  font-size: 1rem;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  color: #231f20;
  text-decoration: none;
  white-space: nowrap;
  border-bottom: 1px solid #231f20;
  padding-bottom: 4px;
}

.etwc-faixa-link .bi{ font-size: 1.1em }
.etwc-faixa-link:hover{ opacity: .65 }

@media (max-width: 760px){
  .etwc-faixa-parceiro{ padding-bottom: 70px }
  .etwc-faixa-wrap{ padding: 0 22px }
  .etwc-faixa-titulo{ font-size: 1.7rem }
  .etwc-faixa-conteudo{ flex-direction: column; gap: 16px }
}