/* # Contenedores, sombras y bordes redondeados. */
/* # Contenedores, sombras y bordes redondeados. */

.card {
  background: var(--color-surface);

  border-radius: var(--border-radius-lg);

  box-shadow: var(--shadow-card);

  padding: var(--spacing-xl);
}

.card-header {
  display: flex;

  align-items: center;

  justify-content: space-between;

  margin-bottom: 20px;
}

.card-title {
  font-size: var(--font-size-p);

  font-weight: var(--font-weight-semibold);
}