.tarjeta-seleccionable {
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}
.tarjeta-seleccionable:hover {
  border-color: #0d6efd !important;
  transform: translateY(-2px);
}
.tarjeta-seleccionable.seleccionada {
  border-color: #20c997 !important;
  background-color: rgba(32, 201, 151, 0.05);
}

.tarjeta-personalizada {
  border: 2px dashed #ffc107 !important;
  background-color: rgba(255, 193, 7, 0.03);
}

.extra-small {
  font-size: 0.75rem;
}

@media (max-width: 991.98px) {
  .sticky-top {
    position: relative !important;
    top: 0 !important;
    margin-top: 2rem;
  }
}