/* ===== O Card de Filme - Configuração Base ===== */
.card.search-item {
  position: relative;
  overflow: hidden;
  border-radius: 12px;
  isolation: isolate;
  
  /* --- CRUCIAL --- */
  /* Defina a imagem da capa do filme aqui no CSS do card */
  background-image: url('caminho/para/sua/capa-do-filme.jpg'); 
  background-size: cover;
  background-position: center;
  
  /* Mantém o card no lugar, sem mover para frente/atrás */
  transition: transform 0.3s ease; 
}

/* ===== A "Superfície Flácida" (Pseudo-elemento) ===== */
/* Este elemento carrega a MESMA imagem do card e é o que vamos animar */
.card.search-item::before {
  content: "";
  position: absolute;
  inset: -5px; /* Ligeiramente maior que o card para a animação não cortar as bordas */
  
  /* Carrega a mesma imagem de fundo do card */
  background-image: inherit; 
  background-size: cover;
  background-position: center;
  
  /* Filtro inicial suave (opcional, para um look mais acetinado) */
  filter: blur(0px) brightness(1);
  
  /* ESTADO INICIAL: Escala normal */
  transform: scale(1);
  
  /* MÁGICA DA SUAVE SAÍDA: 
     Quando o toque termina, ele volta ao normal de forma LENTA e SUAVE.
     Usamos uma curva bezier personalizada para o efeito 'mola'. */
  transition: transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275), filter 0.5s ease;
  
  z-index: -1; /* Fica atrás de qualquer conteúdo (texto, ícones) dentro do card */
}

/* ===== A Animação de "Ondinha" no Toque (Active) ===== */

/* Quando você TOCA e SEGURA */
.card.search-item:active::before {
  /* 1. EFEITO DE AFUNDAR: Onde você tocou "afunda" sutilmente */
  /* Aumentamos a escala bem pouquinho para simular que a superfície esticou */
  transform: scale(1.04); 
  
  /* 2. EFEITO DE ONDINHA/Distorção: 
     Aplicamos um desfoque RÁPIDO para simular a distorção da superfície flácida. */
  filter: blur(4px) brightness(1.1); /* Brilho leve simulando a luz na ondinha */
  
  /* RESPOSTA RÁPIDA: Ao tocar, o efeito aparece rápido */
  transition: transform 0.1s ease-out, filter 0.1s ease-out;
}
