/* ============================================
   ANIMA – Estilos para imágenes unificadas
   Archivo: aa-imagenes.css
   ============================================ */

/* Contenedor principal */
.aa-card-img {
  width: 100%;
  max-width: 900px;
  margin: 0 auto 2.5rem auto;
  border: 1px solid #e1e1e1;
  border-radius: 14px;
  overflow: hidden;
  background: #ffffff;
  transition: all .35s ease;
}

/* Hover premium */
.aa-card-img:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.14);
}

/* Mantener todas las imágenes uniformes en 16:9 */
.aa-card-img__ratio {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
}

/* Imagen interior – SIEMPRE visible */
.aa-card-img__ratio img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  opacity: 1 !important;
  transition: opacity .25s ease-in-out;
}