/* ==========================================================================
   CENTRAL DE ANÚNCIOS: GRID RESPONSIVO E COMPACTADO DE 6 COLUNAS
   ========================================================================== */

.central-lista-css > .view-content {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 8px !important; /* Espaço entre cards reduzido pela metade */
  width: 100% !important;
  align-items: stretch !important;
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}

.central-lista-css > .view-content::before,
.central-lista-css > .view-content::after {
  display: none !important;
}

.central-lista-css > .view-content > .views-row {
  border: 1px solid #bbd1df !important;
  border-radius: 6px !important;
  padding: 8px !important; /* Espaço interno do cartão cortado pela metade */
  background-color: #ffffff !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  width: 100% !important;
  box-sizing: border-box !important;
  float: none !important;
  margin: 0 !important;
  min-width: 0 !important;
}

.central-lista-css > .view-content > .views-row .views-field,
.central-lista-css > .view-content > .views-row > div {
  margin-bottom: 0px !important; /* Margem entre os campos reduzida pela metade */
  width: 100% !important;
  box-sizing: border-box !important;
}

.central-lista-css > .view-content > .views-row .views-field-title a {
  font-weight: bold !important;
  text-decoration: none !important;
  color: #333333 !important;
}

.central-lista-css > .view-content > .views-row .views-field:last-child {
  margin-top: auto !important;
  padding-top: 4px !important;
}

.central-lista-css > .view-content > .views-row img {
  display: block !important;
  margin: 0 auto 0px auto !important; /* Margem abaixo da foto reduzida */
  max-width: 100% !important;
  height: auto !important;
  border-radius: 4px !important;
}

.central-lista-css > .view-content > .views-row > div:not([class*="views-field"]),
.central-lista-css > .view-content > .views-row > div:not([class*="views-field"]) span {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden !important;
}

.central-lista-css > .view-content > .views-row > div:not([class*="views-field"]) a {
  font-weight: bold !important;
  text-decoration: none !important;
  color: #333333 !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
}

/* ==========================================================================
   MEDIA QUERIES: RESPONSIVIDADE EXCLUSIVA DA CENTRAL (COMPACTADA)
   ========================================================================== */
@media screen and (min-width: 576px) { .central-lista-css > .view-content { grid-template-columns: repeat(2, 1fr) !important; } }
@media screen and (min-width: 768px) { .central-lista-css > .view-content { grid-template-columns: repeat(3, 1fr) !important; } }
@media screen and (min-width: 1024px) { .central-lista-css > .view-content { grid-template-columns: repeat(4, 1fr) !important; } }
@media screen and (min-width: 1400px) { .central-lista-css > .view-content { grid-template-columns: repeat(6, 1fr) !important; } }

/* ==========================================================================
   🚀 COMPACTAÇÃO MÁXIMA PARA A CENTRAL (ZERA VÃOS E ESPAÇOS EM VERMELHO)
   ========================================================================== */

/* Remove quase toda a margem abaixo da foto do cavalo na Central */
.central-lista-css > .view-content > .views-row img {
  margin: 0 auto 0px auto !important;
}

/* Reduz drasticamente a margem de todas as linhas de texto internas do card da Central */
.central-lista-css > .view-content > .views-row .views-field,
.central-lista-css > .view-content > .views-row > div {
  margin-bottom: 0px !important;
}

/* Ajusta o espaçamento do último campo (preço) para não criar um vão artificial */
.central-lista-css > .view-content > .views-row .views-field:last-child {
  margin-top: 0px !important;
  padding-top: 0 !important;
}


/* ==========================================================================
   🚀 TRAVAMENTO DO REDUTOR DE TEXTO NA CENTRAL (UMA LINHA COM RETICÊNCIAS)
   ========================================================================== */

/* Controla a div do título criada via interface do Drupal na Central */
.central-lista-css .titulo-cortado-css {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden !important;
  white-space: nowrap !important; /* Trava estritamente em uma única linha */
  box-sizing: border-box !important;
  margin-bottom: 0px !important;
}

/* Aplica os três pontinhos (...) diretamente no link da Central */
.central-lista-css .titulo-cortado-css a {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important; /* Ativa as reticências automaticamente */
  text-decoration: none !important;
  color: #333333 !important;
}

.titulo-cortado-css {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden !important;
  white-space: nowrap !important; /* Trava estritamente em uma única linha */
  box-sizing: border-box !important;
  margin-bottom: 0px !important;
}

.titulo-cortado-css a {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  white-space: nowrap !important; /* Impede a quebra de texto interna */
  overflow: hidden !important;
  text-overflow: ellipsis !important; /* Aplica os três pontinhos (...) */
  text-decoration: none !important;
  color: #333333 !important;
}


.cavalos-lista-css .titulo-cortado-css a,
.cavalos-lista-css .titulo-cortado-css a:link,
.cavalos-lista-css .titulo-cortado-css a:visited,
.cavalos-lista-css .titulo-cortado-css a:hover,
.lances-lista-css .titulo-cortado-css a,
.lances-lista-css .titulo-cortado-css a:link,
.lances-lista-css .titulo-cortado-css a:visited,
.central-lista-css .titulo-cortado-css a {
  --solo-font: 'Archivo Narrow', sans-serif;
  font-family: var(--solo-font);  
  color: #1f456e !important;
  text-decoration: none !important;
}