/* =========================================================
   components/cards.css — Card base do design system Precision 3D
   ========================================================= */

/* Card com borda vermelha animada no hover */
.p3d-card {
  background: var(--gray-dark);
  border: 1px solid var(--gray-border);
  position: relative;
  overflow: hidden;
  transition: background var(--ease);
}

.p3d-card::before {
  content: '';
  position: absolute;
  top: 0; left: 0;
  width: 3px;
  height: 0;
  background: var(--red);
  transition: height var(--ease-med);
}
.p3d-card:hover { background: #1f1f1f; }
.p3d-card:hover::before { height: 100%; }

/* ---------------------------------------------------------
   DIVISOR HORIZONTAL
   --------------------------------------------------------- */
.hr-divider {
  border: none;
  border-top: 1px solid var(--gray-border);
  margin-block: 56px;
}