/* Selector compacto de planes (registro y alta de empresa; dominio/planes.ts). */
.login-card.con-planes { max-width: 540px; }

.planes-compactos {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .5rem;
}
@media (min-width: 768px) {
  .planes-compactos.cuatro { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

.plan-compacto {
  display: flex;
  flex-direction: column;
  gap: .1rem;
  height: 100%;
  padding: .6rem .7rem;
  border: 1px solid #d5dbe3;
  border-radius: 4px;
  background: #fff;
  cursor: pointer;
  line-height: 1.25;
  transition: border-color .12s, box-shadow .12s, background-color .12s;
}
.plan-compacto:hover { border-color: #9fb3c8; }
.btn-check:checked + .plan-compacto {
  border-color: var(--color-primario);
  box-shadow: 0 0 0 1px var(--color-primario);
  background: #f3f6fa;
}
.btn-check:focus-visible + .plan-compacto {
  outline: 2px solid var(--color-primario);
  outline-offset: 2px;
}
.plan-compacto .pc-nombre { font-weight: 600; }
.plan-compacto .pc-precio { font-size: 1.05rem; font-weight: 600; color: var(--color-primario); }
.plan-compacto .pc-detalle { font-size: .78rem; color: #6c757d; }