/* decided on only using main for now,as customization aint the enphasis on this occasion */
:root {
  --post-border: rgba(0, 0, 0, 0.08);
  --post-hover: rgba(0, 0, 0, 0.12);
}

.post-card {
  border: 1px solid var(--post-border);
  border-left-width: 4px; /* visual separation so it looks less cluttered */
  border-left-color: rgba(13, 110, 253, 0.6);
  margin-bottom: 1rem;
}
.post-card .card-body {
  padding: 1.25rem;
}
.post-card:hover {
  border-color: var(--post-hover);
  transform: translateY(-1px);
  transition: transform 120ms ease, border-color 120ms ease;
}

article .text-body {
  line-height: 1.7;
}

.card {
  border: 1px solid rgba(0, 0, 0, 0.08);
}

.table thead th {
  letter-spacing: 0.2px;
}

.table-hover tbody tr:hover {
  cursor: default;
}

.table td, .table th {
  vertical-align: middle;
} /* at some point, these will be styled properly on other scss folders, like, properly. as it shows on the created components and layout sub-folders on the dropout of scss */
/* Fuerza el color de fondo por fila (no por celda) */
.table tbody tr.fila-impar > * {
  background-color: #919191 !important;
}

.table tbody tr.fila-par > * {
  background-color: #ffffff !important;
}

/*# sourceMappingURL=main.css.map */