.lcg-card{
  border:1px solid #e6e6e6;
  border-radius:14px;
  padding:16px;
  margin:12px 0;
  background:#fff;
}
.lcg-card__meta{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
  margin-bottom:10px;
}
.lcg-pill{
  display:inline-block;
  padding:4px 10px;
  border-radius:999px;
  background:#f3f6ff;
  font-size:11px;
  font-weight:600;
}
.lcg-code{ font-weight:700; }
.lcg-date{ font-size:11px; opacity:.75; }
.lcg-card__title{ margin:0; font-size:16px; line-height:1.25; }
.lcg-desc{ margin:10px 0; }
.lcg-card__files{
  margin-top:14px;
  padding-top:12px;
  border-top:1px dashed #ddd;
}
.lcg-files__title{ font-weight:700; margin-bottom:8px; }
.lcg-files__list a{ text-decoration:none; }
.lcg-files__list a:hover{ text-decoration:underline; }


/* Wrapper da View: 1 coluna e largura total */
.view-content-wrap{
  display: grid;
  grid-template-columns: 1fr;
  gap: 18px;
  width: 100%;
}

/* Cada item (card) ocupa 100% */
.view-content-wrap > .item{
  width: 100%;
  max-width: 100%;
}

/* Se você tem uma classe no card, garanta 100% também */
.view-content-wrap .licitacao-card,
.view-content-wrap article,
.view-content-wrap .views-row{
  width: 100%;
  max-width: 100%;
}

/* Evita “centralização” que deixa estreito */
.view-content{
  width: 100%;
}

/* Mesma aparência do .lcg-date para a data dos anexos (Documentos) */
.lcg-date,
.lcg-card__files time,
.lcg-card__files .field--name-created,
.lcg-card__files .field--name-created time {
  /* copie/cole aqui exatamente o conteúdo do seu .lcg-date atual */
  /* Exemplo (ajuste se seu .lcg-date for diferente): */
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .2px;
  color: #6b7280;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
}

/* bloco Situação/Processo/Edital + Abertura/Íntegra */
.lcg-info{
  display: grid;
  grid-template-columns: 1fr 0.9fr; /* 2ª coluna um pouco menor (puxa pro meio) */
  column-gap: 32px;
  margin-top: 16px;
  align-items: start;
}

.lcg-info__left,
.lcg-info__right{
  min-width: 0;
}

.lcg-info__right{
  text-align: left;        /* não encosta no lado direito */
  justify-self: start;     /* fica “mais pro meio” dentro da coluna */
  max-width: 420px;        /* opcional: evita esticar até a borda */
}

/* mobile */
@media (max-width: 768px){
  .lcg-info{
    grid-template-columns: 1fr;
    row-gap: 10px;
  }
  .lcg-info__right{
    max-width: none;
  }
}