/* ==========================================================================
   components/especies.css — Especies
   Sin marcador (bloque único en cadena-valor.html).
   ========================================================================== */
.especies { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--space-5); }
.especies__item {
  position: relative;          /* ancla del crédito de la foto (.credito-foto) */
  display: flex;
  flex-direction: column;
  margin: 0;
  overflow: hidden;
  border: var(--hairline) solid var(--c-borde);
  border-radius: var(--radio);
  background: var(--c-blanco);
}
.especies__item img {
  width: 100%;
  aspect-ratio: 1;
  object-fit: cover;
  transition: transform var(--dur-media) var(--ease-cambio);
}
.especies__item:hover img { transform: scale(1.04); }

.especies__cuerpo { display: flex; flex: 1; flex-direction: column; gap: var(--space-2); padding: var(--space-4) var(--space-5) var(--space-5); }
/* Acento corto en agua sobre el título, como hilo visual entre las cuatro tarjetas */
.especies__titulo { margin: 0; font-size: var(--text-lg); }
.especies__titulo::before {
  content: "";
  display: block;
  width: var(--space-6);
  height: var(--space-1);
  margin-bottom: var(--space-3);
  border-radius: var(--radio-pill);
  background: var(--c-agua);
}
.especies__texto { margin: 0; font-size: var(--text-sm); color: var(--c-texto-suave); }

@media (max-width: 900px) { .especies { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 640px) { .especies { grid-template-columns: 1fr; } }
@media (prefers-reduced-motion: reduce) { .especies__item:hover img { transform: none; } }