/* modules/mod_customcards/media/css/style.css */

/* 1. Cards transparentes, sin borde */
.card {
  background-color: transparent !important;
  border: none !important;
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* 2. Texto blanco en cuerpo */
.card-body {
  display: flex;
  flex-direction: column;
  color: #fff;
}

/* Asegurarnos de que títulos y texto sean blancos */
.card-title,
.card-text {
  color: #fff;
}

/* 3. Botón con texto blanco (y fondo verde semitransparente si quieres) */
.card-body .btn {
  color: #fff;
  background-color: rgba(76, 175, 80, 0.9); /* puedes ajustar el RGBA */
  border: none;
}

/* 4. Imagen recortada y escalada al tamaño deseado */
.card-img-top {
  width: 100%;
  height: 180px;         /* ajusta este valor al alto que necesites */
  object-fit: cover;     /* cubre todo el área sin deformar */
  object-position: center center;
}