
/* V135 - Alinhamento definitivo dos corações nos cards */
.home-section .spot-card{
  position:relative!important;
  overflow:hidden!important;
}

/* Mantém o link/imagem abaixo do botão de favorito */
.home-section .spot-card > a{
  display:block!important;
  position:relative!important;
  z-index:1!important;
}

/* Captura todas as variações reais do botão favorito dentro dos cards */
.home-section .spot-card > button,
.home-section .spot-card > form,
.home-section .spot-card .favorite-btn,
.home-section .spot-card .favorite-button,
.home-section .spot-card .btn-favorite,
.home-section .spot-card .card-favorite,
.home-section .spot-card [data-favorite],
.home-section .spot-card [class*="favorite"],
.home-section .spot-card [class*="favorito"]{
  position:absolute!important;
  top:12px!important;
  right:12px!important;
  left:auto!important;
  bottom:auto!important;
  z-index:30!important;

  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  min-height:34px!important;
  max-width:34px!important;
  max-height:34px!important;

  padding:0!important;
  margin:0!important;
  border-radius:999px!important;

  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;

  line-height:1!important;
  font-size:16px!important;

  background:rgba(255,255,255,.96)!important;
  border:1px solid rgba(226,232,240,.92)!important;
  box-shadow:0 8px 20px rgba(15,23,42,.14)!important;

  transform:none!important;
  translate:none!important;
  overflow:hidden!important;
}

/* Se o botão favorito estiver dentro de form, centraliza o botão real */
.home-section .spot-card > form{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

.home-section .spot-card > form button,
.home-section .spot-card form .favorite-btn,
.home-section .spot-card form [class*="favorite"],
.home-section .spot-card form [class*="favorito"]{
  position:static!important;
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  min-height:34px!important;
  max-width:34px!important;
  max-height:34px!important;
  padding:0!important;
  margin:0!important;
  border-radius:999px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}

/* Centraliza qualquer conteúdo interno: texto, emoji, svg ou ícone */
.home-section .spot-card .favorite-btn *,
.home-section .spot-card .favorite-button *,
.home-section .spot-card .btn-favorite *,
.home-section .spot-card .card-favorite *,
.home-section .spot-card [data-favorite] *,
.home-section .spot-card [class*="favorite"] *,
.home-section .spot-card [class*="favorito"] *,
.home-section .spot-card > button *{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  line-height:1!important;
  transform:none!important;
}

.home-section .spot-card svg,
.home-section .spot-card [class*="favorite"] svg,
.home-section .spot-card [class*="favorito"] svg{
  width:17px!important;
  height:17px!important;
  display:block!important;
  margin:0!important;
}

/* Corrige casos em que o coração é pseudo/conteúdo com deslocamento */
.home-section .spot-card [class*="favorite"]::before,
.home-section .spot-card [class*="favorite"]::after,
.home-section .spot-card [class*="favorito"]::before,
.home-section .spot-card [class*="favorito"]::after{
  margin:0!important;
  line-height:1!important;
  position:static!important;
  transform:none!important;
}

/* Estado ativo vermelho, mantendo alinhamento */
.home-section .spot-card .active,
.home-section .spot-card .is-active,
.home-section .spot-card [aria-pressed="true"],
.home-section .spot-card [data-active="1"]{
  color:#fff!important;
  background:#ef4444!important;
  border-color:#ef4444!important;
}

/* Mobile */
@media(max-width:760px){
  .home-section .spot-card > button,
  .home-section .spot-card > form,
  .home-section .spot-card .favorite-btn,
  .home-section .spot-card .favorite-button,
  .home-section .spot-card .btn-favorite,
  .home-section .spot-card .card-favorite,
  .home-section .spot-card [data-favorite],
  .home-section .spot-card [class*="favorite"],
  .home-section .spot-card [class*="favorito"]{
    top:10px!important;
    right:10px!important;
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    min-height:34px!important;
    max-width:34px!important;
    max-height:34px!important;
    font-size:16px!important;
  }
}
