.lista-unidades {
  margin: 0;
  padding: 0;
}

.lista-unidades .unidade-card {
  display: flex;
  flex-direction: column;
  border: 1px solid #07a4c9;
  border-radius: 12px;
  overflow: hidden;
  background: #fff;
  text-decoration: none;
  margin: 0 8px;
}

.lista-unidades .unidade-media {
  aspect-ratio: 16/9;
  background: #f4f6f8;
  overflow: hidden;
}

.lista-unidades .unidade-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.lista-unidades .unidade-body {
  padding: 14px 16px;
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: .5rem;
  text-align: left;
}

.lista-unidades .unidade-title {
  font-size: 26px;
  font-weight: 500;
  margin: 10px 0 5px 0;
  /* Regras para limitar em 2 linhas */
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.lista-unidades .unidade-descricao {
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
  color: #444;
}

.lista-unidades .unidade-actions {
  margin-top: auto;
  padding-top: 10px;
}

/* Nova regra baseada na sua imagem */
a.btn.btn-unidade {
  height: 33px;
  width: 141px;
}

/* Regra principal do botão atualizada com o seu padding */
.lista-unidades .btn-unidade {
  display: inline-block;
  padding: 3px 20px; /* Atualizado conforme a imagem */
  background: #07a4c9;
  border: 1px solid #07a4c9;
  color: #fff;
  border-radius: 20px;
  text-decoration: none;
  font-weight: 500;
  transition: background 0.3s ease;
  box-sizing: border-box; /* Garante que o padding não aumente o width total */
  text-align: center; /* Centraliza o texto no botão de largura fixa */
  line-height: 25px; /* Alinha o texto verticalmente dentro dos 33px de altura */
}

.lista-unidades .btn-unidade:hover {
  background: #0582a2;
  color: #fff;
}

.lista-unidades .slick-prev {
  left: -25px;
}

.lista-unidades .slick-next {
  right: -25px;
}

.lista-unidades .slick-prev::before,
.lista-unidades .slick-next::before {
  display: none !important;
  content: '' !important;
}

.lista-unidades .slick-arrow i::before {
  color: #07a4c9;
  font-size: 20px;
}

/* =========================================
   CONFIGURAÇÃO DAS SETAS LATERAIS (BRANCAS)
   ========================================= */

.lista-unidades .slick-prev,
.lista-unidades .slick-next {
  width: 40px;
  height: 40px;
  z-index: 10; /* Garante que fiquem por cima e clicáveis */
}

/* Posicionamento para fora dos cards */
.lista-unidades .slick-prev {
  left: -40px; 
}

.lista-unidades .slick-next {
  right: -22px; 
}

/* Esconde a seta padrão embutida do Slick */
.lista-unidades .slick-prev::before,
.lista-unidades .slick-next::before {
  display: none !important;
  content: '' !important;
}

/* Estiliza o ícone do FontAwesome (Seta Branca) */
.lista-unidades .slick-arrow i::before {
  color: #ffffff; /* Seta branca */
  font-size: 30px; /* Deixa a seta maior e mais visível */
  transition: opacity 0.3s ease;
}

/* Efeito de opacidade ao passar o mouse (opcional, mas dá um toque legal) */
.lista-unidades .slick-arrow:hover i::before {
  opacity: 0.7;
}